Theme 50: London

<!--
Theme 50: London
By Vanilla Beaux
Please Do Not Remove Credit
-->
<html>
<head>


<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

<title>{Title}</title>
<link rel="shortcut icon" href="{favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description"content="{MetaDescription}"/>{/block:Description}

<!--Variables-->

<meta name="color:Background" content="#fff" />
<meta name="color:Scrollbar BG" content="#fff" />
<meta name="color:Scrollbar" content="#ddd" />
<meta name="color:Link" content="#999" />
<meta name="color:Link Hover" content="#ddd" />
<meta name="color:Posts Border" content="#ddd" />
<meta name="color:Title" content="#888" />
<meta name="color:Source Quote" content="#888" />
<meta name="color:SidebarBG Right Border" content="#ddd" />
<meta name="color:Boxes BG" content="#fff" />
<meta name="color:Boxes Border" content="#ddd" />
<meta name="color:Sidebar Text" content="#000" />
<meta name="color:Navigation Border" content="#ddd" />
<meta name="color:Navigation Text" content="#888" />
<meta name="color:Navigation Text Shadow" content="#ddd" />
<meta name="color:Banner" content="#ddd" />
<meta name="color:Banner Text Shadow" content="#ddd" />
<meta name="color:Banner First Letter" content="#888" />
<meta name="color:Banner First Letter Shadow" content="#888" />
<meta name="color:text" content="#000" />
<meta name="color:Posts BG" content="#fff"/>

<meta name="image:Background" content="" />
<meta name="image:Sidebar" content="http://static.tumblr.com/gdh5wux/z3Tmn0fhm/barbara_palvin_for_armani_exchange_2012-000.jpg" />
<meta name="image:Blog 1" content="http://i42.tinypic.com/fk2o3r.png" />
<meta name="image:Blog 2" content="http://static.tumblr.com/nelpcva/UShm52di5/avatar_66e091343700_96.png" />

<meta name="text:TITLE 1" content="" />
<meta name="text:TITLE 2" content="" />
<meta name="text:Blog 1 URL" content="" />
<meta name="text:Blog 2 URL" content="" />

<meta name="if:OtherBlogs" content="1" />

<!--Variables-->
<style type="text/css">


::-webkit-scrollbar {width: 9px; height: 3px; background:{color:Scrollbar BG};}
::-webkit-scrollbar-thumb {background:{color:Scrollbar}; border-radius:5px; -webkit-box-shadow: inset 0 0 20px #000000;}

#tumblr_controls{
position:fixed !important;
}

@font-face{font-family:"tinytots";src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}

@font-face{font-family:"caviardreams";src:url('http://static.tumblr.com/alux5te/8BFltyod3/caviardreams.ttf'); }

@font-face{font-family:"lainie";src:url('http://static.tumblr.com/oetadgc/Uialyjfaa/laine.ttf');}

@font-face{font-family:"tangerine";src:url('http://static.tumblr.com/gdh5wux/MAfm61bhn/tangerine_regular.ttf');}

@font-face { font-family:"Elegant"; src: url('http://static.tumblr.com/zruguhm/k34mpyt1x/elegantlight.ttf'); }

body {
margin: 0px;
background-color:{color:background};
background-image:url('{image:Background}');
background-attachment:fixed;
background-repeat:repeat;
background-position:center;
}

body, div, p, textarea, submit, input {
font-family:"tinytots";
font-size:8px;
line-height:12px;
color:{color:Text};
text-transform:uppercase;
}

a:link, a:active, a:visited{
color:{color:Link};
text-decoration: none;
-webkit-transition: color 0.4s ease-out;
-moz-transition: color 0.4s ease-out;
}

a:hover{
color:{color:Link Hover};
-webkit-transition: color 0.4s ease-out;
-moz-transition: color 0.4s ease-out;
}

div#posts {
float:left;
width:820px;
margin-left:530px;
}

.entry {
margin:2px;
float:left;
overflow:hidden;
border:3px double {color:Posts Border};
background-color:{color:Posts BG};
{block:IndexPage}
width:400px;
{/block:IndexPage}
{block:PermalinkPage}
width:500px;
{/block:PermalinkPage}
}

