absints

06. candelabrum

Nov 13th, 2018
6,538
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 32.33 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4.  
  5. candelabrum theme.
  6. atherus © 2018. all rights reserved.
  7.                
  8. 01. back to top © fragilehelp
  9. 02. new controls © cyantists
  10. 03. pxu photoset © gray gilmore
  11. 04. infinite scroll © paul irish
  12. 05. video resizing, minimal soundcloud, lightboxes © shythemes
  13. 06. un-nest caption plugin © magnusthemes, neothm
  14. 07. tooltips © eruhption
  15. 08. smoothscroll © zachary fury
  16. 09. masonry © david desandro
  17. 10. icons © fontawesome
  18.  
  19. -->
  20.          
  21. <html lang="en">
  22. <head>
  23. <meta charset="utf-8">
  24. <title>{Title}</title>
  25. <link rel="shortcut icon" href="{Favicon}">
  26. {block:Description}
  27. <meta name="description" content="{MetaDescription}"/>
  28. {/block:Description}
  29. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  30. {block:Hidden}
  31. <meta name="color:background" content="#f9f9f9"/>
  32. <meta name="color:highlights" content="#ffffff"/>
  33. <meta name="color:accent" content="#bbb093"/>
  34. <meta name="color:asker" content="#fafafa"/>
  35. <meta name="color:borders" content="#ededed"/>
  36. <meta name="color:links" content="#6b6b6b"/>
  37. <meta name="color:links hover" content="#888888"/>
  38. <meta name="color:title" content="#978966"/>
  39. <meta name="color:text" content="#666666"/>
  40. <meta name="color:scrollbar" content="#e6e6e6"/>
  41. <meta name="color:selection" content="#fff7cc"/>
  42.  
  43. <meta name="select:fonts" content="Work Sans" title="Work Sans"/>
  44. <meta name="select:fonts" content="Arial" title="Arial"/>
  45.  
  46. <meta name="text:link 1" content="link 1"/>
  47. <meta name="text:link 1 url" content="URL"/>
  48. <meta name="text:link 2" content="link 2"/>
  49. <meta name="text:link 2 url" content="URL"/>
  50.  
  51. <meta name="image:icon" content="https://static.tumblr.com/ad43e88807e19e7189e26ec35611d131/goypnar/FEJphyp01/tumblr_static_7yl7f2cy84o48cwskwcssk4ok.jpg"/>
  52.  
  53. <meta name="if:show link 1" content="1"/>
  54. <meta name="if:show link 2" content="2"/>
  55. <meta name="if:caption" content="1"/>
  56. <meta name="if:dark tumblr control" content="1"/>
  57. <meta name="if:pagination" content="0"/>
  58. {/block:Hidden}
  59. <link href='https://fonts.googleapis.com/css?family=Work Sans:300,300i,700,700i|Arial|Fira+Mono' rel='stylesheet' type='text/css'>
  60. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
  61. <script type="text/javascript" src="https://static.tumblr.com/5u1fog0/GzWnj3uo9/ltop.js"></script>
  62. <link href='https://static.tumblr.com/blpgwiz/u8Qmijy1c/fade_in_up.css' rel='stylesheet' type='text/css'>
  63. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  64. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  65. <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>
  66. <script type="text/javascript" src="https://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  67. <style type="text/css">
  68. iframe.tmblr-iframe {z-index:99999999999999!important;top:4px!important;right:0!important;opacity:0;padding-right:46px;{block:ifdarktumblrcontrol}filter:invert(55%);{/block:ifdarktumblrcontrol}transform:scale(0.45);transform-origin:100% 0;transition:1s;}
  69. iframe.tmblr-iframe:hover {opacity:.6!important;transition:1s;}
  70. .hcontrols {position:fixed;top:0;right:0;z-index:999999999;}
  71. .hcontrols svg {width:14px;height:14px;padding:9px;}
  72. .hcontrols svg path {fill:{color:links};}
  73. *html, body {max-width:100%;height:100%;}
  74. @keyframes fadein {from {opacity:0;} to {opacity:1;}}
  75. @-moz-keyframes fadein {from {opacity:0;} to {opacity:1;}} /* Firefox */
  76. @-webkit-keyframes fadein {from {opacity:0;} to {opacity:1;}} /* Safari and Chrome */
  77. @-o-keyframes fadein {from {opacity:0;} to {opacity:1;}} /* Opera */
  78. body {word-wrap:break-word;background-color:{color:background};background-repeat:repeat;background-attachment:fixed;color:{color:text};font:normal 300 11px/150% "{select:fonts}", sans-serif;text-transform:none;text-align:justify;margin:0;word-spacing:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-animation-name:fadeIn;animation-name:fadeIn;}
  79. h1,h2,h3,h4,h5,h6 {padding:0;display:block;margin-top:15px;margin-bottom:15px;margin-left:15px;margin-right:15px;text-align:left;font-size:12px;}
  80. h2 {padding:0;margin:7px 0 7px;font-size:.8rem;border:none;}
  81. a, a:link, a:visited, a:active {color:{color:links};text-decoration:none;transition:.5s;}
  82. a:hover {color:{color:links hover};transition:.5s;}
  83. li {margin-left:-17px;margin-right:10px;}
  84. .caption {margin:10px 15px 6px;width:auto;padding:0;overflow:hidden;text-align:justify;background:{color:highlights};}
  85. .caption img {width:calc(100% - 0);display:block;margin:0 auto;position:relative;}
  86. .caption a {margin:0;padding:0;display:inline-block;font-weight:700;text-decoration:underline {color:borders};color:{color:links};transition:.7s;word-wrap:break-word;}
  87. .caption a:hover {transition:1s;color:{color:links hover};text-decoration:underline {color:borders} transparent;}
  88. .caption a.tumblr_blog {font-weight:700;color:{color:links};text-decoration:underline {color:borders};padding:0;margin:0;background:{color:highlights};display:inline-block;}
  89. .caption .tumblr_blog {margin:0 auto;display:block;text-transform:lowercase;border:none;}
  90. .caption i, em {color:{color:accent};}
  91. .caption blockquote {margin:0;padding:0;border:none;}
  92. .caption blockquote img {margin:15px auto 0;}
  93. .caption blockquote.tumblr_parent {position:relative;padding:0;display:inline-block;margin:6px auto 0;}
  94. .caption blockquote.tumblr_parent img {margin:15px 0 0;}
  95. .caption blockquote.tumblr_parent a {font-weight:bold;margin:0 auto;padding:0;display:inline-block;}
  96. .caption blockquote.tumblr_parent > a:first-of-type {font-weight:700;display:inline;margin:0;padding:0;}
  97. .caption blockquote.tumblr_parent > a:first-of-type:hover {color:{color:links hover};}
  98. blockquote.tumblr_parent > p:first-of-type {display:block;}
  99. blockquote.tumblr_parent > blockquote p:first-of-type {display:inline;}
  100. img.tumblr_avatar {float:left;width:10px;height:10px;border-radius:3px;display:block;margin-top:2px!important;margin-right:7px!important;}
  101. small, sub {font-size:10px;}
  102. hr {max-width:100%;border:0;border-top:.5px solid {color:borders};border-bottom:.5px solid {color:borders};margin:15px 0 10px;}
  103. pre, code {text-align:left;font:normal 1em/1.4em "fira mono", monospace;}
  104. pre {line-height:170%;margin:5px 0;text-shadow:1px 1px 0px white;font-family:inconsolate,monospace;font-size:12px;overflow-x:scroll;}
  105. code {text-align:left;margin:0;padding:0;display:block;}
  106. .vignette, #vignette {opacity:0;}
  107. .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;}
  108. .tmblr-lightbox, #tumblr_lightbox {background-color:rgba(0,0,0,.8)!important;}
  109. .tumblrAutoPager_page_separator, .tumblrAutoPager_page_info {display:none;}
  110. ::-webkit-scrollbar {width:7px;height:7px;}
  111. ::-webkit-scrollbar-thumb {border:0;background:{color:scrollbar};border-radius:100px;}
  112. ::-webkit-scrollbar-button {width:7px;height:7px;}
  113. ::-moz-selection {background:{color:selection};color:{color:text};}
  114. ::selection {background:{color:selection};color:{color:text};}
  115. iframe.tumblr_audio_player {height:84px;width:100%;margin-bottom:-4px;position:relative;}
  116. #youtube_iframe {background-position:center;display:block;}
  117. .spotify_audio_player {height:80px!important;width:100%;}
  118. .soundcloud_audio_player {height:90px!important;width:100%;}
  119. .entry {width:185px;margin:auto;height:auto;{block:PermalinkPage}width:330px;{/block:PermalinkPage}}
  120. #posts {margin-top:24px;margin-left:-197px;margin-bottom:58px;margin-right:0;padding:0 14px 15px 15px;transition:.5s;{block:PermalinkPage}margin-left:-160px;margin-top:34px;padding:0 0 100px 15px;{/block:PermalinkPage}background:{color:background};}
  121. .posts {width:calc(280px + 20px);margin:20px;padding:0;background:{color:highlights};transition:1s;opacity:1;{block:PermalinkPage}width:350px;margin-top:40px;{/block:PermalinkPage};border:1px solid {color:borders};font:normal 400 11px/140% "{select:fonts}", sans-serif;transition:.9s;border-radius:4px;}
  122. {block:IndexPage}
  123. .posts {opacity:0;z-index:-1;transition:.5s;}
  124. #pagination {display:none;!important}
  125. #infscr-loading {display:none!important;}
  126. .tmblr-iframe--app-cta-button {display:none!important;}
  127. {/block:IndexPage}
  128. .posts img, video {max-width:100%;height:auto;overflow:hidden;position:relative;transition:all 1s ease;padding:0;display:block;margin:0;}
  129. .video, .tumblr_video_container {max-width:100%!important;height:auto!important;}
  130. aside {padding:0;width:calc(160px + 20px);margin-top:20px;margin-left:174px;background:{color:highlights};text-align:left;height:auto;position:fixed;z-index:10;line-height:12px;border:1px solid {color:borders};transition:.9s;border-radius:4px;{block:PermalinkPage}margin-top:0;margin-left:270px;{/block:PermalinkPage}}
  131. aside img {text-align:left;width:180px!important;height:auto;display:block;margin:0 10px 0 0;background:{color:background};border-top-left-radius:4px;border-top-right-radius:4px;}
  132. url {margin-top:-28px;background:rgba({RGBcolor:highlights},.8)!important;z-index:10;width:150px;position:absolute;margin-left:0;margin-right:0;margin-bottom:0;display:inline-block;padding:8px 15px;text-transform:lowercase;text-align:left;}
  133. url strong {color:{color:accent};}
  134. .d {margin:0;height:auto;display:inline-block;width:auto;padding:15px;background:{color:highlights};text-align:justify;transition:.5s;border-top:1px solid {color:borders};line-height:142%;color:{color:text};border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
  135. .d i {color:{color:accent};}
  136. .d a {color:{color:accent};font-weight:bold;text-decoration:underline {color:borders};}
  137. .d, .d a:hover {color:{color:links hover};transition:1s;}
  138. header {z-index:10;bottom:0;left:0;background:rgba({RGBcolor:highlights},1);border-top:1px solid {color:borders};padding:15px;position:fixed;height:20px;width:100%;}
  139. .avatar-square img {width:24px!important;height:24px!important;border-radius:3px;float:left;display:inline-block;text-align:left;margin-top:-2px;margin-right:7px;}
  140. .avatar-circle img {width:24px!important;height:24px!important;border-radius:100%;float:left;display:inline-block;text-align:left;margin-top:-2px;margin-right:7px;}
  141. .avatar-{avatarshape} img:hover {animation:1s ease-in-out jello;}
  142. @keyframes jello { from, 11.1%, to {-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 22.2% {-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg);} 33.3% {-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg);} 44.4% {-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg);} 55.5% {-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg);} 66.6% {-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform: skewX(-0.78125deg) skewY(-0.78125deg);} 77.7% {-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg);} 88.8% {-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg);}}
  143. nav {margin:0 auto;display:block;padding:0;width:auto;}
  144. nav a:nth-child(1) {background-color:{color:background};border:2px solid {color:borders};color:{color:title};padding:3px 10px 0px;display:inline-block;border-radius:2px;margin:-14px 10px 0;}
  145. nav a:nth-child(1):hover span, nav a:focus:nth-child(1) span {transform:none;}
  146. nav a {display:inline-block;font-weight:bold;margin:0 10px 0;color:{color:links};padding:0 10px;border:2px solid transparent;height:20px;overflow:hidden;}
  147. nav a span {display:inline-block;position:relative;transition:transform 500ms;-webkit-transition:-webkit-transform 500ms;-moz-transition:transform 500ms;}
  148. nav a span:after {content:attr(data-hover);position:absolute;top:30px;left:0;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}
  149. nav a:hover span, nav a:focus span {transform:translateY(-30px);-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);}
  150. nav a:hover {transition:1s;color:{color:links hover};}
  151. #pag {padding:10px 15px;width:150px;margin-left:0;background:{color:highlights};margin-top:20px;text-align:center;height:auto;position:absolute;line-height:23px;border-radius:4px;border:1px solid {color:borders};}
  152. #pag a {width:auto;text-align:center;color:{color:links};padding:6px 8px;margin:0 -1px;text-transform:lowercase;font-weight:bold;text-decoration:underline {color:borders};}
  153. #pag a:hover {color:{color:links hover};}
  154. .chat ul {margin:10px auto;padding:0;text-align:left;}
  155. .chat li {padding:8px 10px;list-style-type:none;margin:15px 15px;background:{color:background};border:1px solid {color:borders};border-radius:4px;font-family:"fira mono",monospace;font-size:10px;}
  156. span.chats {font-weight:bold;padding:0;text-transform:capitalize;line-height:23px;font-family:"{select:fonts}", sans-serif;font-size:11px;}
  157. .ask {margin-top:15px;margin-left:43px;margin-right:15px;padding:14px 12px;width:auto;color:{color:text};text-align:justify;background:{color:asker};border:1px solid {color:borders};border-radius:4px;}
  158. .ask .fas {font-size:14px;float:left;margin-left:-40px;margin-top:-10px;}
  159. .asker {margin-top:0;margin-left:0;margin-right:0;width:auto;text-transform:lowercase;padding:0;text-align:left;margin-bottom:4px;}
  160. .asker a {margin:0;padding:0;text-align:left;}
  161. .answer {margin:15px 15px 15px 15px;padding:3px 0 0;width:auto;color:{color:text};text-align:justify;border-top:1px dotted {color:borders};}
  162. .answer blockquote {border:none;margin:0 auto;padding:0;}
  163. .answer a {font-weight:bold;text-decoration:underline {color:borders};}
  164. .answer img {margin-top:10px;border-radius:4px;}
  165. .quote {text-align:justify;padding:15px;margin:0 30px 0 0;display:inline-block;width:auto;line-height:14px;}
  166. .quote:before {content:'❜';display:block;margin-top:5px;margin-left:260px;font-size:20px;position:absolute;}
  167. #sc {margin-top:0;margin-left:0;width:auto;text-align:right;padding:4px 0 0;font-family:"{select:fonts}", sans-serif;font-size:11px;font-style:normal;}
  168. #sc a {color:{color:links};transition:.5s;font-weight:700;text-decoration:underline {color:borders};}
  169. #link {padding:0;margin:0;text-align:left;}
  170. .tit-url {text-align:center;margin:0 auto;padding:15px;color:{color:links};text-transform:lowercase;background:{color:background};border-bottom:1px solid {color:borders};}
  171. .bottom .fas {margin-top:1px;position:relative;display:inline-block;margin-left:0;float:right;text-align:center;transition:.5s;padding:0;font-size:12px;}
  172. .bottom date {background:{color:accent};color:{color:highlights};padding:1px 3px;margin-right:7px;font-weight:bold;text-transform:capitalize;border-radius:1px;}
  173. .bottom a {font-weight:bold;color:{color:links};text-decoration:underline {color:borders};}
  174. .bottom {width:auto;display:block;overflow:hidden;text-align:left;color:{color:links};margin:0;padding:15px 15px 15px;border-top:1px solid {color:borders};}
  175. .bottom a:hover, #notes-top a:hover {color:{color:links hover};transition:ease-in-out all .3s;}
  176. #notes-top {margin-left:0;float:left;margin-top:0;text-align:left;width:90%;display:block;padding:15px;border-bottom:1px solid {color:borders};font-weight:400;font-family:"fira mono", monospace;line-height:25px;}
  177. #notes-top a {display:inline-block;text-align:left;margin:2px 0 0;text-decoration:underline {color:borders};float:left;}
  178. #notes-top svg {width:10px;height:10px;margin:4px 4px 0;}
  179. #notes-top img {width:20px;height:20px;border-radius:4px;float:left;margin-right:10px;}
  180. .permalink {position:absolute;margin:10px 20px 0;width:350px;overflow:hidden;margin-bottom:110px;padding:15px 0 0;background:{color:highlights};border:1px solid {color:borders};}
  181. .permalink .date {padding:0 15px 5px;font-weight:bold;text-align:left;}
  182. ol.notes li {margin:0;transition:.7s;}
  183. .notes li {display:block;list-style:none;margin:0;}
  184. ol.notes li.note a {color:{color:links};font-weight:bold;text-decoration}
  185. ol.notes {margin:0;width:auto;padding:10px;text-align:justify;overflow:hidden;}
  186. ol.notes li.note {display:block;text-align:left;padding:10px;line-height:140%;}
  187. ol.notes li.note:nth-child(even) {background:{color:background};border-radius:4px;border:1px solid {color:borders};}
  188. ol.notes li.note img.avatar {display:none!important;}
  189. li#more_notes, .more_notes_link, .notes_loading {text-align:center!important;}
  190. #s-m-t-tooltip {max-width:500px;padding:4px 14px 5px 15px;margin:12px 15px;background:{color:highlights};border:1px solid {color:borders};color:{color:text};z-index:123456789;border-radius:4px;}
  191. #ltop:link, #ltop:visited {color:{color:links};position:fixed;text-align:center;z-index:100;width:auto;display:none;text-align:center;transition:.7s;margin-left:0;margin-top:0;right:140px;}
  192. #credit {color:{color:links};margin-top:0;margin-right:100px;text-align:center;z-index:100;font-weight:bold;float:right;}
  193. input:focus::-webkit-input-placeholder {color:transparent;}
  194. input:focus:-moz-placeholder {color:transparent;}
  195. input:focus::-moz-placeholder {color:transparent;}
  196. input:focus:-ms-input-placeholder {color:transparent;}
  197. .requiro input {outline:none;border:0;width:50px;padding:3px 10px 5px;margin-top:-28px;margin-bottom:0;margin-left:0;margin-right:20px;background:transparent;font-size:11px;font-family:"{select:fonts}", sans-serif;border:none;float:right;font-weight:bold;font-style:normal;}
  198. .requiro {padding:0;background:transparent;}
  199. .requiro input[type=text]{color:{color:text};}
  200. input::-webkit-input-placeholder{color:{color:text};}
  201. input::-moz-placeholder{color:{color:text};}
  202. input:-moz-placeholder{color:{color:text};}
  203. input:-ms-input-placeholder{color:{color:text};}
  204. </style>
  205. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  206. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  207. <script type="text/javascript" src="https://static.tumblr.com/5u1fog0/GzWnj3uo9/ltop.js"></script>
  208. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  209. </head>
  210. <body>
  211. <div class="entry">
  212.  
  213. <header>
  214. <div class="avatar-{AvatarShape}">
  215. <a href="{BlogURL}"><img src="{PortraitURL-128}"/></a>
  216. </div>
  217. <nav>
  218. <a href="{BlogURL}">{Title}</a>
  219. <a href="/ask"><span data-hover="e-mail">e-mail</span></a>
  220. <a href="/archive"><span data-hover="past">past</span></a>
  221. {block:IfShowLink1}
  222. <a href="{text:Link 1 URL}"><span data-hover="{text:Link 1}">{text:Link 1}</span></a>
  223. {/block:IfShowLink1}
  224. {block:IfShowLink2}
  225. <a href="{text:Link 2 URL}"><span data-hover="{text:Link 2}">{text:Link 2}</span></a>
  226. {/block:IfShowLink2}
  227. <a href="https://atherus.tumblr.com/" id="credit">theme</a>
  228. <a href="javascript:;" id="ltop">scroll to top</a>
  229. </nav>
  230. <form class="requiro" action="/search" method="get"><input type="text" name="q" placeholder="search" value=""/></form>
  231. </header>
  232.  
  233. <aside>
  234. <img src="{image:icon}"/>
  235. <url><strong>{Name}</strong>.tumblr.com</url>
  236. <div class="d">
  237. {block:Description}
  238. {Description}
  239. {/block:Description}
  240. </div>
  241. {block:ifpagination}{block:Pagination}<div id="pag">{block:PreviousPage}<a href="{PreviousPage}" id="prev">newer</a>{/block:PreviousPage}<span class="current">{CurrentPage} <span style="opacity:.3;">/</span> {TotalPages}</span>{block:NextPage}<a href="{NextPage}" id="next">older</a>{/block:NextPage}
  242. </div>{/block:Pagination}{/block:ifpagination}
  243. </aside>
  244.  
  245.  
  246.  
  247. <div id="posts">
  248. {block:Posts}
  249. <div class="posts">
  250.  
  251. {block:Text}
  252. <h1>{Title}</h1>
  253. <div class="caption">{Body}</div>
  254. {block:IndexPage}
  255. <div class="bottom"> <date>{ShortDayOfWeek}</date> <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>  ⠀⠀{NoteCountWithLabel}
  256. <a target="_blank" href="{ReblogURL}"> <i class="fas fa-external-link-alt"></i></a> </div>
  257. {/block:IndexPage}
  258. </div>
  259. {/block:Text}
  260.  
  261. {block:Photo}
  262. {block:IndexPage}
  263. <div id="notes-top">
  264. {block:RebloggedFrom}
  265. <a href="{ReblogParentURL}" title="{ReblogParentName}" target="_blank"><img src="{ReblogParentPortraitURL-128}"/></a> &#123;block:photo&#125;
  266. {/block:RebloggedFrom}
  267. {block:NotReblog}
  268. <a href="{BlogURL}" title="{Name}"><img src="{PortraitURL-128}"/></a> &#123;block:photo&#125;
  269. {/block:NotReblog}
  270. </div>
  271. {/block:IndexPage}
  272. <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>
  273. {block:IfCaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfCaption}
  274. {block:IndexPage}
  275. <div class="bottom"> <date>{ShortDayOfWeek}</date> <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>  ⠀⠀{NoteCountWithLabel}
  276. <a target="_blank" href="{ReblogURL}"> <i class="fas fa-external-link-alt"></i></a> </div>
  277. {/block:IndexPage}
  278. </div>
  279. {/block:Photo}
  280.  
  281. {block:Photoset}
  282. {block:IndexPage}
  283. <div id="notes-top">
  284. {block:RebloggedFrom}
  285. <a href="{ReblogParentURL}" title="{ReblogParentName}" target="_blank"><img src="{ReblogParentPortraitURL-128}"/></a> &#123;block:photoset&#125;
  286. {/block:RebloggedFrom}
  287. {block:NotReblog}
  288. <a href="{BlogURL}" title="{Name}"><img src="{PortraitURL-128}"/></a> &#123;block:photoset&#125;
  289. {/block:NotReblog}
  290. </div>
  291. {/block:IndexPage}
  292. <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>
  293. {block:IfCaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfCaption}
  294. {block:IndexPage}
  295. <div class="bottom"> <date>{ShortDayOfWeek}</date> <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>  ⠀⠀{NoteCountWithLabel}
  296. <a target="_blank" href="{ReblogURL}"> <i class="fas fa-external-link-alt"></i></a> </div>
  297. {/block:IndexPage}
  298. </div>
  299. {/block:Photoset}
  300.  
  301. {block:Quote}
  302. <div class="quote">{Quote} {block:Source}<div id="sc">{Source}</div>{/block:Source}</div>
  303. {block:IndexPage}
  304. <div class="bottom"> <date>{ShortDayOfWeek}</date> <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>  ⠀⠀{NoteCountWithLabel}
  305. <a target="_blank" href="{ReblogURL}"> <i class="fas fa-external-link-alt"></i></a> </div>
  306. {/block:IndexPage}
  307. </div>
  308. {/block:Quote}
  309.  
  310. {block:Link}
  311. <div id="link">
  312. {block:Host}
  313. <div class="tit-url"><b><a href="{URL}" {Target}>{Host} </a></b></div>
  314. {/block:Host}
  315. {block:Description}
  316. <div class="caption">{Description}</div>
  317. {/block:Description}
  318. </div>
  319. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  320. {block:IndexPage}
  321. <div class="bottom"> <date>{ShortDayOfWeek}</date> <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>  ⠀⠀{NoteCountWithLabel}
  322. <a target="_blank" href="{ReblogURL}"> <i class="fas fa-external-link-alt"></i></a> </div>
  323. {/block:IndexPage}
  324. </div>
  325. {/block:Link}
  326.  
  327. {block:Chat}
  328. <div class="chat">
  329. <h1>{Title}</h1>
  330. <ul>
  331. {block:Lines}
  332. <li class="{Alt} {UserNumber}">
  333. {block:Label}
  334. <span class="chats">{Label}</span>
  335. {/block:Label}
  336. {Line}
  337. </li>
  338. {/block:Lines}
  339. </ul>
  340. </div>
  341. {block:IndexPage}
  342. <div class="bottom"> <date>{ShortDayOfWeek}</date> <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>  ⠀⠀{NoteCountWithLabel}
  343. <a target="_blank" href="{ReblogURL}"> <i class="fas fa-external-link-alt"></i></a> </div>
  344. {/block:IndexPage}
  345. </div>
  346. {/block:Chat}
  347.  
  348. {block:Audio}
  349. {block:IndexPage}
  350. <div id="notes-top">
  351. {block:RebloggedFrom}
  352. <a href="{ReblogParentURL}" title="{ReblogParentName}" target="_blank"><img src="{ReblogParentPortraitURL-128}"/></a> &#123;block:audio&#125;
  353. {/block:RebloggedFrom}
  354. {block:NotReblog}
  355. <a href="{BlogURL}" title="{Name}"><img src="{PortraitURL-128}"/></a> &#123;block:audio&#125;
  356. {/block:NotReblog}
  357. </div>
  358. {/block:IndexPage}
  359. {block:AudioEmbed}
  360. {AudioEmbed-500}
  361. {/block:AudioEmbed}
  362. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  363. {block:IndexPage}
  364. <div class="bottom"> <date>{ShortDayOfWeek}</date> <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>  ⠀⠀{NoteCountWithLabel}
  365. <a target="_blank" href="{ReblogURL}"> <i class="fas fa-external-link-alt"></i></a> </div>
  366. {/block:IndexPage}
  367. </div>
  368. {/block:Audio}
  369.  
  370. {block:Video}
  371. {block:IndexPage}
  372. <div id="notes-top">
  373. {block:RebloggedFrom}
  374. <a href="{ReblogParentURL}" title="{ReblogParentName}" target="_blank"><img src="{ReblogParentPortraitURL-128}"/></a> &#123;block:video&#125;
  375. {/block:RebloggedFrom}
  376. {block:NotReblog}
  377. <a href="{BlogURL}" title="{Name}"><img src="{PortraitURL-128}"/></a> &#123;block:video&#125;
  378. {/block:NotReblog}
  379. </div>
  380. {/block:IndexPage}
  381. <div class="video">{Video-500}</div>
  382. {block:IfCaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfCaption}
  383. {block:IndexPage}
  384. <div class="bottom"> <date>{ShortDayOfWeek}</date> <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>  ⠀⠀{NoteCountWithLabel}
  385. <a target="_blank" href="{ReblogURL}"> <i class="fas fa-external-link-alt"></i></a> </div>
  386. {/block:IndexPage}
  387. </div>
  388. {/block:Video}
  389.  
  390. {block:Answer}
  391. <div class="ask"><i class="fas fa-edit"></i> <div class="asker">q: <b>{Asker}</b></div> {Question} </div>
  392. <div class="answer">{Answer}</div>
  393. {block:IndexPage}
  394. <div class="bottom"> <date>{ShortDayOfWeek}</date> <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>  ⠀⠀{NoteCountWithLabel}
  395. <a target="_blank" href="{ReblogURL}"> <i class="fas fa-external-link-alt"></i></a> </div>
  396. {/block:IndexPage}
  397. </div>
  398. {/block:Answer}
  399.  
  400. {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}-->
  401.  
  402. {block:PermalinkPage}
  403. {block:PostNotes}
  404. <div class="permalink">
  405. {block:Date}
  406. <div class="date">
  407. {DayOfMonth}{DayOfMonthSuffix} {Month} {Year}, {12Hour}:{Minutes}:{Seconds}{CapitalAMPM} &#8901; <em class="notecount">{NoteCountWithLabel}</em>
  408. </div>
  409. {/block:Date}
  410. {PostNotes-64}
  411. </div>
  412. {/block:PostNotes}
  413. </div>
  414. {/block:PermalinkPage}
  415.  
  416. {/block:Posts}
  417. </div>
  418.  
  419. <script src="https://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  420. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  421. <script> $(document).ready(function(){ $('.video iframe').each(function(){ var scale = $(this).parents('.video').width() / 500;  $(this).attr({ width: Math.floor($(this).attr('width') * scale), height: Math.floor($(this).attr('height') * scale)});});});</script>
  422. <script src="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  423. {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}
  424. {block:IndexPage}
  425. <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>
  426. {/block:IndexPage}
  427.  
  428. <script>
  429. $(document).ready(function(){
  430. $('.photo-slideshow').pxuPhotoset({
  431. lightbox: true,
  432. rounded: false,
  433. gutter: '1px',
  434. photoset: '.photo-slideshow',
  435. photoWrap: '.photo-data',
  436. photo: '.pxu-photo'
  437. });
  438. $(function(){ $('.posts').unnest({
  439. yourCaption:".caption",
  440. wrapName:".tumblr_parent",
  441. newCaptionUsername:true,
  442. originalPostCaptionUsername:true,
  443. tumblrAvatars:true,
  444. tumblrAvatarClass:".tumblr_avatar",
  445. usernameColon:true, });})
  446. {block:IndexPage}
  447. var $container = $('#posts');
  448. $container.masonry({ itemSelector: '.posts' });
  449. $container.imagesLoaded(function(){
  450. $container.masonry();
  451. $container.find('.posts').animate({ opacity: 1, zIndex: 1 });
  452. });
  453. $container.infinitescroll({
  454. itemSelector: '.posts',
  455. navSelector: '#pagination',
  456. nextSelector: '#next',
  457. loadingImg: '',
  458. loadingText: '<em></em>',
  459. errorCallback: function(){ $('.load').text('no more posts').parent('footer').delay(40).slideUp(400); },
  460. bufferPx: 20000
  461. },
  462. function(newElements){
  463. var $newElems = $( newElements ).css({ opacity: 0 });
  464. $newElems.unnest({
  465. yourCaption: ".caption",
  466. wrapName: ".tumblr_parent",
  467. newCaptionUsername:true,
  468. originalPostCaptionUsername:true,
  469. tumblrAvatars:true,
  470. tumblrAvatarClass:".tumblr_avatar",
  471. usernameColon:true, });
  472. var $newElemsIDs = $newElems.map(function(){
  473. return this.id;
  474. }).get();
  475. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  476. var $newElems = $( newElements );
  477. $newElems.find('.photo-slideshow').pxuPhotoset({
  478. lightbox: true,
  479. rounded: false,
  480. gutter: '1px',
  481. photoset: '.photo-slideshow',
  482. photoWrap: '.photo-data',
  483. photo: '.pxu-photo'
  484. },
  485. function(){
  486. $container.masonry();
  487. });
  488. $newElems.imagesLoaded(function(){
  489. $container.masonry( 'appended', $newElems );
  490. $newElems.animate({ opacity: 1, zIndex: 1 });
  491. resizeVideos();
  492. });
  493. function resizeVideos() {
  494.    $('.video:not(.resized) iframe:not(.tumblr_video_iframe)').each(function(){
  495.        var vw = $(this).width();
  496.        var vh = $(this).height();
  497.        var scale = $(this).parents('.video').width() / vw;
  498.        $(this).attr({
  499.            width: Math.floor($(this).attr('width') * scale),
  500.            height: Math.floor($(this).attr('height') * scale)
  501.        });
  502.        $(this).parents('.video').addClass('resized');
  503.    });
  504.    $('.video:not(.resized) .tumblr_video_iframe').each(function(){
  505.        var vw = $(this).width();
  506.        var vh = $(this).height();
  507.        var scale = $(this).parents('.video').width() / vw;
  508.        $(this).css({
  509.            'transform': 'scale(' + scale + ')',
  510.            'margin': vh * (scale - 1) / 2 + 'px ' + vw * (scale - 1) / 2 + 'px'
  511.        });
  512.        $(this).parents('.tumblr_video_container').css({
  513.            width: Math.floor(vw * ( scale + 1 ) / 2),
  514.            height: Math.floor(vh * ( scale + 1 ) / 2)
  515.        });
  516.        $(this).parents('.video').addClass('resized');
  517.    });
  518. }
  519. });
  520. {/block:IndexPage}
  521. });
  522. </script>
  523. </div>
  524. </div>
  525. </div>
  526. <script> feather.replace() </script>
  527. <div class="hcontrols"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M106.6,134c14.3,0,26-11.7,26-26s-11.7-26-26-26s-26,11.7-26,26S92.2,134,106.6,134z M106.6,94c7.7,0,14,6.3,14,14s-6.3,14-14,14s-14-6.3-14-14S98.9,94,106.6,94z M40.4,124.6l7.2,3.3c3,1.4,4.4,4.8,3.3,7.9l-2.8,7.4c-2.1,5.7-1.4,11.8,2.1,16.7c3.4,5,9,7.9,15,7.9c2.2,0,4.4-0.4,6.5-1.2l7.4-2.8c0.7-0.3,1.4-0.4,2.2-0.4c2.4,0,4.7,1.4,5.7,3.7l3.3,7.2c3,6.6,9.4,10.7,16.6,10.7s13.6-4.1,16.6-10.7l3.3-7.2c1-2.2,3.2-3.7,5.7-3.7c0.7,0,1.5,0.1,2.2,0.4l7.4,2.8c2.1,0.8,4.3,1.2,6.5,1.2c0,0,0,0,0,0c5.9,0,11.5-3,15-7.9c3.4-5,4.2-11.1,2.1-16.7l-2.8-7.4c-1.1-3.1,0.3-6.5,3.3-7.9l7.2-3.3c6.6-3,10.7-9.4,10.7-16.6s-4.1-13.6-10.7-16.6l-7.2-3.3c-3-1.4-4.4-4.8-3.3-7.9l2.8-7.4c2.1-5.7,1.4-11.8-2.1-16.7c-3.4-5-9-7.9-15-7.9c-2.2,0-4.4,0.4-6.5,1.2l-7.4,2.8c-0.7,0.3-1.4,0.4-2.2,0.4c-2.4,0-4.7-1.4-5.7-3.7l-3.3-7.2c-3-6.6-9.4-10.7-16.6-10.7S93,35.2,90,41.8l-3.3,7.2c-1,2.2-3.2,3.7-5.7,3.7c-0.7,0-1.5-0.1-2.2-0.4l-7.4-2.8c-2.1-0.8-4.3-1.2-6.5-1.2c-5.9,0-11.5,3-15,7.9c-3.4,5-4.2,11.1-2.1,16.7l2.8,7.4c1.1,3.1-0.3,6.5-3.3,7.9l-7.2,3.3c-6.6,3-10.7,9.4-10.7,16.6S33.8,121.6,40.4,124.6z M45.3,102.3l7.2-3.3c8.7-4,12.9-14.1,9.5-23l-2.8-7.4c-1-2.7,0-4.7,0.7-5.7c1.6-2.4,4.6-3.4,7.4-2.3l7.4,2.8c2.1,0.8,4.2,1.2,6.4,1.2c0,0,0,0,0,0c7.1,0,13.6-4.2,16.6-10.7l3.3-7.2c1.5-3.4,4.7-3.7,5.7-3.7s4.1,0.3,5.7,3.7l3.3,7.2c3,6.5,9.5,10.7,16.6,10.7c2.2,0,4.3-0.4,6.4-1.2l7.4-2.8c2.8-1,5.7,0,7.4,2.3c0.7,1,1.7,3,0.7,5.7l-2.8,7.4c-3.3,8.9,0.8,19,9.5,23l7.2,3.3c3.4,1.5,3.7,4.7,3.7,5.7s-0.3,4.1-3.7,5.7l-7.2,3.3c-8.7,4-12.9,14.1-9.5,23l2.8,7.4c1,2.7,0,4.7-0.7,5.7c-1.6,2.4-4.6,3.4-7.4,2.3l-7.4-2.8c-2.1-0.8-4.2-1.2-6.4-1.2c-7.1,0-13.6,4.2-16.6,10.7l-3.3,7.2c-1.5,3.4-4.7,3.7-5.7,3.7s-4.1-0.3-5.7-3.7l-3.3-7.2c-3-6.5-9.5-10.7-16.6-10.7c-2.2,0-4.3,0.4-6.4,1.2l-7.4,2.8c-2.8,1-5.7,0-7.4-2.3c-0.7-1-1.7-3-0.7-5.7l2.8-7.4c3.3-8.9-0.8-19-9.5-23l-7.2-3.3c-3.4-1.5-3.7-4.7-3.7-5.7S41.9,103.9,45.3,102.3z"/></svg></div>
  528. </body>
  529. </html>
Advertisement
Add Comment
Please, Sign In to add comment