Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <!--
- märchen theme by shythemes
- http://shythemes.tumblr.com
- -->
- <title>{Title}</title>
- <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
- <link rel="shortcut icon" href="{Favicon}"/>
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <meta name="image:sidebar" content=""/>
- <meta name="color:background" content="#ffffff"/>
- <meta name="color:border" content="#f0f0f0"/>
- <meta name="color:text" content="#9a9a9a"/>
- <meta name="color:bold" content="#4f4f4f"/>
- <meta name="color:title" content="#4f4f4f"/>
- <meta name="color:link" content="#91a6d1"/>
- <meta name="color:link hover" content="#8a97b3"/>
- <meta name="color:post info" content="#bdbdbd"/>
- <meta name="color:blockquote border" content="#e9e9e9"/>
- <meta name="color:caption bg" content="#fbfbfb"/>
- <meta name="color:popup bg" content="#fbfbfb"/>
- <meta name="color:scrollbar" content="#dcdcdc"/>
- <meta name="select:post width" content="250" title="250"/>
- <meta name="select:post width" content="300" title="300"/>
- <meta name="select:post width" content="350" title="350"/>
- <meta name="select:post width" content="400" title="400"/>
- <meta name="select:post width" content="450" title="450"/>
- <meta name="select:post width" content="494" title="500"/>
- <meta name="select:post width" content="536" title="540"/>
- <meta name="select:sidebar" content="left top" title="left top"/>
- <meta name="select:sidebar" content="left middle" title="left middle"/>
- <meta name="select:sidebar" content="left bottom" title="left bottom"/>
- <meta name="select:sidebar" content="right top" title="right top"/>
- <meta name="select:sidebar" content="right middle" title="right middle"/>
- <meta name="select:sidebar" content="right bottom" title="right bottom"/>
- <meta name="if:centered" content="1"/>
- <meta name="if:popup nav" content="1"/>
- <meta name="if:search bar" content="1"/>
- <meta name="if:show title" content="1"/>
- <meta name="if:show description" content="1"/>
- <meta name="if:show captions" content="1"/>
- <meta name="if:inline captions" content="0"/>
- <meta name="if:show tags" content="1"/>
- <meta name="if:show reblog info" content="1"/>
- <meta name="if:letter spacing" content="0"/>
- <meta name="if:infinite scroll" content="0"/>
- <meta name="text:font size" content=""/>
- <meta name="text:font family" content=""/>
- <meta name="text:home link" content="home"/>
- <meta name="text:archive link" content="archive"/>
- <meta name="text:ask link" content="ask"/>
- <meta name="text:link 1" content=""/>
- <meta name="text:link 1 url" content=""/>
- <meta name="text:link 2" content=""/>
- <meta name="text:link 2 url" content=""/>
- <meta name="text:link 3" content=""/>
- <meta name="text:link 3 url" content=""/>
- <meta name="text:link 4" content=""/>
- <meta name="text:link 4 url" content=""/>
- <meta name="text:link 5" content=""/>
- <meta name="text:link 5 url" content=""/>
- <meta name="text:link 6" content=""/>
- <meta name="text:link 6 url" content=""/>
- <link href='//fonts.googleapis.com/css?family=Lora:400,400italic|PT+Sans:400' rel='stylesheet' type='text/css'>
- <style type="text/css">
- /* basic styles */
- ::-webkit-scrollbar {
- width:3px;
- height:3px;
- }
- ::-webkit-scrollbar,
- ::-webkit-scrollbar-track {
- background-color:{color:background};
- }
- ::-webkit-scrollbar-thumb {
- background-color:{color:scrollbar};
- }
- body {
- margin:0px;
- font-family:'helvetica neue', arial, sans-serif;
- font-family:{text:font family}, 'helvetica neue', arial, sans-serif;
- letter-spacing:0px;
- font-size:10px;
- font-size:{text:font size}px;
- line-height:1.5em;
- word-wrap:break-word;
- overflow-x:hidden;
- -moz-font-smoothing:subpixel-antialiased;
- -webkit-font-smoothing:subpixel-antialiased;
- font-smoothing:subpixel-antialiased;
- color:{color:text};
- background-color:{color:background};
- {block:ifLetterSpacing}letter-spacing:1px;{/block:ifLetterSpacing}
- }
- blockquote, ol, ul, p, pre {
- margin-top:.6em;
- margin-bottom:.6em;
- }
- blockquote {
- margin-left:1.2em;
- margin-right:0;
- padding-left:1.2em;
- border-left:1px solid {color:blockquote border};
- }
- pre {
- white-space:normal;
- font-family:consolas, monospace;
- }
- img {
- border:0px;
- }
- a {
- color:inherit;
- text-decoration:none;
- }
- a:hover {
- color:{color:text};
- }
- ol, ul {
- padding-left:2.5em;
- }
- li ol, li ul {
- margin:0;
- }
- small, sub {
- font-size:1em;
- vertical-align:baseline;
- }
- b, strong {
- font-weight:normal;
- color:{color:bold};
- }
- h1, h2, h3, h4, h5, h6 {
- font-size:1em;
- font-weight:normal;
- }
- hr {
- border:0;
- margin:0;
- }
- /* accents */
- .accent {
- font-size:8px;
- font-weight:normal;
- font-style:normal;
- font-family:calibri, 'pt sans', 'trebuchet ms', 'helvetica neue', sans-serif;
- line-height:1.5em;
- text-transform:uppercase;
- letter-spacing:1px;
- color:{color:post info};
- }
- .title {
- font-size:15px;
- font-family:lora, times, serif;
- letter-spacing:0;
- line-height:1.2em;
- color:{color:title};
- }
- /* container */
- #main {
- margin:100px{block:ifCentered} auto{/block:ifCentered};
- width:{select:post width}px;
- text-align:center;
- }
- .left #main {
- padding-left:270px;
- }
- .right #main {
- padding-right:270px;
- }
- /* sidebar/header */
- aside {
- position:fixed;
- width:170px;
- }
- .top aside {
- top:100px;
- }
- .middle aside {
- top:100px;
- bottom:100px;
- }
- .middle .nest {
- display:table;
- height:100%;
- }
- .middle .inside {
- display:table-cell;
- vertical-align:middle;
- }
- .bottom aside {
- bottom:100px;
- }
- .left aside {
- margin-left:-270px;
- }
- .right aside {
- margin-left:calc({select:post width}px + 100px);
- }
- aside .im {
- display:block;
- position:relative;
- margin-bottom:5px;
- border-bottom:1px solid {color:border};
- }
- aside .im img {
- display:block;
- max-width:100%;
- height:auto;
- }
- aside .title a {
- display:block;
- padding:0 5px 10px;
- margin-bottom:5px;
- color:{color:title};
- border-bottom:1px solid {color:border};
- }
- aside ol {
- list-style-type:none;
- text-align:left;
- padding:0;
- margin:0px -10px 0 0;
- }
- aside ol li {
- display:inline;
- text-align:center;
- margin:0 10px 0 0;
- }
- aside #button,
- aside nav a,
- aside .search {
- display:inline-block;
- padding:6px 5px 5px;
- width:70px;
- border-bottom:1px solid {color:border};
- }
- aside #button,
- aside ol li:nth-child(2n+1) .search,
- aside ol li:nth-child(2n+1) .query {
- width:160px;
- max-width:160px;
- }
- aside .search .query {
- max-width:70px;
- border:0;
- outline:0;
- padding:0;
- color:{color:post info};
- text-align:center;
- background-color:transparent;
- }
- ::-webkit-input-placeholder {color:{color:post info};}
- :-moz-placeholder {color:{color:post info}; opacity:1;}
- ::-moz-placeholder {color:{color:post info}; opacity:1;}
- :-ms-input-placeholder {color:{color:post info};}
- input:focus::-webkit-input-placeholder {color:transparent;}
- input:focus:-moz-placeholder {color:transparent;}
- input:focus::-moz-placeholder {color:transparent; }
- input:focus:-ms-input-placeholder { color:transparent;}
- aside .desc {
- margin:5px 0;
- padding:10px;
- background-color:{color:caption bg};
- }
- {block:ifPopupNav}
- /* pop-up navigation */
- aside #button {
- padding:6px 5px 10px;
- }
- aside nav {
- position:fixed;
- top:50%;
- left:50%;
- z-index:1;
- width:170px;
- padding:30px;
- background-color:{color:background};
- -webkit-transform:translate(-50%,-50%);
- transform:translate(-50%,-50%);
- }
- aside nav,
- aside .bg {
- visibility:hidden;
- opacity:0;
- -webkit-transition:opacity .15s linear, visibility 0s linear .15s;
- transition:opacity .15s linear, visibility 0s linear .15s;
- }
- aside .bg {
- position:fixed;
- top:0;
- right:0;
- bottom:0;
- left:0;
- background-color:{color:popup bg};
- }
- .open aside .bg,
- .open aside nav {
- visibility:visible;
- opacity:1;
- -webkit-transition-delay:0s;
- transition-delay:0s;
- }
- .open aside .bg {
- opacity:.9;
- }
- aside li:nth-child(1) a,
- aside li:nth-child(2) a {
- border-top:1px solid {color:border};
- }
- {/block:ifPopupNav}
- /* pagination */
- .pagination {
- padding:50px 0 0;
- {block:ifInfiniteScroll}display:none;{/block:ifInfiniteScroll}
- }
- .pagination .pages {
- display:inline-block;
- padding:0 5px 5px;
- margin:0 0 -1px;
- border-bottom:1px solid {color:border};
- }
- .pagination ol {
- display:inline-block;
- margin:0;
- padding:0;
- border-top:1px solid {color:border};
- list-style-type:none;
- text-align:center;
- border-top:1px solid {color:border};
- {block:ifInfiniteScroll}display:none;{/block:ifInfiniteScroll}
- }
- .pagination a {
- border:0!important;
- display:inline-block;
- padding:6px 5px 5px 6px;
- }
- .pagination li {
- display:inline;
- margin:0;
- }
- /* posts */
- .entry {
- margin:0 0 100px;
- position:relative;
- }
- .post {
- position:relative;
- }
- .post a:hover {
- color:{color:link hover};
- }
- .post img {
- max-width:100%;
- height:auto;
- }
- /* info */
- .info, .tags {
- padding:5px;
- display:inline-block;
- }
- .info a {
- margin:0 3px;
- }
- .info {
- padding-top:6px;
- border-top:1px solid {color:border};
- }
- .tags {
- margin:0 0 -1px;
- border-bottom:1px solid {color:border};
- {block:IndexPage}{block:ifNotShowTags}display:none;{/block:ifNotShowTags}{/block:IndexPage}
- }
- .tags a {
- margin-left:1px;
- }
- .tags a:hover {
- color:{color:text};
- }
- .comma:last-child {
- display:none;
- }
- /* post titles */
- .post > h1,
- .quote {
- margin:0;
- text-align:left;
- font-size:13px;
- padding:0 5px 10px;
- line-height:1.5em;
- border-bottom:1px solid {color:border};
- }
- .quote {
- font-style:italic;
- text-align:center;
- }
- .question {
- text-align:center;
- padding:0 5px 10px;
- line-height:1.5em;
- }
- .question i {
- font-style:inherit;
- display:inline-block;
- text-align:right;
- margin:0 0 5px;
- padding:0 5px 5px;
- border-bottom:1px solid {color:border};
- }
- /* text and captions */
- .text {
- margin:0 0 5px;
- padding:15px;
- background-color:{color:caption bg};
- text-align:left;
- }
- .text a {
- color:{color:link};
- }
- .text a:hover {
- color:{color:link hover};
- text-decoration:underline;
- }
- .text *:first-child {
- margin-top:0px;
- }
- .text *:last-child {
- margin-bottom:0px;
- }
- .caption {
- {block:IndexPage}{block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}{/block:IndexPage}
- }
- {block:ifInlineCaptions}
- .caption {
- text-align:center;
- }
- .caption * {
- margin:0;
- padding:0;
- border:0;
- display:inline;
- list-style-type:none;
- }
- .caption blockquote:before, .caption li:before, .caption p:before, .caption pre:before, .caption div:before {
- content:" ";
- }{/block:ifInlineCaptions}
- .source {
- text-align:center;
- }
- /* photos and videos */
- .media {
- margin-bottom:5px;
- }
- .media img,
- .media .photoset {
- display:block;
- max-width:100%;
- margin:0px auto;
- }
- .video iframe,
- .tumblr_video_container {
- display:block;
- max-width:100%;
- max-height:{select:post width}px;
- }
- .video #youtube_iframe {
- max-height:calc({select:post width}px * 0.667);
- }
- .video .instagram-media {
- max-height:none!important;
- box-shadow:none!important;
- }
- /* chat posts */
- .chat .label {
- padding-right:5px;
- }
- /* audio posts */
- .audiowrap {
- position:relative;
- height:73px;
- overflow:hidden;
- line-height:0;
- margin-bottom:5px;
- text-align:left;
- }
- .albumart {
- position:relative;
- display:inline-block;
- width:73px;
- height:73px;
- background-size:cover;
- }
- .audio {
- position:absolute;
- display:inline-block;
- left:0px;
- top:0px;
- right:0px;
- bottom:0px;
- text-align:left;
- }
- .audio .player {
- width:27px;
- height:27px;
- left:23px;
- top:23px;
- overflow:hidden;
- position:absolute;
- }
- .audio .track {
- position:absolute;
- top:0px;
- left:78px;
- right:0px;
- bottom:0px;
- padding:23px;
- overflow:hidden;
- line-height:14px!important;
- background-color:{color:caption bg};
- }
- .audio .track i {
- font-style:normal;
- display:block;
- position:relative;
- width:100%;
- height:14px;
- overflow:hidden;
- }
- /* post notes */
- #notes {
- text-align:left;
- }
- .notes {
- list-style-type:none;
- padding:0;
- margin:0;
- }
- .notes a {
- border:0;
- text-decoration:none;
- color:inherit;
- }
- .notes li {
- padding:6px 5px 5px;
- border-bottom:1px solid {color:border};
- }
- .notes img {
- display:none;
- }
- .notes li blockquote {
- margin-bottom:.5em!important;
- }
- #infscr-loading {
- display:none!important;
- }
- #tumblr_controls {
- -webkit-filter:invert(90%);
- -webkit-backface-visibility:hidden;
- opacity:.67!important;
- padding:5px;
- }
- #tumblr_lightbox {
- background-color:transparent!important;
- }
- #tumblr_lightbox > div:nth-child(2) {
- opacity:.9;
- background-color:{color:popup bg};
- }
- #vignette,
- #tumblr_lightbox_left_image,
- #tumblr_lightbox_right_image {
- visibility:hidden;
- }
- #tumblr_lightbox img {
- border-radius:0!important;
- box-shadow:none!important;
- }
- #theme {
- position:fixed;
- bottom:10px;
- right:10px;
- display:inline-block;
- padding:5px;
- font:8px/5px 'helvetica neue', arial, sans-serif;
- letter-spacing:0;
- text-transform:none;
- background-color:white;
- color:#4f4f4f;
- }
- </style>
- </head>
- <body class="{select:sidebar}">
- <div id="main">
- <div id="content"><!-- p o s t s -->
- {block:Posts}
- <article class="entry">
- <div class="post">
- {block:Answer}<!-- a n s w e r --><div class="ask"><div class="question accent"><i>{Asker} asked</i><br/>{Question}</div></div><div class="answer text">{Answer}</div>{/block:Answer}{block:Audio}<!-- a u d i o --><div class="audiowrap"><div class="albumart" style="{block:AlbumArt}background-image:url({AlbumArtURL});{/block:AlbumArt}"></div><div class="audio">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}<div class="track accent">{block:TrackName}<i>Track: {TrackName}</i>{/block:TrackName}{block:Artist}<i>Artist: {Artist}</i>{/block:Artist}</div></div></div>{/block:Audio}{block:Chat}<!-- c h a t -->{block:Title}<h1 class="title">{Title}</h1>{/block:Title}<div class="chat text accent">{block:Lines}<div class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</div>{/block:Lines}</div>{/block:Chat}{block:Link}<!-- l i n k --><h1 class="title"><a href="{URL}">{Name}</a></h1>{block:Description}<div class="text">{Description}</div>{/block:Description}{/block:Link}{block:Photo}<!-- p h o t o --><div class="media">{LinkOpenTag}<img src="{PhotoURL-HighRes}"/>{LinkCloseTag}</div>{/block:Photo}{block:Photoset}<!-- p h o t o s e t --><div class="media">{Photoset}</div>{/block:Photoset}{block:Quote}<!-- q u o t e --><div class="quote title">{Quote}</div>{block:Source}<div class="source text">{Source}</div>{/block:Source}{/block:Quote}{block:Text}<!-- t e x t -->{block:Title}<h1 class="title">{Title}</h1>{/block:Title}<div class="text">{Body}</div>{/block:Text}{block:Video}<!-- v i d e o --><div class="media video">{Video-500}</div>{/block:Video}
- {block:Caption}<!-- c a p t i o n --><div class="caption text">{Caption}</div>{/block:Caption}
- {block:HasTags}<!-- t a g s --><div class="tags accent">tagged {block:Tags}<a href="{TagURL}">{Tag}</a><i class="comma">,</i> {/block:Tags}</div>{/block:HasTags}
- </div>
- {block:Date}<!-- d a t e --><div class="info accent {block:HasTags}t{/block:HasTags}"><a href="{Permalink}" class="permalink">{ShortMonth} {DayOfMonth}</a> {block:NoteCount}<a href="{Permalink}">+{NoteCount}</a> {/block:NoteCount}{block:ifShowReblogInfo}{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a> {block:ContentSource}<a href="{ReblogRootURL}">source</a> {/block:ContentSource}{/block:RebloggedFrom}{/block:ifShowReblogInfo}<a href="{ReblogURL}">reblog</a> </div>{/block:Date}
- </article>
- {block:PostNotes}<!-- p o s t n o t e s --><article id="notes" class="entry"><div class="post"><h1 class="title">Notes</h1><div class="accent">{PostNotes}</div></div></article>{/block:PostNotes}
- {/block:Posts}
- <!-- {block:ContentSource}{SourceURL} {/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL} {ReblogParentURL}{/block:RebloggedFrom} -->
- </div><!-- end #content -->
- <aside><!-- s i d e b a r -->
- <div class="nest"><div class="inside">
- {block:ifShowTitle}<div class="title"><a href="/">{Title}</a></div>{/block:ifShowTitle}
- {block:ifSidebarImage}<a href="/" class="im"><img src="{image:sidebar}"></a>{/block:ifSidebarImage}
- {block:ifShowDescription}<div class="desc">{Description}</div>{/block:ifShowDescription}
- {block:ifPopupNav}<a id="button" class="accent" href="#">Navigation</a><div class="bg"></div>{/block:ifPopupNav}
- <nav><!-- n a v i g a t i o n --><ol class="accent">{block:ifHomeLink}<li><a href="/">{text:home link}</a></li>{/block:ifHomeLink}{block:ifArchiveLink}<li><a href="/archive">{text:archive link}</a></li>{/block:ifArchiveLink}{block:ifAskLink}<li><a href="/ask">{text:ask link}</a></li>{/block:ifAskLink}{block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}{/block:HasPages}{block:ifLink1}<li><a href="{text:link 1 url}">{text:link 1}</a></li>{/block:ifLink1}{block:ifLink2}<li><a href="{text:link 2 url}">{text:link 2}</a></li>{/block:ifLink2}{block:ifLink3}<li><a href="{text:link 3 url}">{text:link 3}</a></li>{/block:ifLink3}{block:ifLink4}<li><a href="{text:link 4 url}">{text:link 4}</a></li>{/block:ifLink4}{block:ifLink5}<li><a href="{text:link 5 url}">{text:link 5}</a></li>{/block:ifLink5}{block:ifLink6}<li><a href="{text:link 6 url}">{text:link 6}</a></li>{/block:ifLink6}{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}</ol></nav>
- {block:Pagination}<!-- p a g i n a t i o n --><div class="pagination accent"><span class="pages">Page {CurrentPage} of {TotalPages}</span><br/><ol>{block:PreviousPage}<li><a class="back" href="{PreviousPage}">{lang:Back}</a></li>{/block:PreviousPage}{block:NextPage}<li><a class="next" href="{NextPage}">{lang:Next}</a></li>{/block:NextPage}</ol></div>{/block:Pagination}
- </div></div></aside>
- </div><!-- end #main -->
- <a href="http://shythemes.tumblr.com" target="_blank" id="theme">ㅅ</a>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script>
- $(document).ready(function(){
- $('#button').bind('click', function(){
- $('body').toggleClass('open');
- return false
- });
- $('.bg').bind('click', function(){
- $('body').toggleClass('open');
- });
- });
- </script>
- {block:IndexPage}
- {block:ifInfiniteScroll}
- <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
- <script>
- $(document).ready(function(){
- $('#content').infinitescroll({
- itemSelector : ".entry",
- navSelector : ".pagination",
- nextSelector : ".next",
- loadingImg : "",
- loadingText : "<em></em>",
- bufferPx: 2000
- });
- });
- </script>{/block:ifInfiniteScroll}
- {/block:IndexPage}
- </body>
- </html>
Add Comment
Please, Sign In to add comment