.perma{
opacity: 0.0;
filter:alpha(opacity = 0);
margin-top:-21px;
width:0px;
height:30px;
line-height:30px;
font-size:9px;
position:absolute;
text-align:center;
z-index:800;
color:#000;
}

a.p{color:#fff;}


.entry:hover .perma {
opacity: 1;
transition: all 0.4s linear;
filter: alpha(opacity = 100);
-webkit-transition: opacity 0.4s linear;
-moz-transition: all 0.4s linear;
}

.likep{
top:26px;
left:5px;
z-index:99;
width:21px;
height:20px;
overflow:hidden;
position: absolute;
}

.likep img {
width:21px;
height:20px;
webkit-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}

.rep{
top:26px;
left:29px;
width:24px;
height:20px;
overflow:hidden;
position:absolute;
z-index:99;
}

.rep img{
width:24px;
height:20px;
line-height:30px;
display:inline;
}


.likep a:hover{background-position: 0px 0px;}

.likep a{
background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
background-position:0px 0px;
display:block;
z-index:99;
webkit-transition: all 0s linear;
-webkit-transition: all 0s linear;
-moz-transition: all 0s linear;
transition: all 0s linear;
}

.not{
position:absolute;
background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");
height:20px;
font-size:11px;
line-height:20px;
color:#fff;
position:absolute;
top:26px;
left: 56px;
padding-left:4px;
padding-right:4px;
-moz-border-radius:2px;
border-radius:2px;
}

.not a{
color:#fff;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

.entry:hover .not, .entry:hover .rep, .entry:hover .likep{opacity: 0.8;filter: alpha(opacity = 80);}

.not:hover , .rep:hover, .likep:hover{opacity: 1!important;filter: alpha(opacity = 100)!important;}


#infscr-loading{
bottom: -70px;
position: absolute;
left: 50%;
margin-left:-8px;
width:16px;
height:11px;
overflow:hidden;
margin-bottom: 50px;
}

.title{
font-family:tangerine;
text-transform:none;
font-size:30px;
line-height:30px;
color:{color:Title};
text-align:center;
}

.quote{
font-family:caviardreams;
font-size:12px;
color:{color:Source Quote};
text-transform:none;
line-height:10px;
text-align:right;
}

blockquote{
padding:0px 0px 2px 5px;
margin:0px 0px 2px 10px;
border-left: 1px dotted #555555;
}

.infinite {
align:right;
background:#ddd;
color:white;
margin:3px 0px 5px 66px;
padding:7px;
padding-top:5px;
position:relative;
border-radius:5px;
}

.infinite span {
display:block;
position:absolute;
width:1px;height:1px;
font-size: 8px;
font-family:tinytots;
line-height:1px;
left:-10px;
top:10px;
border-top:5px solid transparent;
border-bottom:5px solid transparent;
border-right:10px solid #ddd;
}

.askborder{float:left;margin:1px 4px 0 0;}

ul, ol, li{list-style:none; margin:0px; padding:0px;}
.user_1 .label, .user_4 .label, .user_7 .label, .user_2 .label, .user_5 .label, .user_8 .label, .user_3 .label, .user_6 .label,
.user_9 .label {color:{color:text};}
.notes img{width:10px; position:relative; top:3px;}

#side{
position:fixed;
width:420px;
height:100%;
background-image:url('http://24.media.tumblr.com/tumblr_m0ce1aJAdF1rr1mfbo3_250.png');
border-right:6px solid {color:SidebarBG Right Border};
left:0px;
top:0px;
box-shadow:1px 0px 3px #666;
}

#sidebar{
position:absolute;
width:200px;
height:630px;
left:205px;
top:6px;
font-family:calibri;
font-size:10px;
text-align:center;
text-transform:none;
color:{color:Sidebar Text};
background-color:{color:Boxes BG};
border:4px double {color:Boxes Border};
}

#sidepic img{
position:absolute;
width:180px;
height:180px;
left:10px;
top:6px;
background-color:{color:Boxes BG};
border:3px double {color:Boxes Border};
}

