odeysseus_thm

theme / NEBULA

Apr 28th, 2017
13,731
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.98 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!--
  5. nebula
  6.  
  7. @odeysseus
  8.  
  9. - credits listed at odeysseus.tumblr.com/credit
  10. -->
  11.  
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15.  
  16. <title>{Title}</title>
  17.  
  18. <!--metas-->
  19.  
  20. <meta name="color:Text" content="#aaaaaa"/>
  21. <meta name="color:link" content="#aaa"/>
  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.  
  37. <meta name="text:font size" content="11px"/>
  38.  
  39.  
  40. <meta name="select:font" content="Karla"/>
  41. <meta name="select:font" content="Source Sans Pro"/>
  42. <meta name="select:font" content="Open Sans"/>
  43. <meta name="select:font" content="PT Sans"/>
  44.  
  45. <meta name="select:post width" content="300px"/>
  46. <meta name="select:post width" content="330px"/>
  47. <meta name="select:post width" content="350px"/>
  48. <meta name="select:post width" content="380px"/>
  49. <meta name="select:post width" content="400px"/>
  50. <meta name="select:post width" content="450px"/>
  51. <meta name="select:post width" content="500px"/>
  52.  
  53. <!--font-->
  54.  
  55. <link href='https://fonts.googleapis.com/css?family={select:font}:300,300italic,400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  56.  
  57.  
  58. <!--videos-->
  59.  
  60. <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>
  61.  
  62. <style type="text/css">
  63.  
  64. @-webkit-keyframes fadein {
  65. 0% {opacity: 0;}
  66. 50% { opacity: 0; }
  67. 100% { opacity: 1; }
  68. }
  69.  
  70. @-moz-keyframes fadein {
  71. 0% { opacity: 0; }
  72. 50% { opacity: 0; }
  73. 100% { opacity: 1; }
  74. }
  75.  
  76. @keyframes fadein {
  77. 0% { opacity: 0; }
  78. 50% { opacity: 0; }
  79. 100% { opacity: 1; }
  80. }
  81.  
  82.  
  83. ::-webkit-scrollbar{
  84. height:3px;
  85. width:13px;
  86. background:#fff;
  87. }
  88.  
  89. ::-webkit-scrollbar-thumb {background:rgba({RGBcolor:accent},0.5);border:6px solid #fff;}
  90. ::-webkit-scrollbar-track {background:#eee;border:6px solid #fff};}
  91.  
  92. ::-moz-selection{ background: #eee; color:#777;}
  93. ::selection { background:#eee; color:#777; }
  94.  
  95.  
  96. .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; }
  97.  
  98. #s-m-t-tooltip{
  99. position:absolute;
  100. margin:15px;
  101. max-width:250px;
  102. z-index:9999;
  103. font-style:italic;
  104. color:{color:accent};
  105. background:#fff;padding:5px;
  106. }
  107.  
  108. blockquote {
  109. padding:0!important;margin:0!important;
  110. }
  111.  
  112. pre {
  113. white-space: pre-wrap; /* CSS 3 */
  114. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  115. white-space: -pre-wrap; /* Opera 4-6 */
  116. white-space: -o-pre-wrap; /* Opera 7 */
  117. word-wrap: break-word; /* Internet Explorer 5.5+ */
  118. color:#666;
  119. font-family:consolas;
  120. }
  121.  
  122.  
  123. body {
  124. background:#f8f8f8;
  125. color:{color:text};
  126. font-family:'{select:font}',sans-serif;
  127. font-weight:300;
  128. font-size:{text:font size};
  129. text-align:left;
  130. line-height:180%;
  131. -moz-osx-font-smoothing:grayscale;
  132. -webkit-font-smoothing:antialiased;
  133. font-smoothing:antialiased;
  134. }
  135.  
  136.  
  137. a {
  138. color:{color:link};
  139. text-decoration:none;
  140. transition:0.25s ease-in-out;
  141. -webkit-transition:0.25s ease-in-out;
  142. -moz-transition:0.25s ease-in-out;
  143. }
  144.  
  145. .txt a,.caption a { border-bottom:1px solid {color:accent}; }
  146. a.tumblr_blog,.asker a { border:none; }
  147. a.tumblr_blog:hover,.asker a { color:{color:accent}; }
  148.  
  149. a:hover {
  150. text-decoration:none;
  151. color:#333;
  152. }
  153.  
  154. b,strong {
  155. font-weight:normal;
  156. color:#333;
  157. }
  158.  
  159. img{
  160. opacity:1;
  161. border:none;
  162. text-decoration:none;
  163.  
  164. }
  165.  
  166.  
  167. small {
  168. font-size:calc({text:font size} - 0.5px);
  169. }
  170.  
  171. big {
  172. font-size:calc({text:font size} + 0.5px);
  173. }
  174.  
  175.  
  176. h1,h2,h3,h4,h5,h6 {
  177. padding:0;margin:0;margin-bottom:10px;
  178. font-size:14px;color:#444;font-weight:400;
  179. font-style:italic;
  180. }
  181.  
  182.  
  183. .posts {
  184. padding:20px;background:#fff;border-bottom:1px solid #eee;position:relative;margin-bottom:50px;
  185. width:{select:post width};
  186. -webkit-animation-name: fadein;-webkit-animation-duration: .5s;
  187.  
  188. }
  189.  
  190.  
  191. .entries {
  192. margin:80px auto;width:{select:post width};
  193. -webkit-animation-name: fadein;-webkit-animation-duration: 1s;
  194.  
  195. }
  196.  
  197. .caption {
  198. margin-top:10px;
  199. padding:0px 10px 2px;background:#fafafa;
  200. {block:ifhidecaption}
  201. {block:indexpage}
  202. display:none;
  203. {/block:indexpage}
  204. {/block:ifhidecaption}
  205. }
  206.  
  207. .posts img, .posts li, .posts blockquote {
  208. max-width: 100%;
  209. }
  210.  
  211. .ia a:hover:before {
  212. width:0;
  213. }
  214.  
  215. .posts ul li {
  216. list-style:square;color:#888;font-style:italic;
  217. }
  218.  
  219.  
  220. .tags a {
  221. text-transform:lowercase;letter-spacing:0px;
  222. border:none;
  223. margin:0px 2px;
  224. }
  225.  
  226.  
  227. .notes {
  228. overflow:auto;
  229. margin-top:15px;
  230. max-height:300px;
  231. background:#fafafa;
  232. }
  233.  
  234. ol.notes {
  235. padding:10px 20px;
  236. list-style-type:none;
  237. font-style:normal;
  238. }
  239.  
  240.  
  241. ol.notes li.note {
  242. padding:2px;
  243. font-style:normal;
  244. }
  245.  
  246.  
  247. .notes_loading, .more_notes_link {
  248. font-weight:bold;float:left;
  249. text-align:left!important;
  250. text-transform:lowercase;
  251. }
  252.  
  253. .notes img {
  254. display:none!important;
  255. }
  256. ol.notes li.note span.action {
  257. font-weight:none;
  258. }
  259.  
  260. ol.notes li.note .answer_content {
  261. font-weight:normal;
  262. }
  263.  
  264. ol.notes li.note blockquote {
  265. padding:4px 10px;
  266. margin:5px 0px 0px 15px;
  267. }
  268.  
  269. ol.notes li.note blockquote a {
  270. text-decoration:none;
  271. }
  272.  
  273. blockquote img {
  274. max-width:250px!important;
  275. height:auto;
  276. }
  277.  
  278. .quote {
  279. text-transform:lowercase;
  280. font-size:12px;
  281. color:#666;
  282. line-height:200%;
  283. }
  284.  
  285. .quotesource,.quotesource b { color:#888; }
  286.  
  287. .quotesource a.tumblr_blog {
  288. margin:0;
  289. }
  290.  
  291.  
  292. .chat {
  293. line-height:20px;
  294. list-style:none;
  295. }
  296.  
  297. .line.odd {
  298. margin-bottom:2px;
  299. background:#fafafa;
  300. padding:3px;
  301. list-style:none;
  302. }
  303.  
  304. .line.even {
  305. margin-bottom:2px;
  306. padding:3px;
  307. list-style:none;
  308. }
  309.  
  310. .label {
  311. padding-right:1px;
  312. color:#444;
  313. }
  314.  
  315. .asker { font-weight:700;color:#444;text-transform:lowercase;font-style:normal;}
  316. .asker a:hover { color:{color:accent}; }
  317. .question { font-style:italic;padding:10px;background:#fafafa; }
  318. .answer { margin-top:-20px; }
  319. .player {
  320. display:inline-block;
  321. width:50px;
  322. background:#fafafa;
  323. height:50px;
  324. overflow:hidden;margin-bottom:-5px;
  325. }
  326.  
  327. .audio_d { float:right;padding:15px 10px;border:1px dotted #eee; width:calc({select:post width} - 90px );}
  328. .tumblr_audio_player { background:#fafafa!important; }
  329. .tumblr_audio_player {
  330. width:40px;
  331. margin:10px 7px;
  332. height:40px;
  333. overflow:hidden;
  334. }
  335.  
  336. #cred {
  337. bottom:27px;
  338. position:fixed;
  339. right:27px;
  340. }
  341.  
  342. .sc {
  343. bottom:15px;
  344. right:27px;text-align:right;
  345. position:fixed;
  346. display:none;
  347. font-weight:bold;
  348. cursor:help;
  349. }
  350.  
  351. .sc a { cursor:help;}
  352.  
  353. #vignette,.vignette { opacity:0!important; }
  354. .lightbox-image,#tumblr_lightbox img { box-shadow: none !important; border-radius:0 !important;}
  355. #tumblr_lightbox,.tmblr-lightbox { background:rgba(255,255,255,.7)!Important; }
  356. #tumblr_lightbox_left_link, #tumblr_lightbox_right_link { visibility: hidden; }
  357.  
  358. .lightbox-caption,#tumblr_lightbox_caption { opacity:0; }
  359.  
  360.  
  361. #pagination {
  362. word-spacing:7px;
  363. margin:0px auto 80px;width:150px;
  364. text-align:center;
  365. {block:ifinfinitescroll}display:none;{/block:ifinfinitescroll}
  366. }
  367.  
  368. #pagination a { margin:0px 5px; }
  369. .current_page { margin:0px 5px;padding:3px 6px;border:1px solid #eee;border-radius:100%;font-weight:700;color:{color:accent}; }
  370.  
  371. #infscr-loading { display:none!Important; }
  372.  
  373. footer {
  374.  
  375. width:{select:post width};
  376. margin:auto;
  377. padding:7px;
  378. text-align:center;
  379. margin-bottom:80px;
  380. }
  381.  
  382. a#more {
  383. position:relative;
  384. text-align:center;
  385. }
  386.  
  387. .tumblr_parent { border:none;margin:0;padding:2px;display:block;}
  388.  
  389. .cap .tumblr_parent p:first-of-type { display:inline!important; }
  390. .caption .tumblr_blog { top:10px; }
  391. .tumblr_blog { position:relative;margin:0;font-weight:bold;margin-right:10px; }
  392. a.tumblr_blog,.asker a { color:#444; }
  393.  
  394. .quotesource a.tumblr_blog { top:0px; }
  395.  
  396. .inf {
  397. text-transform:lowercase;
  398. margin-top:10px;
  399. }
  400.  
  401. aside {
  402. top:0;left:0;width:130px;height:100%;position:fixed;background:#fff;text-align:right;padding-right:30px;padding-left:30px;z-index:5;
  403. }
  404. aside img { margin-top:150px;margin-bottom:10px;width:40px;height:40px;border-radius:5px; }
  405. h8 {
  406. color:#444;font-size:13px;letter-spacing:.5px;display:block;margin-bottom:10px;font-style:italic;font-weight:400;
  407. }
  408.  
  409. nav a { display:block;transition:all .4s ease;}
  410. nav a:after,.sort a:after { content:'··';color:#666;margin-left:5px;font-weight:bold;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;}
  411. nav a:hover:after,.sort a:hover:after { margin-left:13px; }
  412.  
  413. .custom-like-button {
  414. position: relative;
  415. display:inline;
  416. margin:0px 6px;
  417. width:10px;
  418. }
  419.  
  420.  
  421. .like_button {
  422. position: absolute;
  423. top: 0;
  424. left: 0;
  425. right: 0;
  426. bottom: 0;
  427. width: 100%;
  428. height: 100%;
  429. opacity: 0;
  430.  
  431. }
  432.  
  433. .like_button iframe {
  434. width: 100% !important;
  435. height: 100% !important;
  436. }
  437. .like_button svg {
  438. position: absolute;
  439. top: 0;
  440. left: 0;
  441. right: 0;
  442. bottom: 0;
  443. width: 100%;
  444. height: 100%;
  445. z-index: 1;
  446. }
  447.  
  448. .like_button:hover + svg {
  449. fill:{color:accent};
  450. }
  451.  
  452. .like_button.liked + svg {
  453. fill:#f44242!important;
  454. }
  455.  
  456.  
  457. .inf svg {
  458. width:10px;fill:{color:link};transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out;-moz-transition: .2s ease-in-out;-o-transition: .2s ease-in-out;float:right;margin:5px;
  459. }
  460. .inf svg:hover { fill:{color:accent};}
  461.  
  462. </style>
  463.  
  464. <!--scripts-->
  465.  
  466. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  467. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  468.  
  469. <script>
  470. (function($){
  471. $(document).ready(function(){
  472. $("a[title]").style_my_tooltips({
  473. tip_follows_cursor:true,
  474. tip_delay_time:30,
  475. tip_fade_speed:300,
  476. attribute:"title"
  477. });
  478. });
  479. })(jQuery);
  480. </script>
  481.  
  482. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  483. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  484. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  485. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  486.  
  487. <script>
  488. $(document).ready(function(){
  489. $('.photo-slideshow').pxuPhotoset({
  490. lightbox: true,
  491. rounded: false,
  492. gutter: '1px',
  493. borderRadius: '0px',
  494. photoset: '.photo-slideshow',
  495. photoWrap: '.photo-data',
  496. photo: '.pxu-photo'
  497. });
  498. $('iframe.tumblr_audio_player').load( function() {
  499. $('iframe.tumblr_audio_player').contents().find("head")
  500. .append($("<style type='text/css'> .audio-player{background:#fafafa !important} </style>"));
  501. });
  502. $(window).scroll(function(){
  503. if ($(this).scrollTop() > 100) {
  504. $('.sc').fadeIn();
  505. } else {
  506. $('.sc').fadeOut();
  507. }
  508. });
  509. //Click event to scroll to top
  510. $('.sc').click(function(){
  511. $('html, body').animate({scrollTop : 0},800);
  512. return false;
  513. });
  514. });
  515. </script>
  516.  
  517. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  518.  
  519. <script src="http://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  520. <script> $(function(){ $('.posts').unnest({
  521. yourCaption: ".caption,.cap",
  522. wrapName: ".tumblr_parent",
  523. newCaptionUsername: true,
  524. originalPostCaptionUsername: true,
  525. tumblrAvatars: false,
  526. usernameColon: false
  527. }); }); </script>
  528.  
  529. </head>
  530.  
  531. <body>
  532.  
  533.  
  534. <aside>
  535. <img src="{PortraitURL-64}"/>
  536. <h8>{Title}</h8>
  537.  
  538. <nav>
  539. <a href="/">home</a>
  540. <a href="/ask">message</a>
  541. <a href="/archive">history</a>
  542. </nav>
  543.  
  544. <div class="d" style="margin-top:10px;padding-top:10px;border-top:1px solid #eee">{Description}</div>
  545. <nav style="margin-top:10px;padding-top:10px;border-top:1px solid #eee">
  546. {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}
  547. </nav>
  548.  
  549. </aside>
  550.  
  551.  
  552. <div class="stuff">
  553. <div class="entries">
  554. {block:Posts}
  555. <div class="posts">
  556.  
  557. {block:Text}
  558. <div class="q">
  559. {block:Title}<h1>{Title}</h1>{/block:Title}
  560. <div class="txt cap">{Body}</div></div>{/block:Text}
  561.  
  562. {block:Photo}
  563. <div class="q">
  564. {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}
  565. {/block:Photo}
  566.  
  567. {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}
  568.  
  569.  
  570. {block:Quote}
  571. <div class="q txt">
  572. <div class="quote">{Quote}</div>
  573. {block:Source}<div class="quotesource">{Source}</div>{/block:Source}
  574. </div>{/block:Quote}
  575.  
  576.  
  577. {block:Link}
  578. <div class="q txt">
  579. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  580. {block:Description}{Description}{/block:Description}
  581. </div>
  582. {/block:Link}
  583.  
  584.  
  585. {block:Chat}
  586. <div class="q txt">
  587. {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>
  588. </div>
  589. {/block:Chat}
  590.  
  591.  
  592. {block:Audio}
  593. <div class="q txt">
  594. {block:AudioPlayer}
  595. <div class="player"> {AudioPlayerWhite}</div>
  596. <div class="audio_d">
  597. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}
  598. {block:Artist} : {Artist} {/block:Artist}</div>
  599. {/block:AudioPlayer}
  600.  
  601. {block:Caption}
  602. <div class="caption">{Caption}</div>
  603. {/block:Caption}
  604. </div>
  605. {/block:Audio}
  606.  
  607.  
  608. {block:Video}
  609. <div class="q">
  610. <div class="video iframe">{Video-500}</div>
  611. <div class="caption">
  612. {block:Caption}{Caption}{/block:Caption}
  613. </div>
  614. </div>
  615. {/block:Video}
  616.  
  617.  
  618. {block:Answer}
  619. <div class="q txt">
  620. <div class="question"> <div class="asker">{asker}</div> {Question}</div><br>
  621. <div class="answer">
  622. {Answer}</div>
  623. </div>
  624. {/block:Answer}
  625.  
  626. {block:date}
  627. <div class="inf">
  628.  
  629. <a href="{ReblogURL}"><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 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg>
  630. </a>
  631.  
  632. <div class="custom-like-button">
  633. {LikeButton}
  634.  
  635. <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 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
  636.  
  637. </div>
  638.  
  639. {block:indexpage}
  640. <a style="margin-left:-10px" href="{Permalink}">{DayOfWeek} : {NoteCountWithLabel}</a>
  641.  
  642. {block:ifshowtags}
  643. {block:HasTags}
  644. <div class="tags">
  645. {block:Tags}
  646. <a href="{TagURL}">#{Tag}</a>
  647. {/block:Tags}
  648. </div>
  649. {/block:HasTags}{/block:ifshowtags} {/block:indexpage}
  650.  
  651.  
  652. {block:PermalinkPage}<a style="margin-left:-10px" href="{Permalink}">{DayOfWeek} : {TimeAgo} : {NoteCountWithLabel}</a>
  653. {block:RebloggedFrom} <br>
  654. via <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource}; source <a href="{ReblogRootURL}" >{ReblogRootName}</a>
  655. {/block:ContentSource}
  656. {/block:RebloggedFrom}
  657. {block:HasTags}<br>
  658. <div class="tags">
  659. {block:Tags}
  660. <a href="{TagURL}">#{Tag}</a>
  661. {/block:Tags}
  662. </div>
  663. {/block:HasTags}
  664. {/block:PermalinkPage}
  665. </div>
  666. {/block:date}
  667.  
  668.  
  669. {block:PostNotes}
  670.  
  671. {PostNotes}
  672. {/block:PostNotes}
  673.  
  674.  
  675.  
  676. </div>
  677.  
  678.  
  679.  
  680.  
  681. {/block:Posts}
  682.  
  683.  
  684. </div>
  685. {block:ifloadmore}{block:indexpage}
  686. <footer>
  687. <a id="more" style="cursor:help">load more posts</a>
  688. </footer>
  689. {/block:indexpage}{/block:ifloadmore}
  690. {block:Pagination}
  691. <div id="pagination">
  692. {block:previouspage}
  693. <a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  694. {block:JumpPagination length="4"}{block:CurrentPage}
  695. <span class="current_page">{PageNumber}</span>
  696. {/block:CurrentPage}{block:JumpPage}
  697.  
  698. <a class="jump_page" href="{URL}">{PageNumber}</a>
  699. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  700. <a class="next" href="{NextPage}">next</a>
  701. {/block:nextpage}
  702. </div>
  703. {/block:Pagination}
  704. </div>
  705.  
  706. </div>
  707.  
  708. {block:ContentSource}
  709.  
  710. <!– {SourceURL}{block:SourceLogo}<img src=“{BlackLogoURL}”
  711.  
  712. width=“{LogoWidth}” height=“{LogoHeight}” alt=“{SourceTitle}” />
  713.  
  714. {/block:SourceLogo}
  715.  
  716. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} –>
  717.  
  718. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  719.  
  720. <div id="cred"><a href="http://odeysseus.tumblr.com">O</a></div>
  721. {block:ifscrolltotop}
  722. <div class="sc"> <a href="#">scroll to top</a></div>
  723. {/block:ifscrolltotop}
  724.  
  725. {block:indexpage}{block:ifinfinitescroll}
  726. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  727. {/block:ifinfinitescroll}{/block:indexpage}
  728.  
  729. <script>
  730. $(document).ready(function(){
  731. var $container = $('.entries');
  732. {block:ifinfinitescroll}
  733. $container.infinitescroll({
  734. itemSelector: '.posts',
  735. navSelector: '#pagination',
  736. nextSelector: '.next',
  737. loadingImg: '',
  738. loadingText: '',
  739. doneText: 'no more posts',
  740. bufferPx: 2000,
  741. {block:ifloadmore}
  742. errorCallback: function () {
  743. jQuery ('a#more').delay(50).fadeOut();
  744. $('.posts').last().after($('a#more'));
  745. }
  746. {/block:ifloadmore}
  747. },
  748. function( newElements ) {
  749. var $newElems = $( newElements );
  750. $newElems.find('.photo-slideshow').pxuPhotoset({
  751. lightbox: true,
  752. rounded: false,
  753. gutter: '1px',
  754. photoset: '.photo-slideshow',
  755. photoWrap: '.photo-data',
  756. photo: '.pxu-photo'
  757. })
  758. resizeVideos();
  759. $newElems.unnest({
  760. yourCaption: ".caption,.cap",
  761. wrapName: ".tumblr_parent",
  762. newCaptionUsername: true,
  763. originalPostCaptionUsername: true,
  764. tumblrAvatars: false,
  765. usernameColon: false
  766. });
  767. $newElems.find('iframe.tumblr_audio_player').load( function() {
  768. $('iframe.tumblr_audio_player').contents().find("head")
  769. .append($("<style type='text/css'> .audio-player{background:#fafafa !important} </style>"));
  770. });
  771. });
  772. {block:ifloadmore}
  773. $(window).unbind('.infscr');
  774. $('a#more').click(function(){
  775. $container.infinitescroll('retrieve');return false;
  776. $('.posts').last().after($('a#more'));
  777. });
  778. {/block:ifloadmore}
  779. {/block:ifinfinitescroll}
  780. });
  781. </script>
  782. </body>
  783.  
  784. </html>
Advertisement
Add Comment
Please, Sign In to add comment