API tools faq
paste
kthms

phi theme

kthms
Mar 1st, 2016
20,448
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.32 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html xmlns="https://www.w3.org/1999/xhtml">
  3. <head>
  4. <!--
  5.  
  6.  
  7.  
  8.  
  9.  
  10. phi @ shythemes
  11.  
  12.  
  13.  
  14.  
  15.  
  16. -->
  17. <title>{Title}</title>
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. <link rel="shortcut icon" href="{Favicon}">
  20. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  21. <meta name="viewport" content="width=device-width, initial-scale=1">
  22. <meta name="color:link" content="#e5bbe2">
  23. <meta name="if:light version" content="0">
  24. <meta name="if:one column" content="0">
  25. <meta name="if:show description" content="1">
  26. <meta name="if:show captions" content="1">
  27. <meta name="if:show tags" content="1">
  28. <meta name="if:infinite scroll" content="0">
  29. <meta name="select:posts" content="222" title="222px">
  30. <meta name="select:posts" content="245" title="245px">
  31. <meta name="select:posts" content="268" title="268px">
  32. <meta name="text:home link" content="">
  33. <meta name="text:archive link" content="archive">
  34. <meta name="text:ask link" content="message">
  35. <meta name="text:link 1" content="">
  36. <meta name="text:link 1 url" content="">
  37. <meta name="text:link 2" content="">
  38. <meta name="text:link 2 url" content="">
  39. <meta name="text:link 3" content="">
  40. <meta name="text:link 3 url" content="">
  41. <meta name="text:link 4" content="">
  42. <meta name="text:link 4 url" content="">
  43. <meta name="text:link 5" content="">
  44. <meta name="text:link 5 url" content="">
  45. <meta name="text:link 6" content="">
  46. <meta name="text:link 6 url" content="">
  47.  
  48. <style type="text/css">
  49.  
  50. /* general */
  51.  
  52. body {
  53. margin:0;
  54. font-size:9px;
  55. font-family:'trebuchet ms', 'helvetica neue', sans-serif;
  56. line-height:15px;
  57. word-break:break-word;
  58. -moz-osx-font-smoothing:greyscale;
  59. -webkit-font-smoothing:antialiased;
  60. font-smoothing:antialiased;
  61. color:rgb(175,175,175);
  62. }
  63. body, html {
  64. background-color:rgb(22,22,22);
  65. }
  66. a {
  67. color:inherit;
  68. text-decoration:none;
  69. -webkit-transition:all .4s ease-out;
  70. transition:all .4s ease-out;
  71. }
  72. a:hover {
  73. color:rgb(225,225,225)!important;
  74. }
  75. small, sub {
  76. font-size:inherit;
  77. vertical-align:baseline;
  78. }
  79. blockquote, ol, ul, p, pre {
  80. margin:0 0 9px;
  81. }
  82. .text figure, .text img {
  83. padding:3px 0;
  84. margin:0 0 9px;
  85. }
  86. h1, h2, h3, h4, h5, h6 {
  87. margin:0;
  88. font-size:inherit;
  89. font-weight:inherit;
  90. }
  91. ol, ul {
  92. counter-reset:list;
  93. list-style:none;
  94. padding:0;
  95. }
  96. pre {
  97. white-space:normal;
  98. }
  99. img {
  100. border:0;
  101. max-width:100%;
  102. height:auto;
  103. display:block;
  104. }
  105. hr {
  106. border:0;
  107. -moz-box-sizing:border-box;
  108. box-sizing:border-box;
  109. }
  110. ::-webkit-scrollbar {
  111. width:17px;
  112. height:17px;
  113. }
  114. ::-webkit-scrollbar {
  115. background-color:rgb(22,22,22);
  116. }
  117. ::-webkit-scrollbar-track {
  118. border:8px solid rgb(22,22,22);
  119. background-color:rgb(60,60,60);
  120. }
  121. ::-webkit-scrollbar-thumb {
  122. border:8px solid rgb(22,22,22);
  123. background-color:rgb(120,120,120);
  124. min-height:24px;
  125. min-width:24px;
  126. }
  127.  
  128. /* accents */
  129.  
  130. .title {
  131. font-style:italic;
  132. color:rgb(225,225,225);
  133. }
  134. h1.title {
  135. margin:12px 0;
  136. }
  137. h1.title:first-child {
  138. margin-top:0;
  139. }
  140. .accent {
  141. font-size:8px;
  142. text-transform:uppercase;
  143. letter-spacing:1px;
  144. color:rgb(120,120,120);
  145. }
  146. .text a {
  147. font-style:italic;
  148. }
  149. .tags a,
  150. .question,
  151. .pagination span {
  152. font-style:italic;
  153. color:rgb(120,120,120);
  154. }
  155. blockquote:after,
  156. blockquote > p:first-child .tumblr_blog:before {
  157. content:'';
  158. display:block;
  159. }
  160. hr,
  161. blockquote:after,
  162. blockquote > p:first-child .tumblr_blog:before {
  163. margin:11px 0 12px;
  164. width:28px;
  165. height:1px;
  166. background-color:rgb(80,80,80);
  167. }
  168. blockquote:last-child:after,
  169. .source .tumblr_blog:before {
  170. display:none;
  171. }
  172. ol li,
  173. ul li {
  174. position:relative;
  175. padding-left:24px;
  176. counter-increment:list;
  177. }
  178. ol li:before {
  179. content:counter(list) '.';
  180. position:absolute;
  181. margin-left:-24px;
  182. color:rgb(120,120,120);
  183. }
  184. ul li:before {
  185. content:'';
  186. position:absolute;
  187. left:0;
  188. top:6px;
  189. width:6px;
  190. height:1px;
  191. background-color:rgb(80,80,80);
  192. }
  193. .chat li {
  194. padding-left:0;
  195. }
  196. .chat li:before {
  197. display:none;
  198. }
  199. svg {
  200. height:auto;
  201. overflow:visible;
  202. }
  203. svg path {
  204. -webkit-transition:fill .6s ease-out;
  205. transition:fill .6s ease-out;
  206. }
  207.  
  208. /* container */
  209.  
  210. .main {
  211. margin:100px auto;
  212. padding-left:calc(120px + {select:posts}px * 0.3);
  213. padding-right:calc({select:posts}px * 0.3);
  214. {block:ifOneColumn}
  215. width:calc({select:posts}px * 1.3);
  216. {/block:ifOneColumn}
  217. }
  218. .content {
  219. overflow:hidden;
  220. margin:calc({select:posts}px * 0.3) auto 0;
  221. {block:PermalinkPage}
  222. width:calc({select:posts}px * 1.3);
  223. {/block:PermalinkPage}
  224. }
  225.  
  226. /* sidebar */
  227.  
  228. aside {
  229. position:fixed;
  230. margin-left:-120px;
  231. top:100px;
  232. width:120px;
  233. text-align:right;
  234. opacity:0;
  235. }
  236. aside .title {
  237. font-size:9px;
  238. margin:15px -2px 15px 0!important;
  239. text-transform:uppercase;
  240. letter-spacing:2px;
  241. color:rgb({RGBcolor:link});
  242. }
  243. aside .desc {
  244. margin:15px 0;
  245. font-style:italic;
  246. }
  247. aside .links {
  248. margin:15px -1px 15px 0!important;
  249. }
  250. aside .links li {
  251. display:block;
  252. margin-bottom:5px;
  253. }
  254.  
  255. /* entries */
  256.  
  257. .entry {
  258. position:relative;
  259. float:left;
  260. overflow:hidden;
  261. width:{select:posts}px;
  262. margin:0 0 calc({select:posts}px * 0.3) calc({select:posts}px * 0.3);
  263. opacity:0;
  264. z-index:-1;
  265. {block:ifNotOneColumn}
  266. {block:PermalinkPage}
  267. width:422px;
  268. {/block:PermalinkPage}
  269. {block:ifNotOneColumn}
  270. {block:ifOneColumn}
  271. {block:IndexPage}
  272. margin-bottom:100px;
  273. {/block:IndexPage}
  274. {/block:ifOneColumn}
  275. }
  276. .ph .media {
  277. background-color:rgb(48,48,48);
  278. border-top:1px solid rgb(22,22,22);
  279. }
  280. .body {
  281. padding:15px 18px;
  282. background-color:rgb(36,36,36);
  283. }
  284. .permalink {
  285. margin-right:5px;
  286. color:rgb({RGBcolor:link});
  287. }
  288. .tags {
  289. {block:IndexPage}
  290. {block:ifNotShowTags}
  291. display:none;
  292. {/block:ifNotShowTags}
  293. {/block:IndexPage}
  294. }
  295. .tags a {
  296. margin-right:5px;
  297. }
  298.  
  299. /* post types */
  300.  
  301. .text {
  302. margin:12px 0;
  303. }
  304. .text:last-child,
  305. .text *:last-child {
  306. margin-bottom:0;
  307. }
  308. .media {
  309. position:relative;
  310. overflow:hidden;
  311. }
  312. .media > a,
  313. .media > img,
  314. .media .photo-slideshow,
  315. .media .video {
  316. display:block!important;
  317. padding:0;
  318. margin:0;
  319. }
  320. .media .photo-slideshow .row:last-of-type .photo-data.count-1 {
  321. margin-bottom:0!important;
  322. }
  323. .media .video iframe {
  324. display:block;
  325. }
  326. .lb {
  327. display:block!important;
  328. width:auto!important;
  329. position:absolute;
  330. top:0;
  331. left:0;
  332. bottom:0;
  333. right:0;
  334. }
  335. .lb svg {
  336. display:block;
  337. position:absolute;
  338. bottom:0;
  339. right:0;
  340. width:14px;
  341. padding:6px 6px 5px;
  342. background-color:rgba(0,0,0,.56);
  343. }
  344. .lb svg path {
  345. fill:rgba(255,255,255,.75);
  346. }
  347. {block:IndexPage}
  348. {block:ifNotShowCaptions}
  349. .caption {
  350. display:none;
  351. }
  352. {/block:ifNotShowCaptions}
  353. {/block:IndexPage}
  354. .caption p,
  355. .caption blockquote {
  356. margin:0;
  357. }
  358.  
  359.  
  360. /* audio posts */
  361.  
  362. .audiowrap {
  363. position:relative;
  364. height:43px;
  365. overflow:hidden;
  366. padding:8px;
  367. }
  368. .audio {
  369. position:absolute;
  370. display:inline-block;
  371. left:0;
  372. top:0;
  373. right:0;
  374. bottom:0;
  375. text-align:right;
  376. line-height:59px;
  377. }
  378. .audio .player {
  379. width:27px;
  380. height:27px;
  381. left:16px;
  382. top:16px;
  383. opacity:.4;
  384. line-height:0;
  385. overflow:hidden;
  386. position:absolute;
  387. {block:ifNotLightVersion}
  388. -webkit-filter:invert(100%);
  389. {/block:ifNotLightVersion}
  390. }
  391. .audio .track {
  392. overflow:hidden;
  393. line-height:15px;
  394. margin-left:60px;
  395. width:calc(100% - 60px);
  396. display:inline-block;
  397. vertical-align:middle;
  398. }
  399. .audio .track span {
  400. display:block;
  401. max-height:15px;
  402. white-space:nowrap;
  403. overflow:hidden;
  404. text-overflow:ellipsis;
  405. margin-right:15px;
  406. font-style:normal;
  407. }
  408.  
  409. /* pagination */
  410.  
  411. .pagination {
  412. margin:calc(100px - {select:posts}px * 0.3) auto 0;
  413. padding-left:calc({select:posts}px * 0.3);
  414. text-align:center;
  415. clear:both;
  416. }
  417. .pagination a {
  418. display:inline-block;
  419. vertical-align:top;
  420. max-height:10px;
  421. overflow:visible;
  422. margin-bottom:24px;
  423. }
  424. .pagination a svg {
  425. width:8px;
  426. padding:4px;
  427. }
  428. .pagination a svg path {
  429. fill:rgba(255,255,255,.5);
  430. }
  431. .pagination span {
  432. margin:0 24px;
  433. }
  434.  
  435. /* notes */
  436.  
  437. .notes {
  438. padding:0;
  439. background:transparent;
  440. }
  441. .notes li {
  442. display:block;
  443. }
  444. .notes img {
  445. display:none;
  446. }
  447. .notes .more_notes_link_container {
  448. text-align:inherit!important;
  449. }
  450.  
  451. /* etc */
  452.  
  453. #tumblr_controls,
  454. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls {
  455. position:fixed!important;
  456. top:0!important;
  457. right:0!important;
  458. opacity:.5!important;
  459. -webkit-backface-visibility:hidden;
  460. padding:10px;
  461. -webkit-transition:opacity .3s ease-out;
  462. transition:opacity .3s ease-out;
  463. }
  464. #tumblr_lightbox, .tmblr-lightbox {
  465. background-color:rgba(22,22,22,.93)!important;
  466. }
  467. #vignette, .vignette {
  468. opacity:0;
  469. }
  470. #tumblr_lightbox img, .lightbox-image {
  471. box-shadow:none!important;
  472. border-radius:0!important;
  473. -moz-box-sizing:border-box;
  474. box-sizing:border-box;
  475. max-width:none;
  476. }
  477. #tumblr_lightbox_caption, .lightbox-caption {
  478. visibility:hidden;
  479. }
  480. #theme {
  481. position:fixed;
  482. display:block;
  483. bottom:10px;
  484. right:10px;
  485. z-index:999;
  486. padding:5px;
  487. line-height:1em;
  488. }
  489. {block:ifInfiniteScroll}
  490. .pagination,
  491. #infscr-loading {
  492. display:none!important;
  493. }
  494. {/block:ifInfiniteScroll}
  495.  
  496. {block:ifLightVersion}
  497. /* light version */
  498.  
  499. body, html {color:rgb(120,120,120); background-color:rgb(244,244,244);}
  500. a:hover {color:rgb(100,100,100)!important;}
  501. ::-webkit-scrollbar {background-color:rgb(244,244,244);}
  502. ::-webkit-scrollbar-track {border:8px solid rgb(244,244,244); background-color:rgb(211,211,211);}
  503. ::-webkit-scrollbar-thumb {border:8px solid rgb(244,244,244); background-color:rgb(170,170,170);}
  504. .title {color:rgb(80,80,80);}
  505. .accent, .tags a, .question, .pagination span, ol li:before {color:rgb(180,180,180);}
  506. .permalink {color:rgb({RGBcolor:link});}
  507. hr, blockquote:after, blockquote > p:first-child .tumblr_blog:before, ul li:before {background-color:rgb(225,225,225);}
  508. .body {background-color:rgb(251,251,251);}
  509. .ph .media {background-color:rgb(255,255,255); border-color:rgb(245,245,245);}
  510. .lb svg {background-color:rgba(255,255,255,.75);}
  511. .lb svg path {fill:rgba(0,0,0,.4);}
  512. .pagination a svg path {fill:rgba(0,0,0,.3);}
  513. #tumblr_lightbox, .tmblr-lightbox {background-color:rgba(244,244,244,.93)!important;}
  514. #tumblr_controls, .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls {-webkit-filter:invert(100%);}
  515. {/block:ifLightVersion}
  516. </style>
  517. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  518. </head>
  519. <body class="p{select:posts}">
  520. <div class="main">
  521. <div class="content">
  522. <aside>
  523. <h1 class="title"><a href="/">{Title}</a></h1>
  524. {block:ifShowDescription}
  525. <section class="desc">
  526. {Description}
  527. </section>
  528. {/block:ifShowDescription}
  529. <section class="links accent">
  530. {block:ifHomeLink}<li><a href="/">{text:home link}</a></li>{/block:ifHomeLink}
  531. {block:ifArchiveLink}<li><a href="/archive">{text:archive link}</a></li>{/block:ifArchiveLink}
  532. {block:ifAskLink}<li><a href="/ask">{text:ask link}</a></li>{/block:ifAskLink}
  533. {block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li> {/block:Pages}{/block:HasPages}
  534. {block:ifLink1}<li><a href="{text:link 1 url}">{text:link 1}</a></li>{/block:ifLink1}
  535. {block:ifLink2}<li><a href="{text:link 2 url}">{text:link 2}</a></li>{/block:ifLink2}
  536. {block:ifLink3}<li><a href="{text:link 3 url}">{text:link 3}</a></li>{/block:ifLink3}
  537. {block:ifLink4}<li><a href="{text:link 4 url}">{text:link 4}</a></li>{/block:ifLink4}
  538. {block:ifLink5}<li><a href="{text:link 5 url}">{text:link 5}</a></li>{/block:ifLink5}
  539. {block:ifLink6}<li><a href="{text:link 6 url}">{text:link 6}</a></li>{/block:ifLink6}
  540. </section>
  541. </aside>
  542. {block:Posts}
  543. <article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}{block:Video}ph{/block:Video}{block:Audio}ph{/block:Audio}" id="{PostID}">
  544. <section class="body">
  545. {block:Date}
  546. <a class="permalink accent" href="{Permalink}">{Month} {DayOfMonth}</a>
  547. {/block:Date}
  548. {block:Answer}
  549. <div class="question text">
  550. <i class="sender">{Asker}:</i>
  551. <i>{Question}</i>
  552. </div>
  553. <div class="answer text">{Answer}</div>
  554. {/block:Answer}
  555. {block:Chat}
  556. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  557. <div class="chat text">
  558. {block:Lines}
  559. <p class="line">
  560. {block:Label}
  561. <span class="label title">{Label}&nbsp;</span>
  562. {/block:Label}
  563. {Line}
  564. </p>
  565. {/block:Lines}
  566. </div>
  567. {/block:Chat}
  568. {block:Link}
  569. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  570. {block:Description}<div class="text">{Description}</div>{/block:Description}
  571. {/block:Link}
  572. {block:Quote}
  573. <h1 class="quote title">{Quote}</h1>
  574. {block:Source}
  575. <div class="source text">{Source}</div>
  576. {/block:Source}
  577. {/block:Quote}
  578. {block:Text}
  579. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  580. <div class="text">{Body}</div>
  581. {/block:Text}
  582. {block:Caption}
  583. <div class="caption text">{Caption}</div>
  584. {/block:Caption}
  585. {block:HasTags}
  586. <div class="tags">
  587. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  588. </div>
  589. {/block:HasTags}
  590. </section>
  591. <section class="media">
  592. {block:Audio}
  593. <div class="audiowrap">
  594. <div class="audio accent">
  595. {block:AudioPlayer}
  596. <div class="player">{AudioPlayerBlack}</div>
  597. {/block:AudioPlayer}
  598. <div class="track">{block:TrackName}<span class="title">{TrackName}</span>{/block:TrackName}{block:Artist}<span>{Artist}</span>{/block:Artist}</div>
  599. </div>
  600. </div>
  601. {/block:Audio}
  602. {block:Photo}
  603. {LinkOpenTag}
  604. <img src="{PhotoURL-HighRes}">
  605. {LinkCloseTag}
  606. {block:IndexPage}
  607. <a class="lb" 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"><svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M179.5,34.5c-3.3,0-6,2.7-6,6s2.7,6,6,6c3.9,0,7,2.3,7.8,5.7c-0.2,0.6-0.3,1.2-0.3,1.8v41c-7.2-7.1-17.1-11.5-28-11.5 c-14.6,0-27.3,7.8-34.3,19.5c-3.6-3.4-8.4-5.5-13.7-5.5s-10.1,2.1-13.7,5.5c-7-11.6-19.8-19.5-34.3-19.5c-11.4,0-21.7,4.8-29,12.5 V56.4c0.3-0.7,0.5-1.5,0.5-2.4c0-4.4,3.1-7.5,7.5-7.5c3.3,0,6-2.7,6-6s-2.7-6-6-6c-10.1,0-18,7-19.3,16.7C22.3,52,22,53,22,54v70 c0,1.4,0.5,2.6,1.2,3.6c2.1,20.1,19.1,35.9,39.8,35.9c22.1,0,40-17.9,40-40c0-1.5-0.1-2.9-0.2-4.3c0.2-0.5,0.2-1.1,0.2-1.7 c0-4.4,3.6-8,8-8s8,3.6,8,8c0,0.6,0.1,1.1,0.2,1.7c-0.2,1.4-0.2,2.9-0.2,4.3c0,22.1,17.9,40,40,40c21.7,0,39.4-17.4,40-39 c0-0.2,0-0.3,0-0.5V56.4c0.3-0.7,0.5-1.5,0.5-2.4C199.5,43.1,190.7,34.5,179.5,34.5z M63,151.5c-15.4,0-28-12.6-28-28s12.6-28,28-28 s28,12.6,28,28S78.4,151.5,63,151.5z M159,151.5c-15.4,0-28-12.6-28-28s12.6-28,28-28s28,12.6,28,28S174.4,151.5,159,151.5z"/></svg></a>
  608. {/block:IndexPage}
  609. {/block:Photo}
  610. {block:Photoset}
  611. {block:PermalinkPage}
  612. <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>
  613. {/block:PermalinkPage}
  614. {block:IndexPage}
  615. {block:Photos}<img src="{PhotoURL-HighRes}"><!--{/block:Photos}-->
  616. <a class="lb" href="#" onclick="Tumblr.Lightbox.init([/*{block:Photos}, /**/ { width: '{PhotoWidth-HighRes}', height: '{PhotoHeight-HighRes}', low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }{/block:Photos}]);$('body').toggleClass('tumblr_lightbox_active');return false"><svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M179.5,34.5c-3.3,0-6,2.7-6,6s2.7,6,6,6c3.9,0,7,2.3,7.8,5.7c-0.2,0.6-0.3,1.2-0.3,1.8v41c-7.2-7.1-17.1-11.5-28-11.5 c-14.6,0-27.3,7.8-34.3,19.5c-3.6-3.4-8.4-5.5-13.7-5.5s-10.1,2.1-13.7,5.5c-7-11.6-19.8-19.5-34.3-19.5c-11.4,0-21.7,4.8-29,12.5 V56.4c0.3-0.7,0.5-1.5,0.5-2.4c0-4.4,3.1-7.5,7.5-7.5c3.3,0,6-2.7,6-6s-2.7-6-6-6c-10.1,0-18,7-19.3,16.7C22.3,52,22,53,22,54v70 c0,1.4,0.5,2.6,1.2,3.6c2.1,20.1,19.1,35.9,39.8,35.9c22.1,0,40-17.9,40-40c0-1.5-0.1-2.9-0.2-4.3c0.2-0.5,0.2-1.1,0.2-1.7 c0-4.4,3.6-8,8-8s8,3.6,8,8c0,0.6,0.1,1.1,0.2,1.7c-0.2,1.4-0.2,2.9-0.2,4.3c0,22.1,17.9,40,40,40c21.7,0,39.4-17.4,40-39 c0-0.2,0-0.3,0-0.5V56.4c0.3-0.7,0.5-1.5,0.5-2.4C199.5,43.1,190.7,34.5,179.5,34.5z M63,151.5c-15.4,0-28-12.6-28-28s12.6-28,28-28 s28,12.6,28,28S78.4,151.5,63,151.5z M159,151.5c-15.4,0-28-12.6-28-28s12.6-28,28-28s28,12.6,28,28S174.4,151.5,159,151.5z"/></svg></a>
  617. {/block:IndexPage}
  618. {/block:Photoset}
  619. {block:Video}
  620. <div class="video">{Video-500}</div>
  621. {/block:Video}
  622. </section>
  623. </article>
  624. {block:PostNotes}
  625. <article class="entry" id="notes">
  626. <section class="body w">
  627. <h1 class="title">{NoteCountWithLabel}</h1>
  628. {block:RebloggedFrom}
  629. <div class="rf accent text">
  630. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  631. {block:ContentSource}
  632. Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  633. {/block:ContentSource}
  634. </div>
  635. {/block:RebloggedFrom}
  636. {PostNotes}
  637. </section>
  638. </article>
  639. {/block:PostNotes}
  640. {/block:Posts}
  641. </div>
  642. {block:Pagination}
  643. <div class="pagination">
  644. {block:PreviousPage}
  645. <a class="prev" href="{PreviousPage}">
  646. <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 375.473 375.473" style="enable-background:new 0 0 375.473 375.473;" xml:space="preserve"><g><g><path d="M315.817,6.856c-5.667-7.65-16.15-9.067-23.8-3.4L63.083,174.023c-4.25,3.117-6.8,8.217-6.8,13.6 c0,5.383,2.55,10.483,6.8,13.6l228.933,170.85c3.117,2.267,6.517,3.4,10.2,3.4c5.1,0,10.2-2.267,13.6-6.8 c5.667-7.65,3.967-18.133-3.4-23.8l-210.8-157.25l210.8-157.25C319.783,24.99,321.483,14.223,315.817,6.856z"/></g></g></svg>
  647. </a>
  648. {/block:PreviousPage}
  649. <span class="pg">{CurrentPage} of {TotalPages}</span>
  650. {block:NextPage}
  651. <a class="next" href="{NextPage}">
  652. <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 375.39 375.39" style="enable-background:new 0 0 375.39 375.39;" xml:space="preserve"><g><g><path d="M59.615,368.59c3.4,4.533,8.5,6.8,13.6,6.8c3.4,0,7.083-1.133,10.2-3.4l228.933-170.85c4.25-3.117,6.8-8.217,6.8-13.6 s-2.55-10.483-6.8-13.6L83.415,3.373c-7.65-5.667-18.133-3.967-23.8,3.4c-5.667,7.65-3.967,18.133,3.4,23.8l210.8,157.25 l-210.8,157.25C55.648,350.456,53.948,361.223,59.615,368.59z"/></g></g></svg>
  653. </a>
  654. {/block:NextPage}</span>
  655. </div>
  656. {/block:Pagination}
  657. </div>
  658. <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
  659. <a href="https://shythemes.tumblr.com" id="theme" class="accent" title="theme">k.</a>
  660. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  661. <script src ="https://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  662. <script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  663. {block:PermalinkPage}
  664. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  665. {/block:PermalinkPage}
  666. {block:IndexPage}
  667. {block:ifInfiniteScroll}
  668. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  669. {/block:ifInfiniteScroll}
  670. {/block:IndexPage}
  671. <script>
  672. $(document).ready(function(){
  673. {block:PermalinkPage}
  674. // pxu photosets
  675. $('.photo-slideshow').pxuPhotoset({
  676. lightbox: true,
  677. rounded: false,
  678. gutter: '1px',
  679. photoset: '.photo-slideshow',
  680. photoWrap: '.photo-data',
  681. photo: '.pxu-photo'
  682. });
  683. {/block:PermalinkPage}
  684. // soundcloud players
  685. var color = '{color:link}'; // color of play button (hex)
  686. $('.soundcloud_audio_player').each(function(){
  687. $(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=false&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: '100%' });
  688. });
  689. // tumblr audio players
  690. $('.tumblr_audio_player').each(function(){
  691. $(this).attr({ src: $(this).attr('src').split('&color=')[0] + '&color=transparent&simple=1 '});
  692. });
  693. // masonry
  694. var $container = $('.content');
  695. $container.masonry({
  696. itemSelector: '.entry',
  697. columnWidth: {select:posts} * 1.3,
  698. isFitWidth: true
  699. });
  700. $container.imagesLoaded(function(){
  701. $container.masonry();
  702. $('aside').animate({ opacity: 1 });
  703. $container.find('.entry').animate({ opacity: 1, zIndex: 1 });
  704. });
  705. {block:IndexPage}
  706. {block:ifInfiniteScroll}
  707. // infinite scroll
  708. var $container = $('.content');
  709. $container.infinitescroll({
  710. itemSelector: '.entry',
  711. navSelector: '.pagination',
  712. nextSelector: '.next',
  713. loadingImg: '',
  714. loadingText: '<em></em>',
  715. bufferPx: 2000
  716. },
  717. function( newElements ) {
  718. var $newElems = $( newElements );
  719. $newElems.imagesLoaded(function(){
  720. $container.masonry( 'appended', $newElems );
  721. $newElems.animate({ opacity: 1, zIndex: 1 });
  722. });
  723. // videos
  724. $newElems.find('.video').each(function(){
  725. resizeVideos();
  726. },
  727. function(){
  728. $container.masonry();
  729. });
  730. // soundcloud players
  731. $newElems.find('.soundcloud_audio_player').each(function(){
  732. $(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=false&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: '100%' });
  733. },
  734. function(){
  735. $container.masonry();
  736. });
  737. // tumblr audio players
  738. $newElems.find('.tumblr_audio_player').each(function(){
  739. $(this).attr({ src: $(this).attr('src').split('&color=')[0] + '&color=transparent&simple=1 '});
  740. },
  741. function(){
  742. $container.masonry();
  743. });
  744. });
  745. {/block:ifInfiniteScroll}
  746. {/block:IndexPage}
  747. });
  748. </script>
  749. </body>
  750. </html>
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!