#linksbox{
position:absolute;
width:180px;
height:435px;
left:10px;
top:200px;
background-color:{color:Boxes BG};
border:4px double {color:Boxes Border};
}

.heart{
display:block;
line-height:10px;
font-family:tinytots;
vertical-align:middle;
background:url('http://media.tumblr.com/tumblr_m6am5zSTmd1rqir0v.gif')no-repeat left;}

div.navigate a{
border-left:6px solid {color:Navigation Border};
color:{color:Navigation Text} !important;
text-shadow:0px 0px 1px {color:Navigation Text Shadow};
width:180px;
height:40px;
margin-top:5px;
margin-left:10px;
display:block;
text-align:center;
font-family:'Espacio';
text-transform:none;
font-size:25px;
line-height:45px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;

}

div .navigate a:hover{
border-left:20px solid {color:Navigation Border};
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

#banner{
position:fixed;
font-family:'quicksand';
font-size:50px;
color:{color:Banner};
text-shadow:0px 0px 10px {color:Banner Text Shadow};
left:200px;
top:260px;
text-transform:uppercase;
-webkit-transform:rotate(90deg);
}

#banner:first-letter{
font-family:'edwardian';
font-size:100px;
color:{color:Banner First Letter};
text-shadow:0px 0px 10px {color:Banner First Letter Shadow};
}

#faves img {
width:50px;
height:50px;
margin-left:10px;
border-radius:0px;
box-shadow:0px 0px 10px #888;
-webkit-transition-duration:.7s;
}

#faves img:hover {
-webkit-transition: 0.5s ease-in;
border-radius:32px;
opacity:0.5;
}

@font-face { font-family: "Espacio"; src: url('http://static.tumblr.com/gdh5wux/cPLmoz1ma/espacio.ttf'); }

@font-face { font-family: "edwardian"; src: url('http://static.tumblr.com/oetadgc/sUtm6d6kz/ufonts.com_edwardian-script-itc-2.ttf'); }

@font-face { font-family:"quicksand"; src: url('http://static.tumblr.com/fxpo5zq/ad0m5vybr/quicksand_light.otf'); }

{CustomCSS}
</style>
<body>

<div id="banner">{title}</div>

<div id="side">
<div id="sidepic"><img src="{image:Sidebar}"></div>

<div id="linksbox">
<div class="navigate">
<a href="/">Home</a>
<a href="/ask">Inbox</a>
<a href="/links">More</a>
<a href="/submit">Submit</a>
<a href="http://beautifully-flawless.tumblr.com/">Credit</a>
</div>
</div>

<div id="sidebar">
{description}
<br><br>
TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE
<br><br>
<div class="heart">INSERT STAT HERE</div>
<div class="heart">INSERT STAT HERE</div>
<div class="heart">Best viewed in G. Chrome & Safari</div>
<br>

<br>
{Block:ifOtherBlogs}
<a href="{Blog 1 URL}"><img style="width:50px; height:50px; border:3px double #ddd;" src='{image:Blog 1}'title="{text:TITLE 1}"/></a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a href="{Blog 2 URL}"><img style="width:50px; height:50px; border:3px double #ddd;" src='{image:Blog 2}'title="{text:TITLE 2}"/></a>
{Block:ifOtherBlogs}

<br><br>
<div id="faves">
<marquee behavior="scroll" scrollamount="5" direction="left" onmouseover="this.stop();" onmouseout="this.start();">

{block:Following}
{block:Followed}
<a target='_blank' href='{FollowedURL}'>
<img border='3' src='{FollowedPortraitURL-96}' width="60px" height="60px" />
{/block:Followed}
{/block:Following}

</marquee>
</div>

</div>


<div id="posts">
{block:Posts}
<div class="entry">

{block:IndexPage}
<div class="perma">

<div class="likep">
<a id="like{PostID}"href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif"width="21" height="20"alt="Like this post"id="likeimage{PostID}"/></a>
</div>

<div class="rep"><a href="{reblogurl}"target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png"width="30"/></a></div>

