Theme 5: Anastasia

<!--Theme 5- Anastasia
By Beautifully-Flawless
<!--Base Code By Oracular-->
<!--Do not remove credit-->
<!--Do not remove credit-->
<!--Do not remove credit-->
<html>
<head>

<!--Title Bar Maker-->
<script type="text/javascript">

//Created by Title bar Maker (http://www.bosiljak.hr/titlemaker)
function tb8_makeArray(n){
this.length = n;
return this.length;
}

tb8_messages = new tb8_makeArray(1);
tb8_messages[0] = "ωєℓ¢σмє вєαυтιƒυℓ~!";
tb8_rptType = 'infinite';
tb8_rptNbr = 5;
tb8_speed = 80;
tb8_delay = 2000;
var tb8_counter=1;
var tb8_currMsg=0;
var tb8_tekst ="";
var tb8_i=0;
var tb8_TID = null;
function tb8_pisi(){
tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
document.title = tb8_tekst;
tb8_sp=tb8_speed;
tb8_i++;
if (tb8_i==tb8_messages[tb8_currMsg].length){
tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
}
if (tb8_currMsg == tb8_messages.length){
if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
clearTimeout(tb8_TID);
return;
}
tb8_counter++;
tb8_currMsg = 0;
}
tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
}
tb8_pisi()
</script>


<!--DO NOT DELETE THIS CODING-->
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<!--DO NOT DELETE THIS CODING-->

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

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="color:Background" content="#ffffff" />
<meta name="color:Text" content="#000" />
<meta name="color:Title Shadow" content="#dddddd" />
<meta name="color:Navigation Bg" content="#a07c1b" />
<meta name="color:Navigation Text" content="#000" />
<meta name="color:Navigation Hover Bg" content="#fff" />
<meta name="color:Navigation Hover Border" content="#a07c1b" />
<meta name="color:Link Hover" content="#dddddd"/>
<meta name="color:Sidebar BG" content="#ffffff"/>
<meta name="color:Sidebar Border" content="#a07c1b"/>
<meta name="color:Sidebar Shadow" content="#a07c1b"/>
<meta name="color:Posts Shadow" content="#a07c1b"/>
<meta name="color:Posts BG" content="#ffffff"/>
<meta name="color:Permalink BG" content="#ffffff"/>
<meta name="color:Permalink" content="#333"/>
<meta name="color:Hover Banner" content="#000000"/>
<meta name="color:Hover Banner Shadow" content="#ffffff"/>
<meta name="color:Scrollbar BG" content="#ffffff"/>
<meta name="color:Scrollbar" content="#a07c1b"/>

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

<meta name="image:Fav 1" content="http://i42.tinypic.com/fk2o3r.png" />
<meta name="image:Fav 2" content="http://i40.tinypic.com/33xtz7r.png" />
<meta name="image:Fav 3" content="http://i43.tinypic.com/2nsqr7p.png" />
<meta name="image:Fav 4" content="http://i44.tinypic.com/121vot5.png" />
<meta name="image:Fav 5" content="http://i41.tinypic.com/r0sew6.png" />

<meta name="text:Fav 1" content="BLOG NAME"/>
<meta name="text:Fav 2" content="BLOG NAME"/>
<meta name="text:Fav 3" content="BLOG NAME"/>
<meta name="text:Fav 4" content="BLOG NAME"/>
<meta name="text:Fav 5" content="BLOG NAME"/>

<meta name="text:Fav 1 URL" content=""/>
<meta name="text:Fav 2 URL" content=""/>
<meta name="text:Fav 3 URL" content=""/>
<meta name="text:Fav 4 URL" content=""/>
<meta name="text:Fav 5 URL" content=""/>

<meta name="text:Header 1" content="About the Blogette" />
<meta name="text:Header 2" content="J'adore" />
<meta name="text:Header 3" content="Stats" />
<meta name="text:Header 4" content="Navigation" />
<meta name="text:Header 5" content="Disclaimer" />
<meta name="text:Header 6" content="Favorites" />
<meta name="text:Header 7" content="Blogroll" />
<meta name="text:Link 1 URL" content="/submit" />
<meta name="text:Link 2 URL" content="/links" />
<meta name="text:Link 1" content="Submit" />
<meta name="text:Link 2" content="Other Links" />
<meta name="text:Stats 1" content="INSERT STAT HERE" />
<meta name="text:Stats 2" content="INSERT STAT HERE" />
<meta name="text:Stats 3" content="Best Viewed in Google Chrome" />

<style type="text/css">


@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: "tinytots"; src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf'); }

@font-face { font-family: "alex"; src: url('http://static.tumblr.com/gdh5wux/hKLmeryef/alexbrush-regular.ttf'); }

@font-face { font-family: "stemp"; src: url('http://static.tumblr.com/gdh5wux/vyHmesmtu/odstemplik.ttf'); }


body, a, a:hover {cursor: url('http://media.tumblr.com/tumblr_m6ani47MHm1rqir0v.png'), progress;}

