API tools faq
paste
saestrah

evergiven

saestrah
Mar 27th, 2021
472
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.23 KB | None | 0 0
raw download clone embed print report
  1. <!----
  2.  
  3. evergiven · by saestrah · march 2021
  4.  
  5. · base code by sorrism
  6. · countup script by mrwigster
  7. · scroll to top by paul underwood
  8. · smoothscroll by balazs galambosi
  9. · flexible frames by nouvae
  10. · npf images readjustment by glenthemes
  11. · audio player & notecount script shythemes
  12. · photosets by annasthms and eggdesign
  13. · nightmode by eggdesign
  14. · icons by line-awesome
  15. · tooltips by malihu
  16.  
  17. || terms of use
  18.  
  19. · don't remove credit
  20. · don't repost or redistribute
  21. · don't take parts of the code and use as your own
  22.  
  23. || notes
  24.  
  25. · for customisation hints, search for "a note from saestrah"
  26.  
  27. ---->
  28.  
  29. <!DOCTYPE html>
  30. <head>
  31.  
  32. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  33.  
  34. <title>{block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  35.  
  36. <link rel="shortcut icon" href="{Favicon}">
  37.  
  38. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  39. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  40.  
  41. <!---- defaults ---->
  42.  
  43. <meta name="color:Background" content="#ffffff"/>
  44. <meta name="color:Night Background" content="#292f36"/>
  45. <meta name="color:Base" content="#f6f6f6"/>
  46. <meta name="color:Night Base" content="#21262c"/>
  47. <meta name="color:Text" content="#888888"/>
  48. <meta name="color:Night Text" content="#cccccc"/>
  49. <meta name="color:Link" content="#000000"/>
  50. <meta name="color:Night Link" content="#ffffff"/>
  51. <meta name="color:Accent" content="#235e66"/>
  52. <meta name="color:Night Accent" content="#b3f02e"/>
  53. <meta name="color:Title"content="#000000"/>
  54. <meta name="color:Night Title" content="#ffffff"/>
  55. <meta name="color:Scrollbar" content="#eeeeee"/>
  56. <meta name="color:Borders" content="#666666"/>
  57. <meta name="color:Night Borders" content="#eeeeee"/>
  58. <meta name="color:Tooltip Text" content="#ffffff"/>
  59. <meta name="color:Night Tooltip Text" content="#000000"/>
  60.  
  61. <meta name="select:Title Font" content="Big Shoulders Inline Display"/>
  62. <meta name="select:Title Font" content="Bungee"/>
  63. <meta name="select:Title Font" content="Bungee Shade"/>
  64. <meta name="select:Title Font" content="Codystar"/>
  65. <meta name="select:Title Font" content="EB Garamond"/>
  66. <meta name="select:Title Font" content="Ewert"/>
  67. <meta name="select:Title Font" content="Fredericka the Great"/>
  68. <meta name="select:Title Font" content="Grenze Gotisch"/>
  69. <meta name="select:Title Font" content="Inria Sans"/>
  70. <meta name="select:Title Font" content="Inria Serif"/>
  71. <meta name="select:Title Font" content="Karla"/>
  72. <meta name="select:Title Font" content="Kumar One Outline"/>
  73. <meta name="select:Title Font" content="La Belle Aurore"/>
  74. <meta name="select:Title Font" content="Lato"/>
  75. <meta name="select:Title Font" content="Lora"/>
  76. <meta name="select:Title Font" content="Modak"/>
  77. <meta name="select:Title Font" content="Monoton"/>
  78. <meta name="select:Title Font" content="Montserrat Subrayada"/>
  79. <meta name="select:Title Font" content="Nerko One"/>
  80. <meta name="select:Title Font" content="Playfair Display"/>
  81. <meta name="select:Title Font" content="Roboto Condensed"/>
  82. <meta name="select:Title Font" content="Roboto Slab"/>
  83. <meta name="select:Title Font" content="Sarina"/>
  84. <meta name="select:Title Font" content="Staatliches"/>
  85. <meta name="select:Title Font" content="UnifrakturCook"/>
  86.  
  87. <meta name="select:Body Font" content="Big Shoulders Inline Display"/>
  88. <meta name="select:Body Font" content="Bungee"/>
  89. <meta name="select:Body Font" content="Bungee Shade"/>
  90. <meta name="select:Body Font" content="Codystar"/>
  91. <meta name="select:Body Font" content="EB Garamond"/>
  92. <meta name="select:Body Font" content="Ewert"/>
  93. <meta name="select:Body Font" content="Fredericka the Great"/>
  94. <meta name="select:Body Font" content="Grenze Gotisch"/>
  95. <meta name="select:Body Font" content="Inria Sans"/>
  96. <meta name="select:Body Font" content="Inria Serif"/>
  97. <meta name="select:Body Font" content="Karla"/>
  98. <meta name="select:Body Font" content="Kumar One Outline"/>
  99. <meta name="select:Body Font" content="La Belle Aurore"/>
  100. <meta name="select:Body Font" content="Lato"/>
  101. <meta name="select:Body Font" content="Lora"/>
  102. <meta name="select:Body Font" content="Modak"/>
  103. <meta name="select:Body Font" content="Monoton"/>
  104. <meta name="select:Body Font" content="Montserrat Subrayada"/>
  105. <meta name="select:Body Font" content="Nerko One"/>
  106. <meta name="select:Body Font" content="Playfair Display"/>
  107. <meta name="select:Body Font" content="Roboto Condensed"/>
  108. <meta name="select:Body Font" content="Roboto Slab"/>
  109. <meta name="select:Body Font" content="Sarina"/>
  110. <meta name="select:Body Font" content="Staatliches"/>
  111. <meta name="select:Body Font" content="UnifrakturCook"/>
  112.  
  113. <meta name="if:Small Cursor" content="1"/>
  114. <meta name="if:Search" content="1"/>
  115. <meta name="if:Tags On Hover" content="1"/>
  116. <meta name="if:Uppercase Accents" content="1"/>
  117. <meta name="if:Invert Tumblr Controls" content="1"/>
  118.  
  119. <meta name="select:Post Size" content="400px"/>
  120. <meta name="select:Post Size" content="500px"/>
  121. <meta name="select:Post Size" content="600px"/>
  122.  
  123. <meta name="text:Body Font Size" content="12px"/>
  124. <meta name="text:Title Font Size" content="20px"/>
  125. <meta name="text:Title Font Weight" content="400"/>
  126.  
  127. <meta name="text:Search Placeholder" content="search"/>
  128. <meta name="text:Title Tooltip" content=""/>
  129. <meta name="text:Ever Given Tooltip" content=""/>
  130.  
  131. <meta name="text:Home Title" content="home"/>
  132. <meta name="text:Home Tooltip" content=""/>
  133.  
  134. <meta name="text:Ask Title" content="ask"/>
  135. <meta name="text:Ask Tooltip" content=""/>
  136.  
  137. <meta name="text:Archive Title" content="archive"/>
  138. <meta name="text:Archive Tooltip" content=""/>
  139.  
  140. <meta name="text:Random Title" content="shuffle"/>
  141. <meta name="text:Random Tooltip" content=""/>
  142.  
  143. <meta name="text:Link 1" content=""/>
  144. <meta name="text:Link 1 URL" content=""/>
  145. <meta name="text:Link 1 Tooltip" content=""/>
  146.  
  147. <meta name="text:Link 2" content=""/>
  148. <meta name="text:Link 2 URL" content=""/>
  149. <meta name="text:Link 2 Tooltip" content=""/>
  150.  
  151. <meta name="text:Link 3" content=""/>
  152. <meta name="text:Link 3 URL" content=""/>
  153. <meta name="text:Link 3 Tooltip" content=""/>
  154.  
  155. <!---- scripts ---->
  156.  
  157. <script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  158. <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  159. <script src="//code.jquery.com/jquery-1.7.2.min.js"></script>
  160. <script src="//rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
  161. <script src="//cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  162. <script src="//static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  163. <script src="//static.tumblr.com/0podkko/qWqq8va08/photosets.js"></script>
  164. <link href="//static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  165. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  166. <link href="//maxst.icons8.com/vue-static/landings/line-awe
  167. some/line-awesome/1.3.0/css/line-awesome.min.css" rel="stylesheet">
  168. <link rel="stylesheet" type="text/css" href="//saestrah.github.io/portfolio/evergiven/evergiven.css"/>
  169. <script src="//saestrah.github.io/portfolio/evergiven/evergiven.js" type="text/javascript"></script>
  170.  
  171. <!---- fonts ---->
  172.  
  173. <link rel="preconnect" href="https://fonts.gstatic.com">
  174. <link href="https://fonts.googleapis.com/css2?family=Big+Shoulders+Inline+Display:wght@100;300;400;700;900&family=Bungee&family=Bungee+Shade&family=Codystar:wght@300;400&family=EB+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Ewert&family=Fredericka+the+Great&family=Grenze+Gotisch:wght@100;300;400;700&family=Inria+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Inria+Serif:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Karla:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&family=Kumar+One+Outline&family=La+Belle+Aurore&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Modak&family=Monoton&family=Montserrat+Subrayada:wght@400;700&family=Nerko+One&family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600;1,700;1,800&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&family=Sarina&family=Staatliches&family=UnifrakturCook:wght@700&display=swap" rel="stylesheet">
  175.  
  176. <style type="text/css">
  177.  
  178. /* root variables */
  179.  
  180. :root {
  181. --background:{color:Background};
  182. --nightbackground:{color:Night Background};
  183. --rgbbackground:{RGBcolor:Background};
  184. --rgbnightbackground:{RGBcolor:Night Background};
  185. --base:{color:Base};
  186. --nightbase:{color:Night Base};
  187. --text:{color:Text};
  188. --nighttext:{color:Night Text};
  189. --link:{color:Link};
  190. --nightlink:{color:Night Link};
  191. --accent:{color:Accent};
  192. --nightaccent:{color:Night Accent};
  193. --title:{color:Title};
  194. --nighttitle:{color:Night Title};
  195. --scrollbar:{color:Scrollbar};
  196. --borders:{color:Borders};
  197. --nightborders:{color:Night Borders};
  198. --tooltiptext:{color:Tooltip Text};
  199. --nighttooltiptext:{color:Night Tooltip Text};
  200.  
  201. --bodyfont:{select:Body Font};
  202. --bodyfontsize:{text:Body Font Size};
  203. --bodyfontweight:{text:Body Font Weight};
  204. --titlefont:{select:Title Font};
  205. --titlefontsize:{text:Title Font Size};
  206. --titlefontweight:{text:Title Font Weight};
  207.  
  208. --postsize:{select:Post Size};
  209. }
  210.  
  211. /* css */
  212.  
  213. {block:ifUppercaseAccents}
  214. #s-m-t-tooltip, h1, h2, h3, h4, .title, a.read_more, .label, .tags, a.more_notes_link { text-transform:uppercase; }
  215. {/block:ifUppercaseAccents}
  216.  
  217. {block:ifInvertTumblrControls}
  218. iframe.tmblr-iframe { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter:invert(100%); -o-filter:invert(100%); -ms-filter:invert(100%); filter:invert(100%); }
  219. {/block:ifInvertTumblrControls}
  220.  
  221. {block:PermalinkPage}
  222. .top { opacity:0; }
  223. section { padding-bottom:50px; }
  224. .posts { margin-bottom:50px; }
  225. .tags { opacity:1; }
  226. {/block:PermalinkPage}
  227.  
  228. {block:ifTagsOnHover}
  229. .tags { opacity:0; }
  230. .posts:hover .tags {
  231. opacity:1;
  232. transition: all 0.5s ease-in-out;
  233. -webkit-transition: all 0.5s ease-in-out;
  234. -moz-transition: all 0.5s ease-in-out;
  235. -o-transition: all 0.5s ease-in-out;
  236. }
  237. {/block:ifTagsOnHover}
  238.  
  239. {block:ifSmallCursor}
  240. * { cursor:url(https://i.imgur.com/dHusUiR.png),auto }
  241. body { cursor:url(https://i.imgur.com/dHusUiR.png),auto }
  242. iframe.tmblr-iframe:hover, a, a:hover, .ph img { cursor:url(https://i.imgur.com/ZM41vky.png),progress!important; }
  243. [photoset-layout] div { cursor:url(https://i.imgur.com/ZM41vky.png),progress!important; }
  244. {/block:ifSmallCursor}
  245.  
  246. /* a note from saestrah:
  247.  
  248. to add or reduce the size of the gap between images or gifs in photosets, add the following to the css and change the pixel value to your liking:
  249.  
  250. [photoset-layout] { grid-gap:3px; }
  251.  
  252. */
  253.  
  254. </style>
  255. </head>
  256. <body>
  257.  
  258. <!-------------------------------- html ---->
  259.  
  260. <!---- header ---->
  261.  
  262. <header>
  263.  
  264. <a href="/" class="maintitle" {block:ifTitleTooltip}title="{text:Title Tooltip}"{/block:ifTitleTooltip}>{Title}</a>
  265.  
  266. <nav>
  267.  
  268. {block:ifHomeTitle}<li><a href="/" {block:ifHomeTooltip}title="{text:Home Tooltip}"{/block:ifHomeTooltip}>{text:Home Title}</a></li>{/block:ifHomeTitle}
  269. {block:ifAskTitle}<li><a href="/ask" {block:ifAskTooltip}title="{text:Ask Tooltip}"{/block:ifAskTooltip}>{text:Ask Title}</a></li>{/block:ifAskTitle}
  270. {block:ifArchiveTitle}<li><a href="/archive" {block:ifArchiveTooltip}title="{text:Archive Tooltip}"{/block:ifArchiveTooltip}>{text:Archive Title}</a></li>{/block:ifArchiveTitle}
  271. {block:ifRandomTitle}<li><a href="/random" {block:ifRandomTooltip}title="{text:Random Tooltip}"{/block:ifRandomTooltip}>{text:Random Title}</a></li>{/block:ifRandomTitle}
  272. {block:ifLink1}<li><a href="{text:Link 1 URL}" {block:ifLink1Tooltip}title="{text:Link 1 Tooltip}"{/block:ifLink1Tooltip}>{text:Link 1}</a></li>{/block:ifLink1}
  273. {block:ifLink2}<li><a href="{text:Link 2 URL}" {block:ifLink2Tooltip}title="{text:Link 2 Tooltip}"{/block:ifLink2Tooltip}>{text:Link 2}</a></li>{/block:ifLink2}
  274. {block:ifLink3}<li><a href="{text:Link 3 URL}" {block:ifLink3Tooltip}title="{text:Link 3 Tooltip}"{/block:ifLink3Tooltip}>{text:Link 3}</a></li>{/block:ifLink3}
  275.  
  276. {block:ifSearch}
  277. <div id="searchbar"><form class="search" action="/search" method="get"><input type="text" class="query" name="q" value="{SearchQuery}" placeholder="{text:Search Placeholder}"/></form></div>
  278. {/block:ifSearch}
  279.  
  280. </nav>
  281.  
  282. <evergiventimer>
  283. <div class="timertitle">days since the ever given got stuck</div>
  284.  
  285. <div class="countup" id="countup1">
  286. <span class="timeel days">00</span>
  287. <span class="timeel timeRefDays">days</span>
  288. <span class="timeel hours">00</span>
  289. <span class="timeel timeRefHours">hours</span>
  290. <span class="timeel minutes">00</span>
  291. <span class="timeel timeRefMinutes">minutes</span>
  292. <span class="timeel seconds">00</span>
  293. <span class="timeel timeRefSeconds">seconds</span>
  294. </div>
  295. </evergiventimer>
  296.  
  297. </header>
  298.  
  299. <!---- the evergiven ---->
  300.  
  301. <memeable>
  302. <div class="evergiven"><a href="/" {block:ifEverGivenTooltip}title="{text:Ever Given Tooltip}"{/block:ifEverGivenTooltip}><img src="https://i.imgur.com/ITBzaX9.png"/></a></div>
  303. </memeable>
  304.  
  305. <!---- sidebar ---->
  306.  
  307. {block:Description}
  308. <sidebar>
  309. <div class="description">{Description}</div>
  310. </sidebar>
  311. {/block:Description}
  312.  
  313. <!-------------------------------- posts ---->
  314.  
  315. <section id="entries">{block:Posts}
  316. <article class="posts {block:Caption}captioned{/block:Caption}" post-type="{PostType}">
  317.  
  318. <!---- textposts ---->
  319.  
  320. {block:Text}
  321. <div class="post text" id="{PostID}">
  322. {block:Title}<div class="title">{title}</div>{/block:Title}
  323. {block:RebloggedFrom}
  324. {block:Reblogs}
  325. {block:IsActive}
  326. <li class="comment">
  327. <a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank">{Username}</a>
  328. <div class="tex">{Body}</div>
  329. </li>
  330. {/block:IsActive}
  331. {block:IsDeactivated}
  332. <li class="comment">
  333. <a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user deactivated" target="_blank">{Username}</a>
  334. <div class="tex">{Body}</div>
  335. </li>
  336. {/block:IsDeactivated}
  337. {/block:Reblogs}
  338. {/block:RebloggedFrom}
  339. {block:NotReblog}
  340. <li class="comment">
  341. <div class="tex">{Body}</div>
  342. </li>
  343. {/block:NotReblog}
  344. </div>
  345. {/block:Text}
  346.  
  347. <!---- quotes ---->
  348.  
  349. {block:Quote}
  350. <div class="post" id="{PostID}">
  351. <div class="quote">{Quote}</div>
  352. {block:Source}<div class="source">{Source}</div>{/block:Source}
  353. </div>
  354. {/block:Quote}
  355.  
  356. <!---- links ---->
  357.  
  358. {block:Link}
  359. <div class="post" id="{PostID}">
  360. <div class="title"><a href="{URL}">{Name}</a></div>
  361. {block:Description}
  362. {block:NotReblog}
  363. <li class="comment">
  364. <div class="tex">{Description}</div>
  365. </li>
  366. {/block:NotReblog}
  367. {/block:Description}
  368. {block:RebloggedFrom}
  369. {block:Reblogs}
  370. {block:IsActive}
  371. <li class="comment">
  372. <a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank">{Username}</a>
  373. <div class="tex">{Body}</div>
  374. </li>
  375. {/block:IsActive}
  376. {block:IsDeactivated}
  377. <li class="comment">
  378. <a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user deactivated" target="_blank">{Username}</a>
  379. <div class="tex">{Body}</div>
  380. </li>
  381. {/block:IsDeactivated}
  382. {/block:Reblogs}
  383. {/block:RebloggedFrom}
  384. </div>
  385. {/block:Link}
  386.  
  387. <!---- asks ---->
  388.  
  389. {block:Answer}
  390. <div class="post" id="{PostID}">
  391. <div class="question"><span class="asker">{Asker} sent: </span><p>{Question}</div>
  392.  
  393. {block:NotReblog}
  394. <div class="answer">{Answer}</div>
  395. {/block:NotReblog}
  396.  
  397. {block:RebloggedFrom}
  398. {block:Answerer}
  399. <div class="answer">
  400. <span class="answerer">{Answerer} replied:</span><span class="tex">{Answer}</span>
  401. </div>
  402. {/block:Answerer}
  403. {block:Reblogs}
  404. {block:IsActive}
  405. <li class="comment">
  406. <a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank">{Username}</a>
  407. <div class="tex">{Body}</div>
  408. </li>
  409. {/block:IsActive}
  410. {block:IsDeactivated}
  411. <li class="comment">
  412. <a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user deactivated" target="_blank">{Username}</a>
  413. <div class="tex">{Body}</div>
  414. </li>
  415. {/block:IsDeactivated}
  416. {/block:Reblogs}
  417. {/block:RebloggedFrom}
  418. </div>
  419. {/block:Answer}
  420.  
  421. <!---- chat ---->
  422.  
  423. {block:Chat}
  424. <div class="post" id="{PostID}">
  425. {block:Title}<div id="title">{Title}</div>{/block:Title}
  426. <ol class="chat">
  427. {block:Lines}
  428. <li class="l {Alt}">
  429. {block:Label}<span class="label">{Label}</span>{/block:Label} {Line}
  430. </li>
  431. {/block:Lines}
  432. </ol>
  433. </div>
  434. {/block:Chat}
  435.  
  436. <!---- photos and photosets ---->
  437.  
  438. <div class="post" id="{PostID}"><div class="ph">
  439.  
  440. {block:Photo}{linkopentag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:Photo}
  441.  
  442. {block:Photoset}
  443. <div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img class="ph" src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div></div>
  444. {/block:Photoset}
  445.  
  446. <!---- video ---->
  447.  
  448. {block:Video}<div class="post video" id="{PostID}">{VideoEmbed-500}</div>{/block:Video}
  449.  
  450. <!---- audio ---->
  451.  
  452. {block:Audio}
  453. <div class="post" id="{PostID}">
  454. {block:AudioPlayer}
  455. <div class="hold">
  456. <div class="player"><div class="play">{AudioPlayerBlack}</div></div>
  457. <div class="audio_info">
  458. {block:TrackName}<span class="track">{TrackName}</span>{/block:TrackName}
  459. {block:Artist}<span class="artist">{Artist}</span>{/block:Artist}
  460. </div>
  461. </div>
  462. {/block:AudioPlayer}
  463. </div>
  464. {/block:Audio}
  465.  
  466. <!---- captions and reblogs ---->
  467.  
  468. {block:Caption}
  469. {block:Reblogs}
  470. {block:IsActive}
  471. <li class="comment">
  472. <a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank">{Username}</a>
  473. <div class="tex">{Body}</div>
  474. </li>
  475. {/block:IsActive}
  476. {block:IsDeactivated}
  477. <li class="comment">
  478. <a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user deactivated" target="_blank">{Username}</a>
  479. <div class="tex">{Body}</div>
  480. </li>
  481. {/block:IsDeactivated}
  482. {/block:Reblogs}
  483. {block:NotReblog}
  484. <li class="comment">
  485. <a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank">{Name}</a>
  486. <div class="tex">{Caption}</div>
  487. </li>
  488. {/block:NotReblog}
  489. {/block:Caption}
  490.  
  491. </div>
  492.  
  493. <!---- post info ---->
  494.  
  495. {block:Date}
  496. <hr>
  497.  
  498. <div class="when">
  499. <span><a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero} {Year}</a>{block:Notecount} <span class="notecount">{NoteCountWithLabel}</span></span>{/block:Notecount}</span>
  500.  
  501. <div style="float:right">
  502. <span><a href="{ReblogURL}" target="_blank" class="reblog">reblog</a><span><a class="like-b" href="#">{LikeButton}<span class="b">like</span></a></span></div>
  503.  
  504. </div>
  505.  
  506. {block:HasTags}<div class="tags">{block:Tags}<a class="tag" href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  507.  
  508. {/block:Date}
  509.  
  510. </article>
  511.  
  512. {block:PostNotes}
  513. {block:RebloggedFrom}
  514. <div class="via">via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} &nbsp&mdash;&nbsp source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}</div>
  515. {/block:RebloggedFrom}
  516.  
  517. {PostNotes}
  518.  
  519. </article>
  520.  
  521. {/block:PostNotes}
  522. {/block:Posts}
  523.  
  524. <!---- pagination ---->
  525.  
  526. <footer>
  527. {block:PreviousPage}
  528. <span><a class="prev" href="{PreviousPage}" title="previous page"><span class="las la-arrow-left"></span></a></span>
  529. {/block:PreviousPage}
  530. {block:NextPage}
  531. <span><a class="next" href="{NextPage}" title="next page"><span class="las la-arrow-right"></span></a></span>
  532. {/block:NextPage}
  533. </footer>
  534.  
  535. </section>
  536.  
  537. <!---- buttons ---->
  538.  
  539. <a class="cc"><span class="las la-bars"></span></a>
  540. <a class="followbtn" href="https://tumblr.com/follow/{Name}" title="follow {Name}"><span class="las la-plus"></span></a>
  541. <a class="bfontbtn" title="change font size">Aa</a>
  542. <a class="sfontbtn" title="change font size" hidden="hidden">Aa</a>
  543. <a class="nightbtn" title="night mode"><span class="las la-moon"></span></a>
  544. <a class="daybtn" title="day mode" hidden="hidden"><span class="las la-sun"></span></a>
  545. <a class="top" href="/" title="back to top"><span class="las la-arrow-up"></span></a>
  546. <a class="credit" href="https://saestrah.tumblr.com" title="saestrah themes" target="_blank"><span class="las la-hat-cowboy"></span></a>
  547.  
  548. <!-------------------------------- scripts ---->
  549.  
  550. <!---- scroll to top by paul underwood ---->
  551.  
  552. <script>
  553. $(document).ready(function(){
  554. $(window).scroll(function(){
  555. if ($(this).scrollTop() > 100) {
  556. $(".top").fadeIn();
  557. } else {
  558. $(".top").fadeOut();
  559. }
  560. });
  561.  
  562. $(".top").click(function(){
  563. $("html, body").animate({scrollTop : 0},800);
  564. return false;
  565. });
  566.  
  567. });
  568. </script>
  569.  
  570. <!---- audio player by @shythemes ---->
  571.  
  572. <script>
  573. $(document).ready(function(){
  574. $("iframe.tumblr_audio_player").load( function() {
  575. $("iframe.tumblr_audio_player").contents().find("head").append($("<style type="text/css"> .audio-player{background:transparent;!important}</style>"));
  576. });
  577. });
  578. </script>
  579.  
  580. <!---- photosets by @annasthms and @eggdesign ---->
  581.  
  582. <script>
  583. function gatherData(images, arr) {
  584. for (let i = 0; i < images.length; i++) {
  585. let currentData = {
  586. "width": images[i].getAttribute("data-width"),
  587. "height": images[i].getAttribute("data-height"),
  588. "low_res": images[i].getAttribute("data-lowres"),
  589. "high_res": images[i].getAttribute("data-highres")
  590. };
  591. arr.push(currentData);
  592. }
  593. }
  594. function getIndex(elem) {
  595. let i = 0;
  596. while( (elem = elem.previousElementSibling) != null ) i++;
  597. return i;
  598. }
  599. function lightbox(elem) {
  600. let currentPhotoset = elem.parentNode;
  601. let photosetPhotos = currentPhotoset.getElementsByTagName("div");
  602. let data = [];
  603. gatherData(photosetPhotos, data);
  604. Tumblr.Lightbox.init(data, getIndex(elem) + 1);
  605. }
  606. $(document).ready(function(){
  607. undoPhotoset({
  608. "posts":".text",
  609. "text class":"",
  610. "photoset class":"ph"
  611. },false);
  612. });
  613. </script>
  614.  
  615. <!---- npf images readjustment by @glenthemes ---->
  616.  
  617. <link href="//dl.dropbox.com/s/bnoj86mka0bkplb/npf-override.css" rel="stylesheet">
  618. <script src="//dl.dropbox.com/s/vwrm94pcg4c9e71/npf-evenize.js"></script>
  619. <script src="//dl.dropbox.com/s/aqo7pinjzfub4tn/npf-legacy.js"></script>
  620.  
  621. <style type="text/css">
  622. :root {
  623. --NPF-Image-Spacing:4px;
  624. --NPF-Bottom-Gap-From-Captions:0;
  625. }
  626. </style>
  627.  
  628. <!---- flexible frames by @nouvae ---->
  629.  
  630. <script>
  631. $(document).ready(function(){
  632. function flexFrame() {
  633. $("entries").each(function() {
  634. $(this).find("iframe").wrap("<div class="iframe-flex"></div>");
  635. flexibleFrames($(".iframe-flex"));
  636. });
  637. flexibleFrames($(".video"));}
  638. $(document).ready(flexFrame);
  639. });
  640. </script>
  641.  
  642. <!---- notecount shortener by @shythemes ---->
  643.  
  644. <script>
  645. var $container = $(".when");
  646. $container.find(".notecount").each(function(){
  647. var n = $(this).html().split(" ")[0].replace(/,/g, "");
  648. if (n > 999) {
  649. n = Math.floor(n / 100) / 10;
  650. $(this).text(n + "k notes");
  651. }
  652. });
  653. </script>
  654.  
  655. <!---- tooltips by malihu ---->
  656.  
  657. <script type="text/javascript">
  658. (function($){
  659. $(document).ready(function(){
  660. $("[title]").style_my_tooltips({
  661. tip_follows_cursor:true,
  662. tip_delay_time:200,
  663. tip_fade_speed:300
  664. });
  665. });
  666. })(jQuery);
  667. </script>
  668.  
  669. <!-------------------------------- end of scripts ---->
  670.  
  671. </body>
  672. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!