API tools faq
paste
odeysseus_thm

theme / SILHOUETTE

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