API tools faq
paste
odeysseus_thm

theme / POETRY

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