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>
- <!--
- cerulean @ shythemes
- notes:
- - when entering a font size, make sure to include the full value
- (ex. 11px, 0.7em, 70%)
- - to enable the theme to work on mobile devices, go to "advanced
- settings" at the bottom of the customize panel, and turn off
- the option "use default mobile theme"
- -->
- <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:link border" content="#c9edde"/>
- <meta name="color:link border hover" content="#b3daff"/>
- <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:posts" content="400px" title="400px"/>
- <meta name="select:posts" content="450px" title="450px"/>
- <meta name="select:posts" content="500px" title="500px"/>
- <meta name="select:font" content="pt-sans" title="PT Sans"/>
- <meta name="select:font" content="source-sans-pro" title="Source Sans Pro"/>
- <meta name="select:font" content="open-sans" title="Open Sans"/>
- <meta name="select:font" content="lato" title="Lato"/>
- <meta name="select:font" content="lora" title="Lora"/>
- <meta name="select:font" content="pt-serif" title="PT Serif"/>
- <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="ubuntu-mono" title="Ubuntu Mono"/>
- <meta name="select:font" content="karla" title="Karla"/>
- <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:one column" content="0"/>
- <meta name="if:center content" content="1"/>
- <meta name="if:highres images" content="0"/>
- <meta name="if:photosets on index" content="0"/>
- <meta name="if:link borders" content="1"/>
- <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="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=""/>
- <script src="//use.edgefonts.net/{select:font}:n4,n5,i4,n7,i7.js"></script>
- <style type="text/css">
- html, body {
- width:100%;
- height:100%;
- }
- body {
- margin:0;
- 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}
- 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:0 0 0 1.33em;
- border-left:1px solid {color:accent border};
- }
- 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:1em;
- margin-bottom:1em;
- }
- 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-size:1.4em;
- margin-bottom:.86em;
- color:{color:title};
- }
- .accent, .light, li::before, li::after {
- color:{color:accent};
- }
- .light a, .text .tumblr_blog {
- color:{color:accent};
- }
- {block:ifLinkBorders}
- .text a, .accent a, .title a {
- border-bottom:1px solid {color:link border};
- }
- .text a:hover, .accent a:hover, .title a:hover {
- border-color:{color:link border hover};
- }
- .light a, .text .tumblr_blog {
- border-bottom:0;
- }
- nav a:hover, .light a:hover, .text .tumblr_blog:hover {
- border-bottom:1px solid {color:accent border};
- }
- {/block:ifLinkBorders}
- 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:10% 10% 0;
- }
- /* header */
- aside {
- margin:0 0 12.5%;
- }
- #title {
- font-size:1.2em;
- }
- nav {
- margin:1.33em 0 -.33em;
- }
- nav li {
- padding:0;
- list-style:none;
- display:inline;
- }
- nav li::after {
- content:' / ';
- }
- nav li:last-child::after {
- display:none;
- }
- .desc {
- margin-top:1.33em;
- }
- /* posts */
- #content {
- overflow:hidden;
- }
- .entry {
- position:relative;
- margin:0 0 12.5%;
- max-width:100%;
- }
- .post {
- position:relative;
- }
- /* info */
- .info {
- margin-top:1.33em;
- }
- .info .square {
- display:inline-block;
- vertical-align:top;
- width:6px;
- height:6px;
- background-color:{color:link border};
- }
- .info .square:hover {
- border-bottom:0;
- background-color:{color:link border hover};
- }
- .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:1em;
- }
- /* captions */
- .caption.hidden {
- display:none;
- }
- .caption.inline * {
- display:inline;
- margin:0;
- padding:0;
- }
- .caption.inline blockquote {
- 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 .track {
- display:none;
- }
- /* photos and videos */
- .media {
- overflow:hidden;
- padding-bottom:.33em;
- }
- .media img {
- display:block;
- margin:0;
- }
- /* footer */
- footer {
- overflow:hidden;
- text-transform:lowercase;
- padding-bottom:12.5%;
- }
- .pagination {
- margin-bottom:1em;
- }
- .pagination .next {
- color:{color:text};
- }
- {block:ifInfiniteScroll}
- .pagination {
- display:none;
- }
- #stt {
- border:0;
- position:fixed;
- display:inline-block;
- bottom:10px;
- left:10px;
- z-index:999;
- padding:5px;
- line-height:1em;
- background-color:{color:background};
- color:{color:accent};
- opacity:0;
- -webkit-transition:opacity .3s ease-in-out;
- transition:opacity .3s ease-in-out;
- }
- #stt.s {
- opacity:1;
- }
- {/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 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:.67!important;
- -webkit-filter:invert(100%);
- -webkit-backface-visibility:hidden;
- -moz-box-sizing:content-box;
- box-sizing:content-box;
- padding:4px;
- }
- #tumblr_lightbox, .tmblr-lightbox {
- background-color:rgba(255,255,255,.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:10px;
- z-index:999;
- padding:5px;
- line-height:1em;
- background-color:{color:background};
- color:{color:accent};
- }
- /* centered content */
- {block:ifCenterContent}
- #main {
- text-align:center;
- }
- aside,
- .entry,
- footer {
- margin-left:auto;
- margin-right:auto;
- }
- .entry img,
- .media img {
- margin:0 auto;
- }
- .text {
- margin-left:auto;
- margin-right:auto;
- }
- .text * {
- padding:0;
- border-left:0;
- }
- .text ul li::before {
- display:none;
- }
- {/block:ifCenterContent}
- /* post width */
- aside,
- .entry,
- .text,
- footer {
- width:{select:posts};
- max-width:100%;
- }
- {block:ifHighResImages}
- .ph {
- width:auto;
- }
- {/block:ifHighResImages}
- /* grid */
- {block:IndexPage}
- {block:ifNotOneColumn}
- #content {
- margin:0 -5%;
- font-size:0;
- }
- .entry {
- display:inline-block;
- vertical-align:middle;
- padding:0 4.5%;
- margin:0 0 11.1%;
- font-size:10px;
- {block:ifFontSize}
- font-size:{text:font size};
- {/block:ifFontSize}
- }
- .entry,
- .text {
- max-width:91%;
- }
- {/block:ifNotOneColumn}
- {/block:IndexPage}
- </style>
- <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- </head>
- <body>
- <div id="main">
- <aside>
- <div class="title"><a id="title" href="/">{Title}</a></div>
- <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>
- {block:ifShowDescription}<div class="desc light">{Description}</div>{/block:ifShowDescription}
- </aside>
- <div id="content"><!-- posts -->
- {block:Posts}
- <article class="entry{block:Photo} ph{/block:Photo}{block:Photoset} ph{/block:Photoset}">
- <section class="post">
- {block:Answer}<!-- answer --><div class="question title"><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="{block:ifHighResImages}{PhotoURL-HighRes}{/block:ifHighResImages}{block:ifNotHighResImages}{PhotoURL-500}{/block:ifNotHighResImages}"/>{LinkCloseTag}</div>{/block:Photo}
- {block:Photoset}<!-- photoset --><div class="media photoset">{block:IndexPage}{block:ifPhotosetsOnIndex}<!--{/block:ifPhotosetsOnIndex}{block:Photos}<img src="{block:ifHighResImages}{PhotoURL-HighRes}{/block:ifHighResImages}{block:ifNotHighResImages}{PhotoURL-500}{/block:ifNotHighResImages}"/><!--{/block:Photos}{block:ifPhotosetsOnIndex}-->{/block:ifPhotosetsOnIndex}{/block:IndexPage}<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></div>{block:IndexPage}{block:ifNotPhotosetsOnIndex}-->{/block:ifNotPhotosetsOnIndex}{/block:IndexPage}{/block:Photoset}
- {block:Quote}<!-- quote --><div class="quote title">{Quote}</div>{block:Source}<div class="source text">{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:Date}
- <section class="info light">
- {block:IndexPage}<a href="{Permalink}" class="square"></a>{/block:IndexPage}
- {block:PermalinkPage}{TimeAgo} / {NoteCountWithLabel}{block:RebloggedFrom}<span class="rb light"> / via <a href="{ReblogParentURL}" class="rf">{ReblogParentName}</a>{block:ContentSource} / <a href="{ReblogRootURL}" class="src">source</a>{/block:ContentSource}</span>{/block:RebloggedFrom}{/block:PermalinkPage}
- {block:HasTags}
- <div class="tags">{block:Tags}<a href="{TagURL}">{Tag}</a><i class="comma"> / </i>{/block:Tags}</div>
- {/block:HasTags}
- </section>
- {/block:Date}
- </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} -->
- </div><!-- end #content -->
- {block:Pagination}<!-- pagination -->
- <footer class="light">
- <div class="pagination">
- {block:PreviousPage}<a class="back" href="{PreviousPage}">{lang:Previous page}</a>{block:NextPage} / {/block:NextPage}{/block:PreviousPage}
- {block:NextPage}<a class="next" href="{NextPage}">{lang:Next page}</a>{/block:NextPage}
- </div>
- <a id="stt" href="#">scroll to top</a>
- </footer>
- {/block:Pagination}
- </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>
- <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
- {block:IndexPage}
- {block:ifInfiniteScroll}
- <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
- {/block:ifInfiniteScroll}
- {/block:IndexPage}
- <script>
- $(document).ready(function(){
- $('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '4px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- resizeVideos();
- {block:IndexPage}
- $('#stt').click(function(){
- $('html,body').animate({ scrollTop: 0 }, 1000);
- return false
- });
- $(document).scroll(function(){
- var t = $(document).scrollTop();
- if (t > 1000) $('#stt').addClass('s');
- else $('#stt').removeClass('s');
- });
- {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'
- });
- resizeVideos();
- });
- {/block:ifInfiniteScroll}
- {/block:IndexPage}
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement