API tools faq
paste
Advertisement
rasperries

fav s

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