Theme 37: Belinda

<!--Theme 37: Belinda
By Beautifully Flawless
DO NOT REMOVE CREDIT, OR YOU WILL BE REPORTED.
DO NOT REMOVE CREDIT, OR YOU WILL BE REPORTED.
DO NOT REMOVE CREDIT, OR YOU WILL BE REPORTED.
DO NOT REMOVE CREDIT, OR YOU WILL BE REPORTED.
DO NOT REMOVE CREDIT, OR YOU WILL BE REPORTED.
DO NOT REMOVE CREDIT, OR YOU WILL BE REPORTED.
-->

<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="#000000"/>
<meta name="color:Text" content="#000000"/>
<meta name="color:Scrollbar" content="#fff"/>
<meta name="color:Link" content="#bbb"/>
<meta name="color:Link Hover" content="#888"/>
<meta name="color:Link Hover Shadow" content="#888"/>
<meta name="color:Posts BG" content="#fff"/>
<meta name="color:Posts Border" content="#ddd"/>
<meta name="color:Permalink BG" content="#fff"/>
<meta name="color:Title" content="#bbb"/>
<meta name="color:Title Shadow" content="#888"/>
<meta name="color:Ask Border" content="#888"/>
<meta name="color:Ask Shadow" content="#ddd"/>
<meta name="color:Sidebar BG" content="#000"/>
<meta name="color:Sidebar Border" content="#fff"/>
<meta name="color:Sidebar Text" content="#fff"/>
<meta name="color:Top Bar BG" content="#000"/>
<meta name="color:Top Bar Text" content="#fff"/>
<meta name="color:Top Bar Border" content="#fff"/>
<meta name="color:Banner" content="#fff"/>
<meta name="color:Banner Shadow" content="#ddd"/>
<meta name="color:Header" content="#fff"/>
<meta name="color:Header First L." content="#ddd"/>
<meta name="color:Header First L. Shadow" content="#888"/>


<meta name="image:Background" content=""/>
<meta name="image:sidebar" content="http://static.tumblr.com/gdh5wux/McYme95bn/tumblr_m7mqstmxi61rpkk66o1_500.jpg" />

<meta name="text:STATS 1" content="INSERT STAT HERE" />
<meta name="text:STATS 2" content="INSERT STAT HERE" />
<meta name="text:STATS 3" content="INSERT STAT HERE" />

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


::-webkit-scrollbar {width: 9px; height: 3px; background:transparent;}
::-webkit-scrollbar-thumb {background:{color:Scrollbar}; border-radius:5px; box-shadow:0px 0px 10px #fff;}

#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:"chopin";src:url('http://static.tumblr.com/gdh5wux/FYdm826v4/chops___.ttf');}

@font-face { font-family: "edwardian"; src: url('http://static.tumblr.com/oetadgc/sUtm6d6kz/ufonts.com_edwardian-script-itc-2.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;
cursor:url('http://media.tumblr.com/tumblr_m6aniyrSbO1rqir0v.png'), progress;
}

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;
text-shadow:0px 0px 1px {color:Link Hover Shadow};
}

div#posts {
float:left;
width:960px;
margin-left:370px;
margin-top:45px;
}

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

.entry:hover #permalink{
opacity:1.0;
-webkit-transition: opacity 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

#permalink{
position:absolute;
background:{color:Permalink BG};
border-bottom:5px solid #ddd;
width:300px;
height:2px;
top:0px;
left:0px;
overflow:hidden;
padding:10px;
opacity:0.0;
font-size:10px;
line-height:6px;
text-align:center;
font-family:'calibri';
text-transform:uppercase;
letter-spacing:1px;
z-index:9999;
-webkit-transition:opacity 0.6s ease-out;
-webkit-transition:all 0.6s ease-out;
-moz-transition:all 0.6s ease-out;
transition:all 0.6s ease-out;
}

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

.title{
font-family:'chopin';
text-transform:none;
font-size:30px;
line-height:35px;
text-align:center;
color:{color:Title};
text-shadow: 1px 0px 5px {color:Title Shadow};
}

.quote{
font-family:caviardreams;
font-size:12px;
color:#888;
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:#aaa;
color:white;
margin:3px 0px 5px 60px;
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 #aaa;
}

.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;}

#sidebar{
top:110px;
left:10px;
float:left;
width:350px;
height:535px;
position:fixed;
overflow:hidden;
color:{color:Sidebar Text};
background-color:{color:Sidebar BG};
border:1px dotted {color:Sidebar Border};
}

#sidebar img{
width:350px;
height:180px;
}

#topbar{
font-size:30px;
font-family:'edwardian';
line-height:33px;
text-align:center;
text-transform:none;
height:35px;
top:0;
left:0px;
width:100%;
position:fixed;
color:{color:Top Bar Text};
background-color:{color:Top Bar BG};
border-bottom:4px double {color:Top Bar Border};}

#topbar a{margin-right:20px;display:inline;}

#banner{
position:fixed;
color:{color:Banner};
text-transform:none;
font-family:chopin;
font-size:50px;
text-shadow:0px 0px 10px {color:Banner Shadow};
left:10px;
top:70px;
}

#name{
font-family:"Magik";
font-size:30px;
line-height:30px;
text-align:center;
text-transform:none;
color:{color:Header};
}

@font-face { font-family: "Magik"; src: url('http://static.tumblr.com/gdh5wux/xkVmt4vrk/cwmagik_.ttf'); }

{CustomCSS}
</style>
<body>

<div id="topbar">
<a href="/">Refresh</a>
<a href="/ask">Message</a>
<a href="/archive">Archive</a>
<a href="/submit">Submit</a>
<a href="more">Other Links</a>
<a href="http://beautifully-flawless.tumblr.com/">Credit</a>
</div>

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

<div id="sidebar">
<img src="{image:sidebar}">
<br>
<div id="name">Description</div>
{description}
<br>
<div id="name">Statistics</div>
<div class="heart">{text:STATS 1}</div>
<div class="heart">{text:STATS 2}</div>
<div class="heart">{text:STATS 3}</div>

<div id="name">Blogroll</div>
<marquee behavior="scroll" scrollamount="5" direction="left" onmouseover="this.stop();" onmouseout="this.start();">{block:Following}{block:Followed}<a target='_blank' href='{FollowedURL}'><img border='0' src='{FollowedPortraitURL-96}' width="60px" height="60px" />{/block:Followed}{/block:Following}</marquee>
</div>

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

{Block:IndexPage}
<div id="permalink">
posted {timeago} / <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
</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-250}
</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-250}
</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>