feiinho

Untitled

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