Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <!--
- peach @ 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="if:side info" content="">
- <meta name="if:show captions" content="">
- <meta name="if:show tags" content="">
- <meta name="if:show note count" content="">
- <meta name="if:infinite scroll" content="">
- <meta name="text:max post width" content="500">
- <meta name="text:home link" content="">
- <meta name="text:archive link" content="archive">
- <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="">
- <style type="text/css">
- /* general */
- body {
- margin:0;
- font-size:10px;
- letter-spacing:0;
- font-family:georgia;
- line-height:17px;
- word-break:break-word;
- -moz-osx-font-smoothing:grayscale;
- -webkit-font-smoothing:antialiased;
- font-smoothing:antialiased;
- color:rgb(33,33,33);
- /*background:rgb(248,248,248);*/
- }
- a {
- color:inherit;
- text-decoration:none;
- }
- small, sub {
- font-size:inherit;
- vertical-align:baseline;
- }
- blockquote, ol, ol li, ul, p, pre {
- margin:0 0 8px;
- }
- .text figure:not(first-child), .text img:not(first-child) {
- padding-top:4px;
- }
- .text figure:not(last-child), .text img:not(last-child) {
- padding-bottom:4px;
- }
- h1, h2, h3, h4, h5, h6 {
- margin:0;
- font-size:inherit;
- font-weight:inherit;
- }
- ul {
- list-style:none;
- padding:0;
- }
- blockquote {
- padding:7px 0 7px 21px;
- border-left:1px solid rgb(232,232,232);
- }
- blockquote > blockquote:first-child {
- margin-top:-7px!important;
- }
- blockquote > blockquote:last-child {
- margin-bottom:-7px!important;
- }
- pre {
- white-space:normal;
- }
- img {
- border:0;
- max-width:100%;
- height:auto;
- display:block;
- }
- hr {
- border:0;
- -moz-box-sizing:border-box;
- box-sizing:border-box;
- }
- /* accents */
- h1.title {
- font-size:17px;
- line-height:21px;
- margin-bottom:21px;
- }
- .accent {
- -webkit-font-smoothing:initial;
- -moz-osx-font-smoothing:initial;
- font-smoothing:initial;
- font-size:8px;
- text-transform:uppercase;
- letter-spacing:1px;
- }
- .accent a {
- opacity:.5;
- }
- .accent .title {
- opacity:1;
- }
- .comma {
- opacity:.5;
- margin:0 5px;
- }
- .comma:last-child {
- display:none;
- }
- .text a {
- background-image:linear-gradient(rgb(120,120,120), rgb(120,120,120));
- background-size:1px 1px;
- background-repeat:repeat-x;
- background-position:left bottom;
- }
- hr {
- margin:11px 0 12px;
- width:25px;
- height:1px;
- background-color:rgb(222,222,222);
- }
- ul {
- padding:0;
- list-style-type:none;
- }
- ul li {
- position:relative;
- padding-left:37px;
- }
- ul li:before {
- content:'';
- position:absolute;
- display:block;
- top:10px;
- left:13px;
- height:0;
- width:12px;
- margin-top:-1px;
- border-top:1px solid rgb(212,212,212);
- }
- .chat li,
- .notes li {
- padding-left:0;
- }
- .chat li:before,
- .notes li:before {
- display:none;
- }
- /* container */
- .main {
- margin:0 auto;
- padding:7vw;
- max-width:500px;
- max-width:{text:max post width}px;
- background-color:rgb(255,255,255);
- }
- /* header */
- aside {
- padding-bottom:7vw;
- }
- aside .title {
- font-size:21px;
- }
- aside .links {
- margin:0 0 20px;
- }
- aside .links li {
- display:inline;
- }
- aside .links li:after {
- content:' / ';
- margin:0 5px;
- opacity:.5;
- }
- aside .links li:last-child:after {
- display:none;
- }
- /* entries */
- .entry {
- position:relative;
- overflow:hidden;
- padding:7vw 0;
- border-top:1px solid rgb(232,232,232);
- }
- .entry > section {
- position:relative;
- -moz-box-sizing:border-box;
- box-sizing:border-box;
- }
- /* post info */
- .date {
- margin:21px 0 0;
- }
- .permalink {
- font-size:13px;
- }
- .tags {
- margin-top:8px;
- }
- .tags:not(first-child):before {
- content:' / ';
- margin:0 5px;
- opacity:.5;
- display:none;
- }
- .tags {
- {block:IndexPage}
- {block:ifNotShowTags}display:none;{/block:ifNotShowTags}
- {/block:IndexPage}
- }
- /* post types */
- .text {
- margin:21px 0 0;
- }
- .text:first-child {
- margin-top:0;
- }
- .text *:last-child {
- margin-bottom:0;
- }
- .caption {
- {block:IndexPage}
- {block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}
- {/block:IndexPage}
- }
- .quote,
- .question {
- margin-bottom:21px;
- }
- .question .sender {
- font-size:11px;
- text-transform:lowercase;
- }
- .chat {
- padding:0;
- list-style-type:none;
- }
- .chat .label {
- display:block;
- opacity:.5;
- }
- .media:not(last-child) {
- margin-bottom:25px;
- }
- .media .photo-slideshow {
- margin-bottom:-10px!important;
- }
- .media > a img,
- .media > img,
- .media .photo-slideshow,
- .media .video iframe {
- display:block;
- }
- /* audio posts */
- .audiowrap {
- position:relative;
- height:60px;
- overflow:hidden;
- background-color:rgb(246,246,246);
- }
- .audio {
- position:absolute;
- display:inline-block;
- left:0;
- top:0;
- right:0;
- bottom:0;
- text-align:left;
- line-height:60px;
- }
- .audio .player {
- width:27px;
- height:27px;
- left:16px;
- top:16px;
- opacity:.4;
- line-height:0;
- overflow:hidden;
- position:absolute;
- }
- .audio .track {
- overflow:hidden;
- line-height:15px;
- margin-left:60px;
- width: calc(100% - 60px);
- display:inline-block;
- vertical-align:middle;
- }
- .audio .track span {
- display:block;
- max-height:15px;
- white-space:nowrap;
- overflow:hidden;
- text-overflow:ellipsis;
- margin-right:15px;
- opacity:.5;
- }
- .audio .track span:first-child {
- opacity:1;
- }
- footer {
- overflow:hidden;
- padding-top:7vw;
- border-top:1px solid rgb(232,232,232);
- }
- footer .c {
- float:right;
- opacity:.5;
- }
- .pagination {
- display:none;
- }
- .notes {
- padding:0;
- list-style-type:none;
- }
- .notes li {
- display:block;
- }
- .notes img {
- display:none;
- }
- .notes .more_notes_link_container {
- text-align:inherit!important;
- }
- #tumblr_controls,
- .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls {
- position:fixed!important;
- top:0!important;
- right:0!important;
- opacity:.4!important;
- -webkit-filter:invert(100%);
- -webkit-backface-visibility:hidden;
- padding:17px;
- }
- #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;
- -moz-box-sizing:border-box;
- box-sizing:border-box;
- max-width:none;
- }
- #tumblr_lightbox_caption, .lightbox-caption {
- visibility:hidden;
- }
- #infscr-loading {
- display:none!important;
- }
- {block:ifSideinfo}
- .main {
- max-width:775px;
- max-width:calc({text:max post width}px * 1.5 + 25px);
- }
- .entry > .post {
- float:left;
- width:66.667%;
- padding-right:12px;
- }
- .entry > .side {
- float:right;
- width:33.333%;
- padding-left:13px;
- padding-top:0;
- }
- @media screen and (max-width:628px) {
- .entry .post {
- width:100%;
- padding-right:0;
- }
- .entry > .side {
- width:100%;
- padding-left:0;
- padding-top:23px;
- }
- }
- @media screen and (max-width:357px) {
- .main {
- padding:25px;
- }
- .entry {
- padding:25px 0;
- }
- aside {
- padding-bottom:25px;
- }
- aside .header {
- margin-bottom:25px;
- }
- .pagination {
- padding-top:25px;
- }
- }
- .date {
- margin:0!important;
- }
- {/block:ifSideInfo}
- {block:ifNotInfiniteScroll}
- .load-more {
- display:none;
- }
- .pagination {
- display:block!important;
- }
- {/block:ifNotInfiniteScroll}
- </style>
- <link href="//static.tumblr.com/wupwnyt/1iho27ad1/gkthm.css" rel="stylesheet" type="text/css">
- <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
- </head>
- <body>
- <div class="main">
- <aside>
- <h1 class="title"><a href="/">{Title}</a></h1>
- <div class="links 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}
- </div>
- <div class="desc">{description}</div>
- </aside>
- <div class="content">
- {block:Posts}
- <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}">
- <section class="post">
- {block:Audio}
- {block:ifShowAlbumArt}{block:AlbumArt}<div class="media"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}{/block:ifShowAlbumArt}
- <div class="audiowrap">
- <div class="audio accent block">
- {block:AudioPlayer}
- <div class="player">{AudioPlayerWhite}</div>
- {/block:AudioPlayer}
- <div class="track">{block:TrackName}<span class="title">{TrackName}</span>{/block:TrackName}{block:Artist}<span>{Artist}</span>{/block:Artist}</div>
- </div>
- </div>
- {/block:Audio}
- {block:Photo}
- <div class="media">
- {LinkOpenTag}
- <img src="{PhotoURL-HighRes}">
- {LinkCloseTag}
- </div>
- {/block:Photo}
- {block:Photoset}
- <div class="media photoset">
- <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:Photoset}
- {block:Video}
- <div class="media">
- <div class="video">{Video-500}</div>
- </div>
- {/block:Video}
- {block:Answer}
- <div class="question">
- <span class="sender">{Asker}</span>
- <span class="comma"> / </span>
- <span class="message">{Question}</span>
- </div>
- <div class="answer text">{Answer}</div>
- {/block:Answer}
- {block:Chat}
- {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
- <ul class="chat">
- {block:Lines}
- <li class="line text">
- {block:Label}
- <div class="label accent">{Label}</div>
- {/block:Label}
- {Line}
- </li>
- {/block:Lines}
- </ul>
- {/block:Chat}
- {block:Link}
- <h1 class="title"><a href="{URL}">{Name}</a></h1>
- {block:Description}<div class="text">{Description}</div>{/block:Description}
- {/block:Link}
- {block:Quote}
- <h1 class="quote title">{Quote}</h1>
- {block:Source}
- <div class="source text">{Source}</div>
- {/block:Source}
- {/block:Quote}
- {block:Text}
- {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
- <div class="text">{Body}</div>
- {/block:Text}
- {block:Caption}
- <div class="caption text">{Caption}</div>
- {/block:Caption}
- </section>
- <section class="side">
- {block:Date}
- <div class="date">
- <a class="permalink" href="{Permalink}">{block:IndexPage}{block:ifNotShowNoteCount}{TimeAgo}{/block:ifNotShowNoteCount}{block:ifShowNoteCount}{NoteCountWithLabel}{/block:ifShowNoteCount}{/block:IndexPage}{block:PermalinkPage}{TimeAgo}{/block:PermalinkPage}</a>{block:PermalinkPage}{block:RebloggedFrom}<div class="rf">via <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource}<span class="comma"> / </span><a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}</div>{/block:RebloggedFrom}{/block:PermalinkPage}
- </div>
- {/block:Date}
- {block:HasTags}<div class="tags accent">{block:Tags}<a href="{TagURL}">{Tag}</a><span class="comma"> / </span>{/block:Tags}</div>{/block:HasTags}
- </section>
- </article>
- {block:PostNotes}
- <article class="entry" id="notes">
- <section class="post">
- <h1 class="title">{NoteCountWithLabel}</h1>
- <div class="text light">{PostNotes}</div>
- </section>
- </article>
- {/block:PostNotes}
- {/block:Posts}
- </div>
- <footer>
- <div class="c"><a href="http://shythemes.tumblr.com" id="theme" class="accent" title="theme">theme</a></div>
- {block:Pagination}
- <div class="lm accent"><a href="#" class="load-more title">load more posts</a></div>
- <div class="pagination accent"><span class="pn">{block:PreviousPage}<a class="prev" href="{PreviousPage}">previous</a>{block:NextPage}<span class="comma"> / </span>{/block:NextPage}{/block:PreviousPage}{block:NextPage}<a class="next title" href="{NextPage}">next page</a>{/block:NextPage}</span></div>
- {/block:Pagination}
- </div>
- </footer>
- <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
- <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(){
- // tumblr audio players
- $('.tumblr_audio_player').each(function(){
- $(this).attr({ src: $(this).attr('src').split('&color=')[0] + '&color=transparent&simple=1 '});
- });
- // pxu photosets
- $('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '0px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- {block:ifInfiniteScroll}
- // infinite scroll
- var $container = $('.content');
- $container.infinitescroll({
- itemSelector: '.entry',
- navSelector: '.pagination',
- nextSelector: '.next',
- loadingImg: '',
- loadingText: '<em></em>',
- bufferPx: 2000
- },
- function( newElements ) {
- var $newElems = $( newElements );
- // pxu photosets
- $newElems.find('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '0px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- // videos
- resizeVideos();
- // tumblr audio players
- $newElems.find('.tumblr_audio_player').each(function(){
- $(this).attr({ src: $(this).attr('src').split('&color=')[0] + '&color=transparent&simple=1 '});
- });
- });
- $(window).unbind('.infscr');
- $('.load-more').click(function(){
- $container.infinitescroll('retrieve');
- return false
- });
- {/block:ifInfiniteScroll}
- });
- </script>
- </body>
- </html>
Add Comment
Please, Sign In to add comment