API tools faq
paste
odeysseus_thm

theme / SUNLIGHT

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