API tools faq
paste
odeysseus_thm

theme / BREATHLESS

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