::-webkit-scrollbar{width:6px;height:4px;background:{color:Scrollbar BG};}
::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}

#tumblr_controls{
position:fixed !important;
}

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;
color:{color:Text};
text-transform:uppercase;
}

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

a:hover{
color:#888;
-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 {
width:840px;
margin-left:380px;
float:left;
}

.entry {
margin:1px;
float:left;
background-color:#fff;
border: 2px solid #ddd;
{block:IndexPage}
width:400px;
{/block:IndexPage}
{block:PermalinkPage}
width:500px;
{/block:PermalinkPage}
}

.entry .permalink{
position:absolute;
width:400px;
height:10px;
padding-bottom:4px;
padding-top:2px;
margin-top:-10px;
background-color:#fff;
overflow:hidden;
font-family:"silkscreen";
text-transform:uppercase;
font-size:8px;
line-height:10px;
color:#e91a00;
text-align:center;
opacity:0.0;
-webkit-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}

.entry:hover .permalink{
margin-top:0px;
opacity: 0.8;
overflow:hidden;
-webkit-transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
transition: all 0.4s linear;
}

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

.title{
font-family:alex;
text-transform:none;
font-size:30px;
line-height:30px;
color:#000;
font-weight: normal;
}

quote{
font-family:caviardreams;
font-size:12px;
color:#888;
text-transform:none;
line-height:10px;
text-align:left;
}

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

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

#transformers-rule {
width:800px;
position: relative;
margin: 0px ;
}

.sidebar {
width:360px;
height:630px;
-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
}

.card {
width:360px;
height:630px;
left:0px;
top:-8px;
border: 4px ridge {color:Sidebar Border};
box-shadow:0px 0px 10px {color:Sidebar Shadow};
position:fixed;
-webkit-transform-style: preserve-3d;
-webkit-transition: 0.5s;
-moz-transform-style: preserve-3d;
-moz-transition: 0.5s;
-ms-transform-style: preserve-3d;
-ms-transition: 0.5s;
}

.sidebar:hover .card {
left:0px;
top:-8px;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
}

.face {
position: absolute;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
}

.megatron {
float: left;
position:fixed;
top: 10px;
left:0px;
}

.megatron .front {
}

.megatron .back {
width:360px;
height:630px;
position:fixed;
-webkit-transform: rotateY(180deg);
-moz-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
background: {color:Back-Sidebar BG};
}

.megatron .back h2 {
width:360px;
height:630px;
margin: 0 auto 20px auto;
text-indent: -9999px;
}

.megatron img {
float: right;
}

.megatron p {
float: left;
width:360px;
margin: 0 0 20px 0;
font-size: 17px;
line-height: 28px;
color: #4c4c4c;
}

.front {
z-index: 10;
}

.sidebar:hover .front {
z-index: 0;
}


div.navbuttons a{
color:{color:Navigation Text} !important;
width:340px;
margin-top:3px;
background-color:{color:Navigation Bg};
display:inline-block;
text-align:center;
font-family:"tinytots";
text-transform:Uppercase;
float:center;
font-size:8px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-webkit-transition: all .8s ease-in;
-moz-transition: all .8s ease-in;
-o-transition: all .8s ease-in;
transition: all .8s ease-in;
}


div.navbuttons a:hover {
color:{color:Navigation Text};
width:260px;
background-color:{color:Navigation Hover Bg};
border:1px solid {color:Navigation Hover Border};
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-webkit-transition: all .8s ease-out;
-moz-transition: all .8s ease-out;
-o-transition: all .8s ease-out;
transition: all .8s ease-out;
}

#name{
font-size:40px;
line-height:15px;
margin:2px;
text-shadow: 1px 1px 1px #dddddd;
font-family:"lainie";
text-align:center;
text-transform:none;
}

#name2{
font-size:22px;
line-height:15px;
margin:2px;
font-family:"stemp";
text-align:right;
text-transform:none;
border-bottom:1px solid #000000;
}

#portraitpic{
margin-left:2px;
margin-top:0px;
float:left;
padding:2px;
background-color:{color:Portrait BG};
}

#faves img {
margin:5px;
width:50px;
height:50px;
border-radius:0px;
border:2px solid #ddd;
-webkit-transition-duration:.7s;
}

.heart {display : block; font-size: 8px; font-family: 'tinytots'; color:#000; line-height: 10px; text-transform:uppercase; text-indent : 5px; vertical-align : middle; -webkit-transition-duration: .50s; background: url('http://media.tumblr.com/tumblr_m0ohoyUb7m1qfjy56.gif') no-repeat left; padding-left : 10px;padding-bottom : 2px;}

.heart:hover {display : block; font-size: 10px; font-family: 'caviardreams'; color:#000; line-height: 10px; text-indent : 5px; vertical-align : middle; -webkit-transition-duration: .50s; background : url('http://media.tumblr.com/tumblr_m0ohp6QJDN1qfjy56.gif') no-repeat left; padding-left : 10px; padding-bottom : 2px;}

{CustomCSS}
</style>
<body>

<div id="transformers-rule">
<div class="sidebar megatron">
<div class="card">
<div class="face front">
<img src="{image:sidebar}"width="360" height="630px"alt="Megatron"/></div>
<div class="face back">

<img style="position:fixed; left:20px; width:300px;"src="http://static.tumblr.com/gdh5wux/0gem5d769/25aqb86.gif">

<br><br><br><br><br><br>
<center>
<div id="name2">{text:Header 1}</div>
<div id="portraitpic"><a href="/"><img src="{PortraitURL-64}"/></a></div>
{description}
<div id="name2">{text:Header 2}</div>
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 TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE

<div id="name2">{text:Header 3}</div>
<div class="heart">{text:Stats 1}</div>
<div class="heart">{text:Stats 2}</div>
<div class="heart">{text:Stats 3}</div>

<div id="name2">{text:Header 4}</a>
<div class="navbuttons">
<a href="/">Refresh</a>
<a href="/ask">Message</a>
<a href="{text:Link 1 URL}">{text:Link 1}</a>
<a href="{text:Link 2 URL}">{text:Link 2}</a>
<a href="http://beautifully-flawless.tumblr.com/">Credit</a>
</div>
</div>

<div id="name2">{text:Header 5}</div>
None of the pictures reblogged or posted unless stated or watermarked.

<div id="name2">{text:Header 6}</div>
<div id="faves">
<marquee behavior="scroll" scrollamount="5" direction="left" onmouseover="this.stop();" onmouseout="this.start();">
<a href="{text:Fav 1 URL}"><img src='{image:Fav 1}' title="{text:Fav 1}"/></a>
<a href="{text:Fav 2 URL}"><img src='{image:Fav 2}' title="{text:Fav 2}"/></a>
<a href="{text:Fav 3 URL}"><img src='{image:Fav 3}' title="{text:Fav 3}"/></a>
<a href="{text:Fav 4 URL}"><img src='{image:Fav 4}' title="{text:Fav 4}"/></a>
<a href="{text:Fav 5 URL}"><img src='{image:Fav 5}' title="{text:Fav 5}"/></a>
</marquee>
</div>

<div id="name2">{text:Header 7}</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>

<img style="position:fixed; left:20px; width:300px;"src="http://static.tumblr.com/gdh5wux/0gem5d769/25aqb86.gif">
</center>
</div>
</div>
</div>


<img style="position:fixed;height:400px;bottom:120px;right:-70px;z-index:-9999;" src="http://static.tumblr.com/gdh5wux/AmBm5dlov/graceful_decorative_embellishment_by_diza__57_.png">




<div id="posts">

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

{block:IndexPage}
<div class="permalink">
<a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> <img src="http://th98.photobucket.com/albums/l256/SoccerE92/myspace/th_ht13.gif"> <a href="{ReblogURL}" target="_blank"> reblog</a></span></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="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}
{block:IndexPage}
<center>
{Photoset-400}</center>
{/block:IndexPage}
{block:PermalinkPage}
<center>
{Photoset-500}</center>
{/block:PermalinkPage}
{/block:Photoset}

{block:Quote}
{Quote}</span>
{block:Source}
<quote>{Source}</quote>
{/block:Source}
{/block:Quote}

{block:Chat}
{block:Title}
<div class="title">{Title}</div>
{/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>
<div style="width:350px; height:30px;">
<div style="float:left">{AudioPlayerWhite}</div>
<div style="margin-top:10px; float:right;">
{block:ExternalAudio}{/block:ExternalAudio}
</div></div></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 src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; border:1px solid {color:border};"/>
{Asker}:{Question}<br>
{Answer}
{/block:Answer}

{block:PermalinkPage}
<center>
<br>
{block:Caption}
{Caption}
{/block:Caption}
<br>
{block:ContentSource}
Source: <a href="{SourceURL}">{SourceTitle}</a>
{block:ContentSource}
<br>
{block:RebloggedFrom}
Reblogged From: <a href="{ReblogParentURL}">{ReblogParentName}</a>
<a href="{ReblogRootURL}"> </a>
{/block:RebloggedFrom}
<br>
{block:NoteCount}
{NoteCountWithLabel}
{/block:NoteCount}
<br>
{block:HasTags}
&middot;
{block:Tags}
<a href="TagURL">#{Tag}</a>
{/block:Tags}
{/block:hasTags}
</center>
{/block:PermalinkPage}


{block:PostNotes}{PostNotes}
{/block:PostNotes}
</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(300);} );


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

{/block:IndexPage}

{/block:Posts}
</div>
{block:IndexPage}
{block:Pagination}
<div id="pagination">
{block:NextPage}
<a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
{/block:NextPage}
{block:PreviousPage}
<a href="{PreviousPage}">&larr;&nbsp;</a>
{/block:PreviousPage}
</div>
{/block:Pagination}
{/block:IndexPage}
</div>

</body>
</html>