API tools faq
paste
Advertisement
kthms

myth theme

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