<div class="not">
<a id="notes{PostID}"href="{Permalink}">{NoteCount}</a></div>
</div>
{/block:IndexPage}

{block:Text}
{block:Title}
<div class="title">{Title}</div>
{/block:Title}
<span class="entrytext">{Body}</span>
{/block:Text}

{block:Link}
<div class="title"><a href="{URL}">{Name}</a></div>
{block:Description}{Description}{/block:Description}
{block:Link}

{block:Photo}
{block:IndexPage}
{LinkOpenTag}
<div class="photo"><a href="{permalink}">
<img class="photo"src="{PhotoURL-HighRes}"alt="{PhotoAlt}"width="100%"></a></div>
{LinkCloseTag}
{/block:IndexPage}
{block:PermalinkPage}
{LinkOpenTag}
<a href="{permalink}"><img class="photo"src="{PhotoURL-HighRes}"alt="{PhotoAlt}"width="100%"></a>
{LinkCloseTag}
{/block:PermalinkPage}
{/block:Photo}

{block:Photoset}
{block:IndexPage}
<center>
{Photoset-400}
</center>
{/block:IndexPage}
{block:PermalinkPage}
<center>
{Photoset-500}
</center>
{/block:PermalinkPage}
{/block:Photoset}

{block:Quote}
{Quote}
</span>
{block:Source}
<div class="quote">{Source}</div>
{/block:Source}
{/block:Quote}

{block:Chat}
{block:Title}
<span class="title">{Title}</span>
{/block:Title}
<ul class="chat">
{block:Lines}
<li class="user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
{/block:Chat}

{block:Audio}
<center>{AudioPlayerWhite}</center>
{/block:Audio}

{block:Video}
{block:IndexPage}
<center>
{Video-400}
</center>
{/block:IndexPage}
{block:PermalinkPage}
<center>
{Video-500}
</center>
{/block:PermalinkPage}
{block:Video}

{block:Answer}
<img style="border:1px solid #aaa; width:40px; height:40px;"src="{AskerPortraitURL-40}"align="left"class="askborder">
<div class="infinite">
<span>
</span>
{Asker}:{Question}&nbsp;
</div>
<div style="margin-top:-5px;">
<br>{Answer}
</div>
{block:IndexPage}
{/block:IndexPage}
{/block:Answer}

{block:PermalinkPage}
<center>
<br>
{block:Caption}
{Caption}
{/block:Caption}

{block:NoteCount}
{NoteCountWithLabel}
{/block:NoteCount}

{block:HasTags}
&middot;{block:Tags}<a href="TagURL">#{Tag}</a>{/block:Tags}
{/block:hasTags}
</center>
{/block:PermalinkPage}


{block:PostNotes}
{PostNotes}
{/block:PostNotes}
</div>

{/block:Posts}
</div>
</div>

{block:IndexPage}
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>

<script type="text/javascript">
$(window).load(function () {
var $content = $('#posts');
$content.masonry({itemSelector: '.entry'}),
$content.infinitescroll({
navSelector : 'div#pagination',
nextSelector : 'div#pagination a#nextPage',
itemSelector : '.entry',
loading: {
finishedMsg: '',
img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
},
bufferPx : 600,
debug : false,
},
// call masonry as a callback.
function( newElements ) {
var $newElems = $( newElements );
$newElems.hide();
// ensure that images load before adding to masonry layout
$newElems.imagesLoaded(function(){
$content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(400);} );


});
});
});
</script>
{/block:IndexPage}

{block:IndexPage}
{block:Pagination}
<div id="pagination">
{block:NextPage}
<a id="nextPage" href="{NextPage}"></a>
{/block:NextPage}
{block:PreviousPage}
<a href="{PreviousPage}"></a>
{/block:PreviousPage}
</div>
{/block:Pagination}
{/block:IndexPage}
</div>
<script type="text/javascript" src="http://.ic.tumblr.com/uiqhh9x/aK8m1cpdr/like2.js"></script>
<iframe id="likeiframe" style="width: 0px; height: 0px; border:0px;"></iframe>
<span id="scriptsinsert"> </span>
</body>
</html>