absints

05. nature

Aug 7th, 2018
4,023
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 24.55 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4.  
  5. nature > theme coded by atherus
  6. started august, 02
  7. finished august, 04
  8. published august, 07
  9. . all rights reserved © 2018 .
  10.                
  11. 01. back to top © fragilehelp
  12. 02. controls © cyantists
  13. 03. pxu photoset © gray gilmore
  14. 04. infinite scroll © paul irish
  15. 05. video resizing, minimal soundcloud and lightboxes © shythemes
  16. 06. un-nest caption plugin © magnusthemes and neothm
  17. 07. tooltips © eruhption
  18. 08. smoothscroll © zachary fury
  19. 09. icons © feathericons
  20.  
  21. -->
  22.          
  23. <html lang="en">
  24. <head>
  25. <meta charset="utf-8">
  26. <title>{Title}</title>
  27. <link rel="shortcut icon" href="{Favicon}">
  28. {block:Description}
  29. <meta name="description" content="{MetaDescription}"/>
  30. {/block:Description}
  31. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  32.  
  33. <meta name="color:background" content="#ffffff"/>
  34. <meta name="color:posts" content="#f8f8f8"/>
  35. <meta name="color:detail of header" content="#bbbbbb"/>
  36. <meta name="color:detail of posts" content="#bbbbbb"/>
  37. <meta name="color:detail of menu" content="#bbbbbb"/>
  38. <meta name="color:asker" content="#f5f5f5"/>
  39. <meta name="color:audio" content="#f5f5f5"/>
  40. <meta name="color:borders" content="#f5f5f5"/>
  41. <meta name="color:title" content="#000000"/>
  42. <meta name="color:description" content="#6b6b6b"/>
  43. <meta name="color:link description" content="#2b2b2b"/>
  44. <meta name="color:shadow description" content="#f5f5f5"/>
  45. <meta name="color:links" content="#000000"/>
  46. <meta name="color:links hover" content="#2b2b2b"/>
  47. <meta name="color:menu hover" content="#000000"/>
  48. <meta name="color:text" content="#6b6b6b"/>
  49. <meta name="color:selection" content="#1e90ff"/>
  50. <meta name="color:scrollbar" content="#f5f5f5"/>
  51.  
  52. <meta name="select:border style" content="solid" title="solid"/>
  53. <meta name="select:border style" content="dashed" title="dashed"/>
  54.  
  55. <meta name="text:facebook" content=""/>
  56. <meta name="text:instagram" content=""/>
  57. <meta name="text:twitter" content=""/>
  58. <meta name="text:we heart it" content=""/>
  59. <meta name="text:youtube" content="" />
  60. <meta name="text:website" content="" />
  61. <meta name="text:email" content="" />
  62.  
  63. <meta name="text:link one" content="/"/>
  64. <meta name="text:link two" content="/"/>
  65.  
  66. <meta name="if:facebook" content="0"/>
  67. <meta name="if:instagram" content="0"/>
  68. <meta name="if:twitter" content="0"/>
  69. <meta name="if:we heart it" content="0"/>
  70. <meta name="if:youtube" content="0"/>
  71. <meta name="if:website" content="0"/>
  72. <meta name="if:email" content="0"/>
  73.  
  74. <meta name="if:show networks" content="0"/>
  75. <meta name="if:show link one" content="0"/>
  76. <meta name="if:show link two" content="0"/>
  77. <meta name="if:show caption" content="0"/>
  78.  
  79. <meta name="if:dark tumblr control" content="0"/>
  80. <meta name="if:pagination" content="0"/>
  81.  
  82. <link href='https://fonts.googleapis.com/css?family=Inconsolata|Lora:400,400i|Libre Franklin:400,700|Raleway' rel='stylesheet' type='text/css'>
  83. <script src="https://unpkg.com/feather-icons"></script>
  84. <script type="text/javascript" src="https://static.tumblr.com/5u1fog0/GzWnj3uo9/ltop.js"></script>
  85. <link href='https://static.tumblr.com/blpgwiz/u8Qmijy1c/fade_in_up.css' rel='stylesheet' type='text/css'>
  86. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  87. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  88. <script> (function($){ $(document).ready(function(){ $("[title],a[title],img[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:100, tip_fade_speed:300, attribute:"title" }); }); })(jQuery); </script>
  89. <script type="text/javascript" src="https://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  90. <style type="text/css">
  91. iframe.tmblr-iframe {position:fixed;z-index:99999!important;top:0!important;right:0!important;opacity:0.6;{block:ifdarktumblrcontrol}filter:invert(1) contrast(40%);-webkit-filter:invert(1) contrast(40%);-o-filter:invert(1) contrast(40%);-moz-filter:invert(1) contrast(40%);-ms-filter:invert(1) contrast(40%);{/block:ifdarktumblrcontrol}transform:scale(0.70);transform-origin:100% 0;-webkit-transform:scale(0.70);-webkit-transform-origin:100% 0;-o-transform:scale(0.70);-o-transform-origin:100% 0;-moz-transform:scale(0.70);-moz-transform-origin:100% 0;-ms-transform:scale(0.70);-ms-transform-origin:100% 0;transition:.5s;}
  92. .tmblr-iframe--app-cta-button {display:none!important;}
  93. *html, body {max-width:100%;height:100%;}
  94. @keyframes fadein {from {opacity:0;} to {opacity:1;}}
  95. @-moz-keyframes fadein {from {opacity:0;} to {opacity:1;}} /* Firefox */
  96. @-webkit-keyframes fadein {from {opacity:0;} to {opacity:1;}} /* Safari and Chrome */
  97. @-o-keyframes fadein {from {opacity:0;} to {opacity:1;}} /* Opera */
  98. body {word-wrap:break-word;background-color:{color:background};background-attachment:fixed;color:{color:text};font:normal 400 12px/160% 'Libre Franklin', sans-serif;text-transform:none;text-align:justify;font-style:normal;margin:0;word-spacing:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-animation-name:fadeIn;animation-name:fadeIn;}
  99. h1,h2,h3,h4,h5,h6 {padding:0;display:block;margin:0 auto;text-transform:normal;font-size:16px;text-align:left;}
  100. h2 {padding:0;margin:0;}
  101. a, a:link, a:visited, a:active {color:{color:links};text-decoration:none;transition:.5s;}
  102. a:hover {color:{color:links hover};transition:.5s;}
  103. p {margin:15px 0;}
  104. p:first-child {margin-top:0;}
  105. p:last-child {margin:5px 3px 5px 3px;}
  106. .caption {margin:0 auto;width:auto;padding:10px 0 0;overflow:hidden;background:{color:posts};}
  107. .caption a {margin:0;padding:0;display:inline-block;font-weight:700;color:{color:links};}
  108. blockquote.tumblr_parent {margin:2px 0;position:relative;}
  109. blockquote.tumblr_parent p {margin:3px 0;}
  110. blockquote.tumblr_parent > a:first-of-type {font-weight:700;display:block;}
  111. blockquote.tumblr_parent > a:first-of-type:hover {color:{color:links hover};}
  112. blockquote.tumblr_parent > p:first-of-type {padding-left:0;display:block;}
  113. blockquote.tumblr_parent > blockquote p:first-of-type {display:inline;}
  114. blockquote {display:middle;margin:0 auto;position:relative;padding:0;border-left:0;}
  115. blockquote img {width:100%;max-width:100%;height:auto;min-width:100%;}
  116. a.tumblr_blog {display:inline-block;font-weight:700;}
  117. .tumblr_blog {margin-left:0;margin-top:0;text-transform:lowercase;}
  118. hr {border-top:1px solid {color:borders};margin:10px 10px;}
  119. .vignette, #vignette {opacity:0;}
  120. .lightbox-image, #tumblr_lightbox img {box-shadow:none!important;border-radius:0!important;max-width:none;-moz-box-sizing:border-box;box-sizing:border-box;}
  121. .tmblr-lightbox, #tumblr_lightbox {background-color:rgba(0,0,0,.8)!important;}
  122. .tumblrAutoPager_page_separator, .tumblrAutoPager_page_info {display:none;}
  123. ::-moz-selection {background:{color:selection};color:white;}
  124. ::selection {background:{color:selection};color:white;}
  125. ::-webkit-scrollbar {width:11px; height:11px;}
  126. ::-webkit-scrollbar-track {border:5px solid {color:background}; background-color:{color:borders};}
  127. ::-webkit-scrollbar-thumb {border:5px solid rgba(245, 246, 248, 0);background-clip:padding-box;background-color:{color:scrollbar};}
  128. .tumblr_video_container {width:auto!important;height:auto!important;}
  129. iframe.tumblr_audio_player {height:84px;width:100%;margin-bottom:-4px;position:relative;}
  130. #youtube_iframe {background-position:center;display:block;}
  131. .video {width:100%!important;}
  132. .spotify_audio_player {height:80px!important;width:100%;}
  133. .soundcloud_audio_player {height:90px!important;width:100%;}
  134. .entry {width:1040px;margin:auto;height:auto;{block:PermalinkPage}width:680px;{/block:PermalinkPage}}
  135. #posts {margin-top:10px;margin-left:20px;position:relative;padding:15px;transition:.5s;{block:PermalinkPage}margin-top:20px;margin-left:0;padding-bottom:100px;{/block:PermalinkPage}}
  136. .posts {width:280px;background:{color:posts};margin:2px;padding:20px;transition:1s;opacity:1;{block:PermalinkPage}width:600px;margin-top:30px;{/block:PermalinkPage}border:1px {select:border style} {color:borders};border-bottom-color:{color:detail of posts};}
  137. {block:IndexPage}
  138. .posts {opacity:0;z-index:-1;transition:.5s;}
  139. #pagination {display:none;}
  140. #infscr-loading {display:none!important;}
  141. {/block:IndexPage}
  142. .posts img {max-width:100%;overflow:hidden;position:relative;transition:all 1s ease;}
  143. header {height:auto;padding:30px;width:500px;background:{color:background};position:relative;margin-top:40px;margin-left:0;}
  144. {block:ShowAvatar}
  145. .avatar-square img {position:relative;display:inline-block;padding:15px;background:{color:posts};margin:0 0 20px;width:80px;height:80px;border:1px solid {color:borders};border-bottom:1px solid {color:detail of header};}
  146. .avatar-circle img {position:relative;display:inline-block;padding:15px;background:{color:posts};margin:0 0 20px;width:80px;height:80px;border-radius:100px;border:1px solid {color:borders};border-bottom:1px solid {color:detail of header};}
  147. {/block:ShowAvatar}
  148. header .t {margin:0 auto;font-weight:700;font-size:26px;text-align:center;color:{color:title};text-transform:lowercase;letter-spacing:-1px;font-family:Raleway, sans-serif;}
  149. header .d {margin:15px auto;color:{color:description};text-align:center;width:auto;}
  150. header .d a {color:{color:link description};box-shadow:inset 0 -6px 0 {color:shadow description};font-weight:bold;transition-duration:1s;}
  151. header .d a:hover {color:{color:links hover};transition-duration:.7s;box-shadow:inset 0 -2px 0 {color:underline description};}
  152. header .networks {border-top:1px solid {color:borders};width:auto;padding:15px;margin:0 auto;}
  153. header .networks svg {width:20px;height:20px;display:inline-block;margin:1px;transition-duration:.7s;}
  154. nav {position:fixed;width:auto;top:32%;left:0;}
  155. nav svg {width:24px;height:24px;background:{color:posts};text-align:center;display:block;border-bottom-color:{color:detail of menu};padding:10px;border-style:solid;border-width:1px;border-top-color:{color:borders};border-left-color:{color:borders};border-right-color:{color:borders};padding:10px;text-align:center;margin:1px;transition:.7s;margin-left:4px;border-radius:100px;}
  156. nav svg:hover {border-bottom-color:{color:menu hover};}
  157. #pag {width:auto;text-align:center;float:center;background:{color:background};padding:15px;bottom:0;}
  158. #pag a {padding:0px 4px 0px 4px;color:{color:links};width:14px;height:14px;margin:2px;font-weight:bold;}
  159. .chat ul {margin:10px 0;padding:0;font:normal 14px "consolas",monospace;text-align:left;}
  160. .chat li {padding:10px;list-style-type:none;margin:0;}
  161. span.chats {font-weight:bold;text-transform:capitalize;}
  162. .chat li:nth-child(odd) {background:{color:background};border:1px solid {color:borders};}
  163. .ask {margin-top:0;margin-left:0;padding:10px;width:auto;color:{color:text};text-align:justify;background:{color:asker};border-left:3px solid {color:borders};}
  164. .asker {margin-top:0;margin-left:0;margin-right:0;width:auto;text-transform:lowercase;padding:0 0 4px 0;text-align:left;}
  165. .asker a {width:auto;color:{color:links};margin:0;padding:0;border:none;opacity:1;font-weight:bold;}
  166. .answer {margin-top:0;margin-left:0;margin-right:0;padding:8px 0 1px 0;width:auto;color:{color:text};text-align:left;}
  167. .quote:before {content:'“';display:block;font-style:normal;font-size:40px;font-family:consolas, monospace;}
  168. .quote {text-align:center;padding:12px;margin:0 auto;display:inline-block;width:auto;font:normal 400 20px/160% 'lora',serif;font-style:italic;}
  169. #sc {margin-top:0;margin-left:0;width:auto;text-align:center;padding:6px 0 0 4px;font-style:normal;font-family:"Libre Franklin", sans-serif;font-size:13px;font-weight:bold;}
  170. #sc:before {content:'';width:10px;height:1px;display:inline-block;position:relative;top:-4px;margin-top:-4px;margin-right:3px;background:{color:text};}
  171. #sc a {color:{color:links};transition:.5s;font-weight:700;}
  172. #link {padding:0;margin:0 auto;text-align:left;}
  173. #link h1 {font:normal 700 14px/120% 'Libre Franklin',sans-serif;text-align:left;margin:5px auto;}
  174. .tit-url {text-align:left;margin:0 auto;padding:0;}
  175. .info {position:relative;margin:15px auto 0;padding:0;background:{color:posts};text-align:left;width:auto;text-transform:normal;}
  176. .info:hover, .info a:hover {transition:all 1s ease-in-out;transition-duration:all 1s ease-in-out;}
  177. .permalink {display:inline-block;position:absolute;margin:0px 2px 0;width:640px;overflow:hidden;margin-bottom:50px;padding-top:10px;padding-bottom:10px;background:{color:posts};border:1px solid {color:borders};}
  178. .permalink #info {width:auto;font-family:raleway, sans-serif;margin:15px 17px 22px;font-weight:700;position:relative;line-height:16px;font-weight:bold;font-size:30px;line-height:15px;color:{color:title};}
  179. ol.notes li {margin:0 0 2px;transition:.7s;}
  180. .notes li {display:block;list-style:none;margin:0;}
  181. ol.notes li.note a {color:{color:links};font-weight:bold;}
  182. ol.notes {margin:0;width:auto;padding:4px;text-align:justify;line-height:10px;overflow:hidden;column-count:2;column-gap:2em;}
  183. ol.notes li.note {display:block;text-align:justify;padding:5px;padding-left:15px;padding-right:15px;line-height:100%;}
  184. ol.notes li.note img.avatar {vertical-align:-4px;display:none;}
  185. .more_notes_link,.notes_loading {text-align:center!important;}
  186. #s-m-t-tooltip {max-width:300px;border:1px solid {color:borders};padding:3px 3px 2px 4px;margin:12px 20px;background:{color:posts};color:{color:text};z-index:123456789;}
  187. #ltop:link, #ltop:visited svg {color:{color:links};position:fixed;width:30px;text-align:center;z-index:100;height:auto;display:none;left:0;}
  188. #credit {color:{color:links};padding:3px;position:fixed;bottom:10px;right:10px;text-align:center;z-index:100;font-weight:bold;width:15px;height:15px;line-height:10px;font-size:9px;}
  189. </style>
  190. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  191. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  192. <script type="text/javascript" src="https://static.tumblr.com/5u1fog0/GzWnj3uo9/ltop.js"></script>
  193. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  194. <script> $(document).ready(function(){ var color = {color:audio}!important; $('.soundcloud_audio_player').each(function(){ $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=false&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: '100%' }); });}); </script>
  195. </head>
  196. <body>
  197. <div class="entry">
  198.  
  199. <nav>
  200. <a href="{BlogURL}"><i data-feather="home"></i></a>
  201. <a href="/ask"><i data-feather="help-circle"></i></a>
  202. {block:ifshowlinkone}
  203. <a href="{text:link one}"><i data-feather="tag"></i></a>
  204. {/block:ifshowlinkone}
  205. {block:ifshowlinktwo}
  206. <a href="{text:link two}"><i data-feather="link"></i></a>
  207. {/block:ifshowlinktwo}
  208. <a href="/archive"><i data-feather="archive"></i></a>
  209. <a href="javascript:;" id="ltop"><i data-feather="arrow-up"></i></a>
  210. </nav>
  211.  
  212. <center>
  213. <header>
  214. {block:ShowAvatar}
  215. <div class="avatar-{AvatarShape}">
  216. <img src="{PortraitURL-128}"/></div>
  217. {/block:ShowAvatar}
  218. {block:HideAvatar}
  219. {/block:HideAvatar}
  220. <div class="t">{Title}</div>
  221. <div class="d">{block:Description}{Description}{/block:Description}</div>
  222. {block:ifshownetworks}
  223. <div class="networks">
  224. {block:IfInstagram}
  225. <a target="_blank" href="https://www.instagram.com/{text:Instagram}/"><i data-feather="instagram"></i></a>
  226. {/block:IfInstagram}
  227. {block:IfFacebook}
  228. <a target="_blank" href="https://www.facebook.com/{text:Facebook}/"><i data-feather="facebook"></i></a>
  229. {/block:IfFacebook}
  230. {block:IfWeHeartIt}
  231. <a target="_blank" href="https://www.weheartit.com/{text:WeHeartIt}/"><i data-feather="heart"></i></a>
  232. {/block:IfWeHeartIt}        
  233. {block:IfTwitter}
  234. <a target="_blank" href="https://www.twitter.com/{text:Twitter}"><i data-feather="twitter"></i></a>
  235. {/block:IfTwitter}
  236. {block:IfYoutube}
  237. <a target="_blank" href="https://www.youtube.com/{text:Youtube}"><i data-feather="youtube"></i></a>
  238. {/block:IfYoutube}
  239. {block:IfWebsite}
  240. <a target="_blank" href="{text:Website}"><i data-feather="external-link"></i></a>
  241. {/block:IfWebsite}
  242. {block:IfEmail}
  243. <a title="{text:Email}"><i data-feather="at-sign"></i></a>
  244. {/block:IfEmail}
  245. </div>
  246. {/block:ifshownetworks}
  247. </header>
  248. </center>
  249.  
  250. <div id="posts">
  251. {block:Posts}
  252. <div class="posts">
  253.  
  254. {block:Text}
  255. <h1>{Title}</h1>
  256. <div class="caption">{Body} </div>
  257. {block:IndexPage}
  258. <div class="info">
  259. <a href="{Permalink}"><b>{NoteCountWithLabel}</b></a> - {block:Date}{12HourWithZero}:{Minutes}:{Seconds}{CapitalAMPM}{/block:Date}
  260. <a href="{ReblogURL}" target="_blank" style="float:right"><b>reblog</b> </a>
  261. </div>
  262. {/block:IndexPage}
  263. </div>
  264. {/block:Text}
  265.  
  266. {block:Photo}
  267. <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}"></a>
  268. {block:ifshowcaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifshowcaption}
  269. {block:IndexPage}
  270. <div class="info">
  271. <a href="{Permalink}"><b>{NoteCountWithLabel}</b></a> - {block:Date}{12HourWithZero}:{Minutes}:{Seconds}{CapitalAMPM}{/block:Date}
  272. <a href="{ReblogURL}" target="_blank" style="float:right"><b>reblog</b> </a>
  273. </div>
  274. {/block:IndexPage}
  275. </div>
  276. {/block:Photo}
  277.  
  278. {block:Photoset}
  279. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  280. {block:ifshowcaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifshowcaption}
  281. {block:IndexPage}
  282. <div class="info">
  283. <a href="{Permalink}"><b>{NoteCountWithLabel}</b></a> - {block:Date}{12HourWithZero}:{Minutes}:{Seconds}{CapitalAMPM}{/block:Date}
  284. <a href="{ReblogURL}" target="_blank" style="float:right"><b>reblog</b> </a>
  285. </div>
  286. {/block:IndexPage}
  287. </div>
  288. {/block:Photoset}
  289.  
  290. {block:Quote}
  291. <div class="quote">{Quote} {block:Source}<div id="sc">{Source}</div>{/block:Source}</div>
  292. {block:IndexPage}
  293. <div class="info">
  294. <a href="{Permalink}"><b>{NoteCountWithLabel}</b></a> - {block:Date}{12HourWithZero}:{Minutes}:{Seconds}{CapitalAMPM}{/block:Date}
  295. <a href="{ReblogURL}" target="_blank" style="float:right"><b>reblog</b> </a>
  296. </div>
  297. {/block:IndexPage}
  298. </div>
  299. {/block:Quote}
  300.  
  301. {block:Link}
  302. <div id="link">
  303. {block:Host}
  304. <h1><a href="{URL}" {Target}>{Name} </a></h1>
  305. <i data-feather="link-2" style="width:18px;height:18px;display:block;float:right"></i>
  306. <div class="tit-url"><b>{Host}</b></div>
  307. {block:Description}<div class="caption">{Description}</div>{/block:Description}
  308. {/block:Host}
  309. </div>
  310. {block:ifshowcaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifshowcaption}
  311. {block:IndexPage}
  312. <div class="info">
  313. <a href="{Permalink}"><b>{NoteCountWithLabel}</b></a> - {block:Date}{12HourWithZero}:{Minutes}:{Seconds}{CapitalAMPM}{/block:Date}
  314. <a href="{ReblogURL}" target="_blank" style="float:right"><b>reblog</b> </a>
  315. </div>
  316. {/block:IndexPage}
  317. </div>
  318. {/block:Link}
  319.  
  320. {block:Chat}
  321. <div class="chat">
  322. {block:Title}<h1>{Title}</h1>{/block:Title}
  323. <ul>
  324. {block:Lines}
  325. <li class="{Alt} {UserNumber}">
  326. {block:Label}
  327. <span class="chats">{Label}</span>
  328. {/block:Label}
  329. {Line}
  330. </li>
  331. {/block:Lines}
  332. </ul>
  333. </div>
  334. {block:IndexPage}
  335. <div class="info">
  336. <a href="{Permalink}"><b>{NoteCountWithLabel}</b></a> - {block:Date}{12HourWithZero}:{Minutes}:{Seconds}{CapitalAMPM}{/block:Date}
  337. <a href="{ReblogURL}" target="_blank" style="float:right"><b>reblog</b> </a>
  338. </div>
  339. {/block:IndexPage}
  340. </div>
  341. {/block:Chat}
  342.  
  343. {block:Audio}
  344. {block:AudioEmbed}
  345. {AudioEmbed-500}
  346. {/block:AudioEmbed}
  347. {block:ifshowcaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifshowcaption}
  348. {block:IndexPage}
  349. <div class="info">
  350. <a href="{Permalink}"><b>{NoteCountWithLabel}</b></a> - {block:Date}{12HourWithZero}:{Minutes}:{Seconds}{CapitalAMPM}{/block:Date}
  351. <a href="{ReblogURL}" target="_blank" style="float:right"><b>reblog</b> </a>
  352. </div>
  353. {/block:IndexPage}
  354. </div>
  355. {/block:Audio}
  356.  
  357. {block:Video}
  358. <div class="video">{Video-500}</div>
  359. {block:ifshowcaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifshowcaption}
  360. {block:IndexPage}
  361. <div class="info">
  362. <a href="{Permalink}"><b>{NoteCountWithLabel}</b></a> - {block:Date}{12HourWithZero}:{Minutes}:{Seconds}{CapitalAMPM}{/block:Date}
  363. <a href="{ReblogURL}" target="_blank" style="float:right"><b>reblog</b> </a>
  364. </div>
  365. {/block:IndexPage}
  366. </div>
  367. {/block:Video}
  368.  
  369. {block:Answer}
  370. <div class="ask"><div class="asker"><b>{Asker}</b> asked</a></div> {Question}</div>
  371. <div class="answer">{Answer}</div>
  372. {block:IndexPage}
  373. <div class="info">
  374. <a href="{Permalink}"><b>{NoteCountWithLabel}</b></a> - {block:Date}{12HourWithZero}:{Minutes}:{Seconds}{CapitalAMPM}{/block:Date}
  375. <a href="{ReblogURL}" target="_blank" style="float:right"><b>reblog</b> </a>
  376. </div>
  377. {/block:IndexPage}
  378. </div>
  379. {/block:Answer}
  380.  
  381. {block:ContentSource}<!--{SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->{/block:ContentSource}<!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom}-->
  382.  
  383. {block:PermalinkPage}
  384. {block:PostNotes}
  385. <div class="permalink">
  386. {block:Date}
  387. <div id="info">{NoteCountWithLabel}</div>
  388. {/block:Date}
  389. {PostNotes-64}
  390. </div>
  391. {/block:PostNotes}
  392. </div>
  393. {/block:PermalinkPage}
  394.  
  395. {/block:Posts}
  396. </div>
  397.  
  398. <a href="https://atherus.tumblr.com/" id="credit">@</a>
  399.  
  400. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  401. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  402. <script src="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  403. {block:ifNotPagination}{block:IndexPage}{block:Pagination}<div id="pagination">{block:NextPage}<a id="next" href="{NextPage}"></a>{/block:NextPage}{block:PreviousPage}<a href="{PreviousPage}"></a>{/block:PreviousPage}</div>{/block:Pagination}{/block:IndexPage}</div>{/block:ifNotPagination}
  404. {block:ifpagination}{block:IndexPage}{block:Pagination}<div id="pag">{block:PreviousPage}<a href="{PreviousPage}">Prev</a>{/block:PreviousPage}{block:JumpPagination length="30"}{block:CurrentPage}<a  href="#">{PageNumber}</a>{/block:CurrentPage}{block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}<i>...{TotalPages}</i>{block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}</div>{/block:Pagination}{/block:IndexPage}{/block:ifpagination}
  405. {block:IndexPage}
  406. <script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script><script src="https://static.tumblr.com/h7yjwkn/fcjorg4n8/jquery.infinitescroll.min.js"></script>
  407. {/block:IndexPage}
  408.  
  409. <script>
  410. $(document).ready(function(){
  411. $('.photo-slideshow').pxuPhotoset({
  412. lightbox: true,
  413. rounded: false,
  414. gutter: '1px',
  415. photoset: '.photo-slideshow',
  416. photoWrap: '.photo-data',
  417. photo: '.pxu-photo'
  418. });
  419. $(function(){ $('.posts').unnest({
  420. yourCaption:".caption",
  421. wrapName:".tumblr_parent",
  422. newCaptionUsername:false,
  423. originalPostCaptionUsername:false,
  424. tumblrAvatars:false,
  425. tumblrAvatarClass:".tumblr_avatar",
  426. usernameColon:false
  427. });})
  428. {block:IndexPage}
  429. var $container = $('#posts');
  430. $container.masonry({ itemSelector: '.posts' });
  431. $container.imagesLoaded(function(){
  432. $container.masonry();
  433. $container.find('.posts').animate({ opacity: 1, zIndex: 1 });
  434. });
  435.  
  436. $container.infinitescroll({
  437. itemSelector: '.posts',
  438. navSelector: '#pagination',
  439. nextSelector: '#next',
  440. loadingImg: '',
  441. loadingText: '<em></em>',
  442. errorCallback: function(){ $('.load').text('no more posts').parent('footer').delay(40).slideUp(400); },
  443. bufferPx: 20000
  444. },
  445. function( newElements ) {
  446. var $newElems = $(newElements);
  447. var $newElemsIDs = $newElems.map(function(){
  448. return this.id;
  449. }).get();
  450. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  451. var $newElems = $( newElements );
  452. $newElems.find('.photo-slideshow').pxuPhotoset({
  453. lightbox: true,
  454. rounded: false,
  455. gutter: '1px',
  456. photoset: '.photo-slideshow',
  457. photoWrap: '.photo-data',
  458. photo: '.pxu-photo'
  459. },
  460. function(){
  461. $container.masonry();
  462. });
  463. $newElems.imagesLoaded(function(){
  464. $container.masonry( 'appended', $newElems );
  465. $newElems.animate({ opacity: 1, zIndex: 1 });
  466. resizeVideos();
  467.  
  468. });
  469. });
  470. {/block:IndexPage}
  471. });
  472. </script>
  473. </div>
  474. </div>
  475. <script> feather.replace() </script>
  476. </div>
  477. </body>
  478. </html>
Advertisement
Add Comment
Please, Sign In to add comment