API tools faq
paste
rasperries

midnight 2

rasperries
Apr 15th, 2016
131
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.05 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. theme: midnight v2
  5. - sorrism -
  6.  
  7.  
  8. -->
  9.  
  10. <head>
  11.  
  12. <title>{block:TagPage}#{Tag} : {/block:TagPage} {block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  13.  
  14. <link rel="shortcut icon" href="{favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17. <!--Default Variables-->
  18.  
  19. <meta name="color:Background" content="#ffffff"/>
  20. <meta name="color:Text" content="#cccccc"/>
  21. <meta name="color:Link" content="#a7a7a7"/>
  22. <meta name="color:Link Hover" content="#000000"/>
  23. <meta name="color:Title" content="#000000"/>
  24. <meta name="color:Scrollbar" content="#d5d5d5"/>
  25. <meta name="color:Accents" content="#f8f8f8"/>
  26. <meta name="color:Text Borders" content="#eeeeee"/>
  27.  
  28. <meta name="if:Full Photoset" content="0"/>
  29. <meta name="if:Show Tags" content="1"/>
  30. <meta name="if:Infinite Scroll" content="1"/>
  31. <meta name="if:Manual Load" content="0"/>
  32.  
  33. <meta name="select:Captions" content="def" title="Default"/>
  34. <meta name="select:Captions" content="inl" title="Inline"/>
  35. <meta name="select:Captions" content="hide" title="Hide"/>
  36.  
  37. <meta name="image:Icon" content=""/>
  38.  
  39. <meta name="select:Post Width" content="250" title="250px"/>
  40. <meta name="select:Post Width" content="275" title="275px"/>
  41. <meta name="select:Post Width" content="300" title="300px"/>
  42. <meta name="select:Post Width" content="325" title="325px"/>
  43. <meta name="select:Post Width" content="350" title="350px"/>
  44. <meta name="select:Post Width" content="375" title="375px"/>
  45. <meta name="select:Post Width" content="400" title="400px"/>
  46. <meta name="select:Post Width" content="450" title="450px"/>
  47. <meta name="select:Post Width" content="500" title="500px"/>
  48. <meta name="select:Post Width" content="540" title="540px"/>
  49.  
  50. <meta name="text:Post Spacing" content="100"/>
  51.  
  52. <meta name="select:Font" content="karla" title="Karla"/>
  53. <meta name="select:Font" content="lato" title="Lato"/>
  54. <meta name="select:Font" content="source-sans-pro" title="Source Sans Pro"/>
  55. <meta name="select:Font" content="mako" title="Mako"/>
  56. <meta name="select:Font" content="maven-pro" title="Maven Pro"/>
  57. <meta name="select:Font" content="open-sans" title="Open Sans"/>
  58. <meta name="select:Font" content="arial" title="Arial"/>
  59. <meta name="select:Font" content="helvetica" title="Helvetica"/>
  60. <meta name="select:Font" content="trebuchet ms" title="Trebuchet ms"/>
  61. <meta name="select:Font" content="inconsolata" title="Inconsolata"/>
  62. <meta name="select:Font" content="courier-prime" title="Courier Prime"/>
  63. <meta name="select:Font" content="lora" title="Lora"/>
  64.  
  65. <meta name="select:Font Size" content="9px" title="9px"/>
  66. <meta name="select:Font Size" content="10px" title="10px"/>
  67. <meta name="select:Font Size" content="11px" title="11px"/>
  68.  
  69. <meta name="text:Link 1 URL" content=""/>
  70. <meta name="text:Link 1" content=""/>
  71. <meta name="text:Link 2 URL" content=""/>
  72. <meta name="text:Link 2" content=""/>
  73. <meta name="text:Link 3 URL" content=""/>
  74. <meta name="text:Link 3" content=""/>
  75.  
  76. <meta name="text:Profile Title" content="profile"/>
  77. <meta name="text:Ask Title" content="contact"/>
  78. <meta name="text:Archive Title" content="archive"/>
  79.  
  80. <!--CSS customization here. -->
  81.  
  82. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  83. <link href='http://static.tumblr.com/sas2ex2/HFinqriui/photoset.css' rel='stylesheet' type='text/css'>
  84. <script src="//use.edgefonts.net/{select:font}:n4,i4,n5,n6,n7.js"></script>
  85.  
  86. <style type="text/css">
  87.  
  88. /*tumblr controls and lightbox*/
  89.  
  90. .tmblr-lightbox {background:rgba({RGBcolor:background}, .95)!important;}
  91.  
  92. .tmblr-lightbox img {opacity:0;}
  93.  
  94. .lightbox-caption {
  95. color:{color:title}!important;
  96. font-family:inherit!important;
  97. font-size:1em!important;
  98. font-weight:normal!important;
  99. text-shadow:none!important;
  100. }
  101.  
  102. .lightbox-image {
  103. -moz-box-shadow:none!important;
  104. -webkit-box-shadow:none!important;
  105. box-shadow:none!important;
  106. -moz-border-radius:0px!important;
  107. -webkit-border-radius:0px!important;
  108. border-radius:0px!important;
  109. padding:0px!important;
  110. margin:0px!important;
  111. border:0!important;
  112. opacity:1!important;
  113. }
  114.  
  115. .vignette {opacity:0!Important;}
  116.  
  117. .iframe-controls--desktop {
  118. white-space:nowrap!important;
  119. -webkit-filter:invert(70%)!important;
  120. -moz-filter:invert(70%)!important;
  121. -ms-filter:invert(70%)!important;
  122. -o-filter:invert(70%)!important;
  123. filter:invert(70%)!important;
  124. top:10px!important;
  125. right:10px!important;
  126. opacity:.3!important;
  127. position:fixed!important;
  128. }
  129.  
  130. /*tooltip*/
  131.  
  132. .ui-tooltip {
  133. position:Absolute;
  134. z-index:9999;
  135. padding-top:15px;
  136. }
  137.  
  138. .ui-tooltip-content {
  139. background:{color:background};
  140. font-size:.8em;
  141. text-transform:uppercase;
  142. letter-spacing:1px;
  143. padding:2px 5px;
  144. }
  145.  
  146. /*scrollbar*/
  147.  
  148. ::-webkit-scrollbar {
  149. height:2px;
  150. width:2px;
  151. background:inherit;
  152. }
  153.  
  154. ::-webkit-scrollbar-thumb {
  155. background:{color:scrollbar};
  156. border-radius:2px;
  157. -webkit-border-radius:2px;
  158. }
  159.  
  160. /*basics*/
  161.  
  162. *, body {cursor:crosshair;}
  163.  
  164. body {
  165. background:{color:background};
  166. color:{color:text};
  167. font:normal {select:font size}/1.4em {select:font}, arial, sans-serif;
  168. word-wrap:break-word;
  169. position:relative;
  170. text-align:left;
  171. -moz-osx-font-smoothing:grayscale;
  172. -webkit-font-smoothing:antialiased;
  173. font-smoothing:antialiased;
  174. margin:0;
  175. }
  176.  
  177. a {
  178. color:{color:text};
  179. text-decoration:none;
  180. transition:all .6s linear;
  181. -webkit-transition:all .6s linear;
  182. -moz-transition:all .6s linear;
  183. -o-transition:all .6s linear;
  184. }
  185.  
  186. a, a img {cursor:help;}
  187.  
  188. .text a, .caption a, .source a, .a a {color:{color:link};}
  189.  
  190. a:hover:not(.when) {
  191. color:{color:link hover};
  192. text-decoration:none;
  193. }
  194.  
  195. img {
  196. opacity:1;
  197. border:none;
  198. text-decoration:none;
  199. }
  200.  
  201. blockquote {
  202. padding:.25em 0 .25em 15px;
  203. text-align:left;
  204. margin:.5em 0;
  205. border-left:2px solid {color:text borders};
  206. }
  207.  
  208. pre {
  209. padding:0;
  210. margin:0;
  211. line-height:inherit!important;
  212. background:transparent;
  213. font-family:inherit!Important;
  214. font-size:inherit!important;
  215. white-space:pre-wrap;
  216. white-space:-moz-pre-wrap;
  217. white-space:-pre-wrap;
  218. white-space:-o-pre-wrap;
  219. word-wrap:break-word;
  220. }
  221.  
  222. p {margin:1em 0;}
  223.  
  224. p:first-of-type {margin-top:0;}
  225.  
  226. p:last-of-type {margin-bottom:0;}
  227.  
  228. b, strong, b a, strong a {color:{color:title};}
  229.  
  230. ol, ul {
  231. list-style:none;
  232. text-align:left;
  233. padding-left:0;
  234. }
  235.  
  236. li {
  237. position:relative;
  238. padding-left:30px;
  239. }
  240.  
  241. ol li {counter-increment:list;}
  242.  
  243. ol li:before {
  244. content:counter(list, decimal-leading-zero);
  245. left:0;
  246. position:absolute;
  247. }
  248.  
  249. ul li:before {
  250. position:absolute;
  251. left:15px;
  252. vertical-align:baseline!important;
  253. content:'›';
  254. }
  255.  
  256. .chat li:before, .pagenotes li:before {display:none;}
  257.  
  258. small, big, sub, pre {
  259. font-size:1em!important;
  260. line-height:1.5em!important;
  261. vertical-align:baseline!important;
  262. }
  263.  
  264. h1, h2, h3, h4 {
  265. font-size:1em;
  266. margin:0;
  267. padding:0;
  268. color:{color:title};
  269. font-weight:normal;
  270. }
  271.  
  272. hr {
  273. border:none;
  274. box-shadow:0;
  275. margin:1.5em 25%;
  276. border-top:1px solid {color:text borders};
  277. }
  278.  
  279. /*header*/
  280.  
  281. header {
  282. width:{select:post width}px;
  283. margin:150px auto 0 auto;
  284. text-align:center;
  285. position:relative;
  286. -webkit-animation-name: fade-in;
  287. -webkit-animation-duration: 2.5s;
  288. }
  289.  
  290. .ico {
  291. display:block;
  292. margin-bottom:35px;
  293. }
  294.  
  295. .ico img {
  296. margin:0 auto;
  297. width:60px;
  298. height:60px;
  299. border-radius:100%;
  300. -webkit-border-radius:100%;
  301. -moz-border-radius:100%;
  302. }
  303.  
  304. .about {
  305. position:relative;
  306. height:0px;
  307. overflow:hidden;
  308. }
  309.  
  310. .desc {
  311. padding:25px 0;
  312. opacity:0;
  313. }
  314.  
  315. .dnav {margin-top:10px;}
  316.  
  317. .dnav a {
  318. text-transform:uppercase;
  319. margin:0 5px;
  320. display:inline-block;
  321. letter-spacing:1px;
  322. font-size:.9em;
  323. }
  324.  
  325. .dnav a:after {
  326. content:'>';
  327. color:{color:link}!important;
  328. padding-left:10px;
  329. }
  330.  
  331. .dnav a:hover::after {color:{color:link}!important;}
  332.  
  333. .dnav a:last-of-type::after {display:none;}
  334.  
  335. nav {
  336. letter-spacing:3px;
  337. text-transform:uppercase;
  338. }
  339.  
  340. nav a {margin:0 10px;}
  341.  
  342. #blogt {
  343. font-weight:bold;
  344. color:{color:title};
  345. }
  346.  
  347. /*pagination*/
  348.  
  349. footer {
  350. {block:ifinfinitescroll}
  351. {block:ifnotmanualload}
  352. display:none;
  353. {/block:ifnotmanualload}
  354. {/block:ifinfinitescroll}
  355. position:relative;
  356. text-align:center;
  357. margin:0 auto 150px auto;
  358. width:{select:post width}px;
  359. -webkit-animation-name: fade-in;
  360. -webkit-animation-duration: 1.5s;
  361. }
  362.  
  363. #pagination {
  364. {block:ifinfinitescroll}
  365. display:none;
  366. {/block:ifinfinitescroll}
  367. }
  368.  
  369. footer a {
  370. display:inline-block;
  371. margin:0 10px;
  372. font-size:.8em;
  373. text-transform:uppercase;
  374. letter-spacing:2px;
  375. }
  376.  
  377. .nice {
  378. position:fixed;
  379. right:15px;
  380. font-size:.9em;
  381. bottom:10px;
  382. }
  383.  
  384. .nice a {color:{color:text};}
  385.  
  386. #infscr-loading {display:none!important;}
  387.  
  388. /*posts*/
  389.  
  390. section {
  391. width:{select:post width}px;
  392. margin:{text:post spacing}px auto 150px auto;
  393. {block:ifinfinitescroll}{block:indexpage}
  394. margin-bottom:0;
  395. {/block:indexpage}{/block:ifinfinitescroll}
  396. }
  397.  
  398. .posts {
  399. width:{select:post width}px;
  400. position:relative;
  401. margin-bottom:{text:post spacing}px;
  402. -webkit-animation-name: fade-in;
  403. -webkit-animation-duration: 2.5s;
  404. }
  405.  
  406. .posts img {
  407. height:auto;
  408. width:{select:post width}px;
  409. -webkit-backface-visibility:hidden;
  410. backface-visibility:hidden;
  411. }
  412.  
  413. .photo img {display:block;}
  414.  
  415. .photo a {display:none;}
  416.  
  417. .photo a:first-child {display:block!important;}
  418.  
  419. .go .set {display:none;}
  420.  
  421. .stop {display:none;}
  422.  
  423. .go .stop {display:block!important;}
  424.  
  425. .media {
  426. display:block;
  427. position:relative;
  428. }
  429.  
  430. .media iframe, .tumblr_video_container {display:block;}
  431.  
  432. .tumblr_video_container {
  433. width:auto!important;
  434. height:auto!important;
  435. }
  436.  
  437. a.read_more, a.tumblr_blog,.readmore {text-transform:lowercase;}
  438.  
  439. .posts img, .posts li, .posts blockquote {max-width:100%;}
  440.  
  441. .caption img, .caption iframe {max-width:100%;}
  442.  
  443. /*text*/
  444.  
  445. .title {
  446. line-height:1.5em;
  447. text-align:center;
  448. text-transform:uppercase;
  449. letter-spacing:3px;
  450. color:{color:title};
  451. }
  452.  
  453. .title a {
  454. color:{color:title};
  455. border-bottom:1px solid {color:text borders};
  456. }
  457.  
  458. .title a:hover {color:{color:link hover};}
  459.  
  460. .ted {margin-top:20px;}
  461.  
  462. /*quote*/
  463.  
  464. .quote {font-style:italic;}
  465.  
  466. .source {
  467. margin-top:15px;
  468. text-align:center;
  469. font-size:.9em;
  470. text-transform:uppercase;
  471. letter-spacing:2px;
  472. }
  473.  
  474. /*captions*/
  475.  
  476. .caption {
  477. position:relative;
  478. margin-top:20px;
  479. }
  480.  
  481. .caption blockquote {padding-left:10px;}
  482.  
  483. .inl .caption *:not(a):not(ul):not(ol):not(li) {
  484. margin:0;
  485. padding:0;
  486. display:inline;
  487. }
  488.  
  489. .inl .caption:not(ul):not(ol):not(li) {text-align:center;}
  490.  
  491. .inl .caption p:first-of-type {display:inline!important;}
  492.  
  493. .inl .caption p:first-of-type::after {content:' ';}
  494.  
  495. .inl .caption blockquote {
  496. padding:0;
  497. display:block;
  498. border:0;
  499. text-align:center;
  500. }
  501.  
  502. .inl .caption blockquote p{display:block!important;}
  503.  
  504. .inl .caption p {
  505. display:block!important;
  506. margin:.5em 0!important;
  507. }
  508.  
  509. .inl .caption p:first-of-type {
  510. display:inline!important;
  511. margin:0!important;
  512. }
  513.  
  514. .inl .caption *::after:not(a):not(ul):not(ol):not(li) {content:' ';}
  515.  
  516. .posts img, .posts li, .posts blockquote, .caption img {max-width:100%;}
  517.  
  518. .caption *:last-child, .a *:last-child, .tex *:last-child {
  519. margin-bottom:0!important;
  520. padding-bottom:0!Important;
  521. }
  522.  
  523. {block:indexpage}.hide .caption {display:none!important;}{/block:indexpage}
  524.  
  525. /*audio*/
  526.  
  527. .tumblr_audio_player {
  528. width:250px;
  529. height:30px;
  530. margin-top:-2px;
  531. }
  532.  
  533. .hold {
  534. display:block;
  535. padding:10px;
  536. width:35px;
  537. height:35px;
  538. margin:0 auto;
  539. background:{color:accents};
  540. border-radius:100%;
  541. -webkit-border-radius:100%;
  542. -moz-border-radius:100%;
  543. }
  544.  
  545. .player {
  546. width:25px;
  547. height:25px;
  548. display:block;
  549. border:5px solid white;
  550. overflow:hidden;
  551. border-radius:100%;
  552. -webkit-border-radius:100%;
  553. -moz-border-radius:100%;
  554. }
  555.  
  556. .audio_info {
  557. color:{color:title};
  558. text-align:center;
  559. margin-top:20px;
  560. font-size:.8em;
  561. letter-spacing:2px;
  562. text-transform:uppercase;
  563. }
  564.  
  565. .spotify_audio_player {
  566. height:80px;
  567. border-radius:0!important;
  568. }
  569.  
  570. /*asks*/
  571.  
  572. .q {
  573. text-align:center;
  574. font-style:italic;
  575. }
  576.  
  577. .as span {
  578. text-transform:uppercase;
  579. font-size:.8em;
  580. letter-spacing:2px;
  581. display:inline-block;
  582. margin:15px auto 0 auto;
  583. padding:5px 10px;
  584. background:{color:Accents};
  585. }
  586.  
  587. .as a {color:{color:text};}
  588.  
  589. .as a:hover {color:{color:link hover};}
  590.  
  591. .a {
  592. margin-top:15px;
  593. text-align:center;
  594. }
  595.  
  596. .a:not(ul):not(ol):not(li) {text-align:center;}
  597.  
  598. /*chat*/
  599.  
  600. .chat {
  601. margin:0;
  602. padding:0;
  603. list-style:none;
  604. }
  605.  
  606. .l {
  607. padding:10px;
  608. }
  609.  
  610. .l.odd {background:{color:accents};}
  611.  
  612. .label {
  613. font-size:.8em;
  614. letter-spacing:2px;
  615. text-transform:uppercase;
  616. font-weight:bold;
  617. color:{color:title};
  618. display:inline-block;
  619. }
  620.  
  621. /*permalink and notes*/
  622.  
  623. .when {
  624. margin:15px 0 0 0;
  625. text-align:center;
  626. text-transform:uppercase;
  627. letter-spacing:2px;
  628. font-size:.8em;
  629. }
  630.  
  631. .when a {
  632. display:inline-block;
  633. color:{color:text};
  634. }
  635.  
  636. .when a:hover {color:{color:link hover};}
  637.  
  638. .tags {
  639. display:inline;
  640. {block:indexpage}{block:ifnotshowtags}
  641. display:none;
  642. {/block:ifnotshowtags}{/block:indexpage}
  643. {block:permalinkpage}
  644. display:block;
  645. {/block:permalinkpage}
  646. }
  647.  
  648. .tags a {
  649. display:inline;
  650. opacity:.7;
  651. word-break:break-word;
  652. }
  653.  
  654. .tags a:hover {opacity:1;}
  655.  
  656. .pagenotes {
  657. position:relative;
  658. height:0px;
  659. overflow:hidden;
  660. }
  661.  
  662. .op.pagenotes {overflow-y:auto!important;}
  663.  
  664. .same {opacity:0;}
  665.  
  666. .pagenotes *:not(blockquote) {text-align:center!important;}
  667.  
  668. .ti {
  669. margin:30px 0;
  670. cursor:help;
  671. }
  672.  
  673. .pagenotes a {text-decoration:none;}
  674.  
  675. ol.notes {
  676. text-transform:uppercase;
  677. font-size:.8em;
  678. letter-spacing:2px;
  679. list-style-type:none;
  680. padding:0;
  681. margin:0px;
  682. }
  683.  
  684. ol.notes li.note {
  685. display:block;
  686. margin:0;
  687. border-bottom:1px dotted {color:text borders};
  688. padding:2px 0;
  689. }
  690.  
  691. ol.notes li.note:nth-child(odd) * {color:rgba({RGBcolor:title},.8);}
  692.  
  693. ol.notes li.note img.avatar {display:none!important;}
  694.  
  695. .more_notes_link, .notes_loading {
  696. display:block;
  697. color:{color:title};
  698. text-align:left;
  699. }
  700.  
  701. {CustomCSS}
  702.  
  703. </style>
  704.  
  705. <!-- jquery -->
  706.  
  707. <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  708. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script><script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  709.  
  710. <script>
  711. $(document).ready(function() {
  712. $(document).tooltip({
  713. track:true
  714. });
  715. $('.go .photo-slideshow').pxuPhotoset({
  716. lightbox: true,
  717. rounded: false,
  718. gutter: '3px',
  719. photoset: '.photo-slideshow',
  720. photoWrap: '.photo-data',
  721. photo: '.pxu-photo'
  722. });
  723. $('.pro').click(function(event){
  724. event.preventDefault();
  725. if ($(this).hasClass('op')) {
  726. $('.desc').fadeTo("200", 0);
  727. $('.about').animate({height:0}, 600);
  728. }
  729. else {
  730. $('.about').stop().animate({height:$('.desc').outerHeight()}, 600);
  731. $('.desc').delay(300).fadeTo("200", 1);
  732. }
  733. $(this).toggleClass('op');return false;
  734. });
  735. $('.ti').click(function(event){
  736. event.preventDefault();
  737. if ($(this).hasClass('op')) {
  738. $('.same').fadeTo("200", 0);
  739. $('.pagenotes').animate({height:0}, 600);
  740. }
  741. else {
  742. $('.pagenotes').stop().animate({height:'350px'}, 600);
  743. $('.same').delay(300).fadeTo("200", 1);
  744. }
  745. $('.pagenotes').toggleClass('op');return false;
  746. });
  747. });
  748. </script>
  749.  
  750. <style>
  751. {block:IndexPage}
  752. .x {
  753. display:none;
  754. }
  755. {/block:IndexPage}
  756.  
  757. {block:TagPage}
  758. .x {
  759. display:block;
  760. }
  761. {/block:TagPage}
  762. </style>
  763.  
  764. </head>
  765.  
  766. <body>
  767.  
  768. <header>
  769. {block:ifIconImage}<a href="/" class="ico"><img src="{image:Icon}"></a>{/block:ifIconImage}
  770. <nav>{block:ifProfileTitle}<a class="pro">{text:profile title}</a>{/block:ifProfileTitle}<a id="blogt" href="/">{Title}</a>{block:ifAskTitle}<a href="/ask">{text:ask title}</a>{/block:ifAskTitle}</nav>
  771. <div class="about"><div class="desc">{Description}<div class="dnav">{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:ifArchiveTitle}<a href="/archive">{text:archive title}</a>{/block:ifArchiveTitle}</div>
  772. </div></div>
  773. </header>
  774.  
  775. <section id="entries" class="{block:indexpage}{block:iffullphotoset}go{/block:iffullphotoset}{/block:indexpage}{block:permalinkpage}go{/block:permalinkpage}">{block:posts}<article class="{TagsAsClasses} posts {select:captions}">
  776.  
  777. {block:Quote}<div class="title quote">{Quote}</div>
  778. {block:Source}<div class="source">{Source}</div>{/block:Source}
  779. {/block:Quote}
  780.  
  781. {block:Text}
  782. {block:Title}<div class="title">{Title}</div>{/block:Title}
  783. <div class="tex {block:title}ted{/block:title}">{Body}</div>
  784. {/block:Text}
  785.  
  786. {block:Link}
  787. <div class="title"><a href="{URL}">{Name}</a></div>
  788. {block:Description}<div class="tex ted">{Description}</div>{/block:Description}
  789. {/block:Link}
  790.  
  791. {block:Chat}
  792. {block:Title}<div class="title">{Title}</div>{/block:Title}
  793. <ol class="chat {block:title}ted{/block:title}">
  794. {block:Lines}
  795. <li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  796. {/block:Lines}
  797. </ol>
  798. {/block:Chat}
  799.  
  800. {block:Photo}
  801. <div class="photo">{block:permalinkpage}{linkopentag}{/block:permalinkpage}{block:indexpage}<a href="{permalink}">{/block:indexpage}<img src="{PhotoURL-HighRes}"alt="{PhotoAlt}"/>{block:indexpage}</a>{/block:indexpage}{block:permalinkpage}{linkclosetag}{/block:permalinkpage}</div>
  802. {/block:Photo}
  803.  
  804. {block:Photoset}<div class="hug">{block:indexpage}<div class="photo set">{block:photos}<a href="{permalink}"><img src="{PhotoURL-HighRes}"></a>{/block:photos}</div>{/block:indexpage}<div class="photo-slideshow stop" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img alt="{PhotoAlt}" 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></div></div>
  805. {/block:Photoset}
  806.  
  807. {block:Video}<div class="video">{Video-500}</div>{/block:Video}
  808.  
  809. {block:Audio}
  810. {block:AudioPlayer}
  811. <div class="hold"><div class="player">{AudioPlayerWhite}</div></div><div class="audio_info">
  812. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}{block:Artist} by {Artist}{/block:Artist}</div>
  813. {/block:AudioPlayer}
  814. {/block:Audio}
  815.  
  816. {block:Answer}
  817. <div class="q">{Question}<div class="as"><span>sent by {Asker}</span></div></div><div class="a">{Answer}</div>
  818. {/block:Answer}
  819.  
  820. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  821.  
  822. {block:Date}<div class="when"><a href="{Permalink}" target="_blank">{block:indexpage}{shortdayofweek}, {shortmonth} {dayofmonth}{dayofmonthsuffix}{/block:indexpage}{block:permalinkpage}{dayofweek}, {timeago}{/block:permalinkpage}</a>{block:permalinkpage}{block:RebloggedFrom}<br><a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}/<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:permalinkpage} <span class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</span></div>
  823. {/block:Date}
  824.  
  825. {block:PostNotes}{block:notecount}<div class="title ti">{NoteCountWithLabel}</div>{/block:notecount}<div class="pagenotes"><div class="same">{PostNotes}</div></div>
  826. {/block:PostNotes}
  827.  
  828. </article>
  829.  
  830.  
  831. {/block:Posts}</section>
  832. {block:pagination}<footer><div id="pagination">
  833. {block:previouspage}<a href="{previouspage}">&laquo; back</a>{block:nextpage}/{/block:nextpage}{/block:previouspage}{block:nextpage}<a href="{nextpage}">next &raquo;</a>{/block:nextpage}</div>{block:ifinfinitescroll}{block:ifmanualload}<a style="cursor:help;" class="load">load more</a>{/block:ifmanualload}{/block:ifinfinitescroll}</footer>{/block:pagination}
  834. {block:ContentSource}
  835. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  836. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  837. {/block:SourceLogo}
  838. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  839. {/block:ContentSource}
  840. {block:indexpage}
  841. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  842. {block:ifinfinitescroll}
  843. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifinfinitescroll}
  844. <script>
  845. $(document).ready(function() {
  846. var $container = $('section');
  847. {block:ifinfinitescroll}
  848. $container.infinitescroll({
  849. itemSelector: 'article',
  850. navSelector: '#pagination',
  851. nextSelector: '#pagination a',
  852. loadingImg: '',
  853. loadingText: '<em></em>',
  854. errorCallback: function(){ $('.load').text('no more posts').parent().delay(4000).slideUp(400); },
  855. bufferPx: 3000
  856. },
  857. function( newElements ) {
  858. var $newElems = $( newElements );
  859. $newElems.css({opacity: 0, zIndex: -1});
  860. {block:iffullphotoset}
  861. $newElems.find('.photo-slideshow').pxuPhotoset({
  862. lightbox: true,
  863. rounded: false,
  864. gutter: '3px',
  865. photoset: '.photo-slideshow',
  866. photoWrap: '.photo-data',
  867. photo: '.pxu-photo'
  868. });
  869. {/block:iffullphotoset}
  870. resizeVideos();
  871. $newElems.imagesLoaded(function(){
  872. $container.masonry( 'appended', $newElems );
  873. $newElems.delay(600).animate({opacity: 1, zIndex: 1});
  874. });
  875. });
  876. {block:ifmanualload}
  877. $(window).unbind('.infscr');
  878. $('.load').click(function(){
  879. $(this).parent().fadeTo("400", 0);
  880. $('section').delay(400).infinitescroll('retrieve').parent('body').find('.load').parent().delay(400).fadeTo("400", 1); return false;
  881. });
  882. {/block:ifmanualload}
  883. {/block:ifinfinitescroll}
  884. });
  885. </script>
  886. {/block:indexpage}<a class="nice" href="http://sorrism.tumblr.com" target="_blank">σ</a>
  887. </body>
  888.  
  889.  
  890.  
  891. </html>
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!