API tools faq
paste
Advertisement
kthms

märchen theme

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