absints

04. jennifer

May 28th, 2018
2,311
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 23.57 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4.  
  5. atherus © 2018. all rights reserved.
  6. :: started march 13. finish march 20.
  7.                
  8. // back to top © fragilehelp
  9. // controls © cyantists
  10. // pxu photoset © gray gilmore
  11. // infinite scroll © paul irish
  12. // video resizing, like button and lightboxes © shythemes
  13. // tooltips © eruhption
  14. // smoothscroll © zachary fury
  15. // search keywords © saturnthms
  16.  
  17. -->
  18.          
  19. <html lang="en/eng">
  20. <head>
  21. <meta charset="utf-8">
  22. <title>{Title}</title>
  23. <link rel="shortcut icon" href="{Favicon}">
  24. {block:Description}
  25. <meta name="description" content="{MetaDescription}"/>
  26. {/block:Description}
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  28.  
  29. <meta name="color:posts" content="#FAFAFA"/>
  30. <meta name="color:background" content="#FFFFFF"/>
  31. <meta name="color:asker" content="#F3F3F3"/>
  32. <meta name="color:audio" content="#F5F5F5"/>
  33. <meta name="color:shadow" content="#F5F5F5"/>
  34. <meta name="color:shadow link" content="#a0e5d2"/>
  35. <meta name="color:borders" content="#FFFFFF"/>
  36. <meta name="color:title" content="#242424"/>
  37. <meta name="color:description" content="#777777"/>
  38. <meta name="color:links" content="#666666"/>
  39. <meta name="color:links hover" content="#A5A5A5"/>
  40. <meta name="color:text" content="#777777"/>
  41. <meta name="color:selection" content="#1E90FF"/>
  42. <meta name="color:scrollbar" content="#EDEDED"/>
  43.  
  44. <meta name="select:fonts" content="'assistant'" title="assistant"/>
  45. <meta name="select:fonts" content="'cabin'" title="cabin"/>  
  46. <meta name="select:fonts" content="'encode sans'" title="encode sans"/>
  47. <meta name="select:fonts" content="'exo 2'" title="exo 2"/>
  48. <meta name="select:fonts" content="inconsolata" title="inconsolata"/>
  49. <meta name="select:fonts" content="'lato'" title="lato"/>
  50. <meta name="select:fonts" content="'mako'" title="mako"/>
  51. <meta name="select:fonts" content="'muli'" title="muli"/>
  52. <meta name="select:fonts" content="'nunito sans'" title="nunito sans"/>
  53. <meta name="select:fonts" content="'open sans'" title="open sans"/>
  54. <meta name="select:fonts" content="'pt sans'" title="pt sans"/>
  55. <meta name="select:fonts" content="'roboto'" title="roboto"/>
  56. <meta name="select:fonts" content="'scada'" title="scada"/>
  57. <meta name="select:fonts" content="'source sans pro'" title="source sans pro"/>
  58.  
  59. <meta name="if:show favicon" content="0"/>
  60. <meta name="if:show caption" content="0"/>
  61. <meta name="if:show tags" content="0"/>
  62. <meta name="if:show search" content="0"/>
  63. <meta name="if:show link three" content="0"/>
  64. <meta name="if:show link four" content="0"/>
  65.  
  66. <meta name="text:font size of posts" content="12"/>
  67. <meta name="text:border radius" content="4"/>
  68.  
  69. <meta name="text:link one" content="/"/>
  70. <meta name="text:link one title" content="title"/>
  71. <meta name="text:link two" content="/"/>
  72. <meta name="text:link two title" content="title"/>
  73. <meta name="text:link three" content="/"/>
  74. <meta name="text:link three title" content="title"/>
  75. <meta name="text:link four" content="/"/>
  76. <meta name="text:link four title" content="title"/>
  77.  
  78. <link href='https://fonts.googleapis.com/css?family=Inconsolata|PT Sans:400,700|Encode Sans:400,700|Nunito Sans:400,700,900|Cabin:400,700|Exo 2:400,700|Assistant:400,700|Muli|Source+Sans+Pro:400,700|Open+Sans:400,700|Muli|Roboto:400,700|Lato:400,700|Mako|Scada:400,700|Karla|Playfair Display:400,400i,700,700i' rel='stylesheet' type='text/css'>
  79.  
  80. <script type="text/javascript" src="https://static.tumblr.com/5u1fog0/GzWnj3uo9/ltop.js"></script>
  81. <link href='https://static.tumblr.com/blpgwiz/u8Qmijy1c/fade_in_up.css' rel='stylesheet' type='text/css'>
  82. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  83. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  84. <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>
  85. <script type="text/javascript" src="https://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  86.  
  87. <style type="text/css">
  88. iframe.tmblr-iframe {z-index:99999999!important;top:0!important;right:0!important;opacity:0.3;filter:invert(1);-webkit-filter:invert(1);-o-filter:invert(1);-moz-filter:invert(1);-ms-filter:invert(1);transform:scale(0.50) rotate(0deg);transform-origin:100% 0;-webkit-transform:scale(0.50) rotate(0deg);-webkit-transform-origin:100% 0;-o-transform:scale(0.50) rotate(0deg);-o-transform-origin:100% 0;-moz-transform:scale(0.50) rotate(0deg);-moz-transform-origin:100% 0;-ms-transform:scale(0.50) rotate(0deg);-ms-transform-origin:100% 0;}
  89. *html, body {max-width:100%;height:100%;}
  90. @keyframes fadein {from {opacity:0;} to {opacity:1;}}
  91. @-moz-keyframes fadein {from {opacity:0;} to {opacity:1;}} /* Firefox */
  92. @-webkit-keyframes fadein {from {opacity:0;} to {opacity:1;}} /* Safari and Chrome */
  93. @-o-keyframes fadein {from {opacity:0;} to {opacity:1;}} /* Opera */
  94. body {word-wrap:break-word;background-color:{color:background};background-attachment:fixed;color:{color:text};font:normal 400 {text:font size of posts}px/140% {select:fonts};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;}
  95. h1,h2,h3,h4,h5,h6 {padding:0;display:block;margin:10px 10px auto;font-size:12px;}
  96. h2 {padding:0;margin:0;}
  97. a, a:link, a:visited, a:active {color:{color:links};text-decoration:none;transition:.5s;}
  98. a:hover {color:{color:links hover};transition:.5s;}
  99. li {margin:2px 0;list-style-type:none;}
  100. ul li {list-style:none;margin-left:-20px;}
  101. ul, ol {padding-left:10px;margin:0px 10px;}
  102. i, cite, em, var, address, dfn {font-style:italic;}
  103. big {font-size:1.4em;}
  104. small {font-size:.9em;}
  105. b, strong {font-weight:700;}
  106. strike {text-decoration:line-through;}
  107. u, ins {text-decoration:underline;}
  108. p {margin:15px 0;}
  109. p:first-child {margin-top:0;}
  110. p:last-child {margin:5px 3px 5px 3px;}
  111. pre, code {white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;font:10px 'Inconsolata', monospace;}
  112. .caption {margin:10px 7px;padding:1px;background:{color:posts};}
  113. .caption a {margin:0;padding:0;display:inline-block;font-weight:600;background:{color:posts};}
  114. blockquote.tumblr_parent {margin:2px;position:relative;}
  115. blockquote.tumblr_parent p {margin:3px 0;}
  116. blockquote.tumblr_parent > a:first-of-type {font-weight:700;display:inline-block;}
  117. blockquote.tumblr_parent > a:first-of-type:hover {color:{color:links hover};}
  118. blockquote.tumblr_parent > p:first-of-type {padding-left:1px;display:inline-block;}
  119. blockquote.tumblr_parent > blockquote p:first-of-type {display:inline;}
  120. blockquote {display:middle;margin:5px auto;position:relative;margin-left:0;border-left:none;padding:0;}
  121. blockquote img {width:100%;max-width:100%;height:auto;min-width:100%;}
  122. a.tumblr_blog {display:inline-block;font-weight:600;}
  123. .tumblr_blog {margin-left:0;margin-top:0;text-transform:lowercase;}
  124. hr {border-top:1px solid {color:borders};margin:10px 10px;}
  125. pre {overflow-x:auto;padding:10px;margin:10px 0px;border-top:4px solid {color:borders};margin-top:-2px;}
  126. .vignette, #vignette {opacity:0;}
  127. .lightbox-image, #tumblr_lightbox img {box-shadow:none !important;border-radius:0 !important;max-width:100%;}
  128. .tmblr-lightbox, #tumblr_lightbox {background-color:rgba({RGBcolor:posts},.9) !important;}
  129. .tumblrAutoPager_page_separator, .tumblrAutoPager_page_info {display:none;}
  130. ::-moz-selection {background:{color:selection};color:white;}
  131. ::selection {background:{color:selection};color:white;}
  132. ::-webkit-scrollbar {width:11px; height:11px;}
  133. ::-webkit-scrollbar-track {border:5px solid white; background-color:{color:background};}
  134. ::-webkit-scrollbar-thumb {border:5px solid rgba(245, 246, 248, 0);background-clip:padding-box;background-color:{color:scrollbar};}
  135. .tumblr_video_container {width:auto!important;height:auto!important;}
  136. iframe.tumblr_audio_player {height:84px;width:100%;margin-bottom:-4px;position:relative;}
  137. #youtube_iframe {background-position:center;display:block;}
  138. .video {overflow:hidden;}
  139. .instagram-media {border-radius:0!important;box-shadow:none!important;}
  140. .spotify_audio_player {height:80px !important;}
  141. .entry {width:700px;{block:permalinkpage}width:750px;{/block:permalinkpage}margin:auto;height:auto;}
  142. #posts {margin-top:100px;margin-left:300px;transition:.5s;{block:PermalinkPage}margin-top:150px;{/block:PermalinkPage}}
  143. .posts {width:300px;background:{color:posts};{block:permalinkpage}width:350px;{/block:permalinkpage}margin:50px;padding:0;transition:1s;opacity:1;overflow:hidden;box-shadow:0 1px 3px 1px {color:shadow};border:1px solid {color:borders};border-radius:{text:border radius}px;}
  144. {block:IndexPage}
  145. .posts {opacity:0;z-index:-1;transition:.5s;}
  146. #pagination {display:none;}
  147. #infscr-loading {display:none!important}
  148. {/block:IndexPage}
  149. .posts img {max-width:100%;margin-bottom:-4px;}
  150. header {background:{color:posts};width:100%;top:0;left:0;padding:18px;height:auto;z-index:10;position:fixed;opacity:0.9;text-align:center;border-bottom:1px solid {color:borders};box-shadow:0 1px 3px 1px {color:shadow};}
  151. aside {width:calc(170px + 10px);background:{color:posts};top:150px;margin-left:70px;border-radius:{text:border radius}px;height:auto;position:fixed;box-shadow:0 1px 3px 1px {color:shadow};border:1px solid {color:borders};}
  152. .icon {width:24px;height:24px;margin:0 7px;border-radius:{text:border radius}px;position:absolute;margin-left:-40px;padding:4px;background:{color:posts};box-shadow:0 1px 3px 1px {color:shadow};border:1px solid {color:borders};}
  153. .t {color:{color:title};margin-top:0;width:auto;margin-left:0;font-size:14px;font-weight:bold;}
  154. .d:before {content:'Description';margin-right:5px;font-weight:bold;}
  155. .d {margin:10px 10px;color:{color:description};text-align:justify;display:inline-block;width:auto;height:auto;}
  156. .d a, #link a {box-shadow:inset 0 -5px {color:shadow link};transition:all .5s ease;}
  157. .d a:hover, #link a:hover {box-shadow:inset 0 0;transition:all .5s ease;}
  158. nav {display:inline-block;margin:0 7px 7px;{block:ifshowsearch}margin:7px 7px 7px;{/block:ifshowsearch}text-align:left;width:auto;position:relative;}
  159. nav a {margin:4px;border:1px solid {color:borders};border-radius:{text:border radius}px;text-align:right;display:inline-block;font-size:9px;text-transform:lowercase;font-weight:700;transition:.7s;width:auto;padding:4px;height:11px;line-height:11px;box-shadow:0 1px 3px 1px {color:shadow};}
  160. nav num {font-family:'Inconsolata',monospace;font-size:10.5px;font-weight:400;float:center;font-style:italic;}
  161. .controls {float:right;margin-top:0;margin-right:0;}
  162. .controls svg {width:10px;height:auto;fill:{color:links}!important;padding:2px;display:block;overflow:visible;background:{color:background};border:1px solid {color:borders};border-radius:{text:border radius}px;}
  163. .controls a {position:relative;display:inline-block;overflow:hidden;}
  164. .controls .reblog {margin-right:3px;width:35px;margin-top:0;}
  165. .controls span {opacity:0.34;top:-5px;margin-top:-5px;position:relative;margin-left:-2px;}
  166. .controls .like .liked + svg {opacity:1;}
  167. .controls .like .liked + svg path {fill:{AccentColor}!important;}
  168. .controls .like .like_button iframe {position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;z-index:2;opacity:0;}
  169. .top {position:relative;padding:15px 10px 15px 10px;margin-top:0;margin-left:0;font-family: 'Karla', monospace;background:{color:posts};border-radius:{text:border radius}px {text:border radius}px 0 0;border:1px solid {color:borders};text-transform:lowercase;}
  170. .tags {margin:0 7px 10px;}
  171. .tags a {margin:0 3px 0;background:{color:posts};font-weight:bold;text-transform:lowercase;font-size:9.5px;letter-spacing:.5px;padding:1px;font-style:italic;position:relative;}
  172. .chat h1 {font-size:16px;line-height:45px;margin-bottom:-20px;}
  173. .chat ul {margin:10px 10px;padding:8px;}
  174. .chat li {padding:12px;list-style-type:none;}
  175. span.chats {font-weight:bold;text-transform:capitalize;}
  176. .chat li:nth-child(odd) {border:1px solid {color:borders};border-left:0;background-color:{color:posts};}
  177. .chat li:nth-child(even) {border:1px solid {color:borders};border-left:0;border-top:0;margin-top:-2px;}
  178. .ask {margin-top:0;margin-left:0;margin-right:0;padding:12px;width:auto;color:{color:text};text-align:justify;border:1px solid {color:borders};background:{color:asker};border-top:0;}
  179. .asker {margin-top:0;margin-left:0;margin-right:0;width:auto;text-transform:lowercase;padding:0;text-align:left;letter-spacing:0;font-weight:600;}
  180. .asker a {width:auto;color:{color:links};margin:0;padding:0;border:none;}
  181. .answer {margin-top:0;margin-left:0;margin-right:0;padding:9px;width:auto;color:{color:text};text-align:justify;}
  182. .quote {text-align:justify;padding:10px;margin-left:0;margin-right:0;margin-bottom:0;margin-top:0;font-family:'Playfair Display';font-size:11px;}
  183. #sc {margin-top:0;margin-right:0;margin-left:0;margin-bottom:0;width:auto;text-align:left;padding:6px 0 6px 0;font-style:normal;font-family:{select:fonts}, sans-serif;text-transform:lowercase;}
  184. #sc:before {content:'';background:{color:text};width:10px;height:2px;display:inline-block;position:relative;top:-2px;margin-top:-2px;margin-right:5px;}
  185. #sc a {color:{color:links};transition:.6s;margin:0;padding:6px 0 0 0;font-weight:700;}
  186. #link {padding:20px;margin-top:0;font-weight:400;}
  187. .tit-url {text-align:center;margin-left:0;margin-right:0;margin-bottom:0;background:{color:posts};padding:10px;}
  188. .sk {margin-top:0;margin-left:0;width:160px;}
  189. input:focus::-webkit-input-placeholder {color:transparent;}
  190. input:focus:-moz-placeholder {color:transparent;}
  191. input:focus::-moz-placeholder {color:transparent;}
  192. input:focus:-ms-input-placeholder {color:transparent;}
  193. .requiro input {outline:none;border:0;width:100%;margin:3px;padding:0;background:{color:posts};font-size:12px;font-family:{select:fonts};}
  194. .requiro {padding:2px 4px 2px 4px;border-radius:{text:border radius}px;background:{color:posts};box-shadow:0 1px 3px 1px {color:shadow};border:1px solid {color:borders}}
  195. .requiro input[type=text]{color:{color:text};}
  196. input::-webkit-input-placeholder{color:{color:text};}
  197. input::-moz-placeholder{color:{color:text};}
  198. input:-moz-placeholder{color:{color:text};}
  199. input:-ms-input-placeholder{color:{color:text};}
  200. .permalink {width:350px;margin-top:0;line-height:150%;margin-left:50px;border:1px solid {color:borders};background:{color:posts};box-shadow:0 1px 3px 1px {color:shadow};border-radius:{text:border radius}px;height:207px;padding-top:10px;}
  201. .permalink #info {width:auto;margin:0 7px 10px;font-weight:700;position:relative;line-height:14px;}
  202. ol.notes {display:block;padding:0;margin-left:-13px;margin-right:-13px;overflow-y:scroll;overflow-x:hidden;text-align:justify;width:auto;height:177px;}
  203. ol.notes li.note {display:block;text-align:justify;padding:5px;padding-left:20px;line-height:120%;}
  204. ol.notes li.note img.avatar {display:none;}
  205. .more_notes_link,.notes_loading {text-align:center!important;}
  206. #s-m-t-tooltip {max-width:300px;border:1px solid {color:borders};padding:3px 4px 3px 5px;margin:15px 20px;border-radius:{text:border radius}px;background:{color:posts};color:{color:text};z-index:123456789;}
  207. #ltop:link, #ltop:visited {color:{color:links};display:none;position:fixed;z-index:10;bottom:30px;right:10px;text-align:center;font-weight:700;text-transform:uppercase;font-size:9px;font-family:'Open Sans', sans-serif;}
  208. #credit {color:{color:links};padding:4px;position:fixed;bottom:10px;right:10px;text-align:center;z-index:123456789;font-weight:bold;font-size:10px;}
  209. </style>
  210. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  211. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  212. <script type="text/javascript" src="https://static.tumblr.com/5u1fog0/GzWnj3uo9/ltop.js"></script>
  213. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  214. <script> $(document).ready(function() { $('iframe.tumblr_audio_player').load( function() { $('iframe.tumblr_audio_player').contents().find("head") .append($("<style type='text/css'> .audio-player{background:{color:audio}!important} </style>")); }); });</script>
  215. </head>
  216. <body>
  217. <div class="entry">
  218. <header>
  219. <div class="t">{Title}</div>
  220. </header>
  221. <aside>
  222. <div class="top"> {block:ifshowfavicon}<img src="{Favicon}" class="icon">{/block:ifshowfavicon} <a href="{BlogURL}"> @ {Name}</a></div>
  223. <div class="d">{Description}</div>
  224. {block:ifshowsearch}<center><div class="sk"><form class="requiro" action="/search" method="get"><input type="text" name="q" placeholder="Search Keywords..." value=""/></form></div></center>{/block:ifshowsearch}
  225. <nav>
  226. <a href="{text:link one}" title="{text:link one title}"><num>ichi.</num></a>
  227. <a href="{text:link two}" title="{text:link two title}"><num>ni.</num></a>
  228. {block:ifshowlinkthree}<a href="{text:link three}" title="{text:link three title}"><num>san.</num></a>{/block:ifshowlinkthree}
  229. {block:ifshowlinkfour}<a href="{text:link four}" title="{text:link four title}"><num>shi.</num></a>{/block:ifshowlinkfour}
  230. </nav>
  231. </aside>
  232.  
  233. <div id="posts">
  234. {block:Posts}
  235. <div class="posts">
  236.  
  237. {block:IndexPage}
  238. <div class="top"><a href="{Permalink}">{TimeAGO} & {NoteCount}</a>
  239. <div class="controls">
  240. <a href="{ReblogURL}" target="_blank" class="reblog">reblog</a> <span>+</span>
  241. <a href="#" class="like">{LikeButton}like</a>
  242. </div>
  243. </div>
  244. {/block:IndexPage}
  245.  
  246. {block:Text}
  247. <h1>{Title}</h1>
  248. <div class="caption">{Body}</div>
  249. {block:IndexPage}
  250. {block:ifShowTags}{block:HasTags}<div class="tags">
  251. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  252. </div>{/block:HasTags}{/block:ifShowTags}
  253. {/block:IndexPage}
  254. </div>
  255. {/block:Text}
  256.  
  257. {block:Photo}
  258. <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>
  259. {block:IndexPage}
  260. {block:Caption}{block:IfShowCaption}<div class="caption">{Caption}</div>{/block:IfShowCaption}{/block:Caption}
  261. {block:ifShowTags}{block:HasTags}<div class="tags">
  262. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  263. </div>{/block:HasTags}{/block:ifShowTags}
  264. {/block:IndexPage}
  265. </div>
  266. {/block:Photo}
  267.  
  268. {block:Photoset}
  269. <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>
  270. {block:IndexPage}
  271. {block:ifShowTags}{block:HasTags}<div class="tags">
  272. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  273. </div>{/block:HasTags}{/block:ifShowTags}
  274. {/block:IndexPage}
  275. </div>
  276. {/block:Photoset}
  277.  
  278. {block:Quote}
  279. <div class="quote">"{Quote}"
  280. {block:Source}<div id="sc">{Source}</div>{/block:Source}
  281. </div>
  282. {block:IndexPage}
  283. {block:ifShowTags}{block:HasTags}<div class="tags">
  284. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  285. </div>{/block:HasTags}{/block:ifShowTags}
  286. {/block:IndexPage}
  287. </div>
  288. {/block:Quote}
  289.  
  290. {block:Link}
  291. <div id="link">
  292. {block:Host}<div class="tit-url"><a href="{URL}" {Target}>{Host}</div></a>{/block:Host}
  293. </div>
  294. {block:IndexPage}
  295. {block:ifShowTags}{block:HasTags}<div class="tags">
  296. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  297. </div>{/block:HasTags}{/block:ifShowTags}
  298. {/block:IndexPage}
  299. </div>
  300. {/block:Link}
  301.  
  302. {block:Chat}
  303. <div class="chat">
  304. {block:Title}<h1>{Title}</h1>{/block:Title}
  305. <ul>
  306. {block:Lines}
  307. <li class="{Alt} {UserNumber}">
  308. {block:Label}
  309. <span class="chats">{Label}</span>
  310. {/block:Label}
  311. <span class="line">{Line}</span>
  312. </li>
  313. {/block:Lines}
  314. </ul>
  315. </div>
  316. {block:IndexPage}
  317. {block:ifShowTags}{block:HasTags}<div class="tags">
  318. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  319. </div>{/block:HasTags}{/block:ifShowTags}
  320. {/block:IndexPage}
  321. </div>
  322. {/block:Chat}
  323.  
  324. {block:Audio}
  325. {block:AudioEmbed}
  326. {AudioEmbed-500}
  327. {/block:AudioEmbed}
  328. {block:IndexPage}
  329. {block:ifShowTags}{block:HasTags}<div class="tags">
  330. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  331. </div>{/block:HasTags}{/block:ifShowTags}
  332. {/block:IndexPage}
  333. </div>
  334. {/block:Audio}
  335.  
  336. {block:Video}
  337. <div class="video">{Video-500}</div>
  338. {block:IndexPage}
  339. {block:Caption}{block:IfShowCaption}<div class="caption">{Caption}</div>{/block:IfShowCaption}{/block:Caption}
  340. {block:ifShowTags}{block:HasTags}<div class="tags">
  341. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  342. </div>{/block:HasTags}{/block:ifShowTags}
  343. {/block:IndexPage}
  344. </div>
  345. {/block:Video}
  346.  
  347. {block:Answer}
  348. <div class="ask"><div class="asker">{asker}</a></div> {Question}</div>
  349. <div class="answer">{Answer}</div>
  350. {block:IndexPage}
  351. {block:ifShowTags}{block:HasTags}<div class="tags">
  352. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  353. </div>{/block:HasTags}{/block:ifShowTags}
  354. {/block:IndexPage}
  355. </div>
  356. {/block:Answer}
  357.  
  358. {block:PermalinkPage}
  359. {block:PostNotes}
  360. <div class="permalink">
  361. <div id="info">{DayOfWeek}, {DayOfMonth}{DayOfMonthSuffix} {Month}</div>
  362. {PostNotes-64}
  363. </div>
  364. {/block:PostNotes}
  365. {/block:PermalinkPage}
  366.  
  367. <a href="javascript:;" id="ltop">top</a>
  368.  
  369. {/block:Posts}
  370. </div>
  371. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  372. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  373. <script src="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  374. {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>
  375. {block:IndexPage}
  376. <script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script><script src="https://static.tumblr.com/h7yjwkn/k7yoth0cm/jquery.infinitescroll.min.js"></script>
  377. {/block:IndexPage}
  378.  
  379. <script>
  380. $(document).ready(function(){
  381. $('.photo-slideshow').pxuPhotoset({
  382. lightbox: true,
  383. rounded: false,
  384. gutter: '1px',
  385. photoset: '.photo-slideshow',
  386. photoWrap: '.photo-data',
  387. photo: '.pxu-photo'
  388. });
  389. $(function(){ $('.posts').unnest({
  390. yourCaption:".caption",
  391. wrapName:".tumblr_parent",
  392. newCaptionUsername:true,
  393. originalPostCaptionUsername:false,
  394. tumblrAvatars:false,
  395. tumblrAvatarClass:".tumblr_avatar",
  396. usernameColon:false
  397. });})
  398. {block:IndexPage}
  399. var $container = $('#posts');
  400. $container.masonry({ itemSelector: '.posts' });
  401. $container.imagesLoaded(function(){
  402. $container.masonry();
  403. $container.find('.posts').animate({ opacity: 1, zIndex: 1 });
  404. });
  405.  
  406. $container.infinitescroll({
  407. itemSelector: '.posts',
  408. navSelector: '#pagination',
  409. nextSelector: '#next',
  410. loadingImg: 'https://www.symbolab.com/public/img/loading_large.gif',
  411. loadingText: '<em></em>',
  412. bufferPx: 20000
  413. },
  414. function( newElements ) {
  415. var $newElems = $(newElements);
  416. var $newElemsIDs = $newElems.map(function(){
  417. return this.id;
  418. }).get();
  419. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  420. var $newElems = $( newElements );
  421. $newElems.find('.photo-slideshow').pxuPhotoset({
  422. lightbox: true,
  423. rounded: false,
  424. gutter: '1px',
  425. photoset: '.photo-slideshow',
  426. photoWrap: '.photo-data',
  427. photo: '.pxu-photo'
  428. },
  429. function(){
  430. $container.masonry();
  431. });
  432. $newElems.imagesLoaded(function(){
  433. $container.masonry( 'appended', $newElems );
  434. $newElems.animate({ opacity: 1, zIndex: 1 });
  435. resizeVideos();
  436.  
  437. });
  438. });
  439. {/block:IndexPage}
  440. });
  441. </script>
  442. </div>
  443. </div>
  444. <div id="credit"><a href="https://atherus.tumblr.com/" title="atherus © tumblr" target="_blank"> # </a></div>
  445. </body>
  446. </html>
Advertisement
Add Comment
Please, Sign In to add comment