API tools faq
paste
Advertisement
kthms

prism theme

kthms
Sep 28th, 2016 (edited)
15,612
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.34 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.  
  11. prism @ shythemes
  12.  
  13.  
  14.  
  15.  
  16.  
  17.  
  18. -->
  19. <title>{Title}</title>
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. <link rel="shortcut icon" href="{Favicon}">
  22. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  23. <meta name="viewport" content="width=device-width, initial-scale=1">
  24. <meta name="image:sidebar" content="">
  25. <meta name="if:sidebar" content="">
  26. <meta name="if:bigger posts" content="">
  27. <meta name="if:show title" content="">
  28. <meta name="if:show captions" content="">
  29. <meta name="if:show reblog" content="">
  30. <meta name="if:show like" content="">
  31. <meta name="if:show source" content="">
  32. <meta name="if:show tags" content="">
  33. <meta name="select:color i" content="232,232,232" title="light grey">
  34. <meta name="select:color i" content="255,227,227" title="coral">
  35. <meta name="select:color i" content="255,227,214" title="peach">
  36. <meta name="select:color i" content="242,242,165" title="yellow">
  37. <meta name="select:color i" content="220,248,202" title="light green">
  38. <meta name="select:color i" content="197,242,218" title="sea foam">
  39. <meta name="select:color i" content="202,243,243" title="aqua blue">
  40. <meta name="select:color i" content="194,240,254" title="light blue">
  41. <meta name="select:color i" content="219,225,255" title="violet">
  42. <meta name="select:color i" content="255,223,252" title="pink">
  43. <meta name="select:color ii" content="232,232,232" title="light grey">
  44. <meta name="select:color ii" content="255,227,227" title="coral">
  45. <meta name="select:color ii" content="255,227,214" title="peach">
  46. <meta name="select:color ii" content="242,242,165" title="yellow">
  47. <meta name="select:color ii" content="220,248,202" title="light green">
  48. <meta name="select:color ii" content="197,242,218" title="sea foam">
  49. <meta name="select:color ii" content="202,243,243" title="aqua blue">
  50. <meta name="select:color ii" content="194,240,254" title="light blue">
  51. <meta name="select:color ii" content="219,225,255" title="violet">
  52. <meta name="select:color ii" content="255,223,252" title="pink">
  53. <meta name="select:link hover" content="255,255,255" title="white">
  54. <meta name="select:link hover" content="255,227,227" title="coral">
  55. <meta name="select:link hover" content="255,227,214" title="peach">
  56. <meta name="select:link hover" content="242,242,165" title="yellow">
  57. <meta name="select:link hover" content="220,248,202" title="light green">
  58. <meta name="select:link hover" content="197,242,218" title="sea foam">
  59. <meta name="select:link hover" content="202,243,243" title="aqua blue">
  60. <meta name="select:link hover" content="194,240,254" title="light blue">
  61. <meta name="select:link hover" content="219,225,255" title="violet">
  62. <meta name="select:link hover" content="255,223,252" title="pink">
  63. <meta name="text:home link" content="">
  64. <meta name="text:archive link" content="">
  65. <meta name="text:ask link" content="contact">
  66. <meta name="text:link 1" content="">
  67. <meta name="text:link 1 url" content="">
  68. <meta name="text:link 2" content="">
  69. <meta name="text:link 2 url" content="">
  70. <meta name="text:link 3" content="">
  71. <meta name="text:link 3 url" content="">
  72. <meta name="text:link 4" content="">
  73. <meta name="text:link 4 url" content="">
  74. <meta name="text:link 5" content="">
  75. <meta name="text:link 5 url" content="">
  76. <meta name="text:link 6" content="">
  77. <meta name="text:link 6 url" content="">
  78. <link href='https://fonts.googleapis.com/css?family=Libre+Franklin:200,200italic,400,400italic,600,600italic' rel='stylesheet' type='text/css'><style type="text/css">
  79. body {
  80. margin:0;
  81. font-size:8px;
  82. font-weight:;
  83. letter-spacing:1px;
  84. text-transform:lowercase;
  85. font-family:'libre franklin', sans-serif;
  86. line-height:14px;
  87. word-break:break-word;
  88. -moz-osx-font-smoothing:grayscale;
  89. -webkit-font-smoothing:antialiased;
  90. font-smoothing:antialiased;
  91. color:rgba(0,0,0,.44);
  92. background-color:rgba(255,255,255,1);
  93. background-image:linear-gradient(180deg, rgba({select:color i},.4) 0, rgba({select:color ii},.4));
  94. background-size:100% 100%;
  95. background-position:0 0;
  96. background-repeat:repeat;
  97. background-attachment:fixed;
  98. }
  99. a {
  100. color:inherit;
  101. text-decoration:none;
  102. -webkit-transition:all 1s ease-in-out;
  103. transition:all 1s ease-in-out;
  104. }
  105. a:hover {
  106. -webkit-transition:all .1s ease-in-out;
  107. transition:all .1s ease-in-out;
  108. }
  109. b, strong {
  110. font-weight:600;
  111. }
  112. small, sub {
  113. font-size:1em;
  114. vertical-align:baseline;
  115. }
  116. blockquote {
  117. padding:3px 15px;
  118. border-left:1px solid rgba(0,0,0,.08);
  119. }
  120. blockquote > blockquote:first-child {
  121. margin-top:-3px!important;
  122. }
  123. blockquote > blockquote:last-child {
  124. margin-bottom:-3px!important;
  125. }
  126. blockquote, ol, ul, p, pre {
  127. margin:0 0 8px;
  128. }
  129. h1, h2, h3, h4, h5, h6 {
  130. margin:0 0 1em;
  131. font-size:1em;
  132. font-weight:inherit;
  133. }
  134. ol {
  135. counter-reset:list;
  136. list-style:none;
  137. padding:0;
  138. }
  139. ol li {
  140. position:relative;
  141. padding-left:4em;
  142. counter-increment:list;
  143. }
  144. ol li:before {
  145. content:counter(list) '.';
  146. position:absolute;
  147. margin-left:-4em;
  148. color:rgb(120,120,120);
  149. }
  150. img {
  151. border:0;
  152. max-width:100%;
  153. height:auto;
  154. display:block;
  155. }
  156. hr {
  157. margin:1em 0;
  158. border:0;
  159. height:1px;
  160. -moz-box-sizing:border-box;
  161. box-sizing:border-box;
  162. background-color:rgba(0,0,0,.08);
  163. }
  164. .title {
  165. font-weight:200;
  166. font-size:12px;
  167. padding:6px;
  168. }
  169. .accent {
  170. opacity:.8;
  171. }
  172. .text a {
  173. margin-left:1px;
  174. margin-right:1px;
  175. box-shadow:1px 0 0 rgba({select:color i},.44), -2px 0 0 rgba({select:color i},.5);
  176. background-color:rgba({select:color i},.44);
  177. }
  178. .text a:hover {
  179. color:inherit;
  180. box-shadow:1px 0 0 rgba({select:link hover},.44), -2px 0 0 rgba({select:link hover},.5);
  181. background-color:rgba({select:link hover},.44);
  182. }
  183. .main {
  184. margin:150px auto;
  185. {block:ifNotBiggerPosts}width:300px;{/block:ifNotBiggerPosts}
  186. {block:ifBiggerPosts}width:400px;{/block:ifBiggerPosts}
  187. }
  188. {block:ifSidebar}
  189. /* sidebar */
  190.  
  191. aside {
  192. position:fixed!important;
  193. margin-left:-300px!important;
  194. width:150px;
  195. }
  196. aside .title {
  197. margin:0;
  198. padding:0;
  199. font-size:10px;
  200. font-weight:200;
  201. padding:15px;
  202. letter-spacing:2px;
  203. }
  204. aside .desc {
  205. margin:0;
  206. }
  207. aside nav {
  208. margin:15px;
  209. position:relative;
  210. overflow:hidden;
  211. }
  212. aside .title + nav {
  213. padding-top:0;
  214. margin-top:-7px;
  215. }
  216. {/block:ifSidebar}
  217. {block:ifNotSidebar}
  218. /* header */
  219.  
  220. aside.ghost .entry {
  221. display:none;
  222. }
  223. aside .hb {
  224. display:none;
  225. position:fixed;
  226. bottom:15px;
  227. left:15px;
  228. width:12px;
  229. padding:8px 8px 5px;
  230. background-color:white;
  231. border:1px solid rgba({select:color ii},1);
  232. transition:0s;
  233. }
  234. aside .hb svg {
  235. width:12px;
  236. fill:rgba(0,0,0,.15);
  237. }
  238. aside.box {
  239. position:fixed;
  240. z-index:98;
  241. top:0;
  242. left:0;
  243. right:0;
  244. bottom:0;
  245. width:100%;
  246. height:100%;
  247. background-color:rgba(255,255,255,.9)!important;
  248. background-image:linear-gradient(180deg, rgba({select:color i},.3) 0, rgba({select:color ii},.3));
  249. background-size:100% 100%;
  250. background-position:0 0;
  251. background-repeat:repeat;
  252. background-attachment:fixed;
  253. }
  254. aside.box .hb {
  255. position:fixed;
  256. z-index:99;
  257. top:0;
  258. left:0;
  259. right:0;
  260. bottom:0;
  261. width:100%;
  262. height:100%;
  263. cursor:default;
  264. border:none;
  265. background-color:transparent;
  266. }
  267. aside.box .hb svg {
  268. display:none;
  269. }
  270. aside.box .entry {
  271. display:block!important;
  272. position:fixed;
  273. z-index:100;
  274. top:50%;
  275. left:50%;
  276. -webkit-transform:translate(-50%,-50%);
  277. transform:translate(-50%,-50%);
  278. {block:ifNotBiggerPosts}width:300px;{/block:ifNotBiggerPosts}
  279. {block:ifBiggerPosts}width:400px;{/block:ifBiggerPosts}
  280. }
  281. aside .top {
  282. margin:15px;
  283. position:relative;
  284. overflow:hidden;
  285. }
  286. aside .title {
  287. display:inline;
  288. margin:0;
  289. padding:0 13px 0 0!important;
  290. font-size:10px;
  291. font-weight:200;
  292. letter-spacing:2px;
  293. }
  294. aside .desc {
  295. margin:0;
  296. }
  297. aside nav {
  298. display:inline;
  299. }
  300. {/block:ifNotSidebar}
  301. aside nav li {
  302. display:inline-block;
  303. margin-right:13px;
  304. }
  305. aside nav li:before {
  306. content:' / ';
  307. position:absolute;
  308. margin-left:-13px;
  309. padding:0 4px;
  310. font-style:normal;
  311. }
  312. .content {
  313. margin:150px 0;
  314. }
  315. .entry {
  316. position:relative;
  317. margin:0 0 150px;
  318. padding:6px;
  319. background-color:rgba(255,255,255,1);
  320. border:1px solid rgba({select:color i},1);
  321. }
  322. .entry:last-child {
  323. margin-bottom:0;
  324. }
  325. .post {
  326. position:relative;
  327. border:1px solid rgba({select:color ii},1);
  328. }
  329. .post:not(:last-child):after {
  330. content:'';
  331. position:absolute;
  332. z-index:3;
  333. left:-7px;
  334. right:-7px;
  335. bottom:0px;
  336. height:1px;
  337. background-color:rgba({select:color i},1);
  338. }
  339. .post .title {
  340. margin:0;
  341. padding:15px;
  342. }
  343. .text:not(:last-child) {
  344. margin:0 0 -1px;
  345. }
  346. .text:first-child {
  347. margin-top:0;
  348. }
  349. .text *:last-child {
  350. margin-bottom:0;
  351. }
  352. .text {
  353. position:relative;
  354. padding:15px;
  355. background-color:white;
  356. background-image:linear-gradient(180deg, rgba({select:color i},.2) 0, rgba({select:color ii},.2));
  357. background-size:100% 100%;
  358. background-position:0 0;
  359. background-repeat:repeat;
  360. background-attachment:fixed;
  361. }
  362. .text > * {
  363. position:relative;
  364. z-index:1;
  365. }
  366. .text:not(:first-child):before {
  367. content:'';
  368. position:absolute;
  369. z-index:3;
  370. left:-7px;
  371. right:-7px;
  372. top:0px;
  373. height:1px;
  374. background-color:rgba({select:color i},1);
  375. }
  376. .date {
  377. text-align:;
  378. position:relative;
  379. padding:15px;
  380. margin-top:-2px;
  381. background-color:white;
  382. border:1px solid rgba({select:color ii},1);
  383. }
  384. .date .accent {
  385. position:relative;
  386. }
  387. .comma {
  388. padding:0 4px;
  389. font-style:normal;
  390. }
  391. .like-b {
  392. position:relative;
  393. display:inline-block;
  394. height:1em;
  395. line-height:1em;
  396. overflow:hidden;
  397. margin-bottom:-1px;
  398. }
  399. .like-b .like_button iframe {
  400. position:absolute;
  401. top:0;
  402. left:0;
  403. bottom:0;
  404. right:0;
  405. z-index:2;
  406. opacity:0;
  407. }
  408. .like-b .liked + .b {
  409. color:inherit;
  410. }
  411. .like-b .liked + .b:after {
  412. content:'d';
  413. }
  414. .tags {
  415. {block:IndexPage}{block:ifNotShowTags}display:none;{/block:ifNotShowTags}{/block:IndexPage}
  416. }
  417. .tags .comma:not(:first-child) {
  418. padding-left:0;
  419. }
  420. .tags .comma:last-of-type {
  421. display:none;
  422. }
  423. .caption {
  424. {block:IndexPage}{block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}{/block:IndexPage}
  425. }
  426. .chat {
  427. list-style-type:none;
  428. }
  429. .chat .label {
  430. font-weight:bold;
  431. }
  432. .question {
  433. padding:15px;
  434. }
  435. .sender {
  436. padding-right:.8em;
  437. }
  438. .media {
  439. position:relative;
  440. z-index:2;
  441. display:block;
  442. padding:15px;
  443. border-bottom:1px solid transparent;
  444. }
  445. .media:not(:last-child) {
  446. margin-bottom:-1px;
  447. }
  448. .media > * {
  449. position:relative;
  450. }
  451.  
  452. /* audio posts */
  453.  
  454. .audiowrap {
  455. position:relative;
  456. height:60px;
  457. }
  458. .albumart {
  459. position:absolute;
  460. top:0;
  461. right:0;
  462. z-index:1;
  463. display:block;
  464. width:60px;
  465. height:60px;
  466. opacity:.9;
  467. background-size:cover;
  468. }
  469. .audio {
  470. position:absolute;
  471. display:inline-block;
  472. left:0;
  473. top:0;
  474. right:0;
  475. bottom:0;
  476. text-align:left;
  477. line-height:60px;
  478. }
  479. .audio .player {
  480. width:27px;
  481. height:27px;
  482. left:16px;
  483. top:16px;
  484. opacity:.4;
  485. line-height:0;
  486. overflow:hidden;
  487. position:absolute;
  488. }
  489. .audio .track {
  490. overflow:hidden;
  491. line-height:15px;
  492. margin-left:60px;
  493. width: calc(100% - 60px);
  494. display:inline-block;
  495. vertical-align:middle;
  496. }
  497. .audio .track span {
  498. display:block;
  499. max-height:15px;
  500. white-space:nowrap;
  501. overflow:hidden;
  502. text-overflow:ellipsis;
  503. margin-right:75px;
  504. }
  505.  
  506. /* notes */
  507.  
  508. .notes {
  509. padding:0;
  510. background:transparent;
  511. }
  512. .notes li {
  513. display:block;
  514. }
  515. .notes img {
  516. display:none;
  517. }
  518. .notes .more_notes_link_container {
  519. text-align:inherit!important;
  520. }
  521.  
  522. #tumblr_controls,
  523. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls {
  524. position:fixed!important;
  525. top:0!important;
  526. right:0!important;
  527. opacity:.4!important;
  528. -webkit-filter:invert(100%);
  529. -webkit-backface-visibility:hidden;
  530. padding:17px;
  531. }
  532. #tumblr_lightbox, .tmblr-lightbox {
  533. background-color:rgba(255,255,255,.9)!important;
  534. background-image:linear-gradient(180deg, rgba({select:color i},.3) 0, rgba({select:color ii},.3));
  535. background-size:100% 100%;
  536. background-position:0 0;
  537. background-repeat:repeat;
  538. background-attachment:fixed;
  539. }
  540. #vignette, .vignette {
  541. opacity:0;
  542. }
  543. #tumblr_lightbox img, .lightbox-image {
  544. box-shadow:none!important;
  545. border-radius:0!important;
  546. -moz-box-sizing:border-box;
  547. box-sizing:border-box;
  548. border:6px solid #ffffff!important;
  549. background-color:#ffffff;
  550. max-width:none;
  551. }
  552. #tumblr_lightbox_caption, .lightbox-caption {
  553. visibility:hidden;
  554. }
  555. .pagination .title {
  556. font-size:9px;
  557. letter-spacing:2px;
  558. position:relative;
  559. overflow:hidden;
  560. text-align:center;
  561. padding:0;
  562. }
  563. .pagination,
  564. #infscr-loading {
  565. display:none!important;
  566. }
  567. #theme {
  568. position:fixed;
  569. display:block;
  570. bottom:15px;
  571. right:15px;
  572. z-index:999;
  573. padding:10px;
  574. line-height:1em;
  575. background-color:white;
  576. border:1px solid rgba({select:color ii},1);
  577. }
  578. </style>
  579. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  580. <link href="https://static.tumblr.com/wupwnyt/1iho27ad1/gkthm.css" rel="stylesheet" type="text/css">
  581. </head>
  582. <body>
  583. <div class="main">
  584. <aside class="static"><!-- main sidebar/header -->
  585. <article class="entry">
  586. <section class="post">
  587. <div class="top">
  588. {block:ifShowTitle}<h1 class="title"><a href="/">{Title}</a></h1>{block:ifShowTitle}
  589. {block:ifSidebar}{block:ifSidebarImage}<a href="/" class="sideimage"><img src="{image:sidebar}"></a>{/block:ifSidebarImage}{/block:ifSidebar}
  590. <nav class="accent">
  591. {block:ifHomeLink}<li><a href="/">{text:home link}</a></li>{/block:ifHomeLink}
  592. {block:ifArchiveLink}<li><a href="/archive">{text:archive link}</a></li>{/block:ifArchiveLink}
  593. {block:ifAskLink}<li><a href="/ask">{text:ask link}</a></li>{/block:ifAskLink}
  594. {block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li> {/block:Pages}{/block:HasPages}
  595. {block:ifLink1}<li><a href="{text:link 1 url}">{text:link 1}</a></li>{/block:ifLink1}
  596. {block:ifLink2}<li><a href="{text:link 2 url}">{text:link 2}</a></li>{/block:ifLink2}
  597. {block:ifLink3}<li><a href="{text:link 3 url}">{text:link 3}</a></li>{/block:ifLink3}
  598. {block:ifLink4}<li><a href="{text:link 4 url}">{text:link 4}</a></li>{/block:ifLink4}
  599. {block:ifLink5}<li><a href="{text:link 5 url}">{text:link 5}</a></li>{/block:ifLink5}
  600. {block:ifLink6}<li><a href="{text:link 6 url}">{text:link 6}</a></li>{/block:ifLink6}
  601. </nav>
  602. </div>
  603. {block:Description}<div class="desc text">{Description}</div>{/block:Description}
  604. </section>
  605. </article>
  606. </aside>
  607. {block:ifNotSidebar}
  608. <aside class="ghost"><!-- popup header -->
  609. <a href="#" class="hb"><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 442" style="enable-background:new 0 0 442 442;" xml:space="preserve"><g><g><path d="M221,155.833c9.35,0,17-7.65,17-17v-17c0-9.35-7.65-17-17-17c-9.35,0-17,7.65-17,17v17 C204,148.183,211.65,155.833,221,155.833z"/><path d="M187,223.833h17v96.333c0,9.35,7.65,17,17,17c9.35,0,17-7.65,17-17V206.833c0-9.35-7.65-17-17-17h-34 c-9.35,0-17,7.65-17,17S177.65,223.833,187,223.833z"/><path d="M442,17c0-9.35-7.65-17-17-17H17C7.65,0,0,7.65,0,17v408c0,9.35,7.65,17,17,17h408c9.35,0,17-7.65,17-17V17z M408,408H34 V34h374V408z"/></g></g></svg></a>
  610. <article class="entry">
  611. <section class="post">
  612. <div class="top">
  613. {block:ifShowTitle}<h1 class="title"><a href="/">{Title}</a></h1>{block:ifShowTitle}
  614. <nav class="accent">
  615. {block:ifHomeLink}<li><a href="/">{text:home link}</a></li>{/block:ifHomeLink}
  616. {block:ifArchiveLink}<li><a href="/archive">{text:archive link}</a></li>{/block:ifArchiveLink}
  617. {block:ifAskLink}<li><a href="/ask">{text:ask link}</a></li>{/block:ifAskLink}
  618. {block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li> {/block:Pages}{/block:HasPages}
  619. {block:ifLink1}<li><a href="{text:link 1 url}">{text:link 1}</a></li>{/block:ifLink1}
  620. {block:ifLink2}<li><a href="{text:link 2 url}">{text:link 2}</a></li>{/block:ifLink2}
  621. {block:ifLink3}<li><a href="{text:link 3 url}">{text:link 3}</a></li>{/block:ifLink3}
  622. {block:ifLink4}<li><a href="{text:link 4 url}">{text:link 4}</a></li>{/block:ifLink4}
  623. {block:ifLink5}<li><a href="{text:link 5 url}">{text:link 5}</a></li>{/block:ifLink5}
  624. {block:ifLink6}<li><a href="{text:link 6 url}">{text:link 6}</a></li>{/block:ifLink6}
  625. </nav>
  626. </div>
  627. {block:Description}<div class="desc text">{Description}</div>{/block:Description}
  628. </section>
  629. </article>
  630. </aside>
  631. {/block:ifNotSidebar}
  632. <div class="content">
  633. {block:Posts}
  634. <article class="item entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}" id="{PostID}">
  635. <section class="post">
  636. {block:Audio}
  637. <div class="audiowrap">
  638. <div class="albumart" style="{block:AlbumArt}background-image:url({AlbumArtURL});{/block:AlbumArt}"></div>
  639. <div class="audio accent block">
  640. {block:AudioPlayer}
  641. <div class="player">{AudioPlayerWhite}</div>
  642. {/block:AudioPlayer}
  643. <div class="track">{block:TrackName}<span>{TrackName}</span>{/block:TrackName}{block:Artist}<span>{Artist}</span>{/block:Artist}</div>
  644. </div>
  645. </div>
  646. {/block:Audio}
  647. {block:Photo}
  648. <div class="media">
  649. {LinkOpenTag}
  650. <img src="{PhotoURL-HighRes}">
  651. {LinkCloseTag}
  652. </div>
  653. {/block:Photo}
  654. {block:Photoset}
  655. <div class="media photoset">
  656. <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>
  657. </div>
  658. {/block:Photoset}
  659. {block:Video}
  660. <div class="media video">{Video-500}</div>
  661. {/block:Video}
  662. {block:Answer}
  663. <div class="question accent">
  664. <span class="sender">{Asker}:</span>
  665. <span class="inquiry">{Question}</span>
  666. </div>
  667. <div class="answer text">{Answer}</div>
  668. {/block:Answer}
  669. {block:Chat}
  670. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  671. <ul class="chat text">
  672. {block:Lines}
  673. <li class="line">
  674. {block:Label}
  675. <span class="label">{Label}&nbsp; </span>
  676. {/block:Label}
  677. {Line}
  678. </li>
  679. {/block:Lines}
  680. </ul>
  681. {/block:Chat}
  682. {block:Link}
  683. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  684. {block:Description}<div class="text">{Description}</div>{/block:Description}
  685. {/block:Link}
  686. {block:Quote}
  687. <div class="quote title">{Quote}</div>
  688. {block:Source}
  689. <div class="source text">{Source}</div>
  690. {/block:Source}
  691. {/block:Quote}
  692. {block:Text}
  693. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  694. <div class="text">{Body}</div>
  695. {/block:Text}
  696. {block:Caption}
  697. <div class="caption text">{Caption}</div>
  698. {/block:Caption}
  699. </section>
  700. {block:Date}
  701. <section class="date">
  702. <div class="accent">
  703. {block:PermalinkPage}<a class="permalink" href="{Permalink}">{Year}.{MonthNumberWithZero}.{DayOfMonthWithZero}</a>{/block:PermalinkPage}
  704. {block:IndexPage}
  705. <a class="permalink" href="{Permalink}">{DayOfWeek}</a>
  706. {block:ifShowReblog}<i class="comma"> / </i><a class="reblog-b" target="_blank" href="{ReblogURL}">reblog</a>{/block:ifShowReblog}{block:ifShowLike}<i class="comma"> / </i><a class="like-b" href="#">{LikeButton}<span class="b">like</span></a>{/block:ifShowLike}
  707. {/block:IndexPage}
  708. {block:ifShowSource}
  709. {block:RebloggedFrom}
  710. <i class="comma"> / </i><a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<i class="comma"> / </i><a href="{ReblogRootURL}" title="{ReblogParentName}">source</a>{/block:ContentSource}
  711. {/block:RebloggedFrom}
  712. {/block:ifShowSource}
  713. {block:HasTags}
  714. <span class="tags"><i class="comma"> / </i>tags:<i class="comma"> </i>{block:Tags}<a href="{TagURL}">{Tag}</a><i class="comma">, </i>{/block:Tags}</span>
  715. {/block:HasTags}
  716. </div>
  717. </section>
  718. {/block:Date}
  719. </article>
  720. {block:PostNotes}
  721. <article class="entry">
  722. <section class="post">
  723. <h1 class="title">{NoteCountWithLabel}</h1>
  724. <div class="text">{PostNotes}</div>
  725. </section>
  726. </article>
  727. {/block:PostNotes}
  728. {/block:Posts}
  729. <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
  730. </div>
  731. {block:Pagination}<div class="pagination"><div class="title">{block:PreviousPage}<a class="prev" href="{PreviousPage}">previous</a>{/block:PreviousPage} {block:NextPage}<a class="next" href="{NextPage}">next</a>{/block:NextPage}</div></div>{/block:Pagination}
  732. </div>
  733. <a href="https://shythemes.tumblr.com" id="theme" class="accent" title="theme">k.</a>
  734. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  735. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  736. {block:IndexPage}
  737. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  738. {/block:IndexPage}
  739. <script>
  740. $.fn.extend({
  741. plyrs: function(hex) { // audio players
  742. $(this).find('.soundcloud_audio_player').each(function(){
  743. $(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=' + hex.split('#')[1], height: 20, width: '100%' });
  744. });
  745. $(this).find('.tumblr_audio_player').each(function(){
  746. $(this).attr({ src: $(this).attr('src').split('&color=')[0] + '&color=transparent&simple=1 '});
  747. });
  748. },
  749. resizevideos: function() {
  750. $(this).find('.video:not(.resized) iframe:not(.tumblr_video_iframe)').each(function(){
  751. var vw = $(this).width();
  752. var vh = $(this).height();
  753. var scale = $(this).parents('.video').width() / vw;
  754. $(this).attr({
  755. width: Math.floor($(this).attr('width') * scale),
  756. height: Math.floor($(this).attr('height') * scale)
  757. });
  758. $(this).parents('.video').addClass('resized');
  759. });
  760. $(this).find('.video:not(.resized) .tumblr_video_iframe').each(function(){
  761. var vw = $(this).width();
  762. var vh = $(this).height();
  763. var scale = $(this).parents('.video').width() / vw;
  764. $(this).css({
  765. 'transform': 'scale(' + scale + ')',
  766. 'margin': vh * (scale - 1) / 2 + 'px ' + vw * (scale - 1) / 2 + 'px'
  767. });
  768. $(this).parents('.tumblr_video_container').css({
  769. width: Math.floor(vw * ( scale + 1 ) / 2),
  770. height: Math.floor(vh * ( scale + 1 ) / 2)
  771. });
  772. $(this).parents('.video').addClass('resized');
  773. });
  774. }
  775. });
  776. $(document).ready(function(){
  777. var color = '#ededed',
  778. $content = $('.content'),
  779. o = $('.content').offset().top;
  780. $('.hb').click(function(){
  781. $('aside.ghost').toggleClass('box');
  782. return false
  783. });
  784. $(document).scroll(function(){
  785. var s = $(window).scrollTop();
  786. if (s > o) {
  787. $('.hb').fadeIn();
  788. }
  789. else {
  790. $('aside.ghost').removeClass('box');
  791. $('.hb').fadeOut();
  792. }
  793. });
  794. $content.plyrs(color);
  795. $content.resizevideos();
  796. $('.photo-slideshow').pxuPhotoset({
  797. lightbox: true,
  798. rounded: false,
  799. gutter: '0px',
  800. photoset: '.photo-slideshow',
  801. photoWrap: '.photo-data',
  802. photo: '.pxu-photo'
  803. });
  804. var $container = $('.content');
  805. {block:IndexPage}
  806. $container.infinitescroll({
  807. itemSelector: '.item',
  808. navSelector: '.pagination',
  809. nextSelector: '.next',
  810. loadingImg: '',
  811. loadingText: '<em></em>',
  812. bufferPx: 2000
  813. },
  814. function(newElements){
  815. var $newElems = $(newElements);
  816. var $newElemsIDs = $newElems.map(function(){
  817. return this.id;
  818. }).get();
  819. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  820. $newElems.find('.photo-slideshow').pxuPhotoset({
  821. lightbox: true,
  822. rounded: false,
  823. gutter: '0px',
  824. photoset: '.photo-slideshow',
  825. photoWrap: '.photo-data',
  826. photo: '.pxu-photo'
  827. });
  828. $newElems.plyrs(color);
  829. $newElems.resizevideos();
  830. });
  831. {/block:IndexPage}
  832. });
  833. </script>
  834. </body>
  835. </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!