API tools faq
paste
odeysseus_thm

theme / PRIMROSE

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