API tools faq
paste
Guest User

Untitled

a guest
Jun 30th, 2016
77
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.17 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. peach @ 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="if:side info" content="">
  23. <meta name="if:show captions" content="">
  24. <meta name="if:show tags" content="">
  25. <meta name="if:show note count" content="">
  26. <meta name="if:infinite scroll" content="">
  27. <meta name="text:max post width" content="500">
  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.  
  44. <style type="text/css">
  45.  
  46. /* general */
  47.  
  48. body {
  49. margin:0;
  50. font-size:10px;
  51. letter-spacing:0;
  52. font-family:georgia;
  53. line-height:17px;
  54. word-break:break-word;
  55. -moz-osx-font-smoothing:grayscale;
  56. -webkit-font-smoothing:antialiased;
  57. font-smoothing:antialiased;
  58. color:rgb(33,33,33);
  59. /*background:rgb(248,248,248);*/
  60. }
  61. a {
  62. color:inherit;
  63. text-decoration:none;
  64. }
  65. small, sub {
  66. font-size:inherit;
  67. vertical-align:baseline;
  68. }
  69. blockquote, ol, ol li, ul, p, pre {
  70. margin:0 0 8px;
  71. }
  72. .text figure:not(first-child), .text img:not(first-child) {
  73. padding-top:4px;
  74. }
  75. .text figure:not(last-child), .text img:not(last-child) {
  76. padding-bottom:4px;
  77. }
  78. h1, h2, h3, h4, h5, h6 {
  79. margin:0;
  80. font-size:inherit;
  81. font-weight:inherit;
  82. }
  83. ul {
  84. list-style:none;
  85. padding:0;
  86. }
  87. blockquote {
  88. padding:7px 0 7px 21px;
  89. border-left:1px solid rgb(232,232,232);
  90. }
  91. blockquote > blockquote:first-child {
  92. margin-top:-7px!important;
  93. }
  94. blockquote > blockquote:last-child {
  95. margin-bottom:-7px!important;
  96. }
  97.  
  98. pre {
  99. white-space:normal;
  100. }
  101. img {
  102. border:0;
  103. max-width:100%;
  104. height:auto;
  105. display:block;
  106. }
  107. hr {
  108. border:0;
  109. -moz-box-sizing:border-box;
  110. box-sizing:border-box;
  111. }
  112.  
  113. /* accents */
  114.  
  115. h1.title {
  116. font-size:17px;
  117. line-height:21px;
  118. margin-bottom:21px;
  119. }
  120. .accent {
  121. -webkit-font-smoothing:initial;
  122. -moz-osx-font-smoothing:initial;
  123. font-smoothing:initial;
  124. font-size:8px;
  125. text-transform:uppercase;
  126. letter-spacing:1px;
  127. }
  128. .accent a {
  129. opacity:.5;
  130. }
  131. .accent .title {
  132. opacity:1;
  133. }
  134. .comma {
  135. opacity:.5;
  136. margin:0 5px;
  137. }
  138. .comma:last-child {
  139. display:none;
  140. }
  141. .text a {
  142. background-image:linear-gradient(rgb(120,120,120), rgb(120,120,120));
  143. background-size:1px 1px;
  144. background-repeat:repeat-x;
  145. background-position:left bottom;
  146. }
  147. hr {
  148. margin:11px 0 12px;
  149. width:25px;
  150. height:1px;
  151. background-color:rgb(222,222,222);
  152. }
  153. ul {
  154. padding:0;
  155. list-style-type:none;
  156. }
  157. ul li {
  158. position:relative;
  159. padding-left:37px;
  160. }
  161. ul li:before {
  162. content:'';
  163. position:absolute;
  164. display:block;
  165. top:10px;
  166. left:13px;
  167. height:0;
  168. width:12px;
  169. margin-top:-1px;
  170. border-top:1px solid rgb(212,212,212);
  171. }
  172. .chat li,
  173. .notes li {
  174. padding-left:0;
  175. }
  176. .chat li:before,
  177. .notes li:before {
  178. display:none;
  179. }
  180.  
  181. /* container */
  182.  
  183. .main {
  184. margin:0 auto;
  185. padding:7vw;
  186. max-width:500px;
  187. max-width:{text:max post width}px;
  188. background-color:rgb(255,255,255);
  189. }
  190.  
  191. /* header */
  192.  
  193. aside {
  194. padding-bottom:7vw;
  195. }
  196. aside .title {
  197. font-size:21px;
  198. }
  199. aside .links {
  200. margin:0 0 20px;
  201. }
  202. aside .links li {
  203. display:inline;
  204. }
  205. aside .links li:after {
  206. content:' / ';
  207. margin:0 5px;
  208. opacity:.5;
  209. }
  210. aside .links li:last-child:after {
  211. display:none;
  212. }
  213.  
  214. /* entries */
  215.  
  216. .entry {
  217. position:relative;
  218. overflow:hidden;
  219. padding:7vw 0;
  220. border-top:1px solid rgb(232,232,232);
  221. }
  222. .entry > section {
  223. position:relative;
  224. -moz-box-sizing:border-box;
  225. box-sizing:border-box;
  226. }
  227.  
  228. /* post info */
  229.  
  230. .date {
  231. margin:21px 0 0;
  232. }
  233. .permalink {
  234. font-size:13px;
  235. }
  236. .tags {
  237. margin-top:8px;
  238. }
  239. .tags:not(first-child):before {
  240. content:' / ';
  241. margin:0 5px;
  242. opacity:.5;
  243. display:none;
  244. }
  245. .tags {
  246. {block:IndexPage}
  247. {block:ifNotShowTags}display:none;{/block:ifNotShowTags}
  248. {/block:IndexPage}
  249. }
  250.  
  251. /* post types */
  252.  
  253. .text {
  254. margin:21px 0 0;
  255. }
  256. .text:first-child {
  257. margin-top:0;
  258. }
  259. .text *:last-child {
  260. margin-bottom:0;
  261. }
  262. .caption {
  263. {block:IndexPage}
  264. {block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}
  265. {/block:IndexPage}
  266. }
  267. .quote,
  268. .question {
  269. margin-bottom:21px;
  270. }
  271. .question .sender {
  272. font-size:11px;
  273. text-transform:lowercase;
  274. }
  275. .chat {
  276. padding:0;
  277. list-style-type:none;
  278. }
  279. .chat .label {
  280. display:block;
  281. opacity:.5;
  282. }
  283. .media:not(last-child) {
  284. margin-bottom:25px;
  285. }
  286. .media .photo-slideshow {
  287. margin-bottom:-10px!important;
  288. }
  289. .media > a img,
  290. .media > img,
  291. .media .photo-slideshow,
  292. .media .video iframe {
  293. display:block;
  294. }
  295.  
  296. /* audio posts */
  297.  
  298. .audiowrap {
  299. position:relative;
  300. height:60px;
  301. overflow:hidden;
  302. background-color:rgb(246,246,246);
  303. }
  304. .audio {
  305. position:absolute;
  306. display:inline-block;
  307. left:0;
  308. top:0;
  309. right:0;
  310. bottom:0;
  311. text-align:left;
  312. line-height:60px;
  313. }
  314. .audio .player {
  315. width:27px;
  316. height:27px;
  317. left:16px;
  318. top:16px;
  319. opacity:.4;
  320. line-height:0;
  321. overflow:hidden;
  322. position:absolute;
  323. }
  324. .audio .track {
  325. overflow:hidden;
  326. line-height:15px;
  327. margin-left:60px;
  328. width: calc(100% - 60px);
  329. display:inline-block;
  330. vertical-align:middle;
  331. }
  332. .audio .track span {
  333. display:block;
  334. max-height:15px;
  335. white-space:nowrap;
  336. overflow:hidden;
  337. text-overflow:ellipsis;
  338. margin-right:15px;
  339. opacity:.5;
  340. }
  341. .audio .track span:first-child {
  342. opacity:1;
  343. }
  344.  
  345. footer {
  346. overflow:hidden;
  347. padding-top:7vw;
  348. border-top:1px solid rgb(232,232,232);
  349. }
  350. footer .c {
  351. float:right;
  352. opacity:.5;
  353. }
  354. .pagination {
  355. display:none;
  356. }
  357. .notes {
  358. padding:0;
  359. list-style-type:none;
  360. }
  361. .notes li {
  362. display:block;
  363. }
  364. .notes img {
  365. display:none;
  366. }
  367. .notes .more_notes_link_container {
  368. text-align:inherit!important;
  369. }
  370.  
  371. #tumblr_controls,
  372. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls {
  373. position:fixed!important;
  374. top:0!important;
  375. right:0!important;
  376. opacity:.4!important;
  377. -webkit-filter:invert(100%);
  378. -webkit-backface-visibility:hidden;
  379. padding:17px;
  380. }
  381. #tumblr_lightbox, .tmblr-lightbox {
  382. background-color:rgba(255,255,255,.98)!important;
  383. }
  384. #vignette, .vignette {
  385. opacity:0;
  386. }
  387. #tumblr_lightbox img, .lightbox-image {
  388. box-shadow:none!important;
  389. border-radius:0!important;
  390. -moz-box-sizing:border-box;
  391. box-sizing:border-box;
  392. max-width:none;
  393. }
  394. #tumblr_lightbox_caption, .lightbox-caption {
  395. visibility:hidden;
  396. }
  397. #infscr-loading {
  398. display:none!important;
  399. }
  400.  
  401. {block:ifSideinfo}
  402. .main {
  403. max-width:775px;
  404. max-width:calc({text:max post width}px * 1.5 + 25px);
  405. }
  406. .entry > .post {
  407. float:left;
  408. width:66.667%;
  409. padding-right:12px;
  410. }
  411. .entry > .side {
  412. float:right;
  413. width:33.333%;
  414. padding-left:13px;
  415. padding-top:0;
  416. }
  417. @media screen and (max-width:628px) {
  418. .entry .post {
  419. width:100%;
  420. padding-right:0;
  421. }
  422. .entry > .side {
  423. width:100%;
  424. padding-left:0;
  425. padding-top:23px;
  426. }
  427.  
  428. }
  429. @media screen and (max-width:357px) {
  430. .main {
  431. padding:25px;
  432. }
  433. .entry {
  434. padding:25px 0;
  435. }
  436. aside {
  437. padding-bottom:25px;
  438. }
  439. aside .header {
  440. margin-bottom:25px;
  441. }
  442. .pagination {
  443. padding-top:25px;
  444. }
  445. }
  446. .date {
  447. margin:0!important;
  448. }
  449. {/block:ifSideInfo}
  450. {block:ifNotInfiniteScroll}
  451. .load-more {
  452. display:none;
  453. }
  454. .pagination {
  455. display:block!important;
  456. }
  457. {/block:ifNotInfiniteScroll}
  458. </style>
  459. <link href="//static.tumblr.com/wupwnyt/1iho27ad1/gkthm.css" rel="stylesheet" type="text/css">
  460. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  461. </head>
  462. <body>
  463. <div class="main">
  464. <aside>
  465. <h1 class="title"><a href="/">{Title}</a></h1>
  466. <div class="links accent">
  467. {block:ifHomeLink}<li><a href="/">{text:home link}</a></li>{/block:ifHomeLink}
  468. {block:ifArchiveLink}<li><a href="/archive">{text:archive link}</a></li>{/block:ifArchiveLink}
  469. {block:ifAskLink}<li><a href="/ask">{text:ask link}</a></li>{/block:ifAskLink}
  470. {block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li> {/block:Pages}{/block:HasPages}
  471. {block:ifLink1}<li><a href="{text:link 1 url}">{text:link 1}</a></li>{/block:ifLink1}
  472. {block:ifLink2}<li><a href="{text:link 2 url}">{text:link 2}</a></li>{/block:ifLink2}
  473. {block:ifLink3}<li><a href="{text:link 3 url}">{text:link 3}</a></li>{/block:ifLink3}
  474. {block:ifLink4}<li><a href="{text:link 4 url}">{text:link 4}</a></li>{/block:ifLink4}
  475. {block:ifLink5}<li><a href="{text:link 5 url}">{text:link 5}</a></li>{/block:ifLink5}
  476. {block:ifLink6}<li><a href="{text:link 6 url}">{text:link 6}</a></li>{/block:ifLink6}
  477. </div>
  478. <div class="desc">{description}</div>
  479. </aside>
  480. <div class="content">
  481. {block:Posts}
  482. <article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}{block:Video}ph{/block:Video}{block:Audio}ph{/block:Audio}" id="{PostID}">
  483. <section class="post">
  484. {block:Audio}
  485. {block:ifShowAlbumArt}{block:AlbumArt}<div class="media"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}{/block:ifShowAlbumArt}
  486. <div class="audiowrap">
  487. <div class="audio accent block">
  488. {block:AudioPlayer}
  489. <div class="player">{AudioPlayerWhite}</div>
  490. {/block:AudioPlayer}
  491. <div class="track">{block:TrackName}<span class="title">{TrackName}</span>{/block:TrackName}{block:Artist}<span>{Artist}</span>{/block:Artist}</div>
  492. </div>
  493. </div>
  494. {/block:Audio}
  495. {block:Photo}
  496. <div class="media">
  497. {LinkOpenTag}
  498. <img src="{PhotoURL-HighRes}">
  499. {LinkCloseTag}
  500. </div>
  501. {/block:Photo}
  502. {block:Photoset}
  503. <div class="media photoset">
  504. <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>
  505. </div>
  506. {/block:Photoset}
  507. {block:Video}
  508. <div class="media">
  509. <div class="video">{Video-500}</div>
  510. </div>
  511. {/block:Video}
  512. {block:Answer}
  513. <div class="question">
  514. <span class="sender">{Asker}</span>
  515. <span class="comma"> / </span>
  516. <span class="message">{Question}</span>
  517. </div>
  518. <div class="answer text">{Answer}</div>
  519. {/block:Answer}
  520. {block:Chat}
  521. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  522. <ul class="chat">
  523. {block:Lines}
  524. <li class="line text">
  525. {block:Label}
  526. <div class="label accent">{Label}</div>
  527. {/block:Label}
  528. {Line}
  529. </li>
  530. {/block:Lines}
  531. </ul>
  532. {/block:Chat}
  533. {block:Link}
  534. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  535. {block:Description}<div class="text">{Description}</div>{/block:Description}
  536. {/block:Link}
  537. {block:Quote}
  538. <h1 class="quote title">{Quote}</h1>
  539. {block:Source}
  540. <div class="source text">{Source}</div>
  541. {/block:Source}
  542. {/block:Quote}
  543. {block:Text}
  544. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  545. <div class="text">{Body}</div>
  546. {/block:Text}
  547. {block:Caption}
  548. <div class="caption text">{Caption}</div>
  549. {/block:Caption}
  550. </section>
  551. <section class="side">
  552. {block:Date}
  553. <div class="date">
  554. <a class="permalink" href="{Permalink}">{block:IndexPage}{block:ifNotShowNoteCount}{TimeAgo}{/block:ifNotShowNoteCount}{block:ifShowNoteCount}{NoteCountWithLabel}{/block:ifShowNoteCount}{/block:IndexPage}{block:PermalinkPage}{TimeAgo}{/block:PermalinkPage}</a>{block:PermalinkPage}{block:RebloggedFrom}<div class="rf">via <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource}<span class="comma"> / </span><a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}</div>{/block:RebloggedFrom}{/block:PermalinkPage}
  555. </div>
  556. {/block:Date}
  557. {block:HasTags}<div class="tags accent">{block:Tags}<a href="{TagURL}">{Tag}</a><span class="comma"> / </span>{/block:Tags}</div>{/block:HasTags}
  558. </section>
  559. </article>
  560. {block:PostNotes}
  561. <article class="entry" id="notes">
  562. <section class="post">
  563. <h1 class="title">{NoteCountWithLabel}</h1>
  564. <div class="text light">{PostNotes}</div>
  565. </section>
  566. </article>
  567. {/block:PostNotes}
  568. {/block:Posts}
  569. </div>
  570. <footer>
  571. <div class="c"><a href="http://shythemes.tumblr.com" id="theme" class="accent" title="theme">theme</a></div>
  572. {block:Pagination}
  573. <div class="lm accent"><a href="#" class="load-more title">load more posts</a></div>
  574. <div class="pagination accent"><span class="pn">{block:PreviousPage}<a class="prev" href="{PreviousPage}">previous</a>{block:NextPage}<span class="comma"> / </span>{/block:NextPage}{/block:PreviousPage}{block:NextPage}<a class="next title" href="{NextPage}">next page</a>{/block:NextPage}</span></div>
  575. {/block:Pagination}
  576. </div>
  577. </footer>
  578. <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
  579. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  580. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  581. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  582. {block:IndexPage}
  583. {block:ifInfiniteScroll}
  584. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  585. {/block:ifInfiniteScroll}
  586. {/block:IndexPage}
  587. <script>
  588. $(document).ready(function(){
  589. // tumblr audio players
  590. $('.tumblr_audio_player').each(function(){
  591. $(this).attr({ src: $(this).attr('src').split('&color=')[0] + '&color=transparent&simple=1 '});
  592. });
  593. // pxu photosets
  594. $('.photo-slideshow').pxuPhotoset({
  595. lightbox: true,
  596. rounded: false,
  597. gutter: '0px',
  598. photoset: '.photo-slideshow',
  599. photoWrap: '.photo-data',
  600. photo: '.pxu-photo'
  601. });
  602. {block:ifInfiniteScroll}
  603. // infinite scroll
  604. var $container = $('.content');
  605. $container.infinitescroll({
  606. itemSelector: '.entry',
  607. navSelector: '.pagination',
  608. nextSelector: '.next',
  609. loadingImg: '',
  610. loadingText: '<em></em>',
  611. bufferPx: 2000
  612. },
  613. function( newElements ) {
  614. var $newElems = $( newElements );
  615. // pxu photosets
  616. $newElems.find('.photo-slideshow').pxuPhotoset({
  617. lightbox: true,
  618. rounded: false,
  619. gutter: '0px',
  620. photoset: '.photo-slideshow',
  621. photoWrap: '.photo-data',
  622. photo: '.pxu-photo'
  623. });
  624. // videos
  625. resizeVideos();
  626. // tumblr audio players
  627. $newElems.find('.tumblr_audio_player').each(function(){
  628. $(this).attr({ src: $(this).attr('src').split('&color=')[0] + '&color=transparent&simple=1 '});
  629. });
  630. });
  631. $(window).unbind('.infscr');
  632. $('.load-more').click(function(){
  633. $container.infinitescroll('retrieve');
  634. return false
  635. });
  636. {/block:ifInfiniteScroll}
  637. });
  638. </script>
  639. </body>
  640. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!