Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <!-------
- ( theme 62 @ subwrbia.
- base code by rnirae. )
- <!------>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{FavIcon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
- <script type="text/javascript"
- src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js" ></script>
- <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
- <meta name="color:background" content="#fff" />
- <meta name="color:text" content="#707070"/>
- <meta name="image:background" content=""/>
- <meta name="image:image" content=""/>
- <meta name="color:scrollbar" content="#000"/>
- <meta name="color:light accents" content="#eee"/>
- <meta name="color:link" content="#aaa"/>
- <meta name="text:link 1" content="index"/>
- <meta name="text:link 1 url" content="/"/>
- <meta name="text:link 2" content="ask"/>
- <meta name="text:link 2 url" content="/ask"/>
- <meta name="text:link 3" content="link 3"/>
- <meta name="text:link 3 url" content="/"/>
- <meta name="text:link 4" content="link 4"/>
- <meta name="text:link 4 url" content="/"/>
- <!--post width options-->
- <meta name="select:post width" content="250" title="250px"/>
- <meta name="select:post width" content="300" title="300px"/>
- <meta name="select:post width" content="350" title="350px"/>
- <meta name="select:post width" content="400" title="400px"/>
- <meta name="select:post width" content="500" title="500px"/>
- <style type="text/css">
- /* follow/dashboard buttons */
- iframe#tumblr_controls {
- right:2px !important;
- position: fixed !important;
- -webkit-transition: opacity 0.7s linear;
- opacity: 0.16;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- -webkit-filter: invert(100%);
- }
- iframe#tumblr_controls:hover {
- -webkit-transition: opacity 0.7s linear;
- opacity: 0.16;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- -webkit-filter: invert(100%);
- }
- /* basic styles */
- body {
- color: {color:Text};
- background-color: {color:Background};
- background-image: url({image:Background});
- font: 10px 'Open Sans Pro';
- line-height: 16px;
- margin-left:200px;
- }
- h1{
- padding:10px;
- background:#fcfcfc;
- border-bottom:1px solid #f5f5f5;
- font-weight:300;
- color:#e3e3e3;
- text-transform:lowercase;
- }
- h2{
- padding:10px;
- background:#fcfcfc;
- border-bottom:1px solid #f5f5f5;
- font-weight:300;
- color:#e3e3e3;
- text-transform:lowercase;
- }
- a {
- text-decoration: none;
- color: {color:Link};
- }
- a:hover {
- color:{color:Link Hover};
- cursor: help;
- }
- h1 {
- font-size: 8px;
- font-family:arial;
- text-transform:uppercase;
- color:{color:text};
- letter-spacing:1px;
- padding:15px;
- background:#fff;
- }
- blockquote img{
- max-width:200px;
- }
- small{
- font-size:10px;
- }
- /* scrollbar */
- ::-webkit-scrollbar {
- width: 3px;
- height: 5px;
- background: {color:Background};
- }
- ::-webkit-scrollbar-thumb {
- background: {color:Scrollbar};
- border-radius: 16px;
- border-top: 5px solid {color:Background};
- }
- /* post customizations */
- #content { /* for the whole column of posts */
- {block:IndexPage}
- width:{select:post width}px;
- {/block:IndexPage}
- {block:PermalinkPage}
- width: 400px;
- {/block:PermalinkPage}
- position: relative;
- margin-left: 300px;
- margin-top: 60px;
- font-family:'open sans';
- }
- .entry { /* for individual posts */
- margin-bottom: 80px;
- border:1px solid #f9f9f9;
- padding:15px;
- text-align:justify;
- font-family:'open sans';
- }
- .tags{
- position:absolute;
- margin-left:420px;
- margin-top:0px;
- font-family:'open sans';
- text-transform:normal;
- letter-spacing:1px;
- border-left:1px solid #f9f9f9;
- max-width:150px;
- padding:10px;
- padding-left:10px;
- }
- .tags a{
- font-size:9px;
- }
- /* questions */
- #question {
- padding:10px;
- padding-bottom:15px;
- border-bottom:1px solid #f5f5f5;
- background:#fff;
- margin-bottom:13px;
- text-align:center;
- }
- .q{
- opacity:0.7;
- font-style:italic;
- text-transform:uppercase;
- font-size:8px;
- letter-spacing:1px;
- padding:5px;
- font-family:arial;
- }
- .a{
- opacity:1;
- text-transform:uppercase;
- font-size:8px;
- letter-spacing:2px;
- padding-left:5px;
- font-family:arial;
- }
- /* audio */
- .crybaby {
- width:27px;
- height:27px;
- overflow:hidden;
- border:0px solid #f5f5f5;
- }
- #teddybear{
- text-align:right;
- margin-top:-30px;
- padding-bottom:10px;
- font-size:10px;
- text-transform:lowercase;
- border-bottom:1px solid #f5f5f5;
- }
- /* quotes */
- #cake {
- padding:5px;
- padding-bottom:10px;
- border-bottom:1px solid #f5f5f5;
- }
- /* chats */
- .chat ol {
- line-height:150%;
- text-align:justify;
- padding:0px;
- list-style:none;
- }
- .label {
- font-size:10px;
- border-bottom:1px solid #eee;
- }
- .line.odd {
- padding:7px;
- }
- .line.even {
- padding:7px;
- border-top:1px solid #f5f5f5;
- border-bottom:1px solid #f5f5f5;
- }
- /* permalinks */
- #perma {
- right: -75px;
- letter-spacing: 1px;
- text-transform: uppercase;
- text-align:center;
- font-size:8px;
- margin-top:10px;
- border-top:1px solid #f7f7f7;
- font-family:arial;
- padding:15px;
- line-height:150%;
- color:{color:text};
- padding-bottom:25px;
- background:#fcfcfc;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #perma a{
- color:{color:text};
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #perma2 {
- right: -75px;
- letter-spacing: .5px;
- text-transform: lowercase;
- text-align:left;
- margin-top:0px;
- border-top:1px solid #f5f5f5;
- padding-top:10px;
- background:#fcfcfc;
- padding:10px;
- text-transform:uppercase;
- font-size:8px;
- letter-spacing:1px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #perma2 a{
- color:#9f9f9f;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #pn {
- margin-top:10px;
- border-top:0px solid #f5f5f5;
- padding:5px;
- text-transform:uppercase;
- opacity:0.8;
- letter-spacing:1px;
- font-size:8px;
- max-height:100px;
- overflow-y:scroll;
- }
- .nuts {
- width:310px;
- text-align:left;
- }
- /* sidebar */
- #side {
- top: 150px;
- left: 250px;
- position: fixed;
- width: 100px;
- text-align:justify;
- background:#fcfcfc;
- padding:15px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #side a:hover {
- border-bottom: 1px solid transparent;
- color: {color:text};
- }
- #side img{
- margin-bottom:15px;
- width:48px;
- border:1px solid #f2f2f2;
- padding:3px;
- border-radius:500px;
- margin-left:-85px;
- margin-top:0px;
- }
- .head {
- font-size: 10px;
- font-family:arial;
- font-style:normal;
- margin-top:-70px;
- text-transform:uppercase;
- color: {color:Text};
- letter-spacing: .5px;
- }
- .desc {
- margin-top:5px;
- padding-top:5px;
- border-top:1px solid #f5f5f5;
- font-family:'Open Sans';
- }
- .curly a{
- font-family:arial;
- font-style:italic;
- color:{color:text};
- }
- .curly a:hover{
- opacity:0.8;
- }
- blockquote {
- border-left: 1px solid {color:Light Accents};
- margin-left: 6px;
- padding-left: 10px;
- max-width:90%;
- }
- ul {
- list-style-type:katakana;
- }
- ul li {
- max-width:90%;
- }
- /* permalink page */
- img.avatar {display:none; }
- ol.notes {
- margin-top: 20px;
- }
- #lourry {
- right:5px;
- bottom:10px;
- position:fixed;
- }
- #lourry a{
- color:{color:text};
- padding:5px;
- font-style:italic;
- }
- #top{position:fixed;left:0px;top:0;width:100%;height:27px;background:#fcfcfc;z-index:6;}
- #bottom{position:fixed;left:0px;bottom:0;width:100%;height:27px;background:#fcfcfc;z-index:6;}
- #left{position:fixed;left:0px;bottom:0;height:100%;width:30px;background:#fcfcfc;z-index:6;}
- #right{position:fixed;right:0px;bottom:0;height:100%;width:30px;background:#fcfcfc;z-index:6;}
- </style>
- <!---infinite scroll---><script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
- </head>
- <body>
- <!--sidebar-->
- <div id="side">
- <img src="{image:image}">
- <div class="head">{title}</div>
- <div class="curly">
- <a href="{text:Link 1 url}" title="{text:Link 1}">one.</a>
- <a href="{text:Link 2 url}" title="{text:Link 2}">two.</a>
- <a href="{text:Link 3 url}" title="{text:Link 3}">three.</a>
- <a href="{text:Link 4 url}" title="{text:Link 4}">four.</a>
- </div>
- <div class="desc">
- {Description}
- </div>
- </div>
- <!----->
- <div id="content">
- {block:Posts}
- <!-- {block:NoRebloggedFrom}
- {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
- {/block:NoRebloggedFrom} -->
- <div class="entry">
- {block:Photo}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a> {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}
- {block:Photoset}<div style="width: 100%;">{Photoset}</div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body} {/block:Text}
- {block:Link}<h1><a href="{URL}">{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Quote}<div id="cake">"{Quote}"</div>{block:Source}<br>{Source}{/block:Source}{/block:Quote}
- {block:Chat}{block:Title}<h2>{Title}</h2>{/block:Title}<div class="chat"><ol>{block:Lines}<li class="line {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}
- </ol></div>{/block:Chat}
- {block:Audio}<div class="crybaby">{AudioPlayerWhite}</div>
- <div id="teddybear">{block:TrackName}{TrackName}{/block:TrackName}<br>
- {block:Artist} {Artist}{/block:Artist}<br>
- {block:Album}{Album}{/block:Album}</div>
- {block:Caption}{Caption}{/block:Caption}{/block:Audio}
- {block:Video}{block:IndexPage}{block:if250px}{Video-250}{/block:if250px}{block:if400px}{Video-400}{/block:if400px}{block:if500px}{Video-500}{/block:if500px}{/block:IndexPage}{block:PermalinkPage}{Video-400}{/block:PermalinkPage} {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{block:Video}
- {block:Answer}<div id="question"><div style="text-transform:lowercase;letter-spacing:0.5px;text-align:left;font-style:normal;border-bottom:1px solid #f5f5f5;padding:5px;padding-bottom:10px;padding-top:0px;background:#fff;font-weight:normal;"><span class="a"><big>✉ </big>{Asker}:</span></div> <br><div class="q">{Question}</div></div>
- <p>{Answer}{/block:Answer}
- <!--permalink page-->
- {block:PermalinkPage}
- {block:Date}<div id="pn"><div id="perma2"><i class="fa fa-circle-thin" aria-hidden="true"></i> posted <a href="{Permalink}">{timeago}</a> {block:NoteCount}<br><i class="fa fa-circle-thin" aria-hidden="true"></i> {NoteCountWithLabel}{/block:NoteCount}{/block:Date}{block:HasTags}<br><i class="fa fa-circle-thin" aria-hidden="true"></i> tagged as {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}<br>{/block:HasTags}
- {block:ContentSource}<i class="fa fa-circle-thin" aria-hidden="true"></i> originally from <a href="{SourceURL}">{SourceTitle}</a>
- {/block:ContentSource}{block:RebloggedFrom}<i class="fa fa-circle-thin" aria-hidden="true"></i> reblogged via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div>
- {block:PostNotes}<div class="nuts">{PostNotes}</div>.{/block:PostNotes}
- {/block:PermalinkPage}
- {block:IndexPage}{block:Date}<div id="perma"><span style="float:left;"><a href="{Permalink}"><a href="{ReblogURL}" target="_blank" class="details">↺</a> {dayofmonthwithzero}.{monthnumberwithzero}</a>{/block:Date}</span> <span style="float:right;">{block:NoteCount} <a href="{Permalink}"> {NoteCount}n</a></span>{/block:NoteCount}</span>
- </div>{/block:IndexPage}
- </div> <!---entry div--->
- {/block:Posts}
- {block:ContentSource}<!-- {SourceURL}
- {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- </div><!---content div--->
- <div id="lourry">
- <a href="http://subwrbia.tumblr.com">th.</a> /
- <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5270760";
- var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
- fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
- document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
- </script>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement