API tools faq
paste
Advertisement
kthms

grey theme

kthms
Dec 14th, 2015
20,983
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.23 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <!--
  5.  
  6.  
  7.  
  8.  
  9.  
  10. grey @ 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="image:sidebar" content="">
  23. <meta name="if:bigger posts" content="0">
  24. <meta name="if:show title" content="1">
  25. <meta name="if:show captions" content="1">
  26. <meta name="if:show tags" content="1">
  27. <meta name="if:load more" content="0">
  28. <meta name="text:home link" content="">
  29. <meta name="text:archive link" content="archive">
  30. <meta name="text:ask link" content="message">
  31. <meta name="text:link 1" content="">
  32. <meta name="text:link 1 url" content="">
  33. <meta name="text:link 2" content="">
  34. <meta name="text:link 2 url" content="">
  35. <meta name="text:link 3" content="">
  36. <meta name="text:link 3 url" content="">
  37. <meta name="text:link 4" content="">
  38. <meta name="text:link 4 url" content="">
  39. <meta name="text:link 5" content="">
  40. <meta name="text:link 5 url" content="">
  41. <meta name="text:link 6" content="">
  42. <meta name="text:link 6 url" content="">
  43. <style type="text/css">
  44.  
  45. /* general */
  46.  
  47. body {
  48. margin:0;
  49. font-size:9px;
  50. font-family:georgia;
  51. line-height:16px;
  52. -moz-osx-font-smoothing:grayscale;
  53. -webkit-font-smoothing:antialiased;
  54. font-smoothing:antialiased;
  55. color:rgb(32,32,32);
  56. background:rgb(255,255,255);
  57. }
  58. a {
  59. color:inherit;
  60. text-decoration:none;
  61. -webkit-transition:all .2s ease-out;
  62. transition:all .2s ease-out;
  63. }
  64. a:hover {
  65. color:rgb(32,32,32);
  66. }
  67. small, sub {
  68. font-size:inherit;
  69. vertical-align:baseline;
  70. }
  71. blockquote {
  72. padding:0 18px;
  73. }
  74. blockquote blockquote {
  75. padding:0;
  76. }
  77. blockquote, ol, ul, p, pre {
  78. margin:0;
  79. }
  80. h1, h2, h3, h4, h5, h6 {
  81. margin:0;
  82. font-size:inherit;
  83. font-weight:inherit;
  84. }
  85. ol, ul {
  86. list-style:none;
  87. padding:0;
  88. }
  89. img {
  90. border:0;
  91. max-width:100%;
  92. height:auto;
  93. display:block;
  94. }
  95. hr {
  96. border:0;
  97. margin:9px 0;
  98. height:1px;
  99. -moz-box-sizing:border-box;
  100. box-sizing:border-box;
  101. background-color:rgb(224,224,224);
  102. }
  103.  
  104. /* accents */
  105.  
  106. .title {
  107. font-size:14px;
  108. font-style:italic;
  109. }
  110. .accent {
  111. font-style:italic;
  112. color:rgb(144,144,144);
  113. }
  114. .tumblr_blog {
  115. color:rgb(144,144,144);
  116. }
  117. .tumblr_blog:before,
  118. blockquote:after {
  119. content:'';
  120. display:block;
  121. margin:9px 40%;
  122. height:1px;
  123. background-color:rgb(224,224,224);
  124. }
  125. .source .tumblr_blog:before,
  126. .text > p .tumblr_blog:before,
  127. blockquote:last-child:after {
  128. display:none;
  129. }
  130. .text img {
  131. margin:9px auto;
  132. }
  133. .text hr {
  134. margin:9px 40%;
  135. }
  136. svg {
  137. width:10px;
  138. height:auto;
  139. opacity:.75;
  140. overflow:visible;
  141. }
  142. svg path {
  143. fill:rgb(132,132,132);
  144. -webkit-transition:fill .6s ease-out;
  145. transition:fill .6s ease-out;
  146. }
  147.  
  148. /* container */
  149.  
  150. .main {
  151. margin:120px auto;
  152. padding:0 250px;
  153. width:320px;
  154. {block:ifBiggerPosts}
  155. width:440px;
  156. {/block:ifBiggerPosts}
  157. text-align:center;
  158. }
  159.  
  160. /* sidebar */
  161.  
  162. aside {
  163. position:fixed;
  164. left:calc(25% - 155px);
  165. {block:ifBiggerPosts}
  166. left:calc(25% - 185px);
  167. {/block:ifBiggerPosts}
  168. top:120px;
  169. bottom:0;
  170. width:150px;
  171. }
  172. aside .sidebar {
  173. display:block;
  174. padding:18px;
  175. margin:0 0 18px;
  176. background-color:rgb(245,245,245);
  177. }
  178. aside .sidebar img {
  179. opacity:.9;
  180. }
  181. aside h1 {
  182. margin:0 0 12px;
  183. }
  184. aside hr {
  185. margin:18px 33% 12px;
  186. }
  187. aside nav {
  188. margin:0 0 12px;
  189. }
  190. aside nav li {
  191. display:inline-block;
  192. }
  193. aside nav li a {
  194. display:inline-block;
  195. width:10px;
  196. height:10px;
  197. padding:6px;
  198. }
  199. aside .desc,
  200. aside .links {
  201. position:absolute;
  202. left:18px;
  203. right:18px;
  204. }
  205. aside .links {
  206. display:none;
  207. }
  208. aside .links li {
  209. display:block;
  210. }
  211. aside:not(.showlinks) .todesc svg path,
  212. aside.showlinks .tolinks svg path {
  213. fill:rgb(32,32,32);
  214. }
  215.  
  216. /* entries */
  217.  
  218. .entry {
  219. position:relative;
  220. margin:0 0 120px;
  221. }
  222. .entry:last-child {
  223. margin-bottom:0;
  224. }
  225. .entry .ps {
  226. margin:120px;
  227. {block:ifBiggerPosts}margin:150px;{/block:ifBiggerPosts}
  228. }
  229. .content:last-child .entry:last-child .ps {
  230. display:none;
  231. }
  232. .date {
  233. margin:15px 0 0;
  234. }
  235. {block:IndexPage}
  236. .tags, .totags {
  237. {block:ifNotShowTags}display:none!important;{/block:ifNotShowTags}
  238. }
  239. .tags .wrap {
  240. position:absolute;
  241. left:18px;
  242. right:18px;
  243. opacity:0;
  244. margin-top:6px;
  245. -webkit-transition:opacity .6s ease-out;
  246. transition:opacity .6s ease-out;
  247. }
  248. .showtags .wrap {
  249. opacity:1;
  250. }
  251. .showtags .totags svg path {
  252. fill:rgb(32,32,32);
  253. }
  254. .ctrl .rb svg {
  255. width:9px;
  256. }
  257. .ctrl .totags svg {
  258. width:11px;
  259. }
  260. .ctrl .lb .liked + svg path {
  261. fill:#ec5a5a;
  262. }
  263. .ctrl .like_button iframe {
  264. position:absolute;
  265. top:0;
  266. left:0;
  267. bottom:0;
  268. right:0;
  269. z-index:1;
  270. opacity:0;
  271. }
  272. {/block:IndexPage}
  273. .ctrl a {
  274. position:relative;
  275. overflow:hidden;
  276. display:inline-block;
  277. margin:9px 6px 0;
  278. }
  279. .tags .wrap a {
  280. margin-top:0;
  281. }
  282. .ctrl .rb, .ctrl .lb, .ctrl .totags {
  283. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  284. }
  285.  
  286. /* post types */
  287.  
  288. .text {
  289. margin:15px 0 0;
  290. }
  291. .text:last-child,
  292. .text *:last-child {
  293. margin-bottom:0;
  294. }
  295. .caption {
  296. {block:IndexPage}{block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}{/block:IndexPage}
  297. }
  298. .chat {
  299. padding:0;
  300. list-style-type:none;
  301. text-align:right;
  302. }
  303. .chat .line {
  304. margin-bottom:9px;
  305. }
  306. .chat .label {
  307. float:left;
  308. }
  309. .quote,
  310. .question,
  311. .media {
  312. position:relative;
  313. margin:0 0 18px;
  314. background-color:rgb(245,245,245);
  315. }
  316. .media {
  317. padding:18px;
  318. }
  319. .quote,
  320. .question {
  321. padding:15px 18px;
  322. }
  323. .quote {
  324. font-size:11px;
  325. text-align:justify;
  326. }
  327. .question .sender {
  328. text-transform:lowercase;
  329. }
  330. .media > a img, .media > img, .media .photo-slideshow {
  331. display:block;
  332. margin:0 auto;
  333. opacity:.9;
  334. }
  335.  
  336. /* audio posts */
  337.  
  338. .audiowrap {
  339. position:relative;
  340. height:60px;
  341. overflow:hidden;
  342. background-color:rgb(245,245,245);
  343. }
  344. .albumart {
  345. position:absolute;
  346. top:0;
  347. right:0;
  348. z-index:1;
  349. display:block;
  350. width:60px;
  351. height:60px;
  352. opacity:.9;
  353. background-size:cover;
  354. }
  355. .audio {
  356. position:absolute;
  357. display:inline-block;
  358. left:0;
  359. top:0;
  360. right:0;
  361. bottom:0;
  362. text-align:left;
  363. line-height:60px;
  364. }
  365. .audio .player {
  366. width:27px;
  367. height:27px;
  368. left:16px;
  369. top:16px;
  370. opacity:.4;
  371. line-height:0;
  372. overflow:hidden;
  373. position:absolute;
  374. }
  375. .audio .track {
  376. overflow:hidden;
  377. line-height:15px;
  378. margin-left:60px;
  379. width: calc(100% - 60px);
  380. display:inline-block;
  381. vertical-align:middle;
  382. }
  383. .audio .track span {
  384. display:block;
  385. max-height:15px;
  386. white-space:nowrap;
  387. overflow:hidden;
  388. text-overflow:ellipsis;
  389. margin-right:75px;
  390. }
  391. .audio .track span:first-child {
  392. color:{color:text};
  393. }
  394.  
  395. .pagination {
  396. font-style:italic;
  397. text-align:center;
  398. display:block!important;
  399. }
  400. .notes {
  401. padding:0;
  402. }
  403. .notes li {
  404. display:block;
  405. }
  406. .notes img {
  407. display:none;
  408. }
  409. .notes .more_notes_link_container {
  410. text-align:inherit!important;
  411. }
  412. #tumblr_controls,
  413. .tmblr-iframe {
  414. position:fixed!important;
  415. opacity:.67!important;
  416. -webkit-filter:invert(100%);
  417. -webkit-backface-visibility:hidden;
  418. padding:4px;
  419. }
  420. #tumblr_lightbox, .tmblr-lightbox {
  421. background-color:rgba(255,255,255,.98)!important;
  422. }
  423. #vignette, .vignette {
  424. opacity:0;
  425. }
  426. #tumblr_lightbox img, .lightbox-image {
  427. box-shadow:none!important;
  428. border-radius:0!important;
  429. -moz-box-sizing:border-box;
  430. box-sizing:border-box;
  431. border:18px solid rgb(245,245,245)!important;
  432. max-width:none;
  433. }
  434. #tumblr_lightbox_caption, .lightbox-caption {
  435. visibility:hidden;
  436. }
  437. #theme {
  438. position:fixed;
  439. display:inline-block;
  440. bottom:10px;
  441. right:10px;
  442. z-index:999;
  443. padding:5px;
  444. line-height:1em;
  445. background-color:rgb(255,255,255);
  446. }
  447. {block:ifLoadMore}
  448. .pagination .pn,
  449. #infscr-loading {
  450. display:none!important;
  451. }
  452. {/block:ifLoadMore}
  453. </style>
  454. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  455. </head>
  456. <body>
  457. <div class="main">
  458. <aside>
  459. <div class="align">
  460. {block:ifSidebarImage}<a href="/" class="sidebar"><img src="{image:sidebar}"></a>{/block:ifSidebarImage}
  461. {block:ifShowTitle}<h1 class="title"><a href="/">{Title}</a></h1>{/block:ifShowTitle}
  462. <nav class="accent">
  463. <li><a href="#" class="todesc">
  464. <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 419.617 419.617" style="enable-background:new 0 0 419.617 419.617;" xml:space="preserve"><g><g><path d="M48.592,402.617c0,9.35,7.65,17,17,17h288.433c9.35,0,17-7.65,17-17c0-94.067-42.5-174.817-102.283-207.117 c28.9-18.983,47.883-51.85,47.883-88.967C316.625,47.883,268.742,0,210.092,0S103.275,47.6,103.275,106.533 c0,37.117,18.983,69.7,47.883,88.967C91.092,227.8,48.592,308.55,48.592,402.617z M209.808,34 c39.95,0,72.533,32.583,72.533,72.533s-32.583,72.533-72.533,72.533s-72.533-32.583-72.533-72.533S169.858,34,209.808,34z M209.808,213.917c66.3,0,120.7,75.65,126.65,171.7h-253.3C89.108,289.567,143.508,213.917,209.808,213.917z"/></g></g></svg>
  465. </a></li>
  466. <li><a href="#" class="tolinks">
  467. <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 396.667 396.667" style="enable-background:new 0 0 396.667 396.667;" xml:space="preserve"><g><g><path d="M17,87.833h362.667c9.35,0,17-7.65,17-17s-7.65-17-17-17H17c-9.35,0-17,7.65-17,17C0,80.183,7.65,87.833,17,87.833z"/><path d="M17,215.333h362.667c9.35,0,17-7.65,17-17s-7.65-17-17-17H17c-9.35,0-17,7.65-17,17S7.65,215.333,17,215.333z"/><path d="M17,342.833h362.667c9.35,0,17-7.65,17-17s-7.65-17-17-17H17c-9.35,0-17,7.65-17,17S7.65,342.833,17,342.833z"/></g></g></svg>
  468. </a></li>
  469. </nav>
  470. <div class="desc accent">{description}</div>
  471. <div class="links accent">
  472. {block:ifHomeLink}<li><a href="/">{text:home link}</a></li>{/block:ifHomeLink}
  473. {block:ifArchiveLink}<li><a href="/archive">{text:archive link}</a></li>{/block:ifArchiveLink}
  474. {block:ifAskLink}<li><a href="/ask">{text:ask link}</a></li>{/block:ifAskLink}
  475. {block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li> {/block:Pages}{/block:HasPages}
  476. {block:ifLink1}<li><a href="{text:link 1 url}">{text:link 1}</a></li>{/block:ifLink1}
  477. {block:ifLink2}<li><a href="{text:link 2 url}">{text:link 2}</a></li>{/block:ifLink2}
  478. {block:ifLink3}<li><a href="{text:link 3 url}">{text:link 3}</a></li>{/block:ifLink3}
  479. {block:ifLink4}<li><a href="{text:link 4 url}">{text:link 4}</a></li>{/block:ifLink4}
  480. {block:ifLink5}<li><a href="{text:link 5 url}">{text:link 5}</a></li>{/block:ifLink5}
  481. {block:ifLink6}<li><a href="{text:link 6 url}">{text:link 6}</a></li>{/block:ifLink6}
  482. </div>
  483. </div>
  484. </aside>
  485. <div class="content">
  486. {block:Posts}
  487. <article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}" id="{PostID}">
  488. <section class="post">
  489. {block:Audio}
  490. <div class="audiowrap">
  491. <div class="albumart" style="{block:AlbumArt}background-image:url({AlbumArtURL});{/block:AlbumArt}"></div>
  492. <div class="audio accent block">
  493. {block:AudioPlayer}
  494. <div class="player">{AudioPlayerWhite}</div>
  495. {/block:AudioPlayer}
  496. <div class="track">{block:TrackName}<span>{TrackName}</span>{/block:TrackName}{block:Artist}<span>{Artist}</span>{/block:Artist}</div>
  497. </div>
  498. </div>
  499. {/block:Audio}
  500. {block:Photo}
  501. <div class="media">
  502. {LinkOpenTag}
  503. <img src="{PhotoURL-HighRes}">
  504. {LinkCloseTag}
  505. </div>
  506. {/block:Photo}
  507. {block:Photoset}
  508. <div class="media photoset">
  509. <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>
  510. </div>
  511. {/block:Photoset}
  512. {block:Video}
  513. <div class="media">
  514. <div class="video">{Video-500}</div>
  515. </div>
  516. {/block:Video}
  517. {block:Answer}
  518. <div class="question">
  519. <span class="inquiry">{Question}</span>
  520. <div class="sender accent">sent by {Asker}</div>
  521. </div>
  522. <div class="answer text">{Answer}</div>
  523. {/block:Answer}
  524. {block:Chat}
  525. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  526. <ul class="chat text">
  527. {block:Lines}
  528. <li class="line">
  529. {block:Label}
  530. <div class="label accent">{Label}</div>
  531. {/block:Label}
  532. {Line}
  533. </li>
  534. {/block:Lines}
  535. </ul>
  536. {/block:Chat}
  537. {block:Link}
  538. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  539. {block:Description}<div class="text">{Description}</div>{/block:Description}
  540. {/block:Link}
  541. {block:Quote}
  542. <div class="quote title">{Quote}</div>
  543. {block:Source}
  544. <div class="source text">{Source}</div>
  545. {/block:Source}
  546. {/block:Quote}
  547. {block:Text}
  548. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  549. <div class="text">{Body}</div>
  550. {/block:Text}
  551. {block:Caption}
  552. <div class="caption text">{Caption}</div>
  553. {/block:Caption}
  554. {block:Date}
  555. <div class="date accent text">
  556. <a class="permalink" href="{Permalink}">{Month} {DayOfMonth}{block:English}{DayOfMonthSuffix}{/block:English}</a>
  557. <div class="ctrl">
  558. <a href="{ReblogURL}" target="_blank" class="rb">
  559. <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 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>
  560. </a>
  561. <a href="#" class="lb">{LikeButton}
  562. <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 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>
  563. </a>
  564. {block:HasTags}
  565. <a href="#" class="totags"><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 524.237 524.237" style="enable-background:new 0 0 524.237 524.237;" xml:space="preserve"><g><g><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"/></g></g></svg></a>
  566. <span class="tags accent">
  567. <div class="wrap">
  568. {block:Tags}<a href="{TagURL}">{Tag}</a><i class="comma"></i>{/block:Tags}
  569. </div>
  570. </span>{/block:HasTags}
  571. </div>
  572. </div>
  573. {/block:Date}
  574. </section>
  575. <hr class="ps">
  576. </article>
  577. {block:PostNotes}
  578. <article class="entry" id="notes">
  579. <section class="post">
  580. <h1 class="title">{NoteCountWithLabel}</h1>
  581. <div class="text light">{PostNotes}</div>
  582. </section>
  583. <hr class="ps">
  584. </article>
  585. {/block:PostNotes}
  586. {/block:Posts}
  587. </div>
  588. {block:Pagination}<div class="pagination"><span class="pn">{block:PreviousPage}<a class="prev accent" href="{PreviousPage}">previous</a>{block:NextPage} <span class="accent">/</span>{/block:NextPage}{/block:PreviousPage} {block:NextPage}<a class="next" href="{NextPage}">next page</a>{/block:NextPage}</span>
  589. {block:ifLoadMore}<a href="#" class="lm">load more</a>{/block:ifLoadMore}
  590. </div>{/block:Pagination}
  591. </div>
  592. <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
  593. <a href="http://shythemes.tumblr.com" id="theme" class="accent" title="theme">k.</a>
  594. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  595. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  596. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  597. <script src="//static.tumblr.com/fwgzvyf/Nr0nzdaya/shythemes.grey.js"></script>
  598. {block:IndexPage}
  599. {block:ifLoadMore}
  600. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  601. {/block:ifLoadMore}
  602. {/block:IndexPage}
  603. <script>
  604. $(document).ready(function(){
  605. // tumblr audio players
  606. $('.tumblr_audio_player').each(function(){
  607. $(this).attr({ src: $(this).attr('src').split('&color=')[0] + '&color=transparent&simple=1 '});
  608. });
  609. // soundcloud audio players
  610. var color = '#ededed';
  611. $('.soundcloud_audio_player').each(function(){
  612. $(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: 20, width: '100%' });
  613. });
  614. // pxu photosets
  615. $('.photo-slideshow').pxuPhotoset({
  616. lightbox: true,
  617. rounded: false,
  618. gutter: '6px',
  619. photoset: '.photo-slideshow',
  620. photoWrap: '.photo-data',
  621. photo: '.pxu-photo'
  622. });
  623. {block:ifLoadMore}
  624. // infinite scroll
  625. var $container = $('.content');
  626. $container.infinitescroll({
  627. itemSelector: '.entry',
  628. navSelector: '.pagination',
  629. nextSelector: '.next',
  630. loadingImg: '',
  631. loadingText: '<em></em>',
  632. bufferPx: 2000,
  633. errorCallback: function(){
  634. $('.lm').text('');
  635. }
  636. },
  637. function( newElements ) {
  638. var $newElems = $( newElements );
  639. // likes
  640. var $newElemsIDs = $newElems.map(function () {
  641. return this.id;
  642. }).get();
  643. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  644. // pxu photosets
  645. $newElems.find('.photo-slideshow').pxuPhotoset({
  646. lightbox: true,
  647. rounded: false,
  648. gutter: '6px',
  649. photoset: '.photo-slideshow',
  650. photoWrap: '.photo-data',
  651. photo: '.pxu-photo'
  652. });
  653. // videos
  654. resizeVideos();
  655. // tumblr audio players
  656. $newElems.find('.tumblr_audio_player').each(function(){
  657. $(this).attr({ src: $(this).attr('src').split('&color=')[0] + '&color=transparent&simple=1 '});
  658. });
  659. // soundcloud audio players
  660. var color = '#ededed';
  661. $newElems.find('.soundcloud_audio_player').each(function(){
  662. $(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%' });
  663. });
  664. // tags
  665. $newElems.find('.totags').click(function(){ $(this).parents('.ctrl').toggleClass('showtags'); return false });
  666. });
  667. // load more
  668. $(window).unbind('.infscr');
  669. $('.lm').click(function(){
  670. $container.infinitescroll('retrieve');
  671. return false
  672. });
  673. {/block:ifLoadMore}
  674. });
  675. </script>
  676. </body>
  677. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!