API tools faq
paste
Advertisement
sorrism

pools

sorrism
Aug 22nd, 2015
18,494
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.70 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. theme: pools // updated 17.10.2017
  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:Text Borders" content="#cccccc"/>
  28. <meta name="color:Accents" content="#fbfbfb"/>
  29. <meta name="color:Entries" content="#f4f4f4"/>
  30.  
  31. <meta name="if:Infinite Scroll" content="1"/>
  32. <meta name="if:Manual Load" content="0"/>
  33. <meta name="if:Hide Captions" content="0"/>
  34. <meta name="if:Hide Tags" content="1"/>
  35.  
  36. <meta name="image:Header" content=""/>
  37.  
  38. <meta name="text:Link 1 URL" content=""/>
  39. <meta name="text:Link 1" content=""/>
  40. <meta name="text:Link 2 URL" content=""/>
  41. <meta name="text:Link 2" content=""/>
  42. <meta name="text:Link 3 URL" content=""/>
  43. <meta name="text:Link 3" content=""/>
  44.  
  45. <meta name="text:Home Title" content="home"/>
  46. <meta name="text:Ask Title" content="message"/>
  47. <meta name="text:Archive Title" content="archive"/>
  48.  
  49. <meta name="select:Post Width" content="300" title="300px"/>
  50. <meta name="select:Post Width" content="350" title="350px"/>
  51. <meta name="select:Post Width" content="375" title="375px"/>
  52. <meta name="select:Post Width" content="400" title="400px"/>
  53. <meta name="select:Post Width" content="450" title="450px"/>
  54. <meta name="select:Post Width" content="500" title="500px"/>
  55. <meta name="select:Post Width" content="540" title="540px"/>
  56.  
  57. <!--CSS customization here. -->
  58.  
  59. <link href="//static.tumblr.com/sas2ex2/HFinqriui/photoset.css" rel="stylesheet" type="text/css"><script src="//use.edgefonts.net/source-sans-pro:n4,i4,n6,i6.js"></script>
  60.  
  61. <style type="text/css">
  62.  
  63. /*tumblr controls and lightbox*/
  64.  
  65. .tmblr-lightbox {background:rgba({RGBcolor:background}, .95)!important;}
  66.  
  67. .tmblr-lightbox img {opacity:0;}
  68.  
  69. .lightbox-caption {
  70. color:{color:title}!important;
  71. font-family:inherit!important;
  72. font-size:1em!important;
  73. font-weight:normal!important;
  74. text-shadow:none!important;
  75. }
  76.  
  77. .lightbox-image {
  78. -moz-box-shadow:none!important;
  79. -webkit-box-shadow:none!important;
  80. box-shadow:none!important;
  81. -moz-border-radius:0px!important;
  82. -webkit-border-radius:0px!important;
  83. border-radius:0px!important;
  84. padding:0px!important;
  85. opacity:1!important;
  86. }
  87.  
  88. .vignette {opacity:0!important;}
  89.  
  90. .cc svg {
  91. display:block;
  92. width:10px;
  93. height:auto;
  94. opacity:.75;
  95. overflow:visible;
  96. }
  97.  
  98. .cc svg path {fill:{color:text};}
  99.  
  100. .cc {
  101. z-index:12;
  102. position:fixed;
  103. top:15px;
  104. right:15px;
  105. }
  106.  
  107. #tumblr_controls, .iframe-controls--desktop {
  108. position:fixed!important;
  109. top:2px!important;
  110. right:15px!important;
  111. opacity:0!important;
  112. -webkit-transform:scale(.7);
  113. -moz-transform:scale(.7);
  114. transform:scale(.7);
  115. -webkit-backface-visibility:hidden;
  116. padding:0px 20px 10px 10px;
  117. transition:all .3s linear;
  118. -webkit-transition:all .3s linear;
  119. -o-transition:all .3s linear;
  120. -moz-transition:all .3s linear;
  121. -webkit-backface-visibility:hidden;
  122. -webkit-transform-origin:right top;
  123. -moz-transform-origin:right top;
  124. -ms-transform-origin:right top;
  125. -o-transform-origin:right top;
  126. transform-origin:right top;
  127. }
  128.  
  129. #tumblr_controls:hover, .iframe-controls--desktop:hover {opacity:.7!important;}
  130.  
  131. /*tooltip*/
  132.  
  133. .ui-tooltip {
  134. position:Absolute;
  135. z-index:9999;
  136. padding-top:15px;
  137. }
  138.  
  139. .ui-tooltip-content {
  140. background:{color:background};
  141. padding:2px 3px;
  142. text-transform:lowercase;
  143. }
  144.  
  145. /*scrollbar*/
  146.  
  147. ::-webkit-scrollbar{
  148. height:2px;
  149. width:4px;
  150. background:inherit;
  151. }
  152.  
  153. ::-webkit-scrollbar-thumb {
  154. background:{color:scrollbar};
  155. border-radius:2px;
  156. -webkit-border-radius:2px;
  157. }
  158.  
  159. /*basics*/
  160.  
  161. body {
  162. background:{color:background};
  163. color:{color:text};
  164. font:10px/1.75em source-sans-pro, helvetica, arial, sans-serif;
  165. word-wrap:break-word;
  166. text-align:left;
  167. overflow-x:hidden;
  168. margin:0;
  169. -moz-osx-font-smoothing:grayscale;
  170. -webkit-font-smoothing:antialiased;
  171. font-smoothing:antialiased;
  172. }
  173.  
  174. a {
  175. color:{color:text};
  176. text-decoration:none;
  177. }
  178.  
  179. a, svg {
  180. transition:all .3s linear;
  181. -webkit-transition:all .3s linear;
  182. -o-transition:all .3s linear;
  183. -moz-transition:all .3s linear;
  184. }
  185.  
  186. a, a img {cursor:pointer;}
  187.  
  188. a:hover {
  189. color:{color:link};
  190. text-decoration:none;
  191. }
  192.  
  193. a svg:hover {fill:{color:link};}
  194.  
  195. .comment a {border-bottom:1px solid {color:text borders};}
  196.  
  197. .comment a:hover {border-color:{color:link};}
  198.  
  199. img {
  200. opacity:1;
  201. border:0;
  202. text-decoration:none;
  203. max-width:100%;
  204. height:auto;
  205. display:block;
  206. }
  207.  
  208. blockquote {
  209. padding:.25em 0 .25em 15px;
  210. margin:.5em 0;
  211. border-left:1px solid {color:text borders};
  212. }
  213.  
  214. pre {
  215. padding:0;
  216. margin:0;
  217. line-height:inherit!important;
  218. background:transparent;
  219. font-family:consolas!Important;
  220. font-size:inherit!important;
  221. white-space:pre-wrap;
  222. white-space:-moz-pre-wrap;
  223. white-space:-pre-wrap;
  224. white-space:-o-pre-wrap;
  225. word-wrap:break-word;
  226. }
  227.  
  228. p {margin:.5em 0;}
  229.  
  230. p:first-of-type {margin-top:0;}
  231.  
  232. p:last-of-type {margin-bottom:0;}
  233.  
  234. b, strong, b a, strong a {
  235. font-weight:600;
  236. color:{color:text};
  237. }
  238.  
  239. ol, ul {
  240. list-style:none;
  241. text-align:left;
  242. padding-left:0;
  243. }
  244.  
  245. li {
  246. position:relative;
  247. padding:.25em 0 .25em 20px;
  248. margin-left:0;
  249. }
  250.  
  251. ol li {counter-increment:list;}
  252.  
  253. ol li:before, ul li:before {
  254. left:-20px;
  255. display:inline-block;
  256. position:relative;
  257. width:0;
  258. vertical-align:middle!important;
  259. }
  260.  
  261. ol li:before {content:counter(list) '.';}
  262.  
  263. ul li:before {
  264. content:'\00BB';
  265. width:15px;
  266. position:absolute;
  267. left:5px;
  268. top:.25em;
  269. }
  270.  
  271. .chat li:before, .pagenotes li:before {display:none!important;}
  272.  
  273. .chat li {margin:0;}
  274.  
  275. small, big, sub, pre {
  276. font-size:1em!important;
  277. line-height:1.4em!important;
  278. vertical-align:baseline!important;
  279. }
  280.  
  281. h1, h2, h3, h4 {
  282. margin:1.5em 0;
  283. font-size:1em;
  284. padding:0;
  285. font-weight:600;
  286. color:{color:title};
  287. font-weight:normal;
  288. }
  289.  
  290. article h1:first-child, article h2:first-child, article h3:first-child, article h4:first-child {margin-top:0;}
  291.  
  292. hr {
  293. border:none;
  294. box-shadow:0;
  295. margin:2em 0;
  296. width:30%;
  297. border-top:1px solid {color:text borders};
  298. }
  299.  
  300. .comment h1, .comment h2, .comment h3, .comment h4 {
  301. font-size:inherit!important;
  302. font-family:inherit!important;
  303. }
  304.  
  305. header, footer, article {
  306. -webkit-animation-name: fade-in;
  307. -webkit-animation-duration: 1.5s;
  308. }
  309.  
  310. /*side*/
  311.  
  312. header {
  313. position:relative;
  314. margin:0px auto 75px auto;
  315. width:{select:post width}px;
  316. }
  317.  
  318. .hea {
  319. display:block;
  320. margin:-75px -75px 75px -75px;
  321. }
  322.  
  323. .hea img {width:calc({select:post width}px + 150px);}
  324.  
  325. .tai {
  326. color:{color:title};
  327. font:italic 1.2em/1.5em georgia, times, serif;
  328. display:block;
  329. }
  330.  
  331. .tai, nav {margin-bottom:10px;}
  332.  
  333. nav a {
  334. margin-right:10px;
  335. display:inline-block;
  336. }
  337.  
  338. nav a:last-of-type {margin:0;}
  339.  
  340. /*pagination*/
  341.  
  342. footer {
  343. {block:ifinfinitescroll}
  344. {block:ifnotmanualload}
  345. display:none;
  346. {/block:ifnotmanualload}
  347. {/block:ifinfinitescroll}
  348. width:{select:post width}px;
  349. margin:-75px auto 75px auto;
  350. }
  351.  
  352. {block:ifinfinitescroll}
  353. #pagination {display:none;}
  354. {/block:ifinfinitescroll}
  355.  
  356. footer a {
  357. display:inline-block;
  358. margin:0 10px;
  359. }
  360.  
  361. footer a:first-of-type {margin-left:0;}
  362.  
  363. #infscr-loading {display:none!important;}
  364.  
  365. .nice {
  366. position:fixed;
  367. right:15px;
  368. bottom:15px;
  369. }
  370.  
  371. /*posts*/
  372.  
  373. section {
  374. margin:150px auto;
  375. padding:75px;
  376. background:{color:entries};
  377. }
  378.  
  379. section, article {width:{select:post width}px;}
  380.  
  381. article {
  382. margin-bottom:75px;
  383. position:relative;
  384. }
  385.  
  386. .posts:last-of-type {margin-bottom:0!important;}
  387.  
  388. .ph {
  389. position:relative;
  390. overflow:hidden;
  391. }
  392.  
  393. .ph img {
  394. width:100%;
  395. display:block;
  396. }
  397.  
  398. .video * {
  399. display:block;
  400. min-width:100%;
  401. }
  402.  
  403. .spotify_audio_player {height:80px!important;}
  404.  
  405. .ph .comment:first-of-type {padding-top:15px;}
  406.  
  407. /*titles*/
  408.  
  409. .title {
  410. color:{color:title};
  411. font:italic 1.2em/1.4em georgia, times, serif;
  412. }
  413.  
  414. .title a {color:{color:title};}
  415.  
  416. .title a:hover {color:{color:link};}
  417.  
  418. /*captions*/
  419.  
  420. .comment {
  421. padding:0 0 15px 0;
  422. list-style:none;
  423. }
  424.  
  425. .user {
  426. margin:0;
  427. display:inline-block;
  428. }
  429.  
  430. .user:after {content:'\00a0';}
  431.  
  432. .user a, .user {
  433. color:{color:text};
  434. font-weight:600;
  435. border:0!important;
  436. }
  437.  
  438. .tmblr-truncated-link {display:block;}
  439.  
  440. .comment:last-of-type {padding-bottom:0;}
  441.  
  442. .comment * img:first-child {margin-top:0;}
  443.  
  444. .comment * img:last-child {margin-bottom:0;}
  445.  
  446. .ted:first-of-type {padding-top:15px;}
  447.  
  448. /*quote source*/
  449.  
  450. .source {margin-top:15px;}
  451.  
  452. /*audio*/
  453.  
  454. .player {
  455. width:25px;
  456. height:24px;
  457. position:absolute;
  458. left:10px;
  459. top:calc(50% - 15px);
  460. display:block;
  461. overflow:hidden;
  462. }
  463.  
  464. .hold {
  465. position:relative;
  466. display:block;
  467. min-height:24px;
  468. padding:15px;
  469. background:{color:accents};
  470. color:rgba({RGBcolor:text},.7);
  471. }
  472.  
  473. .audio_info {
  474. vertical-align:middle;
  475. line-height:12px;
  476. margin-left:35px;
  477. max-width:calc(100% - 35px);
  478. }
  479.  
  480. .audio_info span {
  481. white-space:nowrap;
  482. overflow:hidden;
  483. text-overflow:ellipsis;
  484. display:block;
  485. }
  486.  
  487. .hold .track {
  488. font-weight:600;
  489. color:{color:text};
  490. }
  491.  
  492. /*asks*/
  493.  
  494. .q {margin-bottom:5px;}
  495.  
  496. .as {
  497. text-align:right;
  498. text-transform:lowercase;
  499. }
  500.  
  501. .a {margin-top:15px}
  502.  
  503. /*chats*/
  504.  
  505. .chat {
  506. margin:0;
  507. padding:0;
  508. list-style:none;
  509. }
  510.  
  511. .ted .chat {margin-top:15px;}
  512.  
  513. .l {padding:0 0 5px 0;}
  514.  
  515. .l:last-of-type {padding-bottom:0;}
  516.  
  517. .label {
  518. font-weight:bold;
  519. color:{color:title};
  520. display:inline-block;
  521. }
  522.  
  523. /*permalink and notes*/
  524.  
  525. #permalink, .when {margin-top:10px;}
  526.  
  527. #permalink span {display:block;}
  528.  
  529. .tags {
  530. {block:indexpage}
  531. {block:ifhidetags}
  532. display:none;
  533. {/block:ifhidetags}
  534. {/block:indexpage}
  535. }
  536.  
  537. .pagenotes {text-transform:lowercase;}
  538.  
  539. .pagenotes li:before {display:none;}
  540.  
  541. ol.notes {
  542. list-style-type:none;
  543. padding:0;
  544. margin:0;
  545. }
  546.  
  547. ol.notes li.note {
  548. display:block;
  549. padding:0;
  550. margin-bottom:5px;
  551. }
  552.  
  553. ol.notes li.note img.avatar {display:none!important;}
  554.  
  555. .more_notes_link, .notes_loading {
  556. display:block;
  557. text-align:left!important;
  558. border-bottom:0px solid transparent!important;
  559. color:{color:title};
  560. }
  561.  
  562.  
  563. {CustomCSS}
  564.  
  565. </style>
  566. </head>
  567.  
  568. <body>
  569.  
  570. <div class="cc"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px"viewBox="0 0 438.317 438.317" style="enable-background:new 0 0 438.317 438.317;" xml:space="preserve"><g><g><path d="M31.167,266.192l20.4,9.35c8.5,3.967,12.467,13.6,9.35,22.383l-7.933,20.967c-5.95,16.15-3.967,33.433,5.95,47.317c9.633,14.167,25.5,22.383,42.5,22.383c6.233,0,12.467-1.133,18.417-3.4l20.967-7.933c1.983-0.85,3.967-1.133,6.233-1.133c6.8,0,13.317,3.967,16.15,10.483l9.35,20.4c8.5,18.7,26.633,30.317,47.033,30.317s38.533-11.617,47.033-30.317l9.35-20.4c2.833-6.233,9.067-10.483,16.15-10.483c1.983,0,4.25,0.283,6.233,1.133l20.967,8.217c5.95,2.267,12.183,3.683,18.417,3.683l0,0c16.717,0,32.583-8.783,42.5-22.667c9.633-14.167,11.9-31.45,5.95-47.6l-7.933-20.967c-3.117-8.783,0.85-18.417,9.35-22.383l20.4-9.35c18.7-8.5,30.317-26.633,30.317-47.033S426.7,180.625,408,172.125l-20.4-9.35c-8.5-3.967-12.467-13.6-9.35-22.383l7.933-20.967c5.95-16.15,3.967-33.433-5.95-47.317c-9.633-14.167-25.5-22.383-42.5-22.383c-6.233,0-12.467,1.133-18.417,3.4l-20.967,7.933c-1.983,0.85-3.967,1.133-6.233,1.133c-6.8,0-13.317-3.967-16.15-10.483l-9.35-20.4c-8.5-18.7-26.633-30.317-47.033-30.317s-39.383,11.9-47.883,30.6l-9.35,20.4c-2.833,6.233-9.067,10.483-16.15,10.483c-1.983,0-4.25-0.283-6.233-1.133L119,53.408c-5.95-2.267-12.183-3.4-18.417-3.4c-16.717,0-32.583,8.5-42.5,22.383c-9.633,14.167-11.9,31.45-5.95,47.317l7.933,20.967c3.117,8.783-0.85,18.417-9.35,22.383l-20.4,9.35C11.617,180.908,0,199.042,0,219.442S12.467,257.692,31.167,266.192z M45.05,203.008l20.4-9.35c24.65-11.333,36.55-39.95,26.917-65.167l-7.933-20.967c-2.833-7.65,0-13.317,1.983-16.15c4.533-6.8,13.033-9.633,20.967-6.517l20.967,7.933c5.95,2.267,11.9,3.4,18.133,3.4l0,0c20.117,0,38.533-11.9,47.033-30.317l9.35-20.4c4.25-9.633,13.317-10.483,16.15-10.483c2.833,0,11.617,0.85,16.15,10.483l9.35,20.4c8.5,18.417,26.917,30.317,47.033,30.317c6.233,0,12.183-1.133,18.133-3.4l20.967-7.933c7.933-2.833,16.15,0,20.967,6.517c1.983,2.833,4.817,8.5,1.983,16.15l-7.933,20.967c-9.35,25.217,2.267,53.833,26.917,65.167l20.4,9.35c9.633,4.25,10.483,13.317,10.483,16.15c0,2.833-0.85,11.617-10.483,16.15l-20.4,9.35c-24.65,11.333-36.55,39.95-26.917,65.167l7.933,20.967c2.833,7.65,0,13.317-1.983,16.15c-4.533,6.8-13.033,9.633-20.967,6.517l-20.967-7.933c-5.95-2.267-11.9-3.4-18.133-3.4c-20.117,0-38.533,11.9-47.033,30.317l-9.35,20.4c-4.25,9.633-13.317,10.483-16.15,10.483c-2.833,0-11.617-0.85-16.15-10.483l-9.35-20.4c-8.5-18.417-26.917-30.317-47.033-30.317c-6.233,0-12.183,1.133-18.133,3.4l-20.967,7.933c-7.933,2.833-16.15,0-20.967-6.517c-1.983-2.833-4.817-8.5-1.983-16.15l7.933-20.967c9.35-25.217-2.267-53.833-26.917-65.167l-20.4-9.35c-9.633-4.25-10.483-13.317-10.483-16.15C34.567,216.325,35.417,207.542,45.05,203.008z"/><path d="M218.733,292.825c40.517,0,73.667-33.15,73.667-73.667s-33.15-73.667-73.667-73.667s-73.667,33.15-73.667,73.667S177.933,292.825,218.733,292.825z M218.733,179.492c21.817,0,39.667,17.85,39.667,39.667s-17.85,39.667-39.667,39.667s-39.667-17.85-39.667-39.667S196.917,179.492,218.733,179.492z"/></g></g></svg></div>
  571.  
  572. <section id="entries">
  573.  
  574. <header>{block:ifHeaderImage}<a class="hea" href="/"><img src="{image:Header}"/></a>{/block:ifHeaderImage}<a href="/" class="tai">{title}</a><nav>{block:ifHomeTitle}<a href="/">{text:home title}</a>{/block:ifHomeTitle}{block:ifAskTitle}<a href="/ask">{text:ask title}</a>{/block:ifAskTitle}{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}</nav><div id="d">{description}</div>
  575. </header>
  576.  
  577. {block:Posts}<article class="posts">
  578.  
  579. {block:Quote}<div class="title quote">{Quote}</div>
  580. {block:Source}<div class="source">{Source}</div>{/block:Source}
  581. {/block:Quote}
  582.  
  583. {block:Text}
  584. {block:Title}<div class="title">{Title}</div>{/block:Title}
  585. {block:RebloggedFrom}{block:Reblogs}<li class="comment {block:Title}ted{/block:Title}"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>{body}</li>{/block:Reblogs}{/block:RebloggedFrom}{block:NotReblog}<li class="comment {block:Title}ted{/block:Title}">{body}</li>{/block:NotReblog}
  586. {/block:Text}
  587.  
  588. {block:Link}
  589. <div class="title"><a href="{URL}">{Name}</a></div>
  590. {block:Description}{block:NotReblog}<li class="comment ted">{description}</li>{/block:NotReblog}{/block:Description}{block:RebloggedFrom}{block:Reblogs}<li class="comment"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{Username}</a>{body}</li>{/block:Reblogs}{/block:RebloggedFrom}
  591. {/block:Link}
  592.  
  593. {block:Chat}
  594. {block:Title}<div class="title">{Title}</div>{/block:Title}
  595. <ol class="chat {block:title}ted{/block:title}">
  596. {block:Lines}<li class="l">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ol>
  597. {/block:Chat}
  598.  
  599. <div class="ph">
  600.  
  601. {block:Photo}
  602. {block:indexpage}<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}"></a>{/block:indexpage}{block:permalinkpage}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:permalinkpage}
  603. {/block:Photo}
  604.  
  605. {block:Photoset}
  606. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img 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>
  607. {/block:Photoset}
  608.  
  609. {block:Video}<div class="video">{Video-500}</div>{/block:Video}
  610.  
  611. {block:Audio}
  612. {block:AudioPlayer}
  613. <div class="hold"><div class="player">{AudioPlayerWhite}</div><div class="audio_info">{block:TrackName}<span class="track">{TrackName}</span>{/block:TrackName}{block:Artist}<span class="artist">{Artist}</span>{/block:Artist}</div></div>{/block:AudioPlayer}
  614. {/block:Audio}
  615.  
  616. {block:caption}
  617. {block:Reblogs}<li class="comment"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{Username}</a>{body}</li>{/block:Reblogs}{block:NotReblog}<li class="comment"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{name}</a>{Caption}</li>{/block:NotReblog}
  618. {/block:caption}
  619. </div>
  620.  
  621. {block:Answer}
  622. <div class="q">{Question}</div><div class="as">sent by {Asker}</div>{block:Answerer}<li class="comment"><span class="user">{answerer} replied:</span>{answer}</li>{/block:Answerer}{block:NotReblog}<li class="comment">{replies}</li>{/block:NotReblog}{block:RebloggedFrom}{block:Reblogs}<li class="comment"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>{body}</li>{/block:Reblogs}{/block:RebloggedFrom}
  623. {/block:Answer}
  624.  
  625. {block:Date}{block:indexpage}
  626. <div class="when">
  627. <a href="{Permalink}" target="_blank">{month} {dayofmonth}{dayofmonthsuffix}</a>{block:notecount} with <a href="{permalink}">{notecountwithlabel}</a>{/block:notecount}{block:HasTags}<span class="tags">{block:Tags} <a href="{TagUrl}">#{Tag}</a>{/block:Tags}</span>{/block:HasTags}</div>
  628. {/block:indexpage}
  629.  
  630. {block:permalinkpage}
  631. <div id="permalink">
  632. <span>Posted on {month} {dayofmonth}{dayofmonthsuffix} at {12hour}:{minutes}{ampm}</span>{block:RebloggedFrom}<span>Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} &mdash; source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}</span>{/block:RebloggedFrom}{block:HasTags}<span>Indexed: {block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</span>{/block:HasTags}</div>
  633. {/block:permalinkpage}
  634. {/block:Date}
  635.  
  636. </article>
  637.  
  638. {block:PostNotes}
  639. <article class="pagenotes"><div class="title">{NoteCountWithLabel}</div>
  640. <li class="comment ted">{PostNotes}</li></article>
  641. {/block:PostNotes}
  642.  
  643. {/block:Posts}
  644.  
  645. </section>
  646.  
  647. {block:Pagination}<footer>
  648. <div id="pagination">
  649. {block:PreviousPage}<a href="{PreviousPage}">back</a>{block:nextpage}/{/block:nextpage}{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}</div>{block:ifinfinitescroll}{block:ifmanualload}<div id="more"><a class="load">load more</a></div>{/block:ifmanualload}{/block:ifinfinitescroll}</footer>
  650. {/block:Pagination}
  651.  
  652.  
  653.  
  654. <!-- jquery -->
  655.  
  656. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script><script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script><script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>{block:indexpage}{block:ifinfinitescroll}<script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifinfinitescroll}{/block:indexpage}
  657.  
  658. <script>
  659. $(document).ready(function() {
  660. $('body').tooltip({track:true});
  661. $('.photo-slideshow').pxuPhotoset({
  662. lightbox: true,
  663. rounded: false,
  664. gutter: '3px',
  665. photoset: '.photo-slideshow',
  666. photoWrap: '.photo-data',
  667. photo: '.pxu-photo'
  668. });
  669. $('p').filter(function (){return $.trim(this.innerHTML) == ""}).remove();
  670. $('iframe.tumblr_audio_player').load( function() {
  671. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:accents} !important} </style>"));
  672. });
  673. {block:indexpage}{block:ifinfinitescroll}
  674. var $container = $('section');
  675. $container.infinitescroll({
  676. itemSelector: 'article',
  677. navSelector: '#pagination',
  678. nextSelector: '#pagination a',
  679. loadingImg: '',
  680. loadingText: '<em></em>',
  681. errorCallback: function(){ $('.load').text('no more posts').parent('footer').delay(4000).slideUp(400); },
  682. bufferPx: 3000
  683. },
  684. function( newElements ) {
  685. var $newElems = $( newElements );
  686. $newElems.find('.photo-slideshow').pxuPhotoset({
  687. lightbox: true,
  688. rounded: false,
  689. gutter: '3px',
  690. photoset: '.photo-slideshow',
  691. photoWrap: '.photo-data',
  692. photo: '.pxu-photo'
  693. });
  694. resizeVideos();
  695. $newElems.find('p').filter(function (){return $.trim(this.innerHTML) == ""}).remove();
  696. $newElems.find('iframe.tumblr_audio_player').load(function(){
  697. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:accents}!important} </style>"));
  698. });
  699. });
  700. {block:ifmanualload}
  701. $(window).unbind('.infscr');
  702. $('.load').click(function(){
  703. $('footer').fadeTo("400", 0);
  704. $container.delay(400).infinitescroll('retrieve').parent('body').find('#more').parent().delay(400).fadeTo("400", 1);
  705. });
  706. {/block:ifmanualload}{/block:ifinfinitescroll}{/block:indexpage}
  707. });
  708. </script>
  709.  
  710.  
  711. {block:ContentSource}
  712. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  713. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  714. {/block:SourceLogo}
  715. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  716. {/block:ContentSource}
  717. <a class="nice" href="http://sorrism.tumblr.com" target="_blank">@</a>
  718. </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!