Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title> {Title}{block:PostSummary}: {PostSummary}{/block:PostSummary}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="{Favicon}" />
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <meta name="color:Background" content="#ffffff"/>
- <meta name="image:Background" content=""/>
- <meta name="image:Default Album Art" content="http://cdn.last.fm/flatness/responsive/2/noimage/default_album_300_g4.png"/>
- <meta name="color:Header BG" content="#ffffff"/>
- <meta name="color:Header Text" content="#000000"/>
- <meta name="color:Header BG 2" content="#dddddd"/>
- <meta name="color:Accent 2" content="#888888"/>
- <meta name="color:Post Text" content="#ffffff"/>
- <meta name="color:Post BG" content="#000000"/>
- <meta name="color:Post BG 2" content="#dddddd"/>
- <meta name="color:Reblog Color" content="#56bc8a"/>
- <meta name="color:Like Color" content="#d95e40"/>
- <meta name="if:Infinite Scroll" content="0"/>
- <meta name="if:Stretch Background Image" content="0"/>
- <meta name="if:Show Tags" content="1"/>
- {block:ifInfiniteScroll}
- <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
- {/block:ifInfiniteScroll}
- <link href='http://fonts.googleapis.com/css?family=Roboto+Slab|Roboto:400italic,100,700italic,700,100italic,400' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
- <script src="http://static.tumblr.com/puls2hm/XUinhswqa/jquery.sticky.js"></script>
- <script type="text/javascript">
- $(document).ready(function(){
- $(window).resize(function(){
- if ($(window).width() < 871) {
- $("#lx").sticky();
- $(window).scroll(function(){
- if($(window).scrollTop() >= 300) {
- $('#lx').addClass('stuck');
- } else {
- $('#lx').removeClass('stuck');
- };
- });
- $('#lx-sticky-wrapper.sticky-wrapper').removeClass('hto');
- } else {
- $('#lx').removeClass('stuck');
- $('#lx-sticky-wrapper.sticky-wrapper').addClass('hto');
- $('#lx').unstick();
- };
- });
- });
- </script>
- <style type="text/css">
- *, *:after, *:before {-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease;}
- body {background:{color:Background} url({image:Background}) fixed; {block:ifStretchBackgroundImage}background-size:100% 100%;{/block:ifStretchBackgroundImage} font-family:Roboto, sans-serif; font-size:80%; font-weight:400;}
- a {text-decoration:none; color:{AccentColor};}
- a:hover {color:{color:Accent 2};}
- h1, h2, h3, h4, h5, h6 {font-family:Roboto Slab, sans-serif; text-transform:uppercase;}
- i, em {font-weight:100;}
- blockquote {border-left:solid 1px {color:Post Text}; padding-left:15px; margin:0 15px;}
- /*----SIDEBAR----*/
- #cx {width:300px; height:auto; position:fixed; top:25px; left:50px; background:{color:Header BG 2}; color:{color:Header Text};
- -webkit-box-shadow: 7px 7px 0px 0px rgba(50, 50, 50, 0.4);
- -moz-box-shadow: 7px 7px 0px 0px rgba(50, 50, 50, 0.4);
- box-shadow: 7px 7px 0px 0px rgba(50, 50, 50, 0.4);}
- #cx h1 {text-align:center; padding:10px 5px; margin:10px; line-height:36px; background:{color:Header BG}; outline:outset 3px {color:Header BG};}
- div.desc {padding:20px; background:{color:Header BG}; margin:10px; text-align:justify; outline:inset 3px {color:Header BG}; height:120px; overflow:auto;}
- div.desc p:first-child {margin-top:0;}
- div.desc p:last-child {margin-bottom:0;}
- /*----NAVIGATION----*/
- #lx {position:absolute; top:100%; margin-top:10px; left:0; width:280px; background:{color:Header BG}; padding:10px 10px 0 10px; z-index:999;
- -webkit-box-shadow: 7px 7px 0px 0px rgba(50, 50, 50, 0.4);
- -moz-box-shadow: 7px 7px 0px 0px rgba(50, 50, 50, 0.4);
- box-shadow: 7px 7px 0px 0px rgba(50, 50, 50, 0.4);}
- #lx a {float:left; line-height:25px; color:{color:Header Text}; background:{AccentColor}; text-align:center; margin:0 10px 10px 0; font-family:roboto slab, sans-serif; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease; height:25px; padding:5px; width:76px; {block:AskEnabled}width:52px;{/block:AskEnabled}{block:SubmissionsEnabled}width:52px; {block:AskEnabled}width:38px;{/block:AskEnabled}{/block:SubmissionsEnabled}}
- #lx a.r {margin-right:0;}
- #lx a:hover {-webkit-box-shadow: inset 0px 0px 50px 0px {color:Header BG}; -moz-box-shadow: inset 0px 0px 50px 0px {color:Header BG}; box-shadow: inset 0px 0px 50px 0px {color:Header BG};}
- #lx-sticky-wrapper.sticky-wrapper.hto {height:0 !important;}
- /*----PAGINATION----*/
- #lx a.pgn {background:{color:Header BG 2}; margin:0 0 10px 0; width:38px;}
- #lx a.pgn.p {float:left;}
- #lx a.pgn.n {float:right;}
- /*----DROPDOWN LINKS----*/
- select.nav {border:none !important; outline:none; border-radius:none; width:280px; color:{color:Header Text}; background:{color:Accent 2}; font-size:1.2em; font-family:Roboto Slab, sans-serif; cursor:pointer; text-align:center; line-height:25px; height:35px; margin:0 0 10px 0;}
- select.nav.mon {width:222px;}
- select.nav.mop {width:222px; margin-left:10px;}
- select.nav.mid {width:164px; margin-left:10px;}
- /*--------*/
- /*----POSTS----*/
- #posts {position:absolute; top:0; left:400px; padding-bottom:75px; color:{color:Post Text};}
- #ewrap {width:500px; margin:25px 0 0 0; padding:10px; background:{color:Post BG 2};
- -webkit-box-shadow: 7px 7px 0px 0px rgba(50, 50, 50, 0.4);
- -moz-box-shadow: 7px 7px 0px 0px rgba(50, 50, 50, 0.4);
- box-shadow: 7px 7px 0px 0px rgba(50, 50, 50, 0.4);}
- #entry {height:auto; background:{color:Post BG}; padding:15px; line-height:150%; border:inset 3px {color:Post BG};}
- #entry * {max-width:100%;}
- #ewrap h2 {text-align:center; margin:0 0 10px 0; letter-spacing:2px; color:{color:Accent 2}; padding:15px; font-size:1.5em; background:{color:Post BG}; border:outset 3px {color:Post BG};}
- #ewrap a:hover h2 {color:{AccentColor};}
- #ewrap a:active h2 {border-style:inset;}
- a.tumblr_blog {text-transform:uppercase; font-size:0.9em;}
- /*----CHAT POSTS----*/
- ul.chat {padding:0; list-style-type:none;}
- ul.chat li {margin:15px 0;}
- ul.chat li b {font-family:Roboto Slab, serif; font-weight:initial;}
- ul.chat li.odd b {color:{AccentColor};}
- ul.chat li.even b {color:{color:Accent 2};}
- /*----LINK POSTS----*/
- #entry a.link {display:block;}
- #ewrap a.link h2 {color:{AccentColor}; word-wrap:break-word;}
- #ewrap a.link:hover h2 {color:{color:Accent 2};}
- a.link h2:after {content:' ❯'; color:{AccentColor};}
- #entry.el {display:none;}
- #entry.el.yes {display:block;}
- /*----AUDIO POSTS----*/
- .audio {background:black; width:100%; height:112px; position:relative; display:table; color:white; overflow:hidden; outline:outset 3px black;}
- .player span div iframe {width:100% !important; height:112px !important;}
- .audio img {height:98px; width:98px; float:right; margin-top:-108px; margin-right:7px; background:black; position:relative; z-index:9;}
- .audin {background:black; overflow:hidden; margin:-108px 105px 0 50px; text-align:center; font-size:14px; line-height:150%; padding:7px 0; height:84px; position:relative; z-index:9;}
- .audin * {display:block; height:21px; line-height:21px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:315px;}
- #entry .audin i {opacity:1;}
- /*----QUOTE POSTS----*/
- #entry h2.qu {background:transparent; text-transform:none; font-weight:lighter; line-height:130%;}
- #entry h2.short {font-size:2em;}
- h2.medium {text-align:left;}
- #entry h2.long {text-align:left; font-size:1.4em;}
- /*----ASK POSTS----*/
- div.ask {padding:15px; background:{color:Post BG 2}; border:outset 3px {color:Post BG 2};}
- div.answer {padding:15px;}
- div.answer p:first-child {margin-top:0;}
- div.answer p:last-child {margin-bottom:0;}
- div.answer.pers {background:{color:Post BG 2}; border:outset 3px {color:Post BG 2}; margin-top:5px;}
- /*--------*/
- /*----PERMALINK----*/
- #perm {font-family:roboto slab, sans-serif; margin-top:10px; padding:10px; background:{color:Post BG}; border:inset 3px {color:Post BG}; text-align:center;}
- #perm a {line-height:30px; display:inline-block; padding:0 10px; margin-right:10px; text-transform:uppercase; border-radius:4px;}
- #perm a:first-of-type {color:{AccentColor};}
- #perm a:nth-of-type(2) {color:{color:Accent 2};}
- {block:PermalinkPage}
- #perm a:nth-of-type(2) {color:{AccentColor};}
- #perm a:nth-of-type(3), #perm a:nth-of-type(4) {color:{color:Accent 2};}
- {/block:PermalinkPage}
- #perm a:hover {-webkit-box-shadow: inset 0px 0px 25px 0px {color:Post BG 2}; -moz-box-shadow: inset 0px 0px 25px 0px {color:Post BG 2}; box-shadow: inset 0px 0px 25px 0px {color:Post BG 2};}
- /*----LIKE AND REBLOG BUTTONS----*/
- a.rb, #perm div a.lb {color:{color:Post Text};}
- #perm a.rb:hover {color:{color:Reblog Color};}
- #perm a.lb:hover, #perm div:hover a.lb {color:{color:Like Color};}
- div.lb:hover a.lb {-webkit-box-shadow: inset 0px 0px 25px 0px {color:Post BG 2}; -moz-box-shadow: inset 0px 0px 25px 0px {color:Post BG 2}; box-shadow: inset 0px 0px 25px 0px {color:Post BG 2};}
- div.lb {height:30px; cursor:pointer; display:inline-block; padding:0; position:relative;}
- .like_button {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; cursor:pointer;}
- .like_button iframe {width:100% !important; height:100% !important; cursor:pointer;}
- .like_button:hover + #perm div a.lb {color:{color:Like Color};}
- .like_button.liked + a.lb {color:{color:Like Color} !important;}
- .like_button.liked + a.lb:before {content:'un'; color:{color:Like Color};}
- /*--------*/
- /*----TAGS----*/
- #tags {margin-top:10px; padding:10px; background:{color:Post BG}; border:inset 3px {color:Post BG}; color:{color:Post Text};}
- #tags a {margin:0 5px; color:{color:Accent 2};}
- #tags a:hover {color:{AccentColor};}
- /*--------*/
- /*----NOTES----*/
- ol.notes {padding:13px; list-style-type:none; color:{color:Post Text}; background:{color:Post BG 2}; margin-top:25px; width:494px;
- -webkit-box-shadow: 7px 7px 0px 0px rgba(50, 50, 50, 0.4);
- -moz-box-shadow: 7px 7px 0px 0px rgba(50, 50, 50, 0.4);
- box-shadow: 7px 7px 0px 0px rgba(50, 50, 50, 0.4);}
- ol.notes li {margin-bottom:10px; padding:10px; background:{color:Post BG}; outline:inset 3px {color:Post BG};}
- ol.notes li:last-of-type {margin-bottom:0;}
- li.more_notes_link_container {font-family:Roboto Slab, sans-serif; text-transform:uppercase; font-size:1.15em;}
- img.avatar {margin-right:15px; vertical-align:middle;}
- ol.notes li blockquote {margin-top:10px; margin-left:7px; border-color:{color:Post Text}; padding-left:25px;}
- /*--------*/
- /*----MEDIA QUERIES----*/
- @media only screen and (max-width:970px), only screen and (max-device-width:970px) {
- #ewrap {width:400px;}
- .audin * {width:215px;}
- ol.notes {width:394px;}
- }
- @media only screen and (max-width:870px), only screen and (max-device-width:870px) {
- /*--POSTS--*/
- #posts {position:initial; width:520px; margin:auto;}
- #ewrap {width:500px;}
- .audin * {width:315px;}
- ol.notes {width:494px;}
- /*--SIDEBAR –> TOPBAR--*/
- #cx {position:initial; width:520px; margin:auto; padding-top:1px; margin-top:25px;}
- /*--NAVIGATION--*/
- #lx {position:initial; width:486px; border:solid 7px {color:Header BG 2}; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; margin-top:-7px; -webkit-transition:none; -moz-transition:none; transition:none;}
- #lx.stuck {position:fixed; left:50%; margin-top:0; margin-left:-260px;}
- #lx a {width:145px; {block:AskEnabled}width:104px;{/block:AskEnabled}{block:SubmissionsEnabled}width:104px; {block:AskEnabled}width:79px;{/block:AskEnabled}{/block:SubmissionsEnabled}}
- #lx a.pgn {width:79px;}
- /*--DROPDOWN LINKS--*/
- select.nav {width:486px;}
- select.nav.mon {width:387px;}
- select.nav.mop {width:387px;}
- select.nav.mid {width:288px;}
- }
- @media only screen and (max-width:570px), only screen and (max-device-width:570px) {
- /*--POSTS--*/
- #posts {position:initial; width:420px; margin:auto;}
- #ewrap {width:400px;}
- .audin * {width:215px;}
- ol.notes {width:394px;}
- /*--TOPBAR--*/
- #cx {position:initial; width:420px; margin:auto; padding-top:1px; margin-top:25px;}
- /*--NAVIGATION--*/
- #lx {position:initial; width:386px; border:solid 7px {color:Header BG 2}; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; margin-top:-7px; -webkit-transition:none; -moz-transition:none; transition:none;}
- #lx.stuck {position:fixed; left:50%; margin-top:0; margin-left:-210px;}
- #lx a {width:112px; {block:AskEnabled}width:79px;{/block:AskEnabled}{block:SubmissionsEnabled}width:79px; {block:AskEnabled}width:59px;{/block:AskEnabled}{/block:SubmissionsEnabled}}
- /*--PAGINATION--*/
- #lx a.pgn {width:59px;}
- /*--DROPDOWN LINKS--*/
- select.nav {width:386px;}
- select.nav.mon {width:307px;}
- select.nav.mop {width:307px;}
- select.nav.mid {width:228px;}
- }
- @media only screen and (max-width:470px), only screen and (max-device-width:470px) {
- /*--POSTS--*/
- #posts {position:initial; width:90%; margin:auto;}
- #ewrap {width:100%; -webkit-box-sizing:border-box: -moz-box-sizing:border-box; box-sizing:border-box;}
- .audin {display:none;}
- .audio img {display:none;}
- /*--TOPBAR--*/
- #cx {position:initial; width:90%; -webkit-box-sizing:border-box: -moz-box-sizing:border-box; box-sizing:border-box; margin:auto; padding-top:1px; margin-top:25px;}
- /*--NAVIGATION--*/
- #lx {position:initial; width:100%; -webkit-box-sizing:border-box: -moz-box-sizing:border-box; box-sizing:border-box; border:solid 7px {color:Header BG 2}; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; margin-top:-7px; -webkit-transition:none; -moz-transition:none; transition:none; text-align:center;}
- #lx.stuck {position:fixed; width:90%; left:50%; margin-top:0; margin-left:-45%;}
- #lx a {width:30px; float:none; display:inline-block;}
- /*--PAGINATION--*/
- #lx a.pgn {width:10%; -webkit-box-sizing:border-box: -moz-box-sizing:border-box; box-sizing:border-box; height:35px;}
- /*--DROPDOWN LINKS--*/
- select.nav {width:100px;}
- select.nav.mon {width:75%; -webkit-box-sizing:border-box: -moz-box-sizing:border-box; box-sizing:border-box;}
- select.nav.mop {width:100px;}
- select.nav.mid {width:100px;}
- /*--NOTES--*/
- ol.notes {width:100%; -webkit-box-sizing:border-box: -moz-box-sizing:border-box; box-sizing:border-box; padding:13px;}
- }
- /*--------*/
- a.cred {display:block; text-align:center; margin:65px auto -10px auto; font-size:15.4px; color:{color:Accent 2}; padding:10px; width:225px;}
- a.cred span {color:{AccentColor};}
- a.cred:hover {background:black; color:white;}
- /*----CUSTOM CSS----*/
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="cx">
- <h1>{Title}</h1>
- <div class="desc">{Description}</div>
- <div id="lx">
- <a href="/"><span class="fa fa-home fa-2x"></span></a>
- {block:AskEnabled}<a href="/ask"><span class="fa fa-envelope fa-2x"></span></a>{/block:AskEnabled}
- <a href="/archive"><span class="fa fa-history fa-2x"></span></a>
- {block:SubmissionsEnabled}<a href="/submit"><span class="fa fa-inbox fa-2x"></span></a>{/block:SubmissionsEnabled}
- <a class="r" href="/random"><span class="fa fa-random fa-2x"></span></a><br/>
- {block:ifNotInfiniteScroll}{block:Pagination}
- {block:PreviousPage}<a class="pgn p" href="{PreviousPage}"><span class="fa fa-long-arrow-left fa-2x"></span></a>
- {/block:PreviousPage}{/block:Pagination}{/block:ifNotInfiniteScroll}
- {block:HasPages}
- <select class="nav {block:ifNotInfiniteScroll}{block:Pagination}{block:NextPage}mon{block:PreviousPage} mid {/block:PreviousPage}{/block:NextPage}{block:PreviousPage}mop{/block:PreviousPage}{/block:Pagination}{/block:ifNotInfiniteScroll}" onChange="location.href=this.options[this.selectedIndex].value;">
- <option>LINKS</option>
- {block:Pages}<option value="{URL}">{Label}</option>{/block:Pages}
- </select>
- {/block:HasPages}
- {block:ifNotInfiniteScroll}{block:Pagination}{block:NextPage}
- <a class="pgn n" href="{NextPage}"><span class="fa fa-long-arrow-right fa-2x"></span></a>{/block:NextPage}
- {/block:Pagination}{/block:ifNotInfiniteScroll}
- </div>
- </div>
- <!--------------------------------POSTS---------------------------------->
- <div id="posts">
- {block:Posts}
- <div id="ewrap">
- {block:Text}
- {block:Title}<a href="{Permalink}"><h2>{Title}</h2></a>{/block:Title}
- {/block:Text}
- {block:Quote}<h2 class="{Length} qu">"{Quote}"</h2>{/block:Quote}
- {block:Link}
- <a href="{URL}" class="link" target="{Target}"><h2>{Name}</h2></a>
- {/block:Link}
- {block:Chat}
- {block:Title}<a href="{Permalink}"><h2>{Title}</h2></a>{/block:Title}
- {/block:Chat}
- <div id="entry" {block:Link}class="el {block:Description}yes{/block:Description}"{/block:Link}>
- <!---posts--->
- {block:Text}
- {Body}
- {/block:Text}
- {block:Audio}
- <div class="audio">
- <div class="player">{AudioPlayerBlack}</div>
- <img src="{image:Default Album Art}" {block:AlbumArt}style="display:none"{/block:AlbumArt}/>
- {block:AlbumArt}<img src="{AlbumArtURL}"/>{/block:AlbumArt}
- <div class="audin">
- {block:TrackName}<b>{TrackName}</b>{/block:TrackName}
- {block:Artist}<span>{Artist}</span>{/block:Artist}
- {block:Album}<i>{Album}</i>{/block:Album}
- {block:PlayCount}<span>{FormattedPlayCount}</span>{/block:PlayCount}
- </div>
- </div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- {block:Video}
- <div class="video">{Video-500}</div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Photo}
- {block:PermalinkPage}
- <a class="postimg" href="/image/{PostID}">
- {/block:PermalinkPage}
- {block:IndexPage}
- <a class="postimg" href="{Permalink}">
- {/block:IndexPage}
- <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
- {block:PermalinkPage}
- </a>
- {/block:PermalinkPage}
- {block:IndexPage}
- </a>
- {/block:IndexPage}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- <div class="pset">{Photoset}</div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- {block:Panorama}
- {LinkOpenTag}<img src="{PhotoURL-Panorama}"/>{LinkCloseTag}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Panorama}
- {block:Quote}
- {block:Source} — {Source}{/block:Source}
- {/block:Quote}
- {block:Link}
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- <ul class="chat">
- {block:Lines}
- <li class="{Alt}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</li>
- {/block:Lines}
- </ul>
- {/block:Chat}
- {block:Answer}
- <div class="ask"><b>{Asker} asked: </b>{Question}</div>
- <div class="answer {block:Answerer}pers{/block:Answerer}">
- {block:Answerer}<b>{Answerer} replied: </b>{/block:Answerer}{Answer}</div>
- {block:Answerer}{Replies}{/block:Answerer}
- {/block:Answer}
- </div><!--entry-->
- {block:Date}<div id="perm">
- <a href="{Permalink}">posted {TimeAgo}</a>
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- {block:PermalinkPage}{block:RebloggedFrom}
- <br/><a href="{ReblogParentURL}">via</a>
- <a href="{ReblogRootURL}">src</a>
- {/block:RebloggedFrom}{/block:PermalinkPage}
- <a href="{ReblogURL}" class="rb">reblog</a>
- <div class="lb">
- {LikeButton}
- <a class="lb">like</a>
- </div>
- </div>
- {/block:Date}
- {block:ifShowTags}{block:HasTags}<div id="tags">
- TAGGED: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
- </div>{/block:HasTags}{/block:ifShowTags}
- {block:ifNotShowTags}{block:PermalinkPage}{block:HasTags}<div id="tags">
- TAGGED: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
- </div>{/block:HasTags}{/block:PermalinkPage}{/block:ifNotShowTags}
- </div><!--ewrap-->
- {/block:Posts}
- {block:PostNotes}
- {PostNotes}
- {/block:PostNotes}
- <a class="cred" href="http://syntaxthemes.tumblr.com">THEME BY <span>SYNTAXTHEMES</span></a>
- </div><!--posts-->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment