API tools faq
paste
solarre

persikor

solarre
May 17th, 2016
6,572
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.12 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4.  
  5. persikor by solarre
  6.  
  7. -keep credit intact
  8. -don't steal any code
  9.  
  10. credits:
  11. soundcloud player and video resizing script: shythemes
  12. svg icons: antonps outicons
  13. pxu photosets: pixelunion
  14. tooltips: malihu's style my tooltips
  15. infinite scroll: paul irish
  16.  
  17. -->
  18.  
  19.  
  20. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  21. <head>
  22.  
  23. <title>{Title}</title>
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  27.  
  28. <meta name="color:Title" content="#000000"/>
  29. <meta name="color:Text" content="#bbbbbb"/>
  30. <meta name="color:Link" content="#aaaaaa"/>
  31. <meta name="color:Hover" content="#b3b3b3"/>
  32. <meta name="color:Line" content="#f2f2f2"/>
  33. <meta name="color:Tooltip" content="#777777"/>
  34. <meta name="color:Scrollbar" content="#eeeeee"/>
  35.  
  36. <meta name="if:Infinite Scroll" content="1"/>
  37. <meta name="if:Captions" content="1"/>
  38. <meta name="if:White Lightbox" content="0"/>
  39. <meta name="if:Small Cursor" content="1"/>
  40. <meta name="if:Info and Tags" content="0"/>
  41. <meta name="if:Like Reblog Perma Info" content="1"/>
  42.  
  43. <meta name="select:Post Size" content="250" title="250px"/>
  44. <meta name="select:Post Size" content="280" title="280px"/>
  45. <meta name="select:Post Size" content="300" title="300px"/>
  46. <meta name="select:Post Size" content="320" title="320px"/>
  47. <meta name="select:Post Size" content="350" title="350px"/>
  48. <meta name="select:Post Size" content="370" title="370px"/>
  49. <meta name="select:Post Size" content="400" title="400px"/>
  50. <meta name="select:Post Size" content="420" title="420px"/>
  51.  
  52. <meta name="text:Blog Title" content="">
  53. <meta name="text:linkA" content="">
  54. <meta name="text:linkA url" content="/">
  55. <meta name="text:linkB" content="">
  56. <meta name="text:linkB url" content="/">
  57. <meta name="text:linkC" content="">
  58. <meta name="text:linkC url" content="/">
  59. <meta name="text:linkD" content="">
  60. <meta name="text:linkD url" content="/">
  61.  
  62. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  63. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  64. <script>
  65. (function($){
  66. $(document).ready(function(){
  67. $("[title]").style_my_tooltips({
  68. tip_follows_cursor:true,
  69. tip_delay_time:1,
  70. tip_fade_speed:100,
  71. attribute:"title"
  72. });
  73. });
  74. })(jQuery);
  75. </script>
  76.  
  77. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  78. <script src="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  79. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  80.  
  81. {block:IndexPage}
  82. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  83.  
  84. <script type="text/javascript">
  85. $(window).scroll(function() {
  86. if ($(this).scrollTop() > 400) {
  87. $( "#sidebar2" ).fadeIn();
  88. } else {
  89. console.log('there');
  90. $( "#sidebar2" ).fadeOut();
  91. }
  92. });
  93. </script>
  94. {/block:IndexPage}
  95.  
  96. <script type="text/javascript">
  97. $(document).ready(function() {
  98. $('blockquote').each(function(index, element){
  99. if(index % 2 == 0) { $(element).addClass('even'); }
  100. });
  101. });
  102. </script>
  103.  
  104. <style type="text/css">
  105.  
  106. ::-webkit-scrollbar {width:11px; height:auto; background:#fff;}
  107. ::-webkit-scrollbar-corner {background:transparent;}
  108. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};border:5px solid #fff;}
  109. ::-webkit-scrollbar-thumb:horizontal {background:{color:scrollbar};height:3px !important;}
  110. ::-webkit-scrollbar-increment {width:6px; height:6px; background-color:#fff;}
  111.  
  112. iframe.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop, .tmblr-iframe {
  113. opacity:.5;
  114. position:fixed;
  115. white-space:nowrap;
  116. -webkit-filter: invert(100%);
  117. -moz-filter: invert(100%);
  118. -o-filter: invert(100%);
  119. -ms-filter: invert(100%);
  120. filter: invert(100%);
  121. }
  122.  
  123. #s-m-t-tooltip {
  124. max-width:300px;
  125. padding: 5px 8px;
  126. margin:10px;
  127. background-color:#fff;
  128. font-size:8px;
  129. letter-spacing:1px;
  130. text-transform:uppercase;
  131. color:{color:tooltip};
  132. border:1px solid {color:line};
  133. border-right-color:{color:hover};
  134. border-bottom-color:{color:hover};
  135. border-radius:2px;
  136. z-index:10000000000000000000000000000000000;
  137. }
  138.  
  139. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  140. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  141. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  142.  
  143. .fade-in {
  144. opacity:0;
  145. -webkit-animation:fadeIn ease-in 1;
  146. -moz-animation:fadeIn ease-in 1;
  147. animation:fadeIn ease-in 1;
  148. -webkit-animation-fill-mode:forwards;
  149. -moz-animation-fill-mode:forwards;
  150. animation-fill-mode:forwards;
  151. -webkit-animation-duration:1s;
  152. -moz-animation-duration:1s; animation-duration:1s; }
  153.  
  154. .fade-in.one { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; animation-delay: 0.7s; }
  155. .fade-in.two { -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; animation-delay: 1.2s; }
  156.  
  157. ::selection {background:{color:scrollbar};color:#fff;text-shadow:none;}
  158. ::-o-selection {background:{color:scrollbar};color:#fff;text-shadow:none;}
  159. ::-moz-selection {background:{color:scrollbar};color:#fff;text-shadow:none;}
  160.  
  161. {block:ifWhiteLightbox}
  162. #vignette, .vignette{opacity:0!important;}.lightbox-caption {color:#000;}
  163. #tumblr_lightbox,.tmblr-lightbox{background:rgba(255,255,255,0.7)!important;}
  164. #tumblr_lightbox img, .lightbox-image {box-shadow:none!important;border-radius:0px!important;}
  165. {/block:ifWhiteLightbox}
  166.  
  167. {block:ifSmallCursor}
  168.  
  169. *, body, img { cursor:url(http://static.tumblr.com/vmteopo/fhxo3gbrd/small_white_cursor.png), auto;}
  170.  
  171. a, a:hover, a:active, iframe, svg { cursor:url(http://static.tumblr.com/vmteopo/RQ9o3gbth/small_white_cursor_help.png), crosshair; }
  172.  
  173. {/block:ifSmallCursor}
  174.  
  175. body {
  176. background:#fff;
  177. margin:0px;
  178. height:100%;
  179. width:100%;
  180. color:{color:text};
  181. font:10px calibri;
  182. line-height:15px;
  183. -moz-font-smoothing:subpixel-antialiased;
  184. -webkit-font-smoothing:subpixel-antialiased;
  185. font-smoothing:subpixel-antialiased;
  186. }
  187.  
  188. #s-m-t-tooltip, a, .posts, .dets, .tags, #credit, .buttons, svg, .title:after, .hover, .player{
  189. transition:0.5s ease-in-out;
  190. -webkit-transition:0.5s ease-in-out;
  191. -moz-transition:0.5s ease-in-out;
  192. -ms-transition:0.5s ease-in-out;
  193. -o-transition:0.5s ease-in-out;
  194. }
  195.  
  196. iframe#youtube_iframe {width:100%!important;}
  197. #infscr-loading {width:calc({select:Post Size} + 20px);text-align:center;}
  198. #infscr-loading img {display:none!important;}
  199. #infscr-loading em {position:relative;top:70px;}
  200. a {text-decoration:none;color:{color:link};-moz-outline-style:none;}
  201. a:hover {color:{color:hover};}
  202. img {border:none;max-width:100%;height:auto;}
  203. img a {border:none;} a img {border:none;}
  204. h1 {font:italic 10.5px calibri;text-transform:uppercase;}
  205. h2 {font:italic 15px calibri;line-height:110%;text-align:center;-webkit-filter:brightness(60%);filter:brightness(60%);}
  206. blockquote {padding-left:8px;border-left:1px solid {color:line};margin-right:0;margin-left:20px;}
  207. blockquote.even {padding-left:8px;border-left:1px solid {color:hover};margin-right:0;}
  208. ul {list-style-type:none;}
  209. ul li {position:relative;padding-left:20px;margin-left:-15px;}
  210. ul li:before {
  211. content:'';
  212. position:absolute;
  213. display:block;
  214. top:7px;
  215. left:0;
  216. width:15px;
  217. height:1px;
  218. border-top:1px solid #ececec;
  219. }
  220.  
  221. ul li:nth-child(even):before {border-color:{color:hover};}
  222. ul ul li:nth-child(even):before {color:{color:hover};}
  223.  
  224. ul ul li:before {
  225. content:'›';
  226. position:absolute;
  227. display:block;
  228. border:none;
  229. top:0;
  230. left:0;
  231. margin-left:10px;
  232. width:0px;
  233. }
  234.  
  235. pre {
  236. padding:8px 14px;
  237. font-family:calibri;
  238. background:#f8f8f8;
  239. border:1px solid #eee;
  240. white-space: pre-wrap;
  241. white-space: -moz-pre-wrap;
  242. white-space: -pre-wrap;
  243. white-space: -o-pre-wrap;
  244. word-wrap: break-word;
  245. }
  246.  
  247. #sidebar, #sidebar2 {
  248. width:120px;
  249. height:auto;
  250. padding:20px;
  251. z-index:2;
  252. background:#f8f8f8;
  253. }
  254.  
  255. #sidebar {margin:150px auto;}
  256.  
  257. #sidebar2 {
  258. left:50%;
  259. margin-left:calc(-1 * ({select:Post Size}px + 100px));
  260. top:150px;
  261. position:fixed;
  262. {block:IndexPage}display:none;{/block:IndexPage}
  263. }
  264.  
  265. .title {
  266. font:lighter 12px calibri;
  267. text-transform:uppercase;
  268. display:block;
  269. width:115px;
  270. letter-spacing:5px;
  271. padding-left:5px;
  272. padding-top:10px;
  273. text-align:center;
  274. line-height:130%;
  275. }
  276.  
  277. .title, .posts {
  278. -ms-word-break: break-all;
  279. word-break: break-all;
  280. word-break: break-word;
  281. -webkit-hyphens: auto;
  282. -moz-hyphens: auto;
  283. -ms-hyphens: auto;
  284. hyphens: auto;
  285. }
  286.  
  287. .title:after {
  288. content:'';
  289. height:1px;
  290. width:15px;
  291. display:block;
  292. margin:8px 0px 0 46.5px;
  293. }
  294.  
  295. #sidebar .title:after {background:{color:hover};}
  296. #sidebar2 .title:after {background:#fff;}
  297.  
  298. .title a {color:{color:title};}
  299.  
  300. .desc {
  301. font-size:10px;
  302. text-align:center;
  303. line-height:125%;
  304. letter-spacing:0.5px;
  305. width:100px;
  306. height:auto;
  307. padding:10px 10px 10px 10.5px;
  308. margin:auto;
  309. color:{color:title};
  310. }
  311.  
  312. .links {
  313. height:auto;
  314. width:120px;
  315. margin-bottom:-15px;
  316. padding:0px 0 10px;
  317. text-align:center;
  318. font-size:10px;
  319. text-transform:none;
  320. }
  321.  
  322. .links a {display:inline-block;padding:2px 5px;}
  323. #sidebar .links a:nth-child(odd):hover, #sidebar2 .links a:nth-child(even):hover {color:#fff;}
  324.  
  325. .pagi{
  326. font-size:8px;
  327. text-align:center;
  328. padding:5px 10px;
  329. width:{select:Post Size}px;
  330. margin:80px auto 120px;
  331. letter-spacing:0px;
  332. z-index:99;
  333. {block:ifInfiniteScroll}opacity:0;{/block:ifInfiniteScroll}
  334. }
  335.  
  336. .jump_page, .current_page {height:10px;width:20px;padding:5px;}
  337. .current_page {border-top:1px solid {color:hover};}
  338.  
  339. #all {
  340. padding:10px 50px;
  341. width:calc({select:Post Size}px + 20px);
  342. z-index:3;
  343. margin:150px auto;
  344. letter-spacing:0.5px;
  345. }
  346.  
  347. .posts:first-child {margin-top:0px;}
  348.  
  349. .posts {
  350. width:{select:Post Size}px;
  351. padding:10px;
  352. margin:150px auto 0;
  353. position:relative;
  354. }
  355.  
  356. .hover {
  357. position:absolute;
  358. background-color:#fff;
  359. left:20px;
  360. top:20px;
  361. padding:10px;
  362. max-width:calc({select:Post Size}px - 40px);
  363. max-height:calc(100% - 55px);
  364. opacity:0;
  365. overflow:auto;
  366. z-index:4;
  367. }
  368.  
  369. .posts:hover .hover {opacity:1;}
  370.  
  371. .caption, .answ {width:auto;padding-top:5px;}
  372. .caption a, .answ a{padding-bottom:1px;border-bottom:1px solid {color:link};}
  373. .caption a:hover, .answ a:hover { border-bottom:1px solid {color:hover};}
  374. {block:IndexPage}{block:ifnotCaptions}.caption {display:none;}{/block:ifnotCaptions}{/block:IndexPage}
  375. a.read_more {color:{color:hover};text-align:center;border:none;}
  376. a.read_more:hover {color:{color:text};border:none;}
  377.  
  378. .dets {
  379. margin-top:10px;
  380. font-size:8px;
  381. text-transform:uppercase;
  382. height:auto;
  383. width:100%;
  384. text-align:center;
  385. display: inline-block;
  386. }
  387.  
  388. .det {margin-top:10px; padding:5px;border-top:1px solid {color:line};font-size:8.5px;} .det a {display:inline-block;}
  389.  
  390. .tags {opacity:0.9;width:auto;display:inline-block;}
  391. .tags a {display:inline-block;padding:0 2px;}
  392.  
  393. {block:ifInfoAndTags}
  394. {block:indexpage}
  395. .dets, .tags {opacity:0;}
  396. .tags {-webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s;}
  397. .posts:hover .dets, .posts:hover .tags {opacity:1;}
  398. {/block:indexpage}
  399. {/block:ifInfoAndTags}
  400.  
  401. .buttons {
  402. position:absolute;
  403. margin-left:-45px;
  404. {block:ifnotInfoandTags}height:46px;{/block:ifnotInfoandTags}
  405. {block:ifInfoandTags}height:35px;{/block:ifInfoandTags}
  406. padding:16px 20px 10px 10px;
  407. border-right:1px solid transparent;
  408. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  409. }
  410.  
  411. .posts:hover .buttons {border-right-color:{color:line};}
  412.  
  413. .like svg, .rbt svg, .permaa svg, .ttag svg {fill:#a4a4a4;margin-bottom:-2px;}
  414. .like:hover svg, .rbt svg:hover, .permaa svg:hover, .ttag svg:hover {fill:{color:hover};}
  415. a.liked + svg, .like .liked + svg {fill:{color:hover};}
  416. .like_button iframe {
  417. opacity:0;
  418. position:absolute;
  419. {block:IndexPage}margin-left:-3px;{/block:IndexPage}
  420. {block:PermalinkPage}margin:-1px 0 0 -17px;{/block:PermalinkPage}
  421. z-index:2;
  422. width:15px;
  423. height:15px;
  424. }
  425.  
  426. .like_button iframe svg {height:15px;width:15px;}
  427.  
  428. {block:IndexPage}
  429. a.like, a.rbt, a.permaa, a.ttag {{block:indexpage}display:block;opacity:0;position:absolute;margin:-50px 0px 20px 0px;-webkit-filter:blur(3px);}
  430. .posts:hover a.like, .posts:hover a.rbt, .posts:hover a.permaa, .posts:hover a.ttag {opacity:1;-webkit-filter:none;}
  431. a.like {-webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s;} .posts:hover a.like {-webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s;margin-top:0;}
  432. a.rbt, .posts:hover a.rbt {-webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; transition-delay: 0.1s;} .posts:hover a.rbt {margin-top:15px;}
  433. a.permaa {-webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s;{block:ifInfoAndTags}display:none;{/block:ifInfoAndTags}} .posts:hover a.permaa {-webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s;margin-top:30px;}
  434. .posts:hover a.ttag {-webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s;margin-top:46px;}
  435. a.ttag {padding:0px 1.5px 0 2px;-webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; transition-delay:0.3s;{block:ifInfoAndTags}display:none;{/block:ifInfoAndTags}}
  436. {/block:IndexPage}
  437.  
  438. .question {
  439. padding:10px;
  440. letter-spacing:1px;
  441. text-align:center;
  442. color:{color:text};
  443. border-bottom:1px solid {color:line};
  444. font-size:10px;
  445. }
  446.  
  447. .akport {
  448. width:auto;
  449. display:inline-block;
  450. text-align:center;
  451. height:12px;
  452. padding:5px;
  453. font-style:italic;
  454. font-weight:lighter;
  455. color:#444;
  456. opacity:1;
  457. z-index:3;
  458. letter-spacing:1px;
  459. text-transform:uppercase;
  460. }
  461.  
  462. .akport a {text-decoration:none;border:none;}
  463.  
  464. iframe.spotify_audio_player {height:80px!important;display:block;}
  465. .playButton:focus {outline:none!important;}
  466. .tumblr_audio_player {width:100%;margin-top:12px;}
  467. .player:hover {opacity:1;}
  468. .player {
  469. width:28px;
  470. height:50px;
  471. padding:10px 21px;
  472. overflow:hidden;
  473. background:#fff;
  474. margin:0px;
  475. display:block;
  476. float:left;
  477. border:1px solid {color:line};
  478. opacity:0.8;
  479. }
  480.  
  481. .audioinfo {
  482. color:#888;
  483. margin:0px 0 10px 75px;
  484. display:block;
  485. padding:25px;
  486. height:20px;
  487. text-align:left;
  488. font-size:10px;
  489. line-height:12px;
  490. width:calc({select:Post Size}px - 127px);
  491. background:#fff;
  492. border:1px solid {color:line};
  493. }
  494.  
  495.  
  496. .source {
  497. color:#aaa;
  498. text-transform:uppercase;
  499. font-size:9px;
  500. padding:5px 10px;
  501. text-align:center;
  502. }
  503.  
  504. .source:before {
  505. content:"";
  506. display:block;
  507. height:1px;
  508. width:20px;
  509. margin:-10px auto 2px;
  510. border-top:2px solid #f7f7f7;
  511. }
  512.  
  513. .chat li {list-style:none;line-height:115%;}
  514. .line.odd {border-left:1px solid {color:line};padding:3px 5px;}
  515. .line.even {border-left:1px solid {color:hover};padding:3px 5px;}
  516. .webs {font:italic 12px calibri;padding-top:10px;text-align:center;}
  517. .webs a {color:{color:hover};border-bottom:1px solid {color:hover};}
  518. .webs a:hover {padding:0 10px}
  519.  
  520. #notes {
  521. width:{select:Post Size}px;
  522. max-height:150px;
  523. padding:5px 0;
  524. margin:0px auto;
  525. overflow-y:scroll;
  526. overflow-x:hidden;
  527. text-align:left;
  528. font-size:9px;
  529. line-height:125%;
  530. }
  531.  
  532. #notes img {display:none;}
  533. #notes ol, #notes li {margin-top:0px;list-style:none;padding-left:10.5px;margin-top:0;}
  534.  
  535. #credit, #credit a {
  536. position:fixed;
  537. bottom:20px;
  538. right:20px;
  539. color:{color:text};
  540. font:normal normal 12px calibri;
  541. text-decoration:none;
  542. }
  543.  
  544. {CustomCSS}</style></head><body>
  545.  
  546. {block:IndexPage}
  547. <div id="sidebar" class="box fade-in one">
  548. <div class="title"><a href="/">{text:Blog Title}</a></div>
  549. <div class="desc">{Description}</div>
  550. <div class="links">
  551. {block:iflinkA}<a href="{text:linkA url}" title="{text:linkA}">.01</a>{/block:iflinkA}
  552. {block:iflinkB}<a href="{text:linkB url}" title="{text:linkB}">.02</a>{/block:iflinkB}
  553. {block:iflinkC}<a href="{text:linkC url}" title="{text:linkC}">.03</a>{/block:iflinkC}
  554. {block:iflinkD}<a href="{text:linkD url}" title="{text:linkD}">.04</a>{/block:iflinkD}
  555. </div>
  556. </div>
  557. {/block:IndexPage}
  558.  
  559. <div id="sidebar2">
  560. <div class="title"><a href="/">{text:Blog Title}</a></div>
  561. <div class="desc">{Description}</div>
  562. <div class="links">
  563. {block:iflinkA}<a href="{text:linkA url}" title="{text:linkA}">.01</a>{/block:iflinkA}
  564. {block:iflinkB}<a href="{text:linkB url}" title="{text:linkB}">.02</a>{/block:iflinkB}
  565. {block:iflinkC}<a href="{text:linkC url}" title="{text:linkC}">.03</a>{/block:iflinkC}
  566. {block:iflinkD}<a href="{text:linkD url}" title="{text:linkD}">.04</a>{/block:iflinkD}
  567. </div>
  568. </div>
  569.  
  570. <div id="all" class="box fade-in two">
  571. {block:Posts}<div class="posts">
  572.  
  573. {block:ifLikeReblogPermaInfo}{block:IndexPage}
  574. <div class="buttons"{block:ifnotInfoandTags} style="{block:hastags}height:64px{/block:hastags}"{/block:ifnotInfoandTags}>
  575. <a class="like">{LikeButton size="15"}
  576. <svg width="10" height="10" viewBox="0 0 216 216" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M148,37.8c-3.9,0-7.5,0.6-10.8,1.9c-15.1,5.7-24.6,17.8-29.8,26.7c-6-8.6-16.1-20.5-27.6-24.4c-3.8-1.3-8.1-2-12.3-2c-10.7,0-20.3,4.1-27,11.5c-5.7,6.2-12,18-10,38.8c4.1,42.6,71.5,87.1,74.3,88.9c1,0.7,2.1,1,3.3,1c1.1,0,2.3-0.3,3.3-1c2.7-1.8,66.5-43.6,73.7-86.1c3.7-21.8-2.7-34.9-8.8-42.1C169.2,42.7,158.6,37.8,148,37.8z M173.1,91c-2.6,15.2-15.1,33.4-36.1,52.7c-11.9,10.9-23.5,19.4-29,23.2c-5.7-4-17.9-12.9-30.3-24.3C56,122.5,43.8,104,42.3,89c-1.3-13,1.1-23.2,6.9-29.6c6-6.6,13.9-7.6,18.1-7.6c3,0,5.9,0.5,8.5,1.3c11.4,3.9,23.3,21.7,26.9,28.3c1.1,2.1,3.4,3.3,5.7,3.1c2.4-0.2,4.4-1.7,5.2-4c0.1-0.2,8.2-22.4,27.7-29.7c1.9-0.7,4.2-1.1,6.6-1.1c7.2,0,14.3,3.3,19,9C173.3,66.2,175.5,77.4,173.1,91z"/></svg></a>
  577.  
  578. <a href="{reblogurl}" class="rbt"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" height="10" width="10" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M108.7,159.2c-22.3,0-42.4-14.9-48.8-36.2c-1-3.2-4.3-5-7.5-4c-3.2,1-5,4.3-4,7.5c8.1,26.8,32.3,44.7,60.3,44.7c34.7,0,63-28.3,63-63c0-34.7-28.3-63-63-63c-19.7,0-38.2,9.4-50,24.6l-2.5-19.8c-0.4-3.3-3.4-5.6-6.7-5.2c-3.3,0.4-5.6,3.4-5.2,6.7L49,88.1c0.4,3,3,5.2,5.9,5.2c0.2,0,0.5,0,0.7,0l36.2-4.1c3.3-0.4,5.7-3.3,5.3-6.6s-3.3-5.7-6.6-5.3L66.2,80c9.4-14.1,25.3-22.8,42.5-22.8c28.1,0,51,22.9,51,51S136.8,159.2,108.7,159.2z"/>
  579. </svg></a>
  580.  
  581. <a href="{Permalink}" class="permaa"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="10" height="10" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M106.6,134c14.3,0,26-11.7,26-26s-11.7-26-26-26s-26,11.7-26,26S92.2,134,106.6,134z M106.6,94c7.7,0,14,6.3,14,14s-6.3,14-14,14s-14-6.3-14-14S98.9,94,106.6,94z M40.4,124.6l7.2,3.3c3,1.4,4.4,4.8,3.3,7.9l-2.8,7.4c-2.1,5.7-1.4,11.8,2.1,16.7c3.4,5,9,7.9,15,7.9c2.2,0,4.4-0.4,6.5-1.2l7.4-2.8c0.7-0.3,1.4-0.4,2.2-0.4c2.4,0,4.7,1.4,5.7,3.7l3.3,7.2c3,6.6,9.4,10.7,16.6,10.7s13.6-4.1,16.6-10.7l3.3-7.2c1-2.2,3.2-3.7,5.7-3.7c0.7,0,1.5,0.1,2.2,0.4l7.4,2.8c2.1,0.8,4.3,1.2,6.5,1.2c0,0,0,0,0,0c5.9,0,11.5-3,15-7.9c3.4-5,4.2-11.1,2.1-16.7l-2.8-7.4c-1.1-3.1,0.3-6.5,3.3-7.9l7.2-3.3c6.6-3,10.7-9.4,10.7-16.6s-4.1-13.6-10.7-16.6l-7.2-3.3c-3-1.4-4.4-4.8-3.3-7.9l2.8-7.4c2.1-5.7,1.4-11.8-2.1-16.7c-3.4-5-9-7.9-15-7.9c-2.2,0-4.4,0.4-6.5,1.2l-7.4,2.8c-0.7,0.3-1.4,0.4-2.2,0.4c-2.4,0-4.7-1.4-5.7-3.7l-3.3-7.2c-3-6.6-9.4-10.7-16.6-10.7S93,35.2,90,41.8l-3.3,7.2c-1,2.2-3.2,3.7-5.7,3.7c-0.7,0-1.5-0.1-2.2-0.4l-7.4-2.8c-2.1-0.8-4.3-1.2-6.5-1.2c-5.9,0-11.5,3-15,7.9c-3.4,5-4.2,11.1-2.1,16.7l2.8,7.4c1.1,3.1-0.3,6.5-3.3,7.9l-7.2,3.3c-6.6,3-10.7,9.4-10.7,16.6S33.8,121.6,40.4,124.6z M45.3,102.3l7.2-3.3c8.7-4,12.9-14.1,9.5-23l-2.8-7.4c-1-2.7,0-4.7,0.7-5.7c1.6-2.4,4.6-3.4,7.4-2.3l7.4,2.8c2.1,0.8,4.2,1.2,6.4,1.2c0,0,0,0,0,0c7.1,0,13.6-4.2,16.6-10.7l3.3-7.2c1.5-3.4,4.7-3.7,5.7-3.7s4.1,0.3,5.7,3.7l3.3,7.2c3,6.5,9.5,10.7,16.6,10.7c2.2,0,4.3-0.4,6.4-1.2l7.4-2.8c2.8-1,5.7,0,7.4,2.3c0.7,1,1.7,3,0.7,5.7l-2.8,7.4c-3.3,8.9,0.8,19,9.5,23l7.2,3.3c3.4,1.5,3.7,4.7,3.7,5.7s-0.3,4.1-3.7,5.7l-7.2,3.3c-8.7,4-12.9,14.1-9.5,23l2.8,7.4c1,2.7,0,4.7-0.7,5.7c-1.6,2.4-4.6,3.4-7.4,2.3l-7.4-2.8c-2.1-0.8-4.2-1.2-6.4-1.2c-7.1,0-13.6,4.2-16.6,10.7l-3.3,7.2c-1.5,3.4-4.7,3.7-5.7,3.7s-4.1-0.3-5.7-3.7l-3.3-7.2c-3-6.5-9.5-10.7-16.6-10.7c-2.2,0-4.3,0.4-6.4,1.2l-7.4,2.8c-2.8,1-5.7,0-7.4-2.3c-0.7-1-1.7-3-0.7-5.7l2.8-7.4c3.3-8.9-0.8-19-9.5-23l-7.2-3.3c-3.4-1.5-3.7-4.7-3.7-5.7S41.9,103.9,45.3,102.3z"/>
  582. </svg></a>
  583.  
  584. {block:HasTags}<a title="{block:Tags}#{Tag} {/block:Tags}" class="ttag"><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" height="7.5" width="7.5" viewBox="0 0 524.237 524.237" style="enable-background:new 0 0 524.237 524.237;" xml:space="preserve"><path d="M209.95,465.552c3.117,3.117,7.367,4.533,11.9,4.533h0.283c4.533,0,8.783-1.7,11.9-4.817l183.6-188.983 c6.517-6.8,6.517-17.283-0.283-23.8L220.15,55.569c-3.117-3.117-7.65-4.817-11.9-4.817l0,0L18.133,51.035 c-9.35,0-17,7.367-17,16.717L0,254.469c0,4.533,1.7,9.067,5.1,12.183L209.95,465.552z M35.133,84.752l166.033-0.567l180.2,180.2 l-160.083,164.9L34,247.385L35.133,84.752z"/><path d="M321.017,77.669c-6.8,6.517-6.8,17.283-0.283,24.083l162.633,165.467L311.383,444.585 c-6.517,6.8-6.233,17.567,0.283,24.083c3.4,3.117,7.65,4.817,11.9,4.817c4.533,0,8.783-1.7,12.183-5.1l183.6-189.267 c6.517-6.517,6.517-17.283,0-23.8L345.1,77.952C338.3,71.435,327.533,71.152,321.017,77.669z"/><circle cx="118.15" cy="163.235" r="6.233"/><path d="M118.15,140.002c-12.75,0-23.233,10.483-23.233,23.233s10.483,23.233,23.233,23.233s23.233-10.483,23.233-23.233 C141.1,150.485,130.9,140.002,118.15,140.002z M118.15,174.002c-5.95,0-10.767-4.817-10.767-10.767 c0-5.95,4.817-10.767,10.767-10.767c5.95,0,10.767,4.817,10.767,10.767C128.917,169.185,124.1,174.002,118.15,174.002z"/></svg></a>{/block:HasTags}
  585.  
  586. </div>
  587. {/block:IndexPage}{/block:ifLikeReblogPermaInfo}
  588.  
  589. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1><div class="caption" style="padding-top:0; display:block">{Body}</div>{/block:Text}
  590.  
  591. {block:Photo}<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:Caption}<div class="caption{block:IndexPage} hover{/block:IndexPage}">{Caption}</div>{/block:Caption}{/block:Photo}
  592.  
  593. {block:Link}<div class="webs"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}<div class="caption">{Description}</div>{/block:Description}{/block:Link}
  594.  
  595. {block:Photoset}{LinkOpenTag}<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>{LinkCloseTag}{block:Caption}<div class="caption{block:IndexPage} hover{/block:IndexPage}">{Caption}</div>{/block:Caption}{/block:Photoset}
  596.  
  597. {block:Quote}<h2>{Quote}</h2><div class="source">{Source}</div>{/block:Quote}
  598.  
  599. {block:Audio}
  600. <div class="player"{block:AlbumArt} style="background:#fff url('{AlbumArtURL}') no-repeat center; background-size:cover;"{/block:AlbumArt}>{AudioPlayerWhite}</div>
  601. <div class="audioinfo">
  602. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}{block:PlayCount} ▶ {PlayCount}{/block:PlayCount}</div>
  603. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Audio}
  604.  
  605. {block:Video}<div class="video">{Video-500}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  606.  
  607. {block:Chat}<div class="chat">{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}<li class="line {Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</li><br>{/block:Lines}</div>{/block:Chat}
  608.  
  609. {block:Answer}<div class="question"><div class="akport">{Asker}: </div>{Question}</div><div class="answ">{Answer}</div>{/block:Answer}
  610.  
  611. {block:ifInfoandTags}
  612. <div class="dets"{block:ifLikeReblogPermaInfo}{block:PermalinkPage} style="display:none"{/block:PermalinkPage}{/block:ifLikeReblogPermaInfo}>{block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}</a>{/block:Date}{block:NoteCount}&emsp;<a href="{Permalink}">{NoteCount}N</a>{/block:NoteCount}{block:RebloggedFrom}&emsp;<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}{block:ContentSource}&emsp;<a href="{SourceURL}" title="{SourceTitle}">src</a>{/block:ContentSource}{block:HasTags}<br>{block:Tags}<div class="tags"><a href="{TagURL}">#{Tag}</a></div>{/block:Tags}{/block:HasTags}</div>
  613. {/block:ifInfoandTags}
  614.  
  615. {block:ifLikeReblogPermaInfo}{block:PermalinkPage}
  616. <div class="dets">
  617. {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}</a>{/block:Date}{block:NoteCount}&emsp;<a href="{Permalink}">{NoteCount}N</a>{/block:NoteCount}{block:RebloggedFrom}&emsp;<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}{block:ContentSource}&emsp;<a href="{SourceURL}" title="{SourceTitle}">src</a>{/block:ContentSource}{block:HasTags}<br>{block:Tags}<div class="tags"><a href="{TagURL}">#{Tag}</a></div>{/block:Tags}{/block:HasTags}
  618.  
  619. <a class="like">{LikeButton size="15"}
  620. <svg width="10" height="10" viewBox="0 0 216 216" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M148,37.8c-3.9,0-7.5,0.6-10.8,1.9c-15.1,5.7-24.6,17.8-29.8,26.7c-6-8.6-16.1-20.5-27.6-24.4c-3.8-1.3-8.1-2-12.3-2c-10.7,0-20.3,4.1-27,11.5c-5.7,6.2-12,18-10,38.8c4.1,42.6,71.5,87.1,74.3,88.9c1,0.7,2.1,1,3.3,1c1.1,0,2.3-0.3,3.3-1c2.7-1.8,66.5-43.6,73.7-86.1c3.7-21.8-2.7-34.9-8.8-42.1C169.2,42.7,158.6,37.8,148,37.8z M173.1,91c-2.6,15.2-15.1,33.4-36.1,52.7c-11.9,10.9-23.5,19.4-29,23.2c-5.7-4-17.9-12.9-30.3-24.3C56,122.5,43.8,104,42.3,89c-1.3-13,1.1-23.2,6.9-29.6c6-6.6,13.9-7.6,18.1-7.6c3,0,5.9,0.5,8.5,1.3c11.4,3.9,23.3,21.7,26.9,28.3c1.1,2.1,3.4,3.3,5.7,3.1c2.4-0.2,4.4-1.7,5.2-4c0.1-0.2,8.2-22.4,27.7-29.7c1.9-0.7,4.2-1.1,6.6-1.1c7.2,0,14.3,3.3,19,9C173.3,66.2,175.5,77.4,173.1,91z"/></svg></a>&emsp;
  621.  
  622. <a href="{reblogurl}" class="rbt"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" height="10" width="10" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M108.7,159.2c-22.3,0-42.4-14.9-48.8-36.2c-1-3.2-4.3-5-7.5-4c-3.2,1-5,4.3-4,7.5c8.1,26.8,32.3,44.7,60.3,44.7c34.7,0,63-28.3,63-63c0-34.7-28.3-63-63-63c-19.7,0-38.2,9.4-50,24.6l-2.5-19.8c-0.4-3.3-3.4-5.6-6.7-5.2c-3.3,0.4-5.6,3.4-5.2,6.7L49,88.1c0.4,3,3,5.2,5.9,5.2c0.2,0,0.5,0,0.7,0l36.2-4.1c3.3-0.4,5.7-3.3,5.3-6.6s-3.3-5.7-6.6-5.3L66.2,80c9.4-14.1,25.3-22.8,42.5-22.8c28.1,0,51,22.9,51,51S136.8,159.2,108.7,159.2z"/>
  623. </svg></a>
  624. </div>
  625. {/block:PermalinkPage}{/block:ifLikeReblogPermaInfo}
  626.  
  627. </div>
  628. {/block:Posts}
  629. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  630. {/block:Posts}</div>
  631.  
  632. {block:Pagination}<div class="pagi">
  633. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&emsp;{/block:PreviousPage}
  634. {block:JumpPagination length="3"}
  635. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&emsp;{/block:CurrentPage}
  636. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&emsp;{/block:JumpPage}
  637. {/block:JumpPagination}
  638. {block:NextPage}<a href="{NextPage}" class="next">&rarr;</a>{/block:NextPage}
  639. </div>{/block:Pagination}
  640.  
  641. <div id="credit"><a href="http://solarre.tumblr.com" title="solarre">☼</a></div>
  642.  
  643. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  644. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  645. {block:IndexPage}
  646. {block:ifInfiniteScroll}
  647. <script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  648. {/block:ifInfiniteScroll}
  649. {/block:IndexPage}
  650. <script>
  651. $(document).ready(function(){
  652. var color = '{color:hover}';
  653. $('.soundcloud_audio_player').each(function(){
  654. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' });
  655. });
  656. $('.photo-slideshow').pxuPhotoset({
  657. lightbox: true,
  658. rounded: false,
  659. gutter: '2px',
  660. photoset: '.photo-slideshow',
  661. photoWrap: '.photo-data',
  662. photo: '.pxu-photo'
  663. });
  664. {block:IndexPage}
  665. {block:ifInfiniteScroll}
  666. var $container = $('#all');
  667. $container.infinitescroll({
  668. itemSelector: '.posts',
  669. navSelector: '.pagi',
  670. nextSelector: '.next',
  671. loading: {
  672. finishedMsg: "<em>The End.</em>",
  673. img: false,
  674. msgText: "" },
  675. bufferPx: 2000
  676. },
  677. function( newElements ) {
  678. resizeVideos();
  679. var $newElems = $( newElements );
  680. $newElems.find('.photo-slideshow').pxuPhotoset({
  681. lightbox: true,
  682. rounded: false,
  683. gutter: '2px',
  684. photoset: '.photo-slideshow',
  685. photoWrap: '.photo-data',
  686. photo: '.pxu-photo'
  687. });
  688. });
  689. {/block:ifInfiniteScroll}
  690. {/block:IndexPage}
  691. });
  692. </script>
  693.  
  694. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!