Theme 3: Antoniette

<!--Theme 3: Antoniette
By Beautifully Flawless
Base Code by 0racular
DO NOT REMOVE CREDIT, OR YOU WILL BE REPORTED.
-->
<html>
<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>
<!--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}

<!--Variables-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="color:Background" content="#ffffff"/>
<meta name="color:Text" content="#000000"/>
<meta name="color:Hover Banner" content="#ffffff"/>
<meta name="color:Link" content="#000000"/>
<meta name="color:Link Hover" content="#FF9FC8"/>
<meta name="color:Sidebar Border" content="#ffffff"/>
<meta name="color:Posts BG" content="#fff"/>
<meta name="color:Permalink BG" content="#fff"/>
<meta name="color:Permalink" content="#333"/>
<meta name="color:Title" content="#000000"/>
<meta name="color:Hover Banner Shadow" content="#888"/>
<meta name="color:Navigation BG" content="#000000"/>
<meta name="color:Navigation" content="#f8989a"/>
<meta name="color:Navigation Border" content="#f8989a"/>
<meta name="color:Sidebar BG" content="#ffffff"/>
<meta name="color:Portrait Border" content="#c4b296"/>
<meta name="color:Portrait BG" content="#ffffff"/>

<meta name="image:Background" content="" />
<meta name="image:sidebar" content="http://static.tumblr.com/gdh5wux/sq9m59k32/282037995383615218_cbzhhnhw_c.jpg" />
<meta name="image:right sidebar" content="http://static.tumblr.com/5fa42952b14c2cb5cf20ceaeb06266e7/gdh5wux/9WFmrei18/tumblr_static_tumblr_m6aq01zlmh1rqir0v.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=""/>
<!--Variables-->


<style type="text/css">
::-webkit-scrollbar {width: 9px; height: 3px; background:black;}
::-webkit-scrollbar-thumb {background:{color:Scrollbar}; border-radius:5px; box-shadow:0px 0px 10px {color:Scrollbar Shadow};}

#tumblr_controls{
position:fixed !important;
}

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

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

@font-face {
font-family: "mariette";
src: url('http://static.tumblr.com/b73ppk6/nh6m6t46t/mariette_tryout.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');
}

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

body, div, p, textarea, submit, input {
font-family:"tempesta";
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 {
width:720px;
margin-left:355px;
margin-top:0px;
z-index:1;
float:left;
}

.entry {
margin:2px;
border:1px solid #ddd;
float:left;
overflow:hidden;
background-color:{color:Posts BG};
{block:IndexPage}
width:350px;
{/block:IndexPage}
{block:PermalinkPage}
width:500px;
margin-left:50px;
{/block:PermalinkPage}
}

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

}
a.p
{

color: {color:permalink};
}
.entry:hover .perma {

-webkit-transition: opacity 0.4s linear;
opacity: 1;
-moz-transition: all 0.4s linear;
transition: all 0.4s linear;
filter: alpha(opacity = 100);

}

select {
font-size: 9px;
width: 100px;
margin-left: 10px;

}
option {
font-size: 9px;
text-align: left;

}
input[type=button]
{
font-size: 9px;
}

.likep {
width: 21px;
height: 20px;
overflow: hidden;
position: relative;
z-index: 99;
position: absolute;
margin-top: 26px;
margin-left: 5px;
}
.rep {
width: 24px;
height: 20px;
overflow: hidden;
position: relative;
z-index: 99;
position: absolute;
margin-top: 26px;
margin-left: 29px;
}
.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;
}
.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 img{
width: 24px;
height: 20px;
line-height: 30px;
display: inline;
}

.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;
margin-top: 26px;
margin-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;
}
{block:iffaded}
.entry:hover .not, .entry:hover .rep, .entry:hover .likep {
opacity: 0.8;
filter: alpha(opacity = 80);
}{block:iffaded}
{block:notiffaded}
.entry:hover .not, .entry:hover .rep, .entry:hover .likep {
opacity: 1.0;
filter: alpha(opacity = 100);
}{block:notiffaded}
.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:lainie;
text-transform:none;
font-size:30px;
line-height:30px;
color:#000;
}

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

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

#ask{
border-radius:5px;
border:1px solid #888;
margin:3px;
min-height:30px;
padding:3px;
background-color:transparent;
box-shadow:0px 0px 5px #ddd;
font-family:tinytots;
font-size:8px;
}


#sidebar{
position:fixed !important;
width:350px;
height:640px;
margin-left:2px;
margin-top:5px;
overflow:hidden;
background-position:center;
background-repeat:no-repeat;
background-color:#000000;
background-image:url('{image:sidebar}');
border: 1px solid {color:Sidebar Border};
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
}

#sidebar:hover #des{
opacity:1;
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
}

#des{
position:absolute;
width:350px;
height:640px;
left:0px;
top:0px;
overflow:hidden;
opacity:0;
background-color:#ffffff;
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
}

#name2{
width:385px;
font-size:15px;
line-height:15px;
margin:2px;
font-family:"caviardreams";
text-align:left;
text-transform:uppercase;
color:#FF9FC8;
border-bottom:1px dotted #000000;
}

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

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

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

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

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

div.navigate a{
height:20px;
width:70px;
float:left;
margin-left:10px;
margin-bottom:10px;
text-align:center;
line-height:20px;
display:inline-block;
text-transform:uppercase;
color:{color:Navigation};
background-color:{color:Navigation BG};
border:1px solid {color:Navigation Border};
}


{CustomCSS}

</style>
<body>
<div id="sidebar">
<div id="des">
<div id="name2">About the Blogette</div>
<div id="portraitpic"><a href="/"><img src="{PortraitURL-64}"/></a></div>
{description}
<div id="name2">Jadore</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">Stats</div>
<center>
<div class="heart">INSERT STAT HERE</div>
<div class="heart">INSERT STAT HERE</div>
<div class="heart">This theme is best viewed in google chrome.</div>
</center>
<div id="name2">Navigation</div>
<div class="navigate">
<center>
<a href="/">refresh</a>
<a href="/ask">Ask</a>
<a href="/faq">faq</a>
<a href="http://beautifully-flawless.tumblr.com/">Credit</a>
</center>
</div>
<br><br>
<div id="name2">Disclaimer</div>
<center>
None of the pictures reblogged or posted unless stated or watermarked.
</center>

<div id="name2">Favs</div>
<div id="faves" >
<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>
<div id="name2">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>
</div>

<img style="z-index:-10;position:fixed;right:0px;height:700px;"src="{image:right sidebar}">




<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}
<span class="title">{Title}</span>
{/block:Title}
<span class="entrytext">{Body}</span>
{/block:Text}

{block:Link}
<a href="{URL}" class="title">{Name}</a>
{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="350"/></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-250}
</center>
{/block:IndexPage}
{block:PermalinkPage}
<center>
{Photoset-500}
</center>
{/block:PermalinkPage}
{/block:Photoset}

{block:Quote}
{Quote}
{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><div style="width:350px; height:30px;"><div style="float:left">{AudioPlayerBlack}</div><div style="margin-top:10px; float:right;">
{block:ExternalAudio}{/block:ExternalAudio}</div></div></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}
<div id="ask">
<img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; box-shadow: 0px 0px 0px 2px #ddd; border-top-right-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-bottom-left-radius:3px;"/>
{Asker} was like: {Question}</div>
<div style="font-family: tinytots; font-size: 8px;">
{Answer}<br>
</div>
{block:IndexPage}
{/block:IndexPage}
{/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: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>
</body>
</html>