API tools faq
paste
Advertisement
odeysseus_thm

theme / CLEAR

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