Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title> {Title} {block:TagPage}| Posts tagged {Tag}{/block:TagPage}{block:PostSummary}| {PostSummary}{/block:PostSummary}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="{Favicon}"/>
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Accent 1" content="#cdcdcd"/>
- <meta name="color:Accent 2" content="#444444"/>
- <meta name="color:Post BG" content="#ffffff"/>
- <meta name="color:Post Text" content="#000000"/>
- <meta name="color:Other Text" content="#000000"/>
- <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="if:Extra Box" content="1"/>
- <meta name="if:Wide Posts" content="1"/>
- <meta name="if:Uppercase" content="0"/>
- <meta name="if:Back To Top Button" content="0"/>
- <meta name="if:Open Full Size Images" content="0"/>
- <meta name="text:Updates" content=""/>
- <meta name="text:Extra Box Title" content="Extra"/>
- <meta name="text:Extra Box Content" content=""/>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/puls2hm/bxwn927ur/intergalactic.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
- <link href='http://fonts.googleapis.com/css?family=Atomic+Age' rel='stylesheet' type='text/css'>
- <style type="text/css">
- * {-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
- body {background:{color:Background} url({image:Background}) fixed; font-family:sans-serif; font-weight:300;}
- a {text-decoration:none; color:{color:Accent 1};}
- a:hover {color:{color:Accent 2}}
- div#qTip {display:none; text-align:center; position:absolute; text-transform:uppercase; font-size:0.75em; background:{color:Post Text}; border:solid 1px {color:Post BG}; color:{color:Post BG}; padding:5px 8px; font-family:sans-serif; margin-left:15px; margin-top:5px; z-index:999;}
- h1, h1 span, h2, #nav a {font-family:Atomic Age; {block:ifUppercase}text-transform:uppercase;{/block:ifUppercase}}
- h1.title {-webkit-transform: rotate(70deg); -ms-transform: rotate(70deg); transform: rotate(70deg); -webkit-transform-origin:top left; -ms-transform-origin:top left; transform-origin:top left; position:fixed; top:0; {block:ifExtraBox}left:195px;{/block:ifExtraBox} {block:ifNotExtraBox}left:160px;{/block:ifNotExtraBox} width:100%; text-shadow:2px 0px 0px {color:Other Text}; color:{color:Accent 1}; font-size:32px;}
- h1.title:hover {color:{color:Other Text}; text-shadow:2px 0px 0px {color:Accent 1}, -2px 0px 0px {color:Accent 2};}
- a.x {display:block; height:100%; position:fixed; background:{color:Accent 1}; -webkit-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg); padding:100px 0; -webkit-transform-origin:top right; -ms-transform-origin:top right; transform-origin:top right; -webkit-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg); padding:100px 0; -webkit-transform-origin:top right; -ms-transform-origin:top right; transform-origin:top right; cursor:pointer;}
- a.x1 {top:-10px; left:0; width:10px;}
- a.x2 {top:-10px; left:35px; width:10px; opacity:0.8;}
- a.x3 {top:-10px; left:70px; width:10px; opacity:0.6;}
- a.x4 {top:-10px; left:105px; width:10px; opacity:0.4;}
- {block:ifExtraBox}
- a.x5 {top:-10px; left:140px; width:10px; opacity:0.2;}
- {/block:ifExtraBox}
- a.x:hover {background:{color:Accent 2};}
- div.hover {position:fixed; bottom:25px; left:10px; height:auto; width:auto; color:{color:Post BG}; padding:6px 8px; letter-spacing:1px; text-align:center; z-index:99; font-size:12px; opacity:0.2;}
- div.hover:hover {opacity:0.7;}
- #nav {position:absolute; top:20px; left:484px; {block:ifWidePosts}width:536px;{/block:ifWidePosts}{block:ifNotWidePosts}width:436px;{/block:ifNotWidePosts} text-align:center; z-index:99;}
- #nav a {padding:5px 5px 0 5px; color:{color:Other Text}; margin:0 10px;}
- #nav a:hover {text-shadow:2px 0px 0px {color:Accent 1};}
- div.info {position:absolute; top:50px; left:485px; height:190px; overflow:auto; {block:ifWidePosts}width:500px;{/block:ifWidePosts}{block:ifNotWidePosts}width:400px;{/block:ifNotWidePosts} padding:15px; font-size:0.85em; background:{color:Post BG}; display:none; -webkit-box-shadow: 3px 3px 0px 0px rgba({RGBcolor:Accent 2},0.5); -moz-box-shadow: 3px 3px 0px 0px rgba({RGBcolor:Accent 2},0.5); box-shadow: 3px 3px 0px 0px rgba({RGBcolor:Accent 2},0.5); outline:solid 1px {color:Accent 1}; z-index:98; color:{color:Post Text};}
- div.desc, div.navi {display:block;}
- div.navi div {display:inline-block;}
- div.navi {text-align:center;}
- div.navi a {display:inline-block; height:auto; {block:ifWidePosts}width:248px;{/block:ifWidePosts}{block:ifNotWidePosts}width:198px;{/block:ifNotWidePosts} text-align:center; text-transform:uppercase; margin-bottom:4px; color:{color:Post BG}; background:{color:Accent 1}; padding:4px 0;}
- div.navi a:nth-of-type(even) {margin-right:-4px;}
- div.navi a:hover {background:{color:Accent 2};}
- div.upd h3 {text-align:center; border-bottom:solid 1px {color:Accent 1};}
- /*----POSTS----*/
- #posts {position:absolute; top:270px; left:485px; font-size:0.85em; color:{color:Post Text}; padding-bottom:50px; {block:ifWidePosts}width:536px;{/block:ifWidePosts}{block:ifNotWidePosts}width:436px;{/block:ifNotWidePosts}}
- #entry {padding:15px; {block:ifWidePosts}width:500px;{/block:ifWidePosts}{block:ifNotWidePosts}width:400px;{/block:ifNotWidePosts} height:auto; background:{color:Post BG}; outline:solid 1px {color:Accent 1}; margin-top:25px; -webkit-box-shadow: 3px 3px 0px 0px rgba({RGBcolor:Accent 2},0.5); -moz-box-shadow: 3px 3px 0px 0px rgba({RGBcolor:Accent 2},0.5); box-shadow: 3px 3px 0px 0px rgba({RGBcolor:Accent 2},0.5); position:relative;}
- #entry * {max-width:100%;}
- #posts h2 {text-align:center; margin-top:0; padding:5px;}
- #entry table {{block:ifWidePosts}max-width:500px;{/block:ifWidePosts}{block:ifNotWidePosts}max-width:400px;{/block:ifNotWidePosts}}
- blockquote {border-left:solid 1px {color:Accent 1}; padding-left:15px; margin-left:15px; margin-top:-10px;}
- /*----CHAT POSTS----*/
- ul.chat {padding-left:15px; list-style-type:none;}
- ul.chat li {margin:5px 0;}
- ul.chat li.odd b {color:{color:Accent 1};}
- ul.chat li.even b {color:{color:Accent 2};}
- /*----LINK POSTS----*/
- a.link h2 {word-break:break-all;}
- a.link h2:after {content:' ❯'; color:{color:Accent 1};}
- /*----AUDIO POSTS----*/
- .audio {float:left;}
- .audio img {height:80px; width:80px; padding:5px; display:block;}
- .aud {height:28px; width:28px; overflow:hidden; margin:-60px 0 31px 31px; opacity:0.6;}
- .audio:hover .aud {opacity:1;}
- .audin {float:left; height:70px; {block:ifWidePosts}width:385px;{/block:ifWidePosts}{block:ifNotWidePosts}width:285px;{/block:ifNotWidePosts} padding:10px; margin-bottom:15px;}
- /*----QUOTE POSTS----*/
- h2.short {font-size:1.25em;}
- h2.medium, h2.long {text-align:left; text-transform:none;}
- h2.long {font-size:1.15em;}
- /*----ASK POSTS----*/
- div.ask {padding:10px; background:rgba({RGBcolor:Post Text},0.1); position:relative;}
- div.answer {padding:10px; background:rgba({RGBcolor:Post Text},0.05); position:relative;}
- div.ask:after {content:''; width:0; height:0; border-style:solid; border-width:30px 30px 0 0; border-color:rgba({RGBcolor:Post Text},0.1) transparent transparent transparent; line-height:0px; _border-color:rgba({RGBcolor:Post Text},0.1) #000000 #000000 #000000; _filter:progid:DXImageTransform.Microsoft.Chroma(color='#000000'); position:absolute; bottom:-30px; left:30px;}
- div.answer.yep:before {content:''; width:0; height:0; border-style:solid; border-width:0 0 30px 30px; border-color:transparent transparent rgba({RGBcolor:Post Text},0.05) transparent; line-height:0px; _border-color:#000000 #000000 rgba({RGBcolor:Post Text},0.05) #000000; _filter:progid:DXImageTransform.Microsoft.Chroma(color='#000000'); position:absolute; top:-30px; right:30px;}
- div.answer span {float:right;}
- img.askimg {margin-top:6px; margin-bottom:4px;}
- img.ansimg {margin-top:6px; float:right;}
- /*--------*/
- /*----PERMALINK----*/
- #perm {height:auto; {block:ifWidePosts}width:528px;{/block:ifWidePosts}{block:ifNotWidePosts}width:428px;{/block:ifNotWidePosts} background:{color:Post BG}; display:inline-block; outline:solid 1px {color:Accent 1}; padding:0 1px; position:relative; z-index:9; margin-top:-1px; -webkit-box-shadow: 3px 3px 0px 0px rgba({RGBcolor:Accent 2},0.5); -moz-box-shadow: 3px 3px 0px 0px rgba({RGBcolor:Accent 2},0.5); box-shadow: 3px 3px 0px 0px rgba({RGBcolor:Accent 2},0.5);}
- #perm a {display:block; height:10px; width:100%; background:{color:Accent 1}; cursor:pointer; margin:1px 0;}
- #perm a.vs {{block:ifWidePosts}width:264px;{/block:ifWidePosts}{block:ifNotWidePosts}width:214px;{/block:ifNotWidePosts} display:inline-block; margin-right:-4px; margin-top:-1px;}
- #perm a:hover {background:{color:Accent 2};}
- #perm a:nth-of-type(1) {opacity:0.25;}
- #perm a:nth-of-type(2) {opacity:0.5;}
- #perm a:nth-of-type(3) {opacity:0.75;}
- div.tags {height:auto; {block:ifWidePosts}width:500px;{/block:ifWidePosts}{block:ifNotWidePosts}width:400px;{/block:ifNotWidePosts} padding:5px 15px; background:{color:Post BG}; display:inline-block; outline:solid 1px {color:Accent 1}; -webkit-box-shadow: 3px 3px 0px 0px rgba({RGBcolor:Accent 2},0.5); -moz-box-shadow: 3px 3px 0px 0px rgba({RGBcolor:Accent 2},0.5); box-shadow: 3px 3px 0px 0px rgba({RGBcolor:Accent 2},0.5); font-size:0.85em;}
- div.tags a {margin:0 5px;}
- {block:PermalinkPage}
- #perm.rb a:nth-of-type(3) {{block:ifWidePosts}width:263px;{/block:ifWidePosts}{block:ifNotWidePosts}width:213px;{/block:ifNotWidePosts} margin-right:-3px;}
- #perm.rb a.vs {opacity:0.75;}
- #perm.rb a:nth-of-type(5) {margin-top:-5px}
- {/block:PermalinkPage}
- /*--------*/
- /*----NOTES----*/
- ol.notes {padding:15px 0; list-style-type:none; font-size:0.95em; color:{color:Other Text};}
- ol.notes li {margin:15px;}
- img.avatar {margin-right:15px; vertical-align:middle;}
- ol.notes li blockquote {margin-top:10px; margin-left:7px;}
- /*--------*/
- #pg {text-align:center; margin:25px 0;}
- #pg a {font-family:Atomic Age; font-size:32px; margin:0 25px; color:{color:Other Text};}
- #pg a:hover {text-shadow:2px 1px 0px {color:Accent 1};}
- a.btt {display:none; position:fixed; left:0; bottom:75px; width:175px; text-align:center; height:auto; font-family:Atomic Age; letter-spacing:2px; font-size:1.1em;}
- a.cred {background:{color:Accent 1}; color:{color:Other Text}; position:fixed; bottom:5px; right:5px; font-size:13px; font-family:consolas; border:solid 1px {color:Other Text}; padding:4px 6px 2px 6px;}
- a.cred:hover {background:black; color:white; border-color:white;}
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="top" style="position:fixed; top:0; left:0;"></div>
- <h1 class="title">{Title}</h1>
- <div class="hover">CLICK ON THE STRIPES!</div>
- <a class="x x1" title="description"></a>
- <a class="x x2" title="askbox"></a>
- <a class="x x3" title="navigation"></a>
- <a class="x x4" title="updates"></a>
- {block:ifExtraBox}
- <a class="x x5" title="{text:Extra Box Title}"></a>
- {/block:ifExtraBox}
- <div id="nav">
- <a href="/">home</a>
- <a href="/archive">archive</a>
- {block:SubmissionsEnabled}<a href="/submit">submit</a>{/block:SubmissionsEnabled}
- <a href="//syntaxthemes.tumblr.com">theme</a>
- </div>
- <div class="info askb">
- <iframe frameborder="0" scrolling="no" width="100%" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden; height:auto; min-height:250px;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
- </div>
- <div class="info navi">
- <div>
- {block:HasPages}{block:Pages}
- <a href="{URL}">{Label}</a>
- {/block:Pages}{/block:HasPages}
- </div>
- </div>
- <div class="info desc">{Description}</div>
- <div class="info upd">
- <h3>UPDATES</h3>
- {text:Updates}
- </div>
- {block:ifExtraBox}
- <div class="info extra">{text:Extra Box Content}</div>
- {/block:ifExtraBox}
- <!----------------------------------POSTS---------------------------------->
- <div id="posts">
- {block:Posts}
- <div id="entry" style="{block:Quote}text-align:center;{/block:Quote}">
- <!---posts--->
- {block:Text}
- {block:Title}<h2>{Title}</h2>{/block:Title}
- {Body}
- {/block:Text}
- {block:Audio}
- <div class="audio">
- <img src="{image:Default Album Art}" {block:AlbumArt}style="display:none"{/block:AlbumArt}/>
- {block:AlbumArt}<img src="{AlbumArtURL}"/>{/block:AlbumArt}
- <div class="aud">{AudioPlayerWhite}</div>
- </div>
- <div class="audin">
- {block:TrackName}<b>Track Name</b> {TrackName}<br/>{/block:TrackName}
- {block:Artist}<b>Artist</b> {Artist}<br/>{/block:Artist}
- {block:Album}<b>Album</b> {Album}<br/>{/block:Album}
- {block:PlayCount}<b>Plays</b> {FormattedPlayCount}{/block:PlayCount}
- </div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- {block:Video}
- {block:ifWidePosts}{Video-500}{/block:ifWidePosts}
- {block:ifNotWidePosts}{Video-400}{/block:ifNotWidePosts}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Photo}
- {block:ifOpenFullSizeImages}
- {LinkOpenTag}
- {/block:ifOpenFullSizeImages}
- {block:ifWidePosts}<img src="{PhotoURL-500}">{/block:ifWidePosts}
- {block:ifNotWidePosts}<img src="{PhotoURL-400}">{/block:ifNotWidePosts}
- {block:ifOpenFullSizeImages}
- {LinkCloseTag}
- {/block:ifOpenFullSizeImages}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {block:ifWidePosts}{Photoset-500}{/block:ifWidePosts}
- {block:ifNotWidePosts}{Photoset-400}{/block:ifNotWidePosts}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- {block:Panorama}
- {LinkOpenTag}<img src="{PhotoURL-Panorama}"/>{LinkCloseTag}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Panorama}
- {block:Quote}
- <h2 class="{Length} qu">"{Quote}"</h2>
- {block:Source}{Source}{/block:Source}
- {/block:Quote}
- {block:Link}
- <a href="{URL}" class="link"><h2>{Name}</h2></a>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<h2>{Title}</h2>{/block:Title}
- <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">{Asker} asked:<br/>{Question}</div>
- <img class="askimg" src="{AskerPortraitURL-24}"/>
- {block:Answerer}<img class="ansimg" src="{AnswererPortraitURL-24}"/>{/block:Answerer}
- <div class="answer {block:Answerer}yep{/block:Answerer}">
- {block:Answerer}<span>{Answerer} replied:</span><br/>{/block:Answerer}
- {Answer}
- </div>
- {block:Answerer}{Replies}{/block:Answerer}
- {/block:Answer}
- </div><!--entry-->
- {block:Date}
- <div id="perm" {block:RebloggedFrom}class="rb"{/block:RebloggedFrom}>
- <a href="{BlogURL}day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}" title="{TimeAgo}"> </a>
- <a href="{Permalink}" title="{NoteCountWithLabel}"> </a>
- {block:PermalinkPage}{block:RebloggedFrom}
- <a class="vs" href="{ReblogParentURL}" title="via {ReblogParentName}"> </a>
- <a class="vs" href="{ReblogRootURL}" title="source: {ReblogRootName}"> </a>
- {/block:RebloggedFrom}{/block:PermalinkPage}
- <a href="{ReblogURL}" title="reblog"> </a>
- <a {block:PermalinkPage}style="display:none;"{/block:PermalinkPage} {block:HasTags}style="display:none;"{/block:HasTags} title="no tags"></a>
- {block:HasTags}<a {block:PermalinkPage}style="display:none;"{/block:PermalinkPage} title="{block:Tags}#{Tag}<br/>{/block:Tags}"> </a>{/block:HasTags}
- </div>
- {block:PermalinkPage}{block:HasTags}
- <div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>
- {/block:HasTags}{/block:PermalinkPage}
- {/block:Date}
- {/block:Posts}
- {block:Pagination}<div id="pg">
- {block:PreviousPage}<a href="{PreviousPage}"><</a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">></a>{/block:NextPage}
- </div>{/block:Pagination}
- {block:PermalinkPagination}<div id="pg">
- {block:PreviousPost}<a href="{PreviousPost}"><</a>{/block:PreviousPost}
- {block:NextPost}<a href="{NextPost}">></a>{/block:NextPost}
- </div>{/block:PermalinkPagination}
- {block:PostNotes}
- {PostNotes}
- {/block:PostNotes}
- </div><!--posts-->
- {block:ifBackToTopButton}<a class="btt" href="#">BACK<br/>TO TOP?</a>{/block:ifBackToTopButton}
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement