Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <!--
- noir @ shythemes
- -->
- <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="viewport" content="width=device-width, initial-scale=1">
- <meta name="image:background" content=""/>
- <meta name="color:background" content="#ffffff"/>
- <meta name="color:title" content="#4f4f4f"/>
- <meta name="color:text" content="#6f6f6f"/>
- <meta name="color:accent" content="#9f9f9f"/>
- <meta name="color:accent border" content="#e9e9e9"/>
- <meta name="color:posts" content="#f8f8f8"/>
- <meta name="select:posts" content="250px" title="250px"/>
- <meta name="select:posts" content="300px" title="300px"/>
- <meta name="select:posts" content="350px" title="350px"/>
- <meta name="select:font" content="karla" title="Karla"/>
- <meta name="select:font" content="source-sans-pro" title="Source Sans Pro"/>
- <meta name="select:font" content="source-serif-pro" title="Source Serif Pro"/>
- <meta name="select:font" content="inconsolata" title="Inconsolata"/>
- <meta name="select:font" content="courier-prime" title="Courier Prime"/>
- <meta name="select:captions" content="" title="normal"/>
- <meta name="select:captions" content="inline" title="inline"/>
- <meta name="select:captions" content="inline clipped" title="clipped"/>
- <meta name="select:captions" content="hidden" title="hidden"/>
- <meta name="if:lowercase" content="0"/>
- <meta name="if:show description" content="0"/>
- <meta name="if:tile background" content="1"/>
- <meta name="if:infinite scroll" content="0"/>
- <meta name="text:other font" content=""/>
- <meta name="text:font size" content=""/>
- <meta name="text:home link" content=""/>
- <meta name="text:archive link" content=""/>
- <meta name="text:ask link" content="message"/>
- <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=""/>
- <script src="//use.edgefonts.net/{select:font}:n4,n5,i4,n7,i7.js"></script>
- <style type="text/css">
- ::-webkit-scrollbar {
- width:17px;
- height:17px;
- }
- ::-webkit-scrollbar {
- background-color:{color:background};
- }
- ::-webkit-scrollbar-track {
- border:8px solid {color:background};
- background-color:{color:background};
- }
- ::-webkit-scrollbar-thumb {
- border:8px solid {color:background};
- background-color:{color:accent border};
- min-height:24px;
- min-width:24px;
- }
- html {
- height:100%;
- }
- body {
- margin:0;
- height:100%;
- font-size:10px;
- font-family:{select:font}, sans-serif;
- {block:ifOtherFont}
- font-family:{text:other font}, {select:font}, sans-serif;
- {/block:ifOtherFont}
- {block:ifFontSize}
- font-size:{text:font size};
- {/block:ifFontSize}
- {block:ifLowercase}
- text-transform:lowercase;
- {/block:ifLowercase}
- line-height:1.67em;
- word-wrap:break-word;
- background-attachment:fixed;
- -moz-osx-font-smoothing:grayscale;
- -webkit-font-smoothing:antialiased;
- font-smoothing:antialiased;
- -ms-text-size-adjust:100%;
- -moz-text-size-adjust:100%;
- -webkit-text-size-adjust:100%;
- color:{color:text};
- background-color:{color:background};
- {block:ifBackgroundImage}
- background-image:url({image:background});
- {/block:ifBackgroundImage}
- {block:ifNotTileBackground}
- background-size:cover;
- {/block:ifNotTileBackground}
- }
- a, a b, a strong {
- color:inherit;
- text-decoration:none;
- }
- small, sub {
- font-size:1em;
- vertical-align:baseline;
- }
- blockquote {
- margin:0;
- padding:.67em 1.33em .67em 2.33em;
- border-left:1px solid rgba({RGBcolor:accent border},.67);
- }
- pre {
- font-family:inherit;
- white-space:normal;
- }
- ol {
- padding:0;
- list-style-type:none;
- }
- ol li {
- counter-increment:olist;
- }
- ol li::before {
- content:counter(olist, decimal-leading-zero) '.';
- margin-right:.33em;
- }
- li ol, li ul {
- margin:0;
- }
- blockquote, ol, ul, p, pre {
- margin-top:.33em;
- margin-bottom:.33em;
- }
- h1, h2, h3, h4, h5, h6 {
- font-size:1em;
- font-weight:normal;
- }
- hr {
- border:0;
- margin:0;
- -moz-box-sizing:content-box;
- box-sizing:content-box;
- }
- img {
- border:0;
- max-width:100%;
- height:auto;
- }
- /* accents */
- .title {
- font-weight:bold;
- font-size:1.5em;
- margin-top:0;
- margin-bottom:.9em;
- letter-spacing:-1px;
- color:{color:title};
- }
- .accent, .light, li::before, li::after {
- color:{color:accent};
- }
- .light a, .text .tumblr_blog {
- color:{color:accent};
- }
- .text a, .accent a, .title a, nav a {
- border-bottom:1px solid transparent;
- }
- .text a:hover, .accent a:hover, .title a:hover,
- nav a:hover, .light a:hover, .text .tumblr_blog:hover {
- border-color:{color:accent border};
- }
- ul {
- padding:0;
- list-style-type:none;
- }
- ul li, .question .sender {
- position:relative;
- padding-left:2.5em;
- }
- ul li::before, .question .sender::before {
- content:'';
- position:absolute;
- display:block;
- top:.835em;
- left:.835em;
- height:0;
- width:.835em;
- margin-top:-1px;
- border-top:1px solid {color:accent border};
- }
- /* container */
- #main {
- position:relative;
- margin:0 100px;
- height:100%;
- }
- /* header */
- aside {
- position:fixed;
- top:50%;
- margin-top:calc(-{select:posts}/2);
- left:0;
- z-index:5;
- width:149px;
- height:{select:posts};
- padding:0 100px;
- background-color:{color:background};
- border-right:1px solid rgba({RGBcolor:accent border},.67);
- }
- .sidebar {
- text-align:center;
- position:absolute;
- top:50%;
- -webkit-transform:translateY(-50%);
- transform:translateY(-50%);
- width:149px;
- }
- #title {
- margin-right:1px;
- }
- nav li {
- padding:0 0 .33em;
- display:block;
- }
- .desc {
- padding:0 0 1em;
- }
- /* posts */
- #content {
- position:absolute;
- left:350px;
- top:50%;
- margin-top:calc(-{select:posts}/2);
- height:{select:posts};
- {block:IndexPage}
- overflow:hidden;
- display:inline;
- margin-right:-99999px;
- width:auto;
- {/block:IndexPage}
- }
- .entry {
- position:relative;
- counter-increment:posts;
- width:{select:posts};
- {block:IndexPage}
- height:100%;
- {/block:IndexPage}
- }
- .post {
- position:relative;
- padding:1em 1.33em;
- min-height:calc(100% - 4.67em);
- background-color:{color:posts};
- overflow:hidden;
- {block:PermalinkPage}
- margin-bottom:100px;
- {/block:PermalinkPage}
- }
- .clip {
- position:absolute;
- bottom:0;
- left:0;
- right:0;
- height:1.33em;
- background-color:{color:posts};
- z-index:3;
- }
- .ph .clip {
- display:none;
- }
- {block:IndexPage}
- .entry {
- float:left;
- margin:0 100px 0 0;
- max-height:100%;
- }
- .ph, .ph .post, .ph .media, .ph .media img {
- width:auto;
- max-width:none;
- padding:0;
- height:100%;
- max-height:100%;
- }
- {/block:IndexPage}
- /* info */
- .info {
- margin-bottom:1em;
- }
- .info .permalink:before {
- content:counter(posts, decimal-leading-zero) '.';
- }
- .ph .info {
- margin:0;
- }
- .ph .info .permalink {
- position:absolute;
- top:0;
- left:0;
- z-index:2;
- width:100%;
- height:100%;
- background-color:transparent;
- }
- .ph .info .permalink:before {
- display:none;
- }
- .perma {
- position:absolute;
- top:0;
- width:100%;
- left:100%;
- margin:1em 1.33em;
- }
- .tags {
- {block:IndexPage}display:none;{/block:IndexPage}
- }
- .comma {
- font-style:inherit;
- }
- .comma:last-child {
- display:none;
- }
- /* post titles */
- .post > h1,
- .question,
- .quote {
- }
- .quote * {
- margin:0;
- }
- .question {
- overflow:hidden;
- font-size:1em;
- }
- .question .sender {
- position:relative;
- display:inline-block;
- text-transform:lowercase;
- font-style:inherit;
- }
- /* text */
- .text *:first-child {
- margin-top:0;
- }
- .text *:last-child {
- margin-bottom:0;
- }
- .answer,
- .caption {
- margin-top:.67em;
- }
- .quote,
- .question {
- margin-bottom:.67em;
- }
- /* captions */
- {block:IndexPage}
- .ph .caption {
- margin:0;
- opacity:0;
- position:absolute;
- top:50%;
- left:50%;
- z-index:3;
- padding:1em 1.33em;
- -webkit-transform:translate(-50%,-50%);
- transform:translate(-50%,-50%);
- max-width: calc(50% - 4px - 1.33em);
- max-height: calc(50% - 4px - 1em);
- overflow:hidden;
- background-color:{color:posts};
- -webkit-transition:opacity .3s ease-in-out;
- transition:opacity .3s ease-in-out;
- }
- .ph:hover .caption {
- opacity:1;
- }
- {/block:IndexPage}
- .caption.hidden {
- display:none;
- }
- .caption.inline * {
- display:inline;
- margin:0;
- }
- .caption.inline blockquote {
- padding:0;
- border:0;
- }
- .caption.inline *::after {
- content:' ';
- }
- .caption.inline a::after {
- display:none;
- }
- .caption.clipped {
- white-space:nowrap;
- overflow:hidden;
- text-overflow:ellipsis;
- max-height:1.6em;
- }
- /* audio posts */
- .audio {
- padding:.33em 0 0;
- }
- .audio .track {
- display:none;
- }
- /* photos and videos */
- .media {
- overflow:hidden;
- {block:PermalinkPage}margin:-1em -1.33em 1.33em;{/block:PermalinkPage}
- }
- .media img {
- display:block;
- margin:0;
- }
- .video iframe,
- .tumblr_video_container {
- display:block;
- max-height:100%;
- }
- /* footer */
- footer {
- width:auto!important;
- }
- .pagination {
- position:absolute;
- top:50%;
- -webkit-transform:translateY(-50%);
- transform:translateY(-50%);
- }
- .pagination .next {
- color:{color:text};
- }
- {block:ifInfiniteScroll}
- footer {
- display:none;
- }
- {/block:ifInfiniteScroll}
- /* post notes */
- .notes a {
- border:0;
- text-decoration:none;
- color:inherit;
- }
- .notes img {
- display:none;
- }
- .action > a:first-of-type {
- color:{color:text};
- }
- .clear {
- display:none;
- }
- .note {
- text-align:inherit!important;
- }
- .note::before {
- display:none;
- }
- .note blockquote {
- display:inline;
- padding:0;
- border:0;
- }
- .note blockquote::before {
- content:' ';
- }
- /* etc */
- #infscr-loading {
- display:none!important;
- }
- #tumblr_controls, .tmblr-iframe {
- position:fixed!important;
- opacity:.5!important;
- -webkit-filter:invert(100%);
- -webkit-backface-visibility:hidden;
- -webkit-transition:opacity .3s ease-in-out;
- transition:opacity .3s ease-in-out;
- -moz-box-sizing:content-box;
- box-sizing:content-box;
- padding:8px;
- }
- #tumblr_controls:hover, .tmblr-iframe:hover {
- opacity:.7!important;
- }
- #tumblr_lightbox, .tmblr-lightbox {
- background-color:rgba({RGBcolor:background},98)!important;
- }
- #vignette, .vignette {
- opacity:0;
- }
- #tumblr_lightbox img, .lightbox-image {
- box-shadow:none!important;
- border-radius:0!important;
- max-width:none;
- }
- #tumblr_lightbox_caption, .lightbox-caption {
- visibility:hidden;
- }
- #theme {
- position:fixed;
- display:inline-block;
- bottom:10px;
- right:34px;
- z-index:999;
- padding:5px;
- line-height:1em;
- background-color:{color:background};
- color:{color:accent};
- }
- </style>
- <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- </head>
- <body>
- <div id="main">
- <aside>
- <section class="sidebar">
- <div class="title"><a id="title" href="/">{Title}</a></div>
- {block:ifShowDescription}<div class="desc light">{Description}</div>{/block:ifShowDescription}
- <nav><!-- navigation -->
- {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}
- </nav>
- </section>
- </aside>
- <div id="content"><!-- posts -->
- {block:Posts}
- <article class="entry{block:IndexPage}{block:Photo} ph{/block:Photo}{block:Photoset} ph{/block:Photoset}{block:Video} ph{/block:Video}{/block:IndexPage}">
- {block:IndexPage}
- {block:Date}
- <section class="info light">
- <a href="{Permalink}" class="permalink"></a>
- </section>
- {/block:Date}
- <div class="clip"></div>
- {/block:IndexPage}
- <section class="post">
- {block:Answer}<!-- answer --><div class="question text"><span>{Question}</span><i class="sender light">{lang:Asked by Asker 2}</i></div><div class="answer text">{Answer}</div>{/block:Answer}
- {block:Audio}<!-- audio --><div class="audio">{block:AudioPlayer}{AudioPlayerGrey}{/block:AudioPlayer}</div>{/block:Audio}
- {block:Chat}<!-- chat -->{block:Title}<h1 class="title">{Title}</h1>{/block:Title}<div class="chat text"><ul>{block:Lines}<li class="line">{block:Label}<span class="label light">{Label} </span>{/block:Label}{Line}</li>{/block:Lines}</ul></div>{/block:Chat}
- {block:Link}<!-- link --><h1 class="title"><a href="{URL}">{Name}</a></h1>{block:Description}<div class="text">{Description}</div>{/block:Description}{/block:Link}
- {block:Photo}<!-- photo --><div class="media">{LinkOpenTag}<img src="{PhotoURL-HighRes}"/>{LinkCloseTag}</div>{/block:Photo}
- {block:Photoset}<!-- photoset --><div class="media photoset">{block:IndexPage}{block:Photos}<img src="{PhotoURL-HighRes}"/><!--{/block:Photos}-->{/block:IndexPage}{block:PermalinkPage}<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>{/block:PermalinkPage}</div>{/block:Photoset}
- {block:Quote}<!-- quote --><div class="quote text">{Quote}</div>{block:Source}<div class="source text light">{Source}</div>{/block:Source}{/block:Quote}
- {block:Text}<!-- text -->{block:Title}<h1 class="title">{Title}</h1>{/block:Title}<div class="text">{Body}</div>{/block:Text}
- {block:Video}<!-- video --><div class="media video">{Video-500}</div>
- {/block:Video}
- {block:Caption}<!-- caption --><div class="caption text{block:IndexPage} {select:captions}{/block:IndexPage}">{Caption}</div>{/block:Caption}
- </section>
- {block:PermalinkPage}{block:Date}
- <section class="perma light">{TimeAgo} with {NoteCountWithLabel}{block:RebloggedFrom}<div class="rb light"> via <a href="{ReblogParentURL}" class="rf">{ReblogParentName}</a>{block:ContentSource} (<a href="{ReblogRootURL}" class="src">source</a>){/block:ContentSource}</div>{/block:RebloggedFrom}
- {block:HasTags}
- <div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a><i class="comma"> / </i>{/block:Tags}</div>
- {/block:HasTags}
- </section>
- {/block:Date}
- {/block:PermalinkPage}
- </article>
- {block:PostNotes}<!-- post notes -->
- <article id="notes" class="entry">
- <section class="post">
- <div class="light text">{PostNotes}</div>
- </section>
- </article>
- {/block:PostNotes}
- {/block:Posts}
- <!-- {block:ContentSource}{SourceURL} {/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL} {ReblogParentURL}{/block:RebloggedFrom} -->
- {block:Pagination}<!-- pagination -->
- <footer class="entry light">
- <div class="pagination">
- {block:NextPage}<a class="next title" href="{NextPage}">⋯</a>{/block:NextPage}
- {block:PreviousPage}<!--{block:NextPage}<br/>{/block:NextPage}<a class="back" href="{PreviousPage}">{lang:Back}</a>-->{/block:PreviousPage}
- </div>
- </footer>
- {/block:Pagination}
- </div><!-- end #content -->
- </div><!-- end #main -->
- <a href="http://shythemes.tumblr.com" target="_blank" id="theme">thm</a>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- {block:IndexPage}
- <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
- {block:ifInfiniteScroll}
- <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
- {/block:ifInfiniteScroll}
- {/block:IndexPage}
- {block:PermalinkPage}
- <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- {/block:PermalinkPage}
- <script>
- $(document).ready(function(){
- {block:PermalinkPage}
- $('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '4px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- {/block:PermalinkPage}
- {block:IndexPage}
- {block:ifInfiniteScroll}
- $('#content').infinitescroll({
- itemSelector: '.entry',
- navSelector: '.pagination',
- nextSelector: '.next',
- loadingImg: '',
- loadingText: '<em></em>',
- bufferPx: 2000
- },
- function( newElements ) {
- var $newElems = $( newElements );
- $newElems.find('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '4px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- });
- {/block:ifInfiniteScroll}
- {/block:IndexPage}
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement