API tools faq
paste
Advertisement
kthms

prism edit

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