API tools faq
paste
Advertisement
gigitears

flowering thunder #1

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