API tools faq
paste
odeysseus_thm

theme / NIGHT

odeysseus_thm
Nov 26th, 2017
16,255
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.78 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!--
  5.  
  6. night
  7.  
  8. @odeysseus
  9.  
  10.  
  11.  
  12. - search for "start tags" to edit the popup
  13. - credits listed at odeysseus.tumblr.com/credit
  14.  
  15. -->
  16.  
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21. <title>{Title}</title>
  22.  
  23. <!--metas-->
  24.  
  25. <meta name="color:Text" content="#767676"/>
  26. <meta name="color:link" content="#aaa"/>
  27. <meta name="color:accent" content="#47acb7"/>
  28. <meta name="color:accent dark" content="#444"/>
  29.  
  30. <meta name="if:header img" content="0"/>
  31. <meta name="if:hide caption" content="0"/>
  32. <meta name="if:infinite scroll" content="1"/>
  33. <meta name="if:load more" content="1"/>
  34. <meta name="if:scroll to top" content="1"/>
  35. <meta name="if:show tags" content="1"/>
  36. <meta name="if:popup" content="1"/>
  37.  
  38. <meta name="text:link 1 url" content=""/>
  39. <meta name="text:link 1" content=""/>
  40. <meta name="text:link 2 url" content=""/>
  41. <meta name="text:link 2" content=""/>
  42. <meta name="text:link 3 url" content=""/>
  43. <meta name="text:link 3" content=""/>
  44.  
  45. <meta name="text:font size" content="11px"/>
  46.  
  47. <meta name="select:font" content="Lora"/>
  48. <meta name="select:font" content="Roboto"/>
  49. <meta name="select:font" content="Source Serif Pro"/>
  50. <meta name="select:font" content="Source Sans Pro"/>
  51. <meta name="select:font" content="PT Serif"/>
  52.  
  53. <meta name="select:columns" content="1"/>
  54. <meta name="select:columns" content="2"/>
  55. <meta name="select:columns" content="3"/>
  56.  
  57. <meta name="select:post width" content="300px"/>
  58. <meta name="select:post width" content="330px"/>
  59. <meta name="select:post width" content="350px"/>
  60. <meta name="select:post width" content="380px"/>
  61. <meta name="select:post width" content="400px"/>
  62. <meta name="select:post width" content="450px"/>
  63. <meta name="select:post width" content="500px"/>
  64.  
  65.  
  66. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  67.  
  68. <!--font-->
  69.  
  70. <link href='https://fonts.googleapis.com/css?family={select:font}:400,400italic,600,600italic|Inconsolata' rel='stylesheet' type='text/css'>
  71.  
  72.  
  73. <!--videos-->
  74.  
  75. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  76.  
  77. <style type="text/css">
  78.  
  79.  
  80. /* general */
  81.  
  82. * { margin:0;padding:0; }
  83.  
  84. @-webkit-keyframes fadein {
  85. 0% {opacity: 0;}
  86. 100% { opacity: 1; }
  87. }
  88.  
  89. @-moz-keyframes fadein {
  90. 0% { opacity: 0; }
  91. 100% { opacity: 1; }
  92. }
  93.  
  94. @keyframes fadein {
  95. 0% { opacity: 0; }
  96. 100% { opacity: 1; }
  97. }
  98.  
  99.  
  100. ::-webkit-scrollbar{
  101. height:3px;
  102. width:7px;
  103. background:#fff;
  104. }
  105.  
  106. ::-webkit-scrollbar-thumb {background:rgba({RGBcolor:accent},0.5);border:3px solid #fff;}
  107. ::-webkit-scrollbar-track {background:#eee;border:3px solid #fff};}
  108.  
  109. ::-moz-selection{ background: rgba({RGBcolor:accent},.2); color:{color:accent dark};}
  110. ::selection {background: rgba({RGBcolor:accent},.2); color:{color:accent dark};}
  111.  
  112.  
  113. .tmblr-iframe{ white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);opacity:.2;transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;-moz-transition: .4s ease-in-out;-o-transition: .4s ease-in-out;transform:scale(0.7,0.7);transform-origin:right top; } .tmblr-iframe:hover { opacity:1; }
  114.  
  115. #s-m-t-tooltip{
  116. position:absolute;
  117. margin:15px;
  118. max-width:250px;
  119. z-index:9999;
  120. color:{color:accent dark};
  121. background:#fff;padding:2px 4px;
  122. border:1px solid #eee;
  123. }
  124.  
  125. blockquote { padding:0px 0px 0px 10px;margin:0px 0px 0px 10px;border-left:2px solid #eee;}
  126.  
  127. pre {
  128. white-space: pre-wrap; /* CSS 3 */
  129. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  130. white-space: -pre-wrap; /* Opera 4-6 */
  131. white-space: -o-pre-wrap; /* Opera 7 */
  132. word-wrap: break-word; /* Internet Explorer 5.5+ */
  133. color:#666;
  134. padding:10px;
  135. background:#f8f8f8;
  136. font-family:'Inconsolata',monospace;
  137. }
  138.  
  139. body {
  140. background:#fff;
  141. color:{color:text};
  142. font-family:'{select:font}',serif;
  143. font-weight:400;
  144. font-size:{text:font size};
  145. text-align:left;
  146. line-height:180%;
  147. -moz-osx-font-smoothing:grayscale;
  148. -webkit-font-smoothing:antialiased;
  149. font-smoothing:antialiased;
  150. }
  151.  
  152.  
  153. a {
  154. color:{color:link};
  155. text-decoration:none;
  156. transition:0.25s ease-in-out;
  157. -webkit-transition:0.25s ease-in-out;
  158. -moz-transition:0.25s ease-in-out;
  159. }
  160.  
  161. a:hover { text-decoration:none;color:{color:accent};}
  162. b,strong { font-weight:600;color:{color:accent dark}; }
  163. ul li { list-style:square;list-style-position:inside;}
  164. p { margin:10px 0px 0px; }
  165. img{ opacity:1;border:none;text-decoration:none;}
  166. small { font-size:calc({text:font size} - 0.5px); }
  167. hr { width:100%;background:#eee;height:1px;border:none;display:block;margin:10px 0px; }
  168. big { font-size:calc({text:font size} + 0.5px); }
  169. h1,h2,h3,h4,h5,h6 { padding:0;margin:0;margin-bottom:10px;font-size:13px;color:{color:accent dark};font-weight:600;}
  170.  
  171.  
  172. /* posts */
  173.  
  174. .entries { margin:80px auto;}
  175. .posts img, .posts li, .posts blockquote { max-width: 100%;}
  176.  
  177. .posts {
  178. position:relative;
  179. margin:50px {block:permalinkpage} 0px {/block:permalinkpage};
  180. width:{select:post width};
  181. -webkit-animation-name: fadein;
  182. -webkit-animation-duration: 1.5s;
  183. }
  184.  
  185. /* captions */
  186.  
  187. .caption {
  188. {block:ifhidecaption}
  189. {block:indexpage}
  190. display:none;
  191. {/block:indexpage}
  192. {/block:ifhidecaption}
  193. margin-top:10px;
  194. }
  195.  
  196. a.user,.asker,.asker a,.quotesource { font-weight:600;color:{color:accent dark};font-style:italic }
  197. .user { display:block;margin-bottom:-10px;margin-top:10px;}
  198. .user:first-of-type { margin-top:0 }
  199.  
  200. /* notes */
  201.  
  202. ol.notes { padding:0;margin:0;margin-top:15px;padding-top:15px;border-top:1px solid #eee;list-style-type:none;font-style:normal;}
  203. li.note { padding:0;margin:2px 0px;font-style:normal; }
  204. .notes_loading, .more_notes_link { font-weight:bold;float:left;text-align:left!important;text-transform:lowercase;}
  205. .notes img { display:none!important; }
  206. ol.notes li.note blockquote { padding:4px 10px;margin:5px 0px 0px 15px;}
  207.  
  208. /* quotes */
  209.  
  210. .quote { line-height:200%;font-size:14px;margin-bottom:10px;color:{color:accent dark};padding-bottom:10px;border-bottom:1px solid #eee;border-radius:2px; }
  211. .quotesource a.user { top:0px; }
  212.  
  213. /* chat */
  214.  
  215. .chat { line-height:180%;list-style:none;}
  216. .line { padding:4px;list-style:none; }
  217. .line.odd { background:#fafafa;}
  218. .label { font-weight:600;color:{color:accent dark};font-style:italic;margin-right:5px;}
  219.  
  220. /* asks */
  221.  
  222. .question {font-style:italic;padding-bottom:10px;border-bottom:1px solid #eee;}
  223. .asker { text-transform:lowercase; }
  224. .a b a { font-weight:600;color:{color:accent dark};top:10px;position:relative;font-style:italic }
  225. .a { margin-top:0px; }
  226. .question img { margin-top:2px;float:left;width:15px;border-radius:3px;margin-right:5px;}
  227. .answer { margin-top:10px;}
  228. /* audio */
  229.  
  230. .player { display:inline-block;width:50px;background:#fafafa;height:50px;overflow:hidden;margin-bottom:-5px;}
  231. .audio_d { float:right;padding:15px 10px;border:1px dotted #eee; width:calc({select:post width} - 90px );}
  232. .tumblr_audio_player { background:#fafafa!important; }
  233. .tumblr_audio_player { width:40px;margin:10px 7px;height:40px;overflow:hidden;}
  234.  
  235. /* lightboxes */
  236.  
  237. #vignette,.vignette { opacity:0!important; } .lightbox-image,#tumblr_lightbox img { box-shadow: none !important; border-radius:0 !important;} #tumblr_lightbox,.tmblr-lightbox { background:rgba(255,255,255,.7)!Important; } #tumblr_lightbox_left_link, #tumblr_lightbox_right_link { visibility: hidden; } .lightbox-caption,#tumblr_lightbox_caption { opacity:0; }
  238.  
  239. /* etc */
  240.  
  241. #cred {
  242. bottom:27px;
  243. position:fixed;
  244. right:27px;
  245. }
  246.  
  247. .sc {
  248. bottom:15px;
  249. right:27px;
  250. text-align:right;
  251. position:fixed;
  252. display:none;
  253. font-weight:bold;
  254. cursor:help;
  255. }
  256.  
  257. .sc a { cursor:help;}
  258.  
  259. /* footer stuff */
  260.  
  261. #pagination { {block:ifinfinitescroll}display:none;{/block:ifinfinitescroll} } #pagination a { margin:0px 5px; }
  262. .current_page { margin:0px 5px;font-weight:700;color:{color:accent}; }
  263. #infscr-loading { display:none!Important; }
  264. footer { width:{select:post width};margin:auto;text-align:center;margin-bottom:80px;} a#more { position:relative;text-align:center;}
  265.  
  266. /* post info */
  267.  
  268. .inf { text-transform:lowercase;display:block;top:10px;position:relative;text-align:right;{block:permalinkpage}padding-top:10px;border-top:1px solid #eee;{/block:permalinkpage}} .up { font-style:italic;border-bottom:1px solid #eee;;} a.up:hover { border-bottom:1px solid {color:accent}; } .tags a { margin-right:4px;word-wrap:break-word; }
  269.  
  270. /* header */
  271.  
  272. .stuff { {block:indexpage}width:calc(({select:post width} + 100px) * {select:columns});{/block:indexpage}{block:permalinkpage}width:{select:post width};{/block:permalinkpage}margin:auto; }
  273. {block:indexpage}header {width:calc(100% - 100px);}{/block:indexpage} {block:permalinkpage}header {width:100%;}{/block:permalinkpage} header { margin:100px auto 0px;}
  274. a.t,.popup h8 { display:block;font-style:italic;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:10px;font-size:14px;color:{color:accent dark}} a.t:hover { color:{color:accent}; } nav { counter-reset:section;float:right; {block:ifheaderimg}margin-top:65px;{/block:ifheaderimg}} nav a { margin-left:8px; } a.user:hover,.asker a:hover,.a b a:hover { color:{color:accent};} .d { width:50%; }
  275. header img { width:50px;border-radius:3px;margin-bottom:10px;}
  276.  
  277. /* pop */
  278.  
  279. .click { cursor:help; }
  280. #pop {
  281. width:100%;
  282. height:100%;
  283. top:0;left:0;
  284. position:fixed;
  285. z-index:999;
  286. background:rgba(255,255,255,.7); /* background of popup. adjust the .9 for the opacity of the background (1 will be solid white, .5 will be semi transparent, etc.) */
  287. display:none;
  288. }
  289.  
  290. .fade {
  291. top:0;
  292. left:0;
  293. position:fixed;
  294. z-index:1000;
  295. width:100%;
  296. height:100%;
  297. }
  298.  
  299. .popup {
  300. top:50%;
  301. border:1px solid #eee;
  302. left:50%;
  303. transform:translate(-50%,-50%);
  304. position:fixed;
  305. background:#fff; /* background of popup box */
  306. padding:20px; /* padding of popup box */
  307. z-index:10000;
  308. width:calc({select:post width} - 42px); /* width of popup */
  309. }
  310.  
  311. .box a,.box b { width:32%;display:inline-block;border-bottom:1px solid #eee;padding:3px 0px;} .box b { font-style:italic; }
  312. .box { margin-top:20px;margin-bottom:20px; } .box:last-of-type { margin-bottom:0; }
  313.  
  314.  
  315. </style>
  316.  
  317. <!--scripts-->
  318.  
  319. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  320.  
  321. <script>
  322. (function($){
  323. $(document).ready(function(){
  324. $("a[title]").style_my_tooltips({
  325. tip_follows_cursor:true,
  326. tip_delay_time:30,
  327. tip_fade_speed:300,
  328. attribute:"title"
  329. });
  330. });
  331. })(jQuery);
  332. </script>
  333.  
  334. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  335. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  336.  
  337. <script>
  338. $(document).ready(function(){
  339. $('.photo-slideshow').pxuPhotoset({
  340. lightbox: true,
  341. rounded: false,
  342. gutter: '1px',
  343. borderRadius: '0px',
  344. photoset: '.photo-slideshow',
  345. photoWrap: '.photo-data',
  346. photo: '.pxu-photo'
  347. });
  348. $('iframe.tumblr_audio_player').load( function() {
  349. $('iframe.tumblr_audio_player').contents().find("head")
  350. .append($("<style type='text/css'> .audio-player{background:#fafafa !important} </style>"));
  351. });
  352. $('.click,.fade').click(function() {
  353. $('#pop').fadeToggle();
  354. });
  355. $(window).scroll(function(){
  356. if ($(this).scrollTop() > 100) {
  357. $('.sc').fadeIn();
  358. } else {
  359. $('.sc').fadeOut();
  360. }
  361. });
  362. //Click event to scroll to top
  363. $('.sc').click(function(){
  364. $('html, body').animate({scrollTop : 0},800);
  365. return false;
  366. });
  367. });
  368. </script>
  369.  
  370. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  371.  
  372.  
  373. </head>
  374.  
  375. <body>
  376. {block:ifpopup}
  377. <div id="pop"> <div class="fade"></div>
  378. <div class="popup">
  379. <!--START POPUP-->
  380. <h8>explore</h8>
  381.  
  382. <!--start tags-->
  383.  
  384. <!--example tags box-->
  385. <div class="box">
  386. <b>subheading</b>
  387. <a href="/tagged/">photography</a>
  388. <a href="/tagged/">fashion</a>
  389. <a href="/tagged/">fairytales</a>
  390. <a href="/tagged/">words</a>
  391. <a href="/tagged/">art</a>
  392. <a href="/tagged/">typography</a>
  393. <a href="/tagged/">people</a>
  394. <a href="/tagged/">space</a>
  395. <a href="/tagged/">design</a>
  396. <a href="/tagged/">shakespeare</a>
  397. <a href="/tagged/">literature</a>
  398. </div>
  399.  
  400. <!--example tags box-->
  401. <div class="box">
  402. <b>subheading</b>
  403. <a href="/tagged/">themes</a>
  404. <a href="/tagged/">pages</a>
  405. <a href="/tagged/">tutorials</a>
  406. <a href="/tagged/">palettes</a>
  407. <a href="/tagged/">resources</a>
  408. <a href="/tagged/">theme recs</a>
  409. <a href="/tagged/">page recs</a>
  410. <a href="/tagged/">updates tabs</a>
  411. <a href="/tagged/">favourites</a>
  412. <a href="/tagged/">anonymous</a>
  413. <a href="/tagged/">answered</a>
  414. </div>
  415.  
  416. <!--end tags-->
  417.  
  418.  
  419. <!--END POPUP-->
  420. </div>
  421. </div>
  422. {/block:ifpopup}
  423.  
  424.  
  425. <div class="stuff">
  426. <header>
  427. {block:ifheaderimg}<img src="{PortraitURL-64}"/>{/block:ifheaderimg}
  428. <nav>
  429. <a href="/ask">message</a>
  430. {block:ifpopup}<a class="click">explore</a>{/block:ifpopup}
  431. <a href="{text:link 1 url}">{text:link 1}</a>
  432. <a href="{text:link 2 url}">{text:link 2}</a>
  433. <a href="{text:link 3 url}">{text:link 3}</a>
  434. </nav>
  435. <a href="/" class="t">{Title}</a>
  436. <div class="d">{Description}</div>
  437. </header>
  438. <div class="entries">
  439.  
  440. {block:Posts}
  441. <div class="posts">
  442.  
  443. {block:Text}<div class="q">
  444. {block:Title}<h1>{Title}</h1>{/block:Title}
  445. {block:NotReblog}{Body}{/block:NotReblog}
  446. {block:RebloggedFrom}<div class="text">{block:Reblogs}
  447. <a class="user" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}> {Username}</a> {Body}
  448. {/block:Reblogs}</div>{/block:RebloggedFrom}
  449. </div>{/block:Text}
  450.  
  451. {block:Photo}
  452. <div class="q">
  453. {LinkOpenTag}<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 style="margin-bottom:-5px" src="{PhotoURL-HighRes}"></a>{LinkCloseTag}
  454. {block:NotReblog}<div class="caption">{Caption}</div>{/block:NotReblog}
  455. {block:RebloggedFrom}<div class="caption">{block:Reblogs}
  456. <a class="user" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}> {Username}</a> {Body}
  457. {/block:Reblogs}</div>{/block:RebloggedFrom}
  458. </div>
  459. {/block:Photo}
  460.  
  461. {block:Photoset}<div class="q"><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>
  462. {block:NotReblog}<div class="caption">{Caption}</div>{/block:NotReblog}
  463. {block:RebloggedFrom}<div class="caption">{block:Reblogs}
  464. <a class="user" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}> {Username}</a> {Body}
  465. {/block:Reblogs}</div>{/block:RebloggedFrom}
  466.  
  467. </div>{/block:Photoset}
  468.  
  469.  
  470. {block:Quote}
  471. <div class="q txt">
  472. <div class="quote">{Quote}</div>
  473. {block:Source}<div class="quotesource">{Source}</div>{/block:Source}
  474. </div>{/block:Quote}
  475.  
  476.  
  477. {block:Link}
  478. <div class="q txt">
  479. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  480. {block:Description}{Description}{/block:Description}
  481. </div>
  482. {/block:Link}
  483.  
  484.  
  485. {block:Chat}
  486. <div class="q txt">
  487. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  488. </div>
  489. {/block:Chat}
  490.  
  491.  
  492. {block:Audio}
  493. <div class="q txt">
  494. {block:AudioPlayer}
  495. <div class="player"> {AudioPlayerWhite}</div>
  496. <div class="audio_d">
  497. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}
  498. {block:Artist} : {Artist} {/block:Artist}</div>
  499. {/block:AudioPlayer}
  500.  
  501. {block:NotReblog}<div class="caption">{Caption}</div>{/block:NotReblog}
  502. {block:RebloggedFrom}<div class="caption">{block:Reblogs}
  503. <a class="user" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}> {Username}</a> {Body}
  504. {/block:Reblogs}</div>{/block:RebloggedFrom}
  505. </div>
  506. {/block:Audio}
  507.  
  508.  
  509. {block:Video}
  510. <div class="q">
  511. <div class="video iframe">{Video-500}</div>
  512. {block:NotReblog}<div class="caption">{Caption}</div>{/block:NotReblog}
  513. {block:RebloggedFrom}<div class="caption">{block:Reblogs}
  514. <a class="user" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}> {Username}</a> {Body}
  515. {/block:Reblogs}</div>{/block:RebloggedFrom}
  516. </div>
  517. {/block:Video}
  518.  
  519.  
  520. {block:Answer}
  521. <div class="q txt">
  522. <div class="question"> <div class="asker"><img src="{AskerPortraitURL-64}"/>{asker}</div> {Question}</div>
  523. <div class="answer">
  524. {block:Answerer}<div class="a"> <b>{Answerer}</b> {Answer}</div>{/block:Answerer}
  525. {block:NotReblog}{Answer}{/block:NotReblog}
  526. {block:RebloggedFrom}{block:Reblogs}
  527. <a class="user" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}> {Username}</a> {Body}
  528. {/block:Reblogs}{/block:RebloggedFrom}
  529. </div>
  530. </div>
  531. {/block:Answer}
  532.  
  533. {block:date}
  534. <div class="inf">
  535. {block:indexpage}
  536. <a class="up" href="{Permalink}">{DayOfWeek} . {NoteCountWithLabel}</a>
  537.  
  538. {block:ifshowtags}
  539. {block:HasTags}
  540. <div class="tags">
  541. {block:Tags}
  542. <a href="{TagURL}">#{Tag}</a>
  543. {/block:Tags}
  544. </div>
  545. {/block:HasTags}{/block:ifshowtags} {/block:indexpage}
  546.  
  547.  
  548. {block:PermalinkPage}<a class="up" href="{Permalink}">{DayOfWeek} / {TimeAgo} / {NoteCountWithLabel}</a><br>
  549. {block:RebloggedFrom}
  550. via <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} / source <a href="{ReblogRootURL}" >{ReblogRootName}</a>
  551. {/block:ContentSource}
  552. {/block:RebloggedFrom}
  553. {block:HasTags}
  554. <div class="tags">
  555. {block:Tags}
  556. <a href="{TagURL}">#{Tag}</a>
  557. {/block:Tags}
  558. </div>
  559. {/block:HasTags}
  560. {/block:PermalinkPage}
  561. </div>
  562. {/block:date}
  563.  
  564.  
  565. {block:PostNotes}{PostNotes}{/block:PostNotes}
  566. </div>
  567. {/block:Posts}
  568. </div>
  569.  
  570. {block:indexpage}
  571. <footer>
  572. {block:ifloadmore}
  573. <a id="more" style="cursor:help">load more posts</a>
  574. {/block:ifloadmore}
  575. {block:Pagination}
  576. <div id="pagination">
  577. {block:previouspage}
  578. <a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  579. {block:JumpPagination length="4"}{block:CurrentPage}
  580. <span class="current_page">{PageNumber}</span>
  581. {/block:CurrentPage}{block:JumpPage}
  582.  
  583. <a class="jump_page" href="{URL}">{PageNumber}</a>
  584. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  585. <a class="next" href="{NextPage}">next</a>
  586. {/block:nextpage}
  587. </div>
  588. {/block:Pagination}
  589. </footer>
  590. {/block:indexpage}
  591. </div>
  592.  
  593. {block:ContentSource}<!– {SourceURL}{block:SourceLogo}<img src=“{BlackLogoURL}” width=“{LogoWidth}” height=“{LogoHeight}” alt=“{SourceTitle}” />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} –> {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  594.  
  595.  
  596. <div id="cred"><a href="http://odeysseus.tumblr.com">O</a></div> {block:ifscrolltotop}<div class="sc"> <a href="#">scroll to top</a></div>{/block:ifscrolltotop}
  597.  
  598. {block:indexpage}{block:ifinfinitescroll}
  599. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  600. {/block:ifinfinitescroll}<script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script> {/block:indexpage}
  601.  
  602.  
  603. <script>
  604. $(document).ready(function(){
  605. var $container = $('.entries');
  606. $container.imagesLoaded(function(){
  607. $container.masonry({ itemSelector: '.posts', });
  608. });
  609. {block:ifinfinitescroll}
  610. $container.infinitescroll({
  611. itemSelector: '.posts',
  612. navSelector: '#pagination',
  613. nextSelector: '.next',
  614. loadingImg: '',
  615. loadingText: '',
  616. doneText: 'no more posts',
  617. bufferPx: 10000,
  618. {block:ifloadmore}
  619. errorCallback: function () {
  620. jQuery ('a#more').delay(50).fadeOut();
  621. $('.posts').last().after($('a#more'));
  622. }
  623. {/block:ifloadmore}
  624. },
  625. function( newElements ) {
  626. var $newElems = $( newElements ).css({ opacity: 0 });
  627. $newElems.find('.photo-slideshow').pxuPhotoset({
  628. lightbox: true,
  629. rounded: false,
  630. gutter: '1px',
  631. photoset: '.photo-slideshow',
  632. photoWrap: '.photo-data',
  633. photo: '.pxu-photo'
  634. })
  635. resizeVideos();
  636. $newElems.imagesLoaded(function(){
  637. $newElems.animate({ opacity: 1 });
  638. $container.masonry( 'appended', $newElems, true );
  639. });
  640. $newElems.find('iframe.tumblr_audio_player').load( function() {
  641. $('iframe.tumblr_audio_player').contents().find("head")
  642. .append($("<style type='text/css'> .audio-player{background:#fafafa !important} </style>"));
  643. });
  644.  
  645. });
  646. {block:ifloadmore}
  647. $(window).unbind('.infscr');
  648. $('a#more').click(function(){
  649. $container.infinitescroll('retrieve');return false;
  650. $('.posts').last().after($('a#more'));
  651. });
  652. {/block:ifloadmore}
  653. {/block:ifinfinitescroll}
  654. });
  655. </script>
  656. </body>
  657.  
  658. </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!