kthms

emerald theme

Apr 30th, 2017
20,797
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.76 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="https://www.w3.org/1999/xhtml">
  3. <head>
  4. <!----------------------------------------------------------------------
  5.  
  6.  
  7.  
  8.  
  9.  
  10.  
  11.  
  12. emerald @ shythemes
  13.  
  14.  
  15.  
  16.  
  17.  
  18.  
  19.  
  20. ----------------------------------------------------------------------->
  21.  
  22. <title>{Title}</title>
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. <link rel="shortcut icon" href="{Favicon}">
  25. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  26. <meta name="viewport" content="width=device-width, initial-scale=1">
  27.  
  28. <!-- meta tags -------------------------------------------------------->
  29.  
  30. <meta name="color:link hover" content="#000000">
  31. <meta name="if:italics" content="">
  32. <meta name="if:show avatar" content="">
  33. <meta name="if:show captions" content="">
  34. <meta name="if:show tags" content="">
  35. <meta name="if:infinite scroll" content="">
  36. <meta name="text:post width" content="540px">
  37. <meta name="text:home link" content="">
  38. <meta name="text:archive link" content="">
  39. <meta name="text:ask link" content="contact">
  40. <meta name="text:link 1" content="">
  41. <meta name="text:link 1 url" content="">
  42. <meta name="text:link 2" content="">
  43. <meta name="text:link 2 url" content="">
  44. <meta name="text:link 3" content="">
  45. <meta name="text:link 3 url" content="">
  46. <meta name="text:link 4" content="">
  47. <meta name="text:link 4 url" content="">
  48. <meta name="text:link 5" content="">
  49. <meta name="text:link 5 url" content="">
  50. <meta name="text:link 6" content="">
  51. <meta name="text:link 6 url" content="">
  52.  
  53. <link href="https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400i" rel="stylesheet">
  54.  
  55. <!-- css -------------------------------------------------------------->
  56.  
  57. <style type="text/css">
  58.  
  59. /* typography ------------------------------------------------------- */
  60.  
  61. body {
  62. margin:0;
  63. font-size:9px;
  64. font-family:'libre baskerville', georgia, serif;
  65. letter-spacing:0.3px;
  66. word-spacing:0.3px;
  67. line-height:1.75em;
  68. word-break:break-word;
  69. -moz-osx-font-smoothing:grayscale;
  70. -webkit-font-smoothing:antialiased;
  71. font-smoothing:antialiased;
  72. overflow-x:hidden;
  73. color:#000;
  74. background:#ffffff;
  75. }
  76. a {
  77. color:inherit;
  78. text-decoration:none;
  79. transition:all 0s ease-in-out;
  80. -webkit-transition:all 0s ease-in-out;
  81. }
  82. small, sub {
  83. font-size:1em;
  84. vertical-align:baseline;
  85. }
  86. blockquote, ol, ul, p, pre, figure {
  87. margin:1em 0;
  88. }
  89. h1, h2, h3, h4, h5, h6 {
  90. margin:0 0 1em;
  91. font-size:1em;
  92. font-weight:inherit;
  93. }
  94. img {
  95. border:0;
  96. max-width:100%;
  97. height:auto;
  98. margin:0 auto;
  99. }
  100. pre {
  101. white-space:normal;
  102. }
  103. h1 {
  104. margin:0 0 1em;
  105. color:#000000;
  106. }
  107. ul {
  108. list-style:none;
  109. padding:0;
  110. }
  111. ol {
  112. list-style:none;
  113. padding:0
  114. }
  115. ol:not(.notes) {
  116. counter-reset:list;
  117. }
  118. ol:not(.notes) li {
  119. position:relative;
  120. padding-left:3em;
  121. counter-increment:list;
  122. }
  123. ol:not(.notes) li:before {
  124. content:counter(list) '.';
  125. position:absolute;
  126. margin-left:-3em;
  127. }
  128. hr,
  129. .tumblr_parent:not(:first-of-type):before {
  130. content:'';
  131. display:block;
  132. margin:1.2em 0;
  133. border:0;
  134. height:1px;
  135. width:100%;
  136. -moz-box-sizing:border-box;
  137. box-sizing:border-box;
  138. background-color:#e6e6e6;
  139. }
  140. .entry .text a, .sender {
  141. padding-bottom:0;
  142. background-image:linear-gradient(transparent, #000);
  143. background-size:1px 1px;
  144. background-repeat:repeat-x;
  145. background-position:left bottom;
  146. }
  147. a:hover {
  148. color:{color:link hover};
  149. }
  150. .accent a:hover {
  151. color:inherit;
  152. }
  153. .entry .text a:hover {
  154. background-image:linear-gradient(transparent, {color:link hover});
  155. }
  156. .title {
  157. font-size:1.5em;
  158. line-height:1.5em;
  159. margin-bottom:.5em;
  160. {block:ifItalics}
  161. font-style:italic;
  162. {/block:ifItalics}
  163. font-weight:normal;
  164. font-family:'libre baskerville', serif;
  165. color:#111!important;
  166. letter-spacing:.15em;
  167. padding-left:.15em;
  168. }
  169. .accent {
  170. color:#777;
  171. }
  172.  
  173. /* layout ----------------------------------------------------------- */
  174.  
  175. .main {
  176. margin:80px auto;
  177. text-align:center;
  178. }
  179. aside {
  180. padding:80px 0px 0px;
  181. }
  182. aside.sticky {
  183. display:none;
  184. position:fixed;
  185. top:0;
  186. left:0;
  187. right:0;
  188. z-index:3;
  189. padding:20px 0;
  190. background-color:#ffffff;
  191. }
  192. aside section {
  193. margin:0 auto;
  194. max-width:540px;
  195. max-width:{text:post width};
  196. -moz-box-sizing:border-box;
  197. box-sizing:border-box;
  198. }
  199. aside nav {
  200. margin-top:2em;
  201. }
  202. aside nav li {
  203. display:inline;
  204. }
  205. aside nav li:nth-child(2n):before {
  206. content:' ‑ ';
  207. }
  208. aside nav li:nth-child(2n):after {
  209. content:'';
  210. display:block;
  211. }
  212. aside h1.blog.title {
  213. font-weight:normal;
  214. font-family:'libre baskerville', serif;
  215. font-size:2em;
  216. margin-bottom:1em;
  217. padding-top:1em;
  218. }
  219. aside h1.blog.title a {
  220. letter-spacing:.15em;
  221. padding-left:.15em;
  222. }
  223. aside .hidden {
  224. display:none;
  225. }
  226. aside .avatar {
  227. width:48px;
  228. border-radius:4px;
  229. overflow:hidden;
  230. }
  231. aside .avatar.circle {
  232. border-radius:24px;
  233. }
  234. aside .avatar img {
  235. display:block;
  236. }
  237. .content {
  238. font-size:0;
  239. margin:80px 20px;
  240. }
  241. .entry {
  242. position:relative;
  243. font-size:9px;
  244. width:100%;
  245. margin:0 auto;
  246. padding:80px 0px;
  247. -moz-box-sizing:border-box;
  248. box-sizing:border-box;
  249. {block:ifShowLoading}
  250. {block:IndexPage}
  251. display:inline-block;
  252. opacity:0;
  253. z-index:-1;
  254. {/block:IndexPage}
  255. {/block:ifShowLoading}
  256. }
  257. .entry:last-child {
  258. margin-bottom:0;
  259. }
  260. .entry.tagged-gif {
  261. max-width:540px;
  262. }
  263. .entry:not(.ph) {
  264. max-width:500px;
  265. }
  266. .entry.vi {
  267. width:500px;
  268. }
  269. .post {
  270. max-width:540px;
  271. max-width:{text:post width};
  272. margin:0 auto;
  273. }
  274. .pagination {
  275. overflow:hidden;
  276. margin:40px auto;
  277. padding:40px;
  278. margin-top:0!important;
  279. padding-top:0!important;
  280. text-transform:lowercase;
  281. max-width:540px;
  282. max-width:{text:post width};
  283. }
  284. .pagination .next {
  285. color:#000;
  286. }
  287.  
  288. /* posts ------------------------------------------------------------ */
  289.  
  290. .date {
  291. overflow:hidden;
  292. margin:1.8em 0 0;
  293. }
  294. svg {
  295. height:9px;
  296. width:auto;
  297. opacity:.5;
  298. padding:1px;
  299. display:block;
  300. overflow:visible;
  301. }
  302. .controls a {
  303. position:relative;
  304. display:inline-block;
  305. overflow:hidden;
  306. padding:1px 2px;
  307. width:10px;
  308. height:10px;
  309. margin-left:1em;
  310. }
  311. .controls a:first-of-type {
  312. margin-left:0;
  313. }
  314. .controls .permalink {
  315. margin-right:3px;
  316. margin-top:-1px;
  317. }
  318. .controls .permalink svg {
  319. height:12px;
  320. }
  321. .controls .reblog {
  322. opacity:.93;
  323. }
  324. .controls .reblog svg {
  325. height:8px;
  326. margin-top:1px;
  327. }
  328. .controls .like .liked + svg {
  329. opacity:1;
  330. }
  331. .controls .like .liked + svg path {
  332. fill:#ec5a5a;
  333. }
  334. .controls .like .like_button {
  335. position:relative;
  336. }
  337. .controls .like .like_button iframe {
  338. position:absolute;
  339. top:0;
  340. left:0;
  341. bottom:0;
  342. right:0;
  343. z-index:2;
  344. opacity:0;
  345. }
  346. .tags {
  347. {block:IndexPage}
  348. margin-top:1.4em;
  349. {block:ifNotShowTags}
  350. display:none;
  351. {/block:ifNotShowTags}
  352. {/block:IndexPage}
  353. }
  354. .comma {
  355. margin:0 .5em;
  356. }
  357. .tags .comma {
  358. margin:0;
  359. }
  360. .tags .comma:before {
  361. content:' ‑ ';
  362. }
  363. .tags .comma:last-of-type {
  364. display:none;
  365. }
  366. .post .media {
  367. position:relative;
  368. }
  369. .post .media img {
  370. display:block;
  371. }
  372. .photo-slideshow {
  373. display:inline-block;
  374. width:100%;
  375. }
  376. .text {
  377. margin:1.6em 0 0;
  378. }
  379. .text *:first-child,
  380. .block *:first-child {
  381. margin-top:0;
  382. }
  383. .text *:last-child,
  384. .block *:last-child {
  385. margin-bottom:0;
  386. }
  387. .sender {
  388. text-transform:lowercase;
  389. }
  390. .caption {
  391. {block:IndexPage}{block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}{/block:IndexPage}
  392. }
  393. .chat, .chat li {
  394. padding:0;
  395. list-style-type:none;
  396. }
  397. .audiowrap {
  398. position:relative;
  399. height:27px;
  400. overflow:hidden;
  401. background-color:#f7f7f7;
  402. padding:14px;
  403. margin-bottom:1.5em;
  404. }
  405. .audio {
  406. position:absolute;
  407. display:inline-block;
  408. left:14px;
  409. top:14px;
  410. right:14px;
  411. bottom:14px;
  412. text-align:left;
  413. line-height:27px;
  414. }
  415. .audio .player {
  416. width:27px;
  417. height:27px;
  418. left:0;
  419. top:0;
  420. opacity:.5;
  421. line-height:0;
  422. overflow:hidden;
  423. position:absolute;
  424. }
  425. .audio .player iframe {
  426. margin-left:-3px;
  427. }
  428. .audio .track {
  429. overflow:hidden;
  430. line-height:15px;
  431. margin-left:41px;
  432. width:calc(100% - 41px);
  433. display:inline-block;
  434. vertical-align:middle;
  435. }
  436. .audio .track .h {
  437. display:block;
  438. max-height:15px;
  439. white-space:nowrap;
  440. overflow:hidden;
  441. text-overflow:ellipsis;
  442. margin-right:15px;
  443. }
  444.  
  445. /* other ------------------------------------------------------------ */
  446.  
  447. .notes img {
  448. display:none;
  449. }
  450. #tumblr_controls,
  451. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls {
  452. position:fixed!important;
  453. top:0!important;
  454. right:0!important;
  455. opacity:.4!important;
  456. -webkit-filter:invert(100%);
  457. -webkit-backface-visibility:hidden;
  458. padding:17px;
  459. }
  460. #theme {
  461. position:fixed;
  462. display:block;
  463. bottom:10px;
  464. right:10px;
  465. z-index:999;
  466. padding:5px;
  467. line-height:1em;
  468. }
  469. #tumblr_lightbox img, .lightbox-image {
  470. max-width:none;
  471. }
  472. {block:ifInfiniteScroll}
  473. .pagination,
  474. #infscr-loading {
  475. display:none!important;
  476. }
  477. {/block:ifInfiniteScroll}
  478.  
  479. ::-webkit-scrollbar {
  480. width:9px;
  481. height:9px;
  482. }
  483. ::-webkit-scrollbar {
  484. background-color:#ffffff; /* background color */
  485. }
  486. ::-webkit-scrollbar-track {
  487. border:8px solid #ffffff; /* background color */
  488. border-left:0;
  489. background-color:#e6e6e6; /* light border color */
  490. }
  491. ::-webkit-scrollbar-thumb {
  492. border:8px solid #ffffff; /* background color */
  493. border-left:0;
  494. background-color:#888888; /* dark border color */
  495. min-height:24px;
  496. min-width:24px;
  497. }
  498. </style>
  499. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  500. </head>
  501. <body class="{select:font}">
  502. <div class="main">
  503.  
  504. <!-- static sidebar --------------------------------------------------->
  505.  
  506. <aside>
  507. <section>
  508. {block:ifShowAvatar}<a href="/"><img src="{PortraitURL-128}" class="avatar {AvatarShape}"></a>{/block:ifShowAvatar}
  509. </section>
  510. <section>
  511. <h1 class="blog title"><a href="/" class="block">{Title}</a></h1>
  512. <div class="desc text">{Description}</div>
  513. <nav>
  514. {block:ifHomeLink}<li><a href="/">{text:home link}</a></li>{/block:ifHomeLink}
  515. {block:ifArchiveLink}<li><a href="/archive">{text:archive link}</a></li>{/block:ifArchiveLink}
  516. {block:ifAskLink}<li><a href="/ask">{text:ask link}</a></li>{/block:ifAskLink}
  517. {block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li> {/block:Pages}{/block:HasPages}
  518. {block:ifLink1}<li><a href="{text:link 1 url}">{text:link 1}</a></li>{/block:ifLink1}
  519. {block:ifLink2}<li><a href="{text:link 2 url}">{text:link 2}</a></li>{/block:ifLink2}
  520. {block:ifLink3}<li><a href="{text:link 3 url}">{text:link 3}</a></li>{/block:ifLink3}
  521. {block:ifLink4}<li><a href="{text:link 4 url}">{text:link 4}</a></li>{/block:ifLink4}
  522. {block:ifLink5}<li><a href="{text:link 5 url}">{text:link 5}</a></li>{/block:ifLink5}
  523. {block:ifLink6}<li><a href="{text:link 6 url}">{text:link 6}</a></li>{/block:ifLink6}
  524. </nav>
  525. </section>
  526. </aside>
  527.  
  528. {block:ifShowAvatar}
  529. <!-- sticky sidebar --------------------------------------------------->
  530.  
  531. <aside class="sticky">
  532. <section>
  533. <a href="/"><img src="{PortraitURL-128}" class="avatar {AvatarShape}"></a>
  534. </section>
  535. <section class="hidden">
  536. <h1 class="blog title"><a href="/" class="block">{Title}</a></h1>
  537. <div class="desc text">{Description}</div>
  538. <nav>
  539. {block:ifHomeLink}<li><a href="/">{text:home link}</a></li>{/block:ifHomeLink}
  540. {block:ifArchiveLink}<li><a href="/archive">{text:archive link}</a></li>{/block:ifArchiveLink}
  541. {block:ifAskLink}<li><a href="/ask">{text:ask link}</a></li>{/block:ifAskLink}
  542. {block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li> {/block:Pages}{/block:HasPages}
  543. {block:ifLink1}<li><a href="{text:link 1 url}">{text:link 1}</a></li>{/block:ifLink1}
  544. {block:ifLink2}<li><a href="{text:link 2 url}">{text:link 2}</a></li>{/block:ifLink2}
  545. {block:ifLink3}<li><a href="{text:link 3 url}">{text:link 3}</a></li>{/block:ifLink3}
  546. {block:ifLink4}<li><a href="{text:link 4 url}">{text:link 4}</a></li>{/block:ifLink4}
  547. {block:ifLink5}<li><a href="{text:link 5 url}">{text:link 5}</a></li>{/block:ifLink5}
  548. {block:ifLink6}<li><a href="{text:link 6 url}">{text:link 6}</a></li>{/block:ifLink6}
  549. </nav>
  550. </section>
  551. </aside>
  552. {/block:ifShowAvatar}
  553.  
  554.  
  555. <!-- posts ------------------------------------------------------------>
  556.  
  557. <div class="content">
  558. {block:ifShowLoading}{block:IndexPage}<div class="loading">Loading...</div>{/block:IndexPage}{block:ifShowLoading}
  559. {block:Posts}
  560. <article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}{block:Video}vi{/block:Video}{block:Tags} tagged-{URLSafeTag}{/block:Tags}" id="{PostID}">
  561. <section class="post">
  562. {block:Audio}
  563. <!-- audio ------------------------------------------------------------>
  564. <div class="audiowrap">
  565. <div class="audio">
  566. {block:AudioPlayer}
  567. <div class="player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  568. </div>
  569. {/block:AudioPlayer}
  570. <div class="track"><div class="h">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<span class="accent"> by {Artist}</span>{/block:Artist}</div></div>
  571. </div>
  572. </div>
  573. {/block:Audio}
  574. {block:Photo}
  575. <!-- photo ------------------------------------------------------------>
  576. <div class="media">
  577. {LinkOpenTag}
  578. <img src="{PhotoURL-HighRes}">
  579. {LinkCloseTag}
  580. </div>
  581. {/block:Photo}
  582. {block:Photoset}
  583. <!-- photoset --------------------------------------------------------->
  584. <div class="media photoset">
  585. <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>
  586. </div>
  587. {/block:Photoset}
  588. {block:Video}
  589. <!-- video ------------------------------------------------------------>
  590. <div class="media video">{Video-500}</div>
  591. {/block:Video}
  592. {block:Answer}
  593. <!-- answer ----------------------------------------------------------->
  594. <div class="question block">
  595. <span class="sender">{Asker}</span>
  596. <p class="inquiry">{Question}</p>
  597. </div>
  598. <div class="answer text">
  599. {Answer}</div>
  600. {/block:Answer}
  601. {block:Chat}
  602. <!-- chat ------------------------------------------------------------->
  603. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  604. <ul class="chat text">
  605. {block:Lines}
  606. <li class="line">
  607. {block:Label}
  608. <b class="label">{Label}&nbsp; </b>
  609. {/block:Label}
  610. {Line}
  611. </li>
  612. {/block:Lines}
  613. </ul>
  614. {/block:Chat}
  615. {block:Link}
  616. <!-- link ------------------------------------------------------------->
  617. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  618. {block:Description}<div class="text">{Description}</div>{/block:Description}
  619. {/block:Link}
  620. {block:Quote}
  621. <!-- quote ------------------------------------------------------------>
  622. <div class="quote block title">{Quote}</div>
  623. {block:Source}
  624. <div class="source text">{Source}</div>
  625. {/block:Source}
  626. {/block:Quote}
  627. {block:Text}
  628. <!-- text ------------------------------------------------------------->
  629. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  630. <div class="text">{Body}</div>
  631. {/block:Text}
  632. {block:Caption}
  633. <!-- caption ---------------------------------------------------------->
  634. <div class="caption text">{Caption}</div>
  635. {/block:Caption}
  636. {block:Date}
  637. <div class="date accent">
  638. <!-- date ------------------------------------------------------------->
  639. {block:PermalinkPage}
  640. {lang:Posted on DayOfWeek DayOfMonth Month Year} {block:NoteCount} <i class="comma">/</i> {NoteCountWithLabel}{/block:NoteCount}
  641. {block:RebloggedFrom}<br>Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} <i class="comma">/</i> Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}
  642.  
  643. {/block:PermalinkPage}
  644. {block:IndexPage}
  645. <div class="controls">
  646. <a href="{Permalink}" class="permalink">
  647. <svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M154,27H58c-3.3,0-6,2.7-6,6v153.7c0,2.5,1.5,4.7,3.8,5.6c2.3,0.9,4.9,0.3,6.6-1.6l44.8-49.1l42.3,49 c1.2,1.3,2.8,2.1,4.5,2.1c0.7,0,1.4-0.1,2.1-0.4c2.3-0.9,3.9-3.1,3.9-5.6V33C160,29.7,157.3,27,154,27z M148,170.6l-36.1-41.9 c-1.1-1.3-2.7-2.1-4.5-2.1c-1.7,0-3.4,0.7-4.5,2L64,171.3V39h84V170.6z"/></svg>
  648. </a>
  649. <a href="{ReblogURL}" target="_blank" class="reblog">
  650. <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 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg>
  651. </a>
  652. <a href="#" class="like">{LikeButton}
  653. <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 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
  654. </a>
  655. </div>
  656. {/block:IndexPage}
  657. {block:HasTags}
  658. <!-- tags ------------------------------------------------------------->
  659. <div class="tags accent">{block:PermalinkPage}Tagged: {/block:PermalinkPage}{block:Tags}<a href="{TagURL}">{Tag}</a> <i class="comma"></i> {/block:Tags}</div>
  660. {/block:HasTags}
  661. </div>
  662. {/block:Date}
  663. </section>
  664. </article>
  665. {/block:Posts}
  666. <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
  667.  
  668. {block:PostNotes}
  669. <article class="entry" id="notes">
  670. <section class="post">
  671. <h1 class="title">Notes</h1>
  672. <div class="accent">
  673. {PostNotes}
  674. </div>
  675. </section>
  676. </article>
  677. {/block:PostNotes}
  678.  
  679. </div>
  680.  
  681. <!-- pagination ------------------------------------------------------->
  682.  
  683. {block:Pagination}<div class="pagination accent">{block:PreviousPage}<a class="prev accent" href="{PreviousPage}">{lang:Previous}</a> {block:NextPage}/{/block:NextPage}{/block:PreviousPage} {block:NextPage}<a class="next" href="{NextPage}">{lang:Next Page}</a>{/block:NextPage}</div>{/block:Pagination}
  684.  
  685. </div>
  686.  
  687. <a href="https://shythemes.tumblr.com" id="theme" class="accent" title="theme">k.</a>
  688.  
  689. <!-- scripts ---------------------------------------------------------->
  690.  
  691. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  692. <script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  693. <script src="https://static.tumblr.com/fwgzvyf/2nno5ubpt/shythemes.fn.js"></script>
  694. <script src="https://static.tumblr.com/wgg6svp/ohGobvaye/unnest.min.js"></script>
  695. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  696. {block:IndexPage}
  697. {block:ifInfiniteScroll}
  698. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  699. {/block:ifInfiniteScroll}
  700. {/block:IndexPage}
  701. <script>
  702. $(document).ready(function(){
  703. var $container = $('.content');
  704. {block:ifShowAvatar}
  705. $(document).scroll(function(){
  706. var top = $(document).scrollTop();
  707. if (top > 140) {
  708. $('.sticky').show();
  709. }
  710. else {
  711. $('.sticky').hide();
  712. }
  713. });
  714. $('.sticky .avatar').click(function(){
  715. $('.hidden').slideToggle(500);
  716. return false
  717. });
  718. {/block:ifShowAvatar}
  719. $('.photo-slideshow').pxuPhotoset({
  720. lightbox: true,
  721. rounded: false,
  722. gutter: '4px',
  723. photoset: '.photo-slideshow',
  724. photoWrap: '.photo-data',
  725. photo: '.pxu-photo'
  726. });
  727. $container.audioplayers('{color:link hover}');
  728. $container.resizevideos();
  729. $('.entry').unnest({
  730. yourCaption: ".text",
  731. wrapName: ".tumblr_parent",
  732. newCaptionUsername: false,
  733. originalPostCaptionUsername: false,
  734. tumblrAvatars: false,
  735. tumblrAvatarClass: ".tumblr_avatar",
  736. usernameColon: false
  737. });
  738. {block:IndexPage}
  739. {block:ifInfiniteScroll}
  740. $container.infinitescroll({
  741. itemSelector: '.entry',
  742. navSelector: '.pagination',
  743. nextSelector: '.next',
  744. loadingImg: '',
  745. loadingText: '<em></em>',
  746. bufferPx: 2000
  747. },
  748. function( newElements ) {
  749. var $newElems = $(newElements);
  750. var $newElemsIDs = $newElems.map(function(){
  751. return this.id;
  752. }).get();
  753. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  754. $newElems.find('.photo-slideshow').pxuPhotoset({
  755. lightbox: true,
  756. rounded: false,
  757. gutter: '4px',
  758. photoset: '.photo-slideshow',
  759. photoWrap: '.photo-data',
  760. photo: '.pxu-photo'
  761. });
  762. $newElems.audioplayers('{color:link hover}');
  763. $newElems.resizevideos();
  764. $newElems.unnest({
  765. yourCaption: ".text",
  766. wrapName: ".tumblr_parent",
  767. newCaptionUsername: false,
  768. originalPostCaptionUsername: false,
  769. tumblrAvatars: false,
  770. tumblrAvatarClass: ".tumblr_avatar",
  771. usernameColon: false
  772. });
  773. $newElems.imagesLoaded(function(){
  774. $newElems.animate({ opacity: 1, zIndex: 1 });
  775. });
  776. });
  777. {block:ifInfiniteScroll}
  778. {/block:IndexPage}
  779. });
  780. </script>
  781. </body>
  782. </html>
Add Comment
Please, Sign In to add comment