API tools faq
paste
Advertisement
odeysseus_thm

theme / DAWN

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