API tools faq
paste
Advertisement
rasperries

petrol

rasperries
Jul 23rd, 2015
218
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.25 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. theme: petrol
  5. - sorrism -
  6.  
  7.  
  8. -->
  9.  
  10.  
  11. <head>
  12.  
  13. <title>{block:TagPage}#{Tag} : {/block:TagPage} {block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  14.  
  15. <link rel="shortcut icon" href="{favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19. <!--Default Variables-->
  20.  
  21. <meta name="color:Background" content="#ffffff"/>
  22. <meta name="color:Text" content="#cccccc"/>
  23. <meta name="color:Link" content="#a7a7a7"/>
  24. <meta name="color:Link Hover" content="#000000"/>
  25. <meta name="color:Title" content="#000000"/>
  26. <meta name="color:Scrollbar" content="#d5d5d5" />
  27. <meta name="color:Borders" content="#eeeeee"/>
  28. <meta name="color:Text Borders" content="#cccccc"/>
  29.  
  30. <meta name="if:Centered Content" content="0"/>
  31. <meta name="if:Infinite Scroll" content="1"/>
  32. <meta name="if:Load More" content="1"/>
  33. <meta name="if:Italic Accents" content="1"/>
  34. <meta name="if:Desaturate" content="1"/>
  35.  
  36. <meta name="select:Caption Position" content="default" title="Default"/>
  37. <meta name="select:Caption Position" content="side" title="Side"/>
  38. <meta name="select:Caption Position" content="none" title="None"/>
  39.  
  40. <meta name="select:Post Width" content="200" title="200px"/>
  41. <meta name="select:Post Width" content="250" title="250px"/>
  42. <meta name="select:Post Width" content="300" title="300px"/>
  43. <meta name="select:Post Width" content="350" title="350px"/>
  44. <meta name="select:Post Width" content="400" title="400px"/>
  45. <meta name="select:Post Width" content="450" title="450px"/>
  46. <meta name="select:Post Width" content="500" title="500px"/>
  47. <meta name="select:Post Width" content="540" title="540px"/>
  48.  
  49. <meta name="text:Post Spacing" content="70"/>
  50.  
  51. <meta name="text:Ask Title" content="message"/>
  52. <meta name="text:Archive Title" content="history"/>
  53.  
  54. <meta name="text:Link 1 URL" content="" />
  55. <meta name="text:Link 1" content="" />
  56. <meta name="text:Link 2 URL" content="" />
  57. <meta name="text:Link 2" content="" />
  58. <meta name="text:Link 3 URL" content="" />
  59. <meta name="text:Link 3" content="" />
  60.  
  61. <!--CSS customization here. -->
  62.  
  63. <link href='http://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  64.  
  65. <link href='http://static.tumblr.com/sas2ex2/HFinqriui/photoset.css' rel='stylesheet' type='text/css'>
  66.  
  67. <link href='http://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  68.  
  69.  
  70. <style type="text/css">
  71.  
  72. /*tooltip*/
  73.  
  74. .ui-tooltip {
  75. position:Absolute;
  76. z-index:9999;
  77. padding-top:10px;
  78. }
  79.  
  80. .ui-tooltip-content {
  81. background:{color:background};
  82. padding:2px 4px;
  83. display:inline-block;
  84. font-style:italic;
  85. font-size:7px;
  86. text-transform:uppercase;
  87. letter-spacing:1px;
  88. border-bottom:1px solid {color:link hover};
  89. }
  90.  
  91. /*tumblr controls and lightbox*/
  92.  
  93. #tumblr_lightbox {
  94. background-color:rgba(0, 0, 0, .9)!important;
  95. z-index:99999!important;
  96. }
  97.  
  98. #tumblr_lightbox img {opacity:0;}
  99.  
  100. #tumblr_lightbox_caption {
  101. color:black!important;
  102. font-family:arial!important;
  103. font-size:1em!important;
  104. font-weight:normal!important;
  105. text-shadow:none!important;
  106. }
  107.  
  108. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  109. background:white!important;
  110. -moz-box-shadow:none!important;
  111. -webkit-box-shadow:none!important;
  112. box-shadow:none!important;
  113. -moz-border-radius:0px!important;
  114. -webkit-border-radius:0px!important;
  115. border-radius:0px!important;
  116. opacity:1!important;
  117. }
  118.  
  119. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.4!important;}
  120.  
  121. #tumblr_controls {
  122. white-space:nowrap!important;
  123. -webkit-filter:invert(75%)!important;
  124. -moz-filter:invert(75%)!important;
  125. -ms-filter:invert(75%)!important;
  126. filter:invert(75%)!important;
  127. top:10px!important;
  128. right:10px!important;
  129. position:fixed!important;
  130. opacity:.3!important;
  131. }
  132.  
  133. /*scrollbar*/
  134.  
  135. ::-webkit-scrollbar {
  136. height:3px;
  137. width:4px;
  138. background:inherit;
  139. }
  140.  
  141. ::-webkit-scrollbar-thumb {
  142. background:{color:scrollbar};
  143. -webkit-border-radius:3px;
  144. border-radius:3px;
  145. }
  146.  
  147. .same::-webkit-scrollbar {width:2px;}
  148.  
  149. /*main structure*/
  150.  
  151. body {
  152. background:{color:background};
  153. color:{color:text};
  154. font-family:roboto, arial, sans-serif;
  155. font-size:10px;
  156. -webkit-font-smoothing: antialiased;
  157. text-shadow: 1px 1px 1px rgba(0,0,0,0.005);
  158. font-weight:normal;
  159. position:relative;
  160. text-align:left;
  161. margin:0;
  162. line-height:1.5em;
  163. }
  164.  
  165. blockquote {
  166. padding-left:10px;
  167. border-left:1px solid {color:text borders};
  168. margin:10px 0;
  169. text-align:left;
  170. }
  171.  
  172. .caption blockquote {
  173. margin:0;
  174. padding:0;
  175. border:0;
  176. }
  177.  
  178. pre {
  179. padding:0;
  180. margin:0;
  181. font-family:roboto;
  182. white-space: pre-wrap; /* css-3 */
  183. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  184. white-space: -pre-wrap; /* Opera 4-6 */
  185. white-space: -o-pre-wrap; /* Opera 7 */
  186. word-wrap: break-word; /* Internet Explorer 5.5+ */
  187. }
  188.  
  189. a {
  190. color:{color:link};
  191. text-decoration:none;
  192. transition:all .4s linear;
  193. -webkit-transition:all .4s linear;
  194. -o-transition:all .4s linear;
  195. -moz-transition:all .4s linear;
  196. }
  197.  
  198. a:hover {
  199. color:{color:link hover};
  200. text-decoration:none;
  201. }
  202.  
  203. .bode a, .caption a, #source a, .a a, .tumblr_blog {border-bottom:1px solid {color:text borders};}
  204.  
  205. .bode a:hover, .caption a:hover, #source a:hover, .a a:hover, .tumblr_blog:hover {border-color:{color:link hover};}
  206.  
  207. #source a {color:{color:text};}
  208.  
  209. #source a:hover {color:{color:link hover};}
  210.  
  211. img {
  212. opacity:1;
  213. border:none;
  214. text-decoration:none;
  215. }
  216.  
  217. p {margin:5px 0;}
  218.  
  219. p:first-of-type {
  220. margin-top:0;
  221. padding-top:0;
  222. }
  223.  
  224. p:last-of-type {
  225. margin-bottom:0;
  226. padding-bottom:0;
  227. }
  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. {block:ifitalicaccents}font-style:italic;{/block:ifitalicaccents}
  240. padding-left:25px;
  241. }
  242.  
  243. li:before {
  244. position:absolute;
  245. left:0;
  246. top:7px;
  247. height:1px;
  248. width:15px;
  249. background:{color:text borders};
  250. content:'';
  251. }
  252.  
  253. .chat li:before, .same li:before {display:none!important;}
  254.  
  255. small, big, sub {font-size:1em;}
  256.  
  257. h1, h2, h3, h4 {
  258. font-size:1em;
  259. font-weight:bold;
  260. color:{color:title};
  261. margin:0;
  262. padding:0;
  263. }
  264.  
  265. /*header*/
  266.  
  267. header {
  268. -webkit-animation-name: fade-in;
  269. -webkit-animation-duration: 1.4s;
  270. width:{select:post width}px;
  271. margin:100px 0 0 100px;
  272. {block:ifcenteredcontent}
  273. margin:100px auto 0 auto;
  274. {/block:ifcenteredcontent}
  275. position:relative;
  276. }
  277.  
  278. header.side {padding-right:275px;}
  279.  
  280. nav {display:inline-block}
  281.  
  282. nav a {
  283. display:inline-block;
  284. margin-right:5px;
  285. color:{color:text};
  286. }
  287.  
  288. .tai {
  289. font-size:14px;
  290. font-family:consolas;
  291. position:relative;
  292. line-height:1.3em!Important;
  293. margin-right:15px;
  294. color:{color:title};
  295. border-bottom:1px solid {color:link hover};
  296. }
  297.  
  298. #d {
  299. margin-top:10px;
  300. {block:ifitalicaccents}font-style:italic;{/block:ifitalicaccents}
  301. }
  302.  
  303. /*pagination*/
  304.  
  305. #pagination {
  306. {block:ifinfinitescroll}
  307. display:none;
  308. {/block:ifinfinitescroll}
  309. }
  310.  
  311. #pagination a, #more a {
  312. margin:0 5px;
  313. color:{color:text};
  314. }
  315.  
  316. #pagination a:first-of-type, #more a {margin-left:0px!important;}
  317.  
  318. #pagination a:hover, #more a:hover {color:{color:link hover};}
  319.  
  320. .nice {
  321. position:fixed;
  322. right:0;
  323. font-size:8px;
  324. z-index:5;
  325. bottom:0;
  326. padding:15px;
  327. background:{color:background};
  328. }
  329.  
  330. .nice a {color:{color:text};}
  331.  
  332. #more, #pagination {
  333. margin:0 0 100px 100px;
  334. {block:ifcenteredcontent}
  335. margin:0 auto 100px auto;
  336. {/block:ifcenteredcontent}
  337. width:{select:post width}px;
  338. position:relative;
  339. border-top:1px solid {color:borders};
  340. padding-top:15px;
  341. -webkit-animation-name: fade-in;
  342. -webkit-animation-duration: 1.5s;
  343. }
  344.  
  345. #more.side, #pagination.side {width:calc({select:post width}px + 275px);}
  346.  
  347. #infscr-loading {display:none!important;}
  348.  
  349. /*posts*/
  350.  
  351. #entries {
  352. margin:{text:post spacing}px 0 0 100px;
  353. {block:ifcenteredcontent}
  354. margin:{text:post spacing}px auto 0 auto;
  355. {/block:ifcenteredcontent}
  356. width:{select:post width}px;
  357. {block:permalinkpage}
  358. margin-bottom:100px;
  359. {/block:permalinkpage}
  360. position:relative;
  361. }
  362.  
  363. #entries.side {width:calc({select:post width}px + 275px);}
  364.  
  365. .entry {width:calc({select:post width}px + 275px);}
  366.  
  367. .post {
  368. width:{select:post width}px;
  369. {block:indexpage}
  370. margin:0 0 {text:post spacing}px 0;
  371. {/block:indexpage}
  372. padding-top:15px;
  373. border-top:px solid {color:borders};
  374. -webkit-animation-name: fade-in;
  375. -webkit-animation-duration: 1.4s;
  376. vertical-align:top;
  377. position:relative;
  378. display:inline-block;
  379. }
  380.  
  381. .info {
  382. width:250px;
  383. margin-left:25px;
  384. display:inline-block!important;
  385. }
  386.  
  387. .none .caption, .none .info {display:none!important;}
  388.  
  389. .side .normal, .side .when, .side #permalink {display:none;}
  390.  
  391. .default .info {display:none!Important;}
  392.  
  393. {block:indexpage}
  394. {block:ifdesaturate}
  395.  
  396. .color img, .color .pe {
  397. -webkit-filter: grayscale(0.2);
  398. -moz-filter: grayscale(0.2);
  399. -ms-filter: grayscale(0.2);
  400. filter: grayscale(0.2);
  401. -webkit-backface-visibility:hidden;
  402. -moz-backface-visibility:hidden;
  403. backface-visibility:hidden;
  404. transition:all .4s linear;
  405. -webkit-transition:all .4s linear;
  406. -o-transition:all .4s linear;
  407. -moz-transition:all .4s linear;
  408. }
  409.  
  410. .post:hover .color img, .post:hover .color .pe {
  411. -webkit-filter: grayscale(0);
  412. -moz-filter: grayscale(0);
  413. -ms-filter: grayscale(0);
  414. filter: grayscale(0);
  415. }
  416.  
  417. {/block:ifdesaturate}
  418. {/block:indexpage}
  419.  
  420. .post img {
  421. max-width:{select:post width}px;
  422. height:auto;
  423. }
  424.  
  425. .photo img {
  426. width:{select:post width}px;
  427. display:block;
  428. }
  429.  
  430. .set .ph {
  431. width:{select:post width}px;
  432. display:none;
  433. }
  434.  
  435. .set .ph:first-of-type {display:block!Important;}
  436.  
  437. .vi iframe, .tumblr_video_container {
  438. display:block;
  439. max-height:{select:post width}px;
  440. max-width:{select:post width}px;
  441. }
  442.  
  443. #youtube_iframe {
  444. display:block;
  445. max-height:calc({select:post width}px * 0.67);
  446. max-width:{select:post width}px;
  447. }
  448.  
  449. .instagram-media {max-height:none!important;}
  450.  
  451. a.tumblr_blog {
  452. display:inline-block;
  453. {block:ifitalicaccents}font-style:italic;{/block:ifitalicaccents}
  454. margin-bottom:5px;
  455. }
  456.  
  457. a.read_more {{block:ifitalicaccents}font-style:italic;{/block:ifitalicaccents}}
  458.  
  459. .post img, .post li, .post blockquote {max-width: 100%;}
  460.  
  461. .caption img, .caption iframe {max-width:100%;}
  462.  
  463. #title {
  464. {block:ifitalicaccents}font-style:italic;{/block:ifitalicaccents}
  465. font-size:10px;
  466. font-weight:bold;
  467. margin-bottom:15px;
  468. color:{color:title};
  469. }
  470.  
  471. #title a {color:{color:title};}
  472.  
  473. #title a:hover {color:{color:link hover};}
  474.  
  475. .caption {
  476. padding:15px 15px 0 15px;
  477. margin-top:15px;
  478. border-top:1px solid {color:borders};
  479. }
  480.  
  481. .infocap {margin-top:15px;}
  482.  
  483. /*quote*/
  484.  
  485. #titlequote {
  486. text-align:left;
  487. {block:ifitalicaccents}font-style:italic;{/block:ifitalicaccents}
  488. font-size:11px;
  489. }
  490.  
  491. #source {
  492. display:inline-block;
  493. position:relative;
  494. font-size:8px;
  495. text-transform:uppercase;
  496. letter-spacing:1px;
  497. margin:0 0 5px 0;
  498. }
  499.  
  500. /*audio*/
  501.  
  502. .tumblr_audio_player {
  503. width:250px;
  504. height:30px;
  505. margin-top:-2px;
  506. }
  507.  
  508. .player {
  509. width:25px;
  510. height:25px;
  511. border:5px solid white;
  512. border-left:7px solid white;
  513. display:block;
  514. overflow:hidden;
  515. }
  516.  
  517. .hold {
  518. padding:10px;
  519. background:rgba(228,228,228,.3);
  520. position:relative;
  521. }
  522.  
  523. .hold:after {
  524. position:absolute;
  525. content:'Listen';
  526. top:10px;
  527. line-height:35px;
  528. left:70px;
  529. font-size:8px;
  530. font-style:italic;
  531. text-transform:uppercase;
  532. letter-spacing:2px;
  533. color:{color:title};
  534. z-index:5;
  535. }
  536.  
  537. .audio_info {
  538. margin-top:15px;
  539. padding:15px 15px 0 15px;
  540. border-top:1px solid {color:borders};
  541. }
  542.  
  543. /*asks*/
  544.  
  545. .q {{block:ifitalicaccents}font-style:italic;{/block:ifitalicaccents}}
  546.  
  547. .as {
  548. display:block;
  549. font-size:8px;
  550. text-transform:uppercase;
  551. letter-spacing:1px;
  552. margin-bottom:5px;
  553. }
  554.  
  555. .a {margin-top:15px;}
  556.  
  557. /*chat*/
  558.  
  559. .chat {
  560. margin:0;
  561. padding:0;
  562. list-style:none;
  563. }
  564.  
  565. .l {
  566. padding:5px;
  567. border-bottom:px solid {color:borders};
  568. }
  569.  
  570. .label {
  571. font-style:normal;
  572. font-size:8px;
  573. text-transform:uppercase;
  574. letter-spacing:1px;
  575. color:{color:title};
  576. display:inline-block;
  577. }
  578.  
  579. /*permalink and notes*/
  580.  
  581. .qu {
  582. font-size:px;
  583. text-transform:lowercase;
  584. letter-spacing:px;
  585. word-break:break-word;
  586. color:#afafaf;
  587. }
  588.  
  589. .qu a {
  590. margin:0 5px;
  591. color:#afafaf;
  592. }
  593.  
  594. .qu a:first-of-type {
  595. margin-left:0;
  596. font-weight:;
  597. color:{color:links};
  598. }
  599.  
  600. .qu a:hover {color:{color:text};}
  601.  
  602. .when {
  603. margin-top:15px;
  604. padding-top:15px;
  605. border-top:1px solid {color:borders};
  606. }
  607.  
  608. #permalink {
  609. margin-top:15px;
  610. white-space:normal;
  611. padding-top:15px;
  612. word-break:break-word;
  613. margin-bottom:100px;
  614. border-top:1px solid {color:borders};
  615. -webkit-animation-name: fade-in;
  616. -webkit-animation-duration: 1.4s;
  617. }
  618.  
  619. #permalink span {
  620. display:block;
  621. margin:5px 0;
  622. }
  623.  
  624. .tags {word-wrap:break-word;}
  625.  
  626. .tags a {{block:ifitalicaccents}font-style:italic;{/block:ifitalicaccents}}
  627.  
  628. .pagenotes {
  629. margin-top:15px;
  630. white-space:normal;
  631. -webkit-animation-name: fade-in;
  632. -webkit-animation-duration: 1.4s;
  633. width:100%;
  634. }
  635.  
  636. .same {
  637. padding:15px 0;
  638. border-top:1px solid {color:borders};
  639. }
  640.  
  641. .pagenotes a {text-decoration:none;}
  642.  
  643. .same {
  644. display:none;
  645. max-height:200px;
  646. overflow-y:auto;
  647. border-bottom:1px solid {color:borders};
  648. }
  649.  
  650. ol.notes {
  651. list-style-type:none;
  652. padding:0px;
  653. margin:0px;
  654. }
  655.  
  656. ol.notes li.note {
  657. display:block;
  658. padding:0;
  659. margin:5px 0;
  660. }
  661.  
  662. ol.notes li.note img.avatar {display:none!important;}
  663.  
  664. a.more_notes_link {
  665. display:block;
  666. color:{color:title};
  667. text-align:left;
  668. }
  669.  
  670. {CustomCSS}
  671.  
  672. /* photoset by pixelunion */
  673.  
  674. .clearit:before, .clearit:after {
  675. content: "";
  676. display: table;
  677. }
  678.  
  679. .clearit:after {clear: both;}
  680.  
  681. .clearit { *zoom: 1; }
  682.  
  683. /* Photoset */
  684.  
  685. .photo-slideshow {visibility:hidden;}
  686.  
  687. .photo-slideshow.processed {
  688. visibility:visible;
  689. margin:0;
  690. display:block;
  691. }
  692.  
  693. .photo-slideshow a {border:0;}
  694.  
  695. .photo-slideshow .row {
  696. clear:both;
  697. width:100%;
  698. }
  699.  
  700. .photo-slideshow .pxu-photo {
  701. display:block;
  702. float:left;
  703. margin-bottom: 0;
  704. width: 100%;
  705. overflow: hidden;
  706. }
  707.  
  708. .photo-slideshow .pxu-photo img {display: block;}
  709.  
  710. .photo-slideshow.processed .pxu-photo img {
  711. width: 100%;
  712. height: auto;
  713. display:block;
  714. }
  715.  
  716. .photo-slideshow .pxu-photo:first-child img {margin-left: 0;}
  717.  
  718. .photo-slideshow .count-1 {width:100%;}
  719.  
  720. .photo-slideshow .count-2 {width: 50%;}
  721.  
  722. .photo-slideshow .count-3 {width: 33.23%;}
  723.  
  724. .photo-slideshow .count-4 {width: 25%;}
  725.  
  726. .photo-slideshow .count-5 {width: 20%;}
  727.  
  728. .photo-slideshow .info {display: none;}
  729.  
  730. /* Icons for EXIF Data and Zoom */
  731.  
  732. .photo-data {
  733. position: relative;
  734. float: left;
  735. }
  736.  
  737. .icons {display:none;}
  738.  
  739. .icons > span, .icons .tumblr-box span {display:none;}
  740.  
  741. .zoom {display:none;}
  742.  
  743. .info {display:none;}
  744.  
  745. /* EXIF & CAPTION Data Tooltip */
  746.  
  747. .pxu-data {display:none;}
  748.  
  749. .pxu-caption {display:none;}
  750.  
  751. .pxu-data table {display:none;}
  752.  
  753. .tumblr-box {
  754. display:block;
  755. position:absolute;
  756. top:0;
  757. right:0;
  758. bottom:0;
  759. left:0;
  760. z-index:1;
  761. }
  762.  
  763. @-webkit-keyframes fade-in {
  764. 0% { opacity: 0; }
  765. 50% { opacity: 0; }
  766. 100% { opacity: 1; }
  767. }
  768.  
  769. @-webkit-keyframes fade-in {
  770. 0% { opacity: 0; }
  771. 50% { opacity: 0; }
  772. 100% { opacity: 1; }
  773. }
  774.  
  775. @-moz-keyframes fade-in {
  776. 0% { opacity: 0; }
  777. 50% { opacity: 0; }
  778. 100% { opacity: 1; }
  779. }
  780.  
  781. @keyframes fade-in {
  782. 0% { opacity: 0; }
  783. 50% { opacity: 0; }
  784. 100% { opacity: 1; }
  785. }
  786.  
  787. </style>
  788.  
  789. </head>
  790.  
  791. <body>
  792.  
  793. <header class="{select:caption position}"><nav><a href="/" class="tai">{title}</a><a href="/n">{text:ask title}</a><a href="/archive">{text:archive title}</a>{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}</nav><div id="d">I was always hungry for love. Just once, I wanted to know what it was like to get my fill of it – to be fed so much love I couldn’t take any more. Just once.</div></header>
  794.  
  795. <section id="entries" class="{select:caption position}">
  796.  
  797. {block:Posts}
  798. <div class="entry">
  799. <article class="post nor"><div class="color">
  800.  
  801. {block:Quote}
  802. {block:Source}<div id="source">{Source}</div>{/block:Source}
  803. <div id="titlequote">{Quote}</div>
  804. {/block:Quote}
  805.  
  806. {block:Text}
  807. {block:Title}<div id="title">{Title}</div>{/block:Title}
  808. <div class="bode">{Body}</div>
  809. {/block:Text}
  810.  
  811. {block:Link}
  812. <div id="title"><a href="{URL}">{Name}</a></div>
  813. {block:Description}<div class="bode">{Description}</div>{/block:Description}
  814. {/block:Link}
  815.  
  816. {block:Chat}
  817. {block:Title}<div id="title">{Title}</div>{/block:Title}
  818. <ol class="chat">
  819. {block:Lines}
  820. <li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  821. {/block:Lines}
  822. </ol>
  823. {/block:Chat}
  824.  
  825. {block:Photo}
  826. <div class="photo"><a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a></div>
  827. {/block:Photo}
  828.  
  829. {block:Photoset}<div class="photo-slideshow" 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>
  830. {/block:Photoset}
  831.  
  832. {block:Video}<div class="vi">{Video-500}</div>{/block:Video}
  833.  
  834. {block:Audio}
  835. {block:AudioPlayer}
  836. <div class="hold">
  837. <div class="player">{AudioPlayerWhite}</div>
  838. </div>
  839. <div class="audio_info">
  840. {block:TrackName}<a class="tumblr_blog" href="{permalink}">{TrackName}</a>{/block:TrackName}{block:Artist}<br>by {Artist}{/block:Artist}
  841. </div>
  842. {/block:AudioPlayer}
  843. {/block:Audio}
  844.  
  845. {block:Answer}
  846. <div class="as">{Asker} sent:</div><div class="q">{Question}</div><div class="a">{Answer}</div>
  847. {/block:Answer}
  848.  
  849. {block:Caption}<div class="caption normal">{Caption}</div>{/block:Caption}
  850.  
  851.  
  852. {block:Date}
  853. {block:indexpage}<div class="qu when"><a href="{permalink}" target="_blank">{shortmonth} {dayofmonth}{dayofmonthsuffix}</a>-{block:notecount}<a href="{permalink}">{NoteCountWithLabel}</a>-{/block:notecount}<a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:indexpage}
  854. {block:permalinkpage}<div id="permalink">
  855. <span>Posted {month} {dayofmonth}{dayofmonthsuffix}, {year} at {12hour}:{minutes}{ampm}</span>{block:RebloggedFrom}<span>Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} &mdash; source: <a href="{ReblogRootURL}">{ReblogRootName}</a></span>{/block:ContentSource}{/block:RebloggedFrom}{block:HasTags}<span class="tags">Indexed: {block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</span>{/block:HasTags}{block:notecount}<span><a class="t">{NoteCountWithLabel}</a></span>{/block:notecount}{block:PostNotes}<div class="pagenotes"><div class="same">{PostNotes}</div></div>{/block:PostNotes}</div>
  856. {/block:permalinkpage}
  857. {/block:Date}
  858. </div></article>{block:date}<article class="post info">
  859. <div class="qu infw"><a href="{permalink}" target="_blank">{month} {dayofmonth}{dayofmonthsuffix}</a>/{block:notecount}<a {block:indexpage}href="{permalink}"{/block:indexpage}{block:permalinkpage}class="t"{/block:permalinkpage}>{NoteCountWithLabel}</a>/{/block:notecount}<a href="{ReblogURL}" target="_blank">reblog</a>{block:permalinkpage}{block:RebloggedFrom}<br>Via:<a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource}&mdash;<a href="{ReblogRootURL}" title="source">{ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:permalinkpage}{block:HasTags}<br>{block:Tags}<a href="{TagUrl}" style="margin:0 5px 0 0">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  860. {block:Caption}<div class="infocap">{Caption}</div>{/block:Caption}
  861. {block:PostNotes}<div class="pagenotes"><div class="same">{PostNotes}</div></div>{/block:PostNotes}
  862. </article>{/block:date}
  863.  
  864. </div>
  865.  
  866. {/block:Posts}
  867.  
  868.  
  869. </section>
  870. {block:Pagination}<footer id="pagination" class="{select:caption position}">{block:PreviousPage}<a href="{PreviousPage}">previous page</a>{block:nextpage}/{/block:nextpage}{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next page</a>{/block:NextPage}
  871. </footer>{block:ifinfinitescroll}{block:ifloadmore}{block:NextPage}<div id="more" class="{select:caption position}"><a class="yes">load more posts</a></div>{/block:NextPage}{/block:ifloadmore}{/block:ifinfinitescroll}{/block:pagination}
  872.  
  873.  
  874. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  875. <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  876. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  877.  
  878. <script>
  879. $(document).ready(function() {
  880. $(document).tooltip({
  881. track:true
  882. });
  883. $('.t').click(function() {
  884. $('.same').slideToggle(400);
  885. });
  886. $('.photo-slideshow').pxuPhotoset({
  887. lightbox: true,
  888. rounded: false,
  889. gutter: '2px',
  890. photoset: '.photo-slideshow',
  891. photoWrap: '.photo-data',
  892. photo: '.pxu-photo'
  893. });
  894. });
  895. </script>
  896.  
  897. {block:indexpage}
  898. {block:ifinfinitescroll}
  899. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  900. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  901. <script>
  902. $(document).ready(function(){
  903. var $container = $('#entries');
  904. $container.masonry({
  905. itemSelector: '.entry',
  906. isFitWidth: false
  907. });
  908. $container.imagesLoaded(function(){
  909. $container.masonry();
  910. });
  911. $container.infinitescroll({
  912. itemSelector: '.entry',
  913. navSelector: '#pagination',
  914. nextSelector: '#pagination a',
  915. loadingImg: '',
  916. loadingText: '<em></em>',
  917. bufferPx: 1000
  918. },
  919. function( newElements ) {
  920. var $newElems = $( newElements );
  921. $newElems.hide();
  922. $newElems.find('.photo-slideshow').pxuPhotoset({
  923. lightbox: true,
  924. rounded: false,
  925. gutter: '2px',
  926. photoset: '.photo-slideshow',
  927. photoWrap: '.photo-data',
  928. photo: '.pxu-photo'
  929. },
  930. function(){
  931. $container.masonry();
  932. });
  933. $newElems.imagesLoaded(function(){
  934. $container.masonry( 'appended', $newElems );
  935. $newElems.delay(400).fadeIn(400);
  936. });
  937. });
  938. {block:ifloadmore}
  939. jQuery(window).unbind('.infscr');
  940. jQuery('.yes').click(function(){
  941. jQuery('#entries').infinitescroll('retrieve'); return false;
  942. });
  943. {/block:ifloadmore}
  944. });
  945. </script>
  946. {/block:ifinfinitescroll}
  947. {/block:indexpage}
  948.  
  949.  
  950.  
  951. {block:ContentSource}
  952. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  953. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  954. {/block:SourceLogo}
  955. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  956. {/block:ContentSource}
  957. <a class="nice" href="http://sorrism.tumblr.com">@</a>
  958. </body></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!