API tools faq
paste
rasperries

midnight cute

rasperries
May 8th, 2016
98
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.08 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. letter-spacing:0.02em;
  169. word-wrap:break-word;
  170. position:relative;
  171. text-align:left;
  172. -moz-osx-font-smoothing:grayscale;
  173. -webkit-font-smoothing:antialiased;
  174. font-smoothing:antialiased;
  175. margin:0;
  176. }
  177.  
  178. a {
  179. color:{color:text};
  180. text-decoration:none;
  181. transition:all .6s linear;
  182. -webkit-transition:all .6s linear;
  183. -moz-transition:all .6s linear;
  184. -o-transition:all .6s linear;
  185. }
  186.  
  187. a, a img {cursor:help;}
  188.  
  189. .text a, .caption a, .source a, .a a {color:{color:link};}
  190.  
  191. a:hover:not(.when) {
  192. color:{color:link hover};
  193. text-decoration:none;
  194. }
  195.  
  196. img {
  197. opacity:1;
  198. border:none;
  199. text-decoration:none;
  200. }
  201.  
  202. blockquote {
  203. padding:.25em 0 .25em 15px;
  204. text-align:left;
  205. margin:.5em 0;
  206. border-left:2px solid {color:text borders};
  207. }
  208.  
  209. pre {
  210. padding:0;
  211. margin:0;
  212. line-height:inherit!important;
  213. background:transparent;
  214. font-family:inherit!Important;
  215. font-size:inherit!important;
  216. white-space:pre-wrap;
  217. white-space:-moz-pre-wrap;
  218. white-space:-pre-wrap;
  219. white-space:-o-pre-wrap;
  220. word-wrap:break-word;
  221. }
  222.  
  223. p {margin:1em 0;}
  224.  
  225. p:first-of-type {margin-top:0;}
  226.  
  227. p:last-of-type {margin-bottom:0;}
  228.  
  229. b, strong, b a, strong a {color:{color:title};}
  230.  
  231. ol, ul {
  232. list-style:none;
  233. text-align:left;
  234. padding-left:0;
  235. }
  236.  
  237. li {
  238. position:relative;
  239. padding-left:30px;
  240. }
  241.  
  242. ol li {counter-increment:list;}
  243.  
  244. ol li:before {
  245. content:counter(list, decimal-leading-zero);
  246. left:0;
  247. position:absolute;
  248. }
  249.  
  250. ul li:before {
  251. position:absolute;
  252. left:15px;
  253. vertical-align:baseline!important;
  254. content:'›';
  255. }
  256.  
  257. .chat li:before, .pagenotes li:before {display:none;}
  258.  
  259. small, big, sub, pre {
  260. font-size:1em!important;
  261. line-height:1.5em!important;
  262. vertical-align:baseline!important;
  263. }
  264.  
  265. h1, h2, h3, h4 {
  266. font-size:1em;
  267. margin:0;
  268. padding:0;
  269. color:{color:title};
  270. font-weight:normal;
  271. }
  272.  
  273. hr {
  274. border:none;
  275. box-shadow:0;
  276. margin:1.5em 25%;
  277. border-top:1px solid {color:text borders};
  278. }
  279.  
  280. /*header*/
  281.  
  282. header {
  283. width:{select:post width}px;
  284. margin:150px auto 0 auto;
  285. text-align:center;
  286. position:relative;
  287. -webkit-animation-name: fade-in;
  288. -webkit-animation-duration: 2.5s;
  289. }
  290.  
  291. .ico {
  292. display:block;
  293. margin-bottom:35px;
  294. }
  295.  
  296. .ico img {
  297. margin:0 auto;
  298. width:60px;
  299. height:60px;
  300. border-radius:100%;
  301. -webkit-border-radius:100%;
  302. -moz-border-radius:100%;
  303. }
  304.  
  305. .about {
  306. position:relative;
  307. height:0px;
  308. overflow:hidden;
  309. }
  310.  
  311. .desc {
  312. padding:25px 0;
  313. opacity:0;
  314. }
  315.  
  316. .dnav {margin-top:10px;}
  317.  
  318. .dnav a {
  319. text-transform:uppercase;
  320. margin:0 5px;
  321. display:inline-block;
  322. letter-spacing:1px;
  323. font-size:.9em;
  324. }
  325.  
  326. .dnav a:after {
  327. content:'>';
  328. color:{color:link}!important;
  329. padding-left:10px;
  330. }
  331.  
  332. .dnav a:hover::after {color:{color:link}!important;}
  333.  
  334. .dnav a:last-of-type::after {display:none;}
  335.  
  336. nav {
  337. letter-spacing:3px;
  338. text-transform:uppercase;
  339. }
  340.  
  341. nav a {margin:0 10px;}
  342.  
  343. #blogt {
  344. font-weight:bold;
  345. color:{color:title};
  346. }
  347.  
  348. /*pagination*/
  349.  
  350. footer {
  351. {block:ifinfinitescroll}
  352. {block:ifnotmanualload}
  353. display:none;
  354. {/block:ifnotmanualload}
  355. {/block:ifinfinitescroll}
  356. position:relative;
  357. text-align:center;
  358. margin:0 auto 150px auto;
  359. width:{select:post width}px;
  360. -webkit-animation-name: fade-in;
  361. -webkit-animation-duration: 1.5s;
  362. }
  363.  
  364. #pagination {
  365. {block:ifinfinitescroll}
  366. display:none;
  367. {/block:ifinfinitescroll}
  368. }
  369.  
  370. footer a {
  371. display:inline-block;
  372. margin:0 10px;
  373. font-size:.8em;
  374. text-transform:uppercase;
  375. letter-spacing:2px;
  376. }
  377.  
  378. .nice {
  379. position:fixed;
  380. right:15px;
  381. font-size:.9em;
  382. bottom:10px;
  383. }
  384.  
  385. .nice a {color:{color:text};}
  386.  
  387. #infscr-loading {display:none!important;}
  388.  
  389. /*posts*/
  390.  
  391. section {
  392. width:{select:post width}px;
  393. margin:{text:post spacing}px auto 150px auto;
  394. {block:ifinfinitescroll}{block:indexpage}
  395. margin-bottom:0;
  396. {/block:indexpage}{/block:ifinfinitescroll}
  397. }
  398.  
  399. .posts {
  400. width:{select:post width}px;
  401. position:relative;
  402. margin-bottom:{text:post spacing}px;
  403. -webkit-animation-name: fade-in;
  404. -webkit-animation-duration: 2.5s;
  405. }
  406.  
  407. .posts img {
  408. height:auto;
  409. width:{select:post width}px;
  410. -webkit-backface-visibility:hidden;
  411. backface-visibility:hidden;
  412. }
  413.  
  414. .photo img {display:block;}
  415.  
  416. .photo a {display:none;}
  417.  
  418. .photo a:first-child {display:block!important;}
  419.  
  420. .go .set {display:none;}
  421.  
  422. .stop {display:none;}
  423.  
  424. .go .stop {display:block!important;}
  425.  
  426. .media {
  427. display:block;
  428. position:relative;
  429. }
  430.  
  431. .media iframe, .tumblr_video_container {display:block;}
  432.  
  433. .tumblr_video_container {
  434. width:auto!important;
  435. height:auto!important;
  436. }
  437.  
  438. a.read_more, a.tumblr_blog,.readmore {text-transform:lowercase;}
  439.  
  440. .posts img, .posts li, .posts blockquote {max-width:100%;}
  441.  
  442. .caption img, .caption iframe {max-width:100%;}
  443.  
  444. /*text*/
  445.  
  446. .title {
  447. line-height:1.5em;
  448. text-align:center;
  449. text-transform:uppercase;
  450. letter-spacing:3px;
  451. color:{color:title};
  452. }
  453.  
  454. .title a {
  455. color:{color:title};
  456. border-bottom:1px solid {color:text borders};
  457. }
  458.  
  459. .title a:hover {color:{color:link hover};}
  460.  
  461. .ted {margin-top:20px;}
  462.  
  463. /*quote*/
  464.  
  465. .quote {font-style:italic;}
  466.  
  467. .source {
  468. margin-top:15px;
  469. text-align:center;
  470. font-size:.9em;
  471. text-transform:uppercase;
  472. letter-spacing:2px;
  473. }
  474.  
  475. /*captions*/
  476.  
  477. .caption {
  478. position:relative;
  479. margin-top:20px;
  480. }
  481.  
  482. .caption blockquote {padding-left:10px;}
  483.  
  484. .inl .caption *:not(a):not(ul):not(ol):not(li) {
  485. margin:0;
  486. padding:0;
  487. display:inline;
  488. }
  489.  
  490. .inl .caption:not(ul):not(ol):not(li) {text-align:center;}
  491.  
  492. .inl .caption p:first-of-type {display:inline!important;}
  493.  
  494. .inl .caption p:first-of-type::after {content:' ';}
  495.  
  496. .inl .caption blockquote {
  497. padding:0;
  498. display:block;
  499. border:0;
  500. text-align:center;
  501. }
  502.  
  503. .inl .caption blockquote p{display:block!important;}
  504.  
  505. .inl .caption p {
  506. display:block!important;
  507. margin:.5em 0!important;
  508. }
  509.  
  510. .inl .caption p:first-of-type {
  511. display:inline!important;
  512. margin:0!important;
  513. }
  514.  
  515. .inl .caption *::after:not(a):not(ul):not(ol):not(li) {content:' ';}
  516.  
  517. .posts img, .posts li, .posts blockquote, .caption img {max-width:100%;}
  518.  
  519. .caption *:last-child, .a *:last-child, .tex *:last-child {
  520. margin-bottom:0!important;
  521. padding-bottom:0!Important;
  522. }
  523.  
  524. {block:indexpage}.hide .caption {display:none!important;}{/block:indexpage}
  525.  
  526. /*audio*/
  527.  
  528. .tumblr_audio_player {
  529. width:250px;
  530. height:30px;
  531. margin-top:-2px;
  532. }
  533.  
  534. .hold {
  535. display:block;
  536. padding:10px;
  537. width:35px;
  538. height:35px;
  539. margin:0 auto;
  540. background:{color:accents};
  541. border-radius:100%;
  542. -webkit-border-radius:100%;
  543. -moz-border-radius:100%;
  544. }
  545.  
  546. .player {
  547. width:25px;
  548. height:25px;
  549. display:block;
  550. border:5px solid white;
  551. overflow:hidden;
  552. border-radius:100%;
  553. -webkit-border-radius:100%;
  554. -moz-border-radius:100%;
  555. }
  556.  
  557. .audio_info {
  558. color:{color:title};
  559. text-align:center;
  560. margin-top:20px;
  561. font-size:.8em;
  562. letter-spacing:2px;
  563. text-transform:uppercase;
  564. }
  565.  
  566. .spotify_audio_player {
  567. height:80px;
  568. border-radius:0!important;
  569. }
  570.  
  571. /*asks*/
  572.  
  573. .q {
  574. text-align:center;
  575. font-style:italic;
  576. }
  577.  
  578. .as span {
  579. text-transform:uppercase;
  580. font-size:.8em;
  581. letter-spacing:2px;
  582. display:inline-block;
  583. margin:15px auto 0 auto;
  584. padding:5px 10px;
  585. background:{color:Accents};
  586. }
  587.  
  588. .as a {color:{color:text};}
  589.  
  590. .as a:hover {color:{color:link hover};}
  591.  
  592. .a {
  593. margin-top:15px;
  594. text-align:center;
  595. }
  596.  
  597. .a:not(ul):not(ol):not(li) {text-align:center;}
  598.  
  599. /*chat*/
  600.  
  601. .chat {
  602. margin:0;
  603. padding:0;
  604. list-style:none;
  605. }
  606.  
  607. .l {
  608. padding:10px;
  609. }
  610.  
  611. .l.odd {background:{color:accents};}
  612.  
  613. .label {
  614. font-size:.8em;
  615. letter-spacing:2px;
  616. text-transform:uppercase;
  617. font-weight:bold;
  618. color:{color:title};
  619. display:inline-block;
  620. }
  621.  
  622. /*permalink and notes*/
  623.  
  624. .when {
  625. margin:15px 0 0 0;
  626. text-align:center;
  627. text-transform:uppercase;
  628. letter-spacing:2px;
  629. font-size:.8em;
  630. }
  631.  
  632. .when a {
  633. display:inline-block;
  634. color:{color:text};
  635. }
  636.  
  637. .when a:hover {color:{color:link hover};}
  638.  
  639. .tags {
  640. display:inline;
  641. {block:indexpage}{block:ifnotshowtags}
  642. display:none;
  643. {/block:ifnotshowtags}{/block:indexpage}
  644. {block:permalinkpage}
  645. display:block;
  646. {/block:permalinkpage}
  647. }
  648.  
  649. .tags a {
  650. display:inline;
  651. opacity:.7;
  652. word-break:break-word;
  653. }
  654.  
  655. .tags a:hover {opacity:1;}
  656.  
  657. .pagenotes {
  658. position:relative;
  659. height:0px;
  660. overflow:hidden;
  661. }
  662.  
  663. .op.pagenotes {overflow-y:auto!important;}
  664.  
  665. .same {opacity:0;}
  666.  
  667. .pagenotes *:not(blockquote) {text-align:center!important;}
  668.  
  669. .ti {
  670. margin:30px 0;
  671. cursor:help;
  672. }
  673.  
  674. .pagenotes a {text-decoration:none;}
  675.  
  676. ol.notes {
  677. text-transform:uppercase;
  678. font-size:.8em;
  679. letter-spacing:2px;
  680. list-style-type:none;
  681. padding:0;
  682. margin:0px;
  683. }
  684.  
  685. ol.notes li.note {
  686. display:block;
  687. margin:0;
  688. border-bottom:1px dotted {color:text borders};
  689. padding:2px 0;
  690. }
  691.  
  692. ol.notes li.note:nth-child(odd) * {color:rgba({RGBcolor:title},.8);}
  693.  
  694. ol.notes li.note img.avatar {display:none!important;}
  695.  
  696. .more_notes_link, .notes_loading {
  697. display:block;
  698. color:{color:title};
  699. text-align:left;
  700. }
  701.  
  702. {CustomCSS}
  703.  
  704. </style>
  705.  
  706. <!-- jquery -->
  707.  
  708. <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  709. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script><script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  710.  
  711. <script>
  712. $(document).ready(function() {
  713. $(document).tooltip({
  714. track:true
  715. });
  716. $('.go .photo-slideshow').pxuPhotoset({
  717. lightbox: true,
  718. rounded: false,
  719. gutter: '3px',
  720. photoset: '.photo-slideshow',
  721. photoWrap: '.photo-data',
  722. photo: '.pxu-photo'
  723. });
  724. $('.pro').click(function(event){
  725. event.preventDefault();
  726. if ($(this).hasClass('op')) {
  727. $('.desc').fadeTo("200", 0);
  728. $('.about').animate({height:0}, 600);
  729. }
  730. else {
  731. $('.about').stop().animate({height:$('.desc').outerHeight()}, 600);
  732. $('.desc').delay(300).fadeTo("200", 1);
  733. }
  734. $(this).toggleClass('op');return false;
  735. });
  736. $('.ti').click(function(event){
  737. event.preventDefault();
  738. if ($(this).hasClass('op')) {
  739. $('.same').fadeTo("200", 0);
  740. $('.pagenotes').animate({height:0}, 600);
  741. }
  742. else {
  743. $('.pagenotes').stop().animate({height:'350px'}, 600);
  744. $('.same').delay(300).fadeTo("200", 1);
  745. }
  746. $('.pagenotes').toggleClass('op');return false;
  747. });
  748. });
  749. </script>
  750.  
  751. <style>
  752. {block:IndexPage}
  753. .x {
  754. display:none;
  755. }
  756. {/block:IndexPage}
  757.  
  758. {block:TagPage}
  759. .x {
  760. display:block;
  761. }
  762. {/block:TagPage}
  763. </style>
  764.  
  765. </head>
  766.  
  767. <body>
  768.  
  769. <header>
  770. {block:ifIconImage}<a href="/" class="ico"><img src="{image:Icon}"></a>{/block:ifIconImage}
  771. <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>
  772. <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>
  773. </div></div>
  774. </header>
  775.  
  776. <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}">
  777.  
  778. {block:Quote}<div class="title quote">{Quote}</div>
  779. {block:Source}<div class="source">{Source}</div>{/block:Source}
  780. {/block:Quote}
  781.  
  782. {block:Text}
  783. {block:Title}<div class="title">{Title}</div>{/block:Title}
  784. <div class="tex {block:title}ted{/block:title}">{Body}</div>
  785. {/block:Text}
  786.  
  787. {block:Link}
  788. <div class="title"><a href="{URL}">{Name}</a></div>
  789. {block:Description}<div class="tex ted">{Description}</div>{/block:Description}
  790. {/block:Link}
  791.  
  792. {block:Chat}
  793. {block:Title}<div class="title">{Title}</div>{/block:Title}
  794. <ol class="chat {block:title}ted{/block:title}">
  795. {block:Lines}
  796. <li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  797. {/block:Lines}
  798. </ol>
  799. {/block:Chat}
  800.  
  801. {block:Photo}
  802. <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>
  803. {/block:Photo}
  804.  
  805. {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>
  806. {/block:Photoset}
  807.  
  808. {block:Video}<div class="video">{Video-500}</div>{/block:Video}
  809.  
  810. {block:Audio}
  811. {block:AudioPlayer}
  812. <div class="hold"><div class="player">{AudioPlayerWhite}</div></div><div class="audio_info">
  813. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}{block:Artist} by {Artist}{/block:Artist}</div>
  814. {/block:AudioPlayer}
  815. {/block:Audio}
  816.  
  817. {block:Answer}
  818. <div class="q">{Question}<div class="as"><span>sent by {Asker}</span></div></div><div class="a">{Answer}</div>
  819. {/block:Answer}
  820.  
  821. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  822.  
  823. {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>
  824. {/block:Date}
  825.  
  826. {block:PostNotes}{block:notecount}<div class="title ti">{NoteCountWithLabel}</div>{/block:notecount}<div class="pagenotes"><div class="same">{PostNotes}</div></div>
  827. {/block:PostNotes}
  828.  
  829. </article>
  830.  
  831.  
  832. {/block:Posts}</section>
  833. {block:pagination}<footer><div id="pagination">
  834. {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}
  835. {block:ContentSource}
  836. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  837. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  838. {/block:SourceLogo}
  839. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  840. {/block:ContentSource}
  841. {block:indexpage}
  842. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  843. {block:ifinfinitescroll}
  844. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifinfinitescroll}
  845. <script>
  846. $(document).ready(function() {
  847. var $container = $('section');
  848. {block:ifinfinitescroll}
  849. $container.infinitescroll({
  850. itemSelector: 'article',
  851. navSelector: '#pagination',
  852. nextSelector: '#pagination a',
  853. loadingImg: '',
  854. loadingText: '<em></em>',
  855. errorCallback: function(){ $('.load').text('no more posts').parent().delay(4000).slideUp(400); },
  856. bufferPx: 3000
  857. },
  858. function( newElements ) {
  859. var $newElems = $( newElements );
  860. $newElems.css({opacity: 0, zIndex: -1});
  861. {block:iffullphotoset}
  862. $newElems.find('.photo-slideshow').pxuPhotoset({
  863. lightbox: true,
  864. rounded: false,
  865. gutter: '3px',
  866. photoset: '.photo-slideshow',
  867. photoWrap: '.photo-data',
  868. photo: '.pxu-photo'
  869. });
  870. {/block:iffullphotoset}
  871. resizeVideos();
  872. $newElems.imagesLoaded(function(){
  873. $container.masonry( 'appended', $newElems );
  874. $newElems.delay(600).animate({opacity: 1, zIndex: 1});
  875. });
  876. });
  877. {block:ifmanualload}
  878. $(window).unbind('.infscr');
  879. $('.load').click(function(){
  880. $(this).parent().fadeTo("400", 0);
  881. $('section').delay(400).infinitescroll('retrieve').parent('body').find('.load').parent().delay(400).fadeTo("400", 1); return false;
  882. });
  883. {/block:ifmanualload}
  884. {/block:ifinfinitescroll}
  885. });
  886. </script>
  887. {/block:indexpage}<a class="nice" href="http://sorrism.tumblr.com" target="_blank">σ</a>
  888. </body>
  889.  
  890.  
  891.  
  892. </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!