API tools faq
paste
Advertisement
rasperries

dead roses sor multi

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