Theme 60: Elizabeth

<!--
Theme 59:Elizabeth
Made By: Beauifully Flawless
Please Do Not Remove the credit from this blog unless I Say you can.
-->

<head>
<!--DO NOT DELETE THIS CODING-->
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.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(300);} );


});
});
});
</script>

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

<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<!--DO NOT DELETE THIS CODING-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!--Variables-->

<meta name="color:Scrollbar BG" content="#000" />
<meta name="color:Scrollbar" content="#FFD700" />
<meta name="color:Background" content="#000" />
<meta name="color:Text" content="#000" />
<meta name="color:Link" content="#A4A4A4" />
<meta name="color:Posts BG" content="#fff" />
<meta name="color:Posts Border" content="#555" />
<meta name="color:Image Permalink BG" content="#000" />
<meta name="color:Image Permalink" content="#aaa" />
<meta name="color:Permalink Border" content="#ddd" />
<meta name="color:permalink" content="#888" />
<meta name="color:Posts Header" content="#000" />
<meta name="color:Ask Text" content="#555" />
<meta name="color:AskBox BG" content="#fff" />
<meta name="color:AskBox Border" content="#ddd" />
<meta name="color:AskBox Shadow" content="#888" />
<meta name="color:Accent" content="#FFD700" />
<meta name="color:Sidebar Border" content="#DAA520" />
<meta name="color:Sidebar BG" content="#000" />
<meta name="color:Sidebar Text" content="#fff" />
<meta name="color:Navigation BG" content="#000" />
<meta name="color:Navigation Border" content="#FFD700" />
<meta name="color:Navigation Text" content="#fff" />
<meta name="color:Blogtitle" content="#fff" />
<meta name="color:Blogtitle Shadow" content="#888" />
<meta name="color:Decoration" content="#FFD700" />
<meta name="color:Decoration Shadow" content="#888" />
<meta name="color:Asker Portrait Shadow" content="#aaa" />

<meta name="image:Sidebar" content="http://i.imgur.com/DoqcRwR.jpg"/>
<meta name="image:Bottom Sidebar Image" content="http://i.imgur.com/daRFkqw.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: 4px;background:{color:Scrollbar BG};}
::-webkit-scrollbar-thumb { background-color:{color:Scrollbar};-webkit-box-shadow: inset 0 0 6px #000;-webkit-border-radius: 10px;
border-radius: 10px;
}

#tumblr_controls{
position:fixed !important;
}


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

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

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

@font-face{ font-family:"silkscreen";src:url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }

@font-face { font-family: "handy"; src: url('http://static.tumblr.com/va8axoh/0n6lwmnpk/handy00.ttf'); }

@font-face{font-family:"bebas neue";src:url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf');}

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

@font-face{font-family:"Vistor";src:url('http://static.tumblr.com/gdh5wux/oIqmq624c/visitor2.ttf');}

@font-face { font-family:"Sacramento"; src: url('http://static.tumblr.com/gdh5wux/VxLmputm5/sacramento.ttf'); }

@font-face { font-family: "ornaments"; src: url('http://static.tumblr.com/xzx3ohu/uuCmf1uxb/another_ornaments_tfb_1_.ttf'); }


body {
margin: 0px;
background-color:{color:Background};
background-image:url('');
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;
}

b, strong{
font-family:silkscreen;
}

i, em{font-family:calbri; font-size:12px; text-transform:none;}

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

a:hover{
-webkit-transition: color 0.5s ease-out;
-moz-transition: color 0.5s ease-out;
transition: color 0.5s ease-out;
}

div#posts {
width:840px;
margin-left:430px;
margin-top:-6px;
z-index:999;
float:left;
}

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

.entry:hover #info{
opacity:0.7;
-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;
}

#info{
position:absolute;
background-color:{color:Image Permalink BG};
width:auto;
height:20px;
bottom:10px;
left:10px;
overflow:hidden;
padding:5px;
opacity:0.0;
font-family:tinytots;
font-size:8px;
color:{color:Image Permalink};
line-height:20px;
text-align:center;
letter-spacing:1px;
text-transform:uppercase;
-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;
}

#infoo{
font-family:silkscreen;
color:{color:permalink};
font-size:8px;
text-align:right;
line-height:20px;
margin-top:10px;
border-top:1px dotted {color:Permalink Border};
}

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

#audio {
padding:0px;
}

.audio {
background-color:white;
display: block;
}

.title{
font-family:'Espacio';
text-transform:none;
font-size:30px;
line-height:30px;
color:{color:Posts Header};
}

.quote{
font-family:quicksand;
font-size:12px;
text-transform:none;
line-height:10px;
text-align:right;
color:#555;
}

asker{
font-family:'bebas neue';
font-size:16px;
text-transform:none;
}

#ask{
padding:6px;
font-family:'tinytots';
font-size:8px;
text-transform:uppercase;
color:{color:Ask Text};
}

#askbox{
background:{color:AskBox BG};
border: 2px solid {color:AskBox Border};
margin: 0px;
margin-top:5px;
overflow:auto;
padding:7px;
box-shadow: 0px 2px 2px {color:AskBox Shadow};
}

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

ul, ol, li{list-style:square; margin:5px; padding-left:8px;}

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

accent{font-family:handy; font-size:8px; color:{color:Accent};}

#sidebar{
position:fixed;
width:350px;
height:100%;
left:50px;
top:0px;
background-image:url('{image:Sidebar}');
background-position:53% 0%;
background-repeat:no-repeat;
border:4px solid {color:Sidebar Border};
-webkit-transition: opacity 0.9s linear;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
}

#sidebar:hover #sidebar2{
opacity:1;
-webkit-transition: opacity 0.9s linear;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
}

#sidebar2{
width:350px;
height:100%;
left:0px;
top:0px;
opacity:0;
background:{color:Sidebar BG};
text-align:center;
color:{color:Sidebar Text};
-webkit-transition: opacity 0.9s linear;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
}

.heart {display:block; line-height:10px; color:{color:Sidebar Text}; font-family:tinytots; font-style:normal; text-indent : 4px; vertical-align : middle; background:
url('http://media.tumblr.com/tumblr_ltsft1v1g21r1b4vq.gif') no-repeat left;
padding-bottom:2px;}

div.navigate a{
height:20px;
width:80px;
background-color:{color:Navigation BG};
border-bottom:1px solid {color:Navigation Border};
border-top:1px solid {color:Navigation Border};
border-left:8px solid {color:Navigation Border};
border-right:8px solid {color:Navigation Border};
font-family:Vistor;
font-size:12px;
text-transform:uppercase;
letter-spacing:1px;
margin:10px 10px 0px 0px;
margin:10px;
float:left;
text-align:center;
line-height:20px;
color:{color:Navigation Text} !important;
}

#blogtitle{
position:absolute;
font-family:'Sacramento';
font-size:40px;
left:10px;
top:20px;
color:{color:Blogtitle};
text-shadow:1px 0px 1px {color:Blogtitle Shadow};
text-transform:none;
}

#deco{
position:absolute;
color:{color:Decoration};
font-family:ornaments;
font-size:120px;
text-shadow:0px 0px 5px {color:Decoration Shadow};
left:25px;
top:50px;
z-index:3000;
}



{CustomCSS}
</style>
<title>{title}</title>
<link rel="shortcut icon" href="{favicon}">
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />



<div id="sidebar">
<div id="sidebar2">

<div id="blogtitle">{title}</div>
<div id="deco">)</div>
<br><br><br><br><br><br><br><br><br>
{Description}
<br><br>
<div class="heart">{text:Stats 1}</div>
<div class="heart">{text:Stats 2}</div>
<div class="heart">{text:Stats 3}</div>
<div class="navigate">
<a href="/">Home</a>
<a href="/ask">Ask</a>
<a href="/submit">Submit</a>
<a href="/archive">Archive</a>
<a href="/links">Other Links</a>
<a href="http://beautifully-flawless.tumblr.com/">Credit</a>
</div>
<img style="position:absolute;width:100%;height:300px;bottom:0px;left:0px;"src="http://i.imgur.com/daRFkqw.jpg">
</div>
</div>

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


{block:Text}
{block:Title}
<span class="title">{Title}</span>
{/block:Title}
<span class="entrytext">{Body}</span>
<div id="infoo">
<a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
</div>
{/block:Text}

{block:Link}
<a href="{URL}"class="title">{Name}</a>
{block:Description}
{Description}
{/block:Description}
<div id="infoo">
<a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
</div>
{block:Link}

{block:Photo}
<div id="info">
<a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> &#8224; <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
</div>
{block:IndexPage}
{LinkOpenTag}
<div class="photo"><a href="{permalink}">
<img class="photo"src="{PhotoURL-HighRes}"alt="{PhotoAlt}"width="400"/></a></div>
{LinkCloseTag}
{/block:IndexPage}
{block:PermalinkPage}
{LinkOpenTag}
<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>
{LinkCloseTag}
{/block:PermalinkPage}
{/block:Photo}

{block:Photoset}
<div id="info">
<a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> &#8224; <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
</div>
{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}
<div id="infoo">
<a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
</div>
{/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>
<div id="infoo">
<a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
</div>
{/block:Chat}

{block:Audio}
<div id="audio">
{block:AlbumArt}
<img src="{AlbumArtURL}"width="80px"height="80px"align="left"style="margin-right:10px" />
{/block:AlbumArt}
{block:TrackName}
Song: {TrackName}<br><br>
{/block:TrackName}
{block:Artist}
Artist: {Artist}<br><br>
{/block:Artist}
{AudioPlayerGrey}
</div>
{/block:Audio}

{block:Video}
{block:IndexPage}
<center>
{Video-400}
</center>
{/block:IndexPage}
{block:PermalinkPage}
<center>
{Video-500}
</center>
{/block:PermalinkPage}
<div id="infoo">
<a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
</div>
{block:Video}

{block:Answer}
<div id="askbox">
<img src="{AskerPortraitURL-48}" width="35" align="left" style="margin-right:6px; box-shadow: 0px 0px 0px 2px {color:Asker Portrait Shadow};"/>
<asker>{Asker}:</asker>
<div id="ask">{Question}</div>
</div>
{Answer}
<div id="infoo">
<a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
</div>
{/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>
</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>