Theme 44: Angelique

<!--Theme 44: Angelique
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="#000"/>
<meta name="color:text" content="#000" />
<meta name="color:Posts BG" content="#fff"/>
<meta name="color:Navigation BG" content="#000"/>
<meta name="color:Navigation Border" content="#ddd"/>
<meta name="color:Navigation Text" content="#fff"/>
<meta name="color:Header" content="#fff"/>
<meta name="color:Header Shadow" content="#ddd"/>
<meta name="color:Header Border" content="#9D1B05"/>
<meta name="color:Header FirstLetter" content="#DDD"/>
<meta name="color:Header FirstLetter Shadow" content="#DDD"/>
<meta name="color:Scrollbar" content="#9D1B05"/>
<meta name="color:Link" content="#9D1B05"/>
<meta name="color:Link Hover" content="#888"/>
<meta name="color:Posts Border" content="#9D1B05"/>
<meta name="color:Title" content="#9D1B05"/>
<meta name="color:Title Shadow" content="#9D1B05"/>
<meta name="color:Banner" content="#9D1B05"/>
<meta name="color:Banner Shadow" content="#9D1B05"/>
<meta name="color:Banner FirstLetter" content="#9D1B05"/>
<meta name="color:Banner FirstLetter Shadow" content="#9D1B05"/>
<meta name="color:Stats" content="#fff"/>
<meta name="color:Favorites Shadow" content="#fff"/>

<meta name="image:Background" content="" />
<meta name="image:Sidebar" content="http://static.tumblr.com/gdh5wux/Q2fmezcyq/tumblr_me3le6sgir1qigmgeo1_r1_500.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:Vip 1" content="http://static.tumblr.com/nelpcva/UShm52di5/avatar_66e091343700_96.png" />
<meta name="image:Vip 2" content="http://static.tumblr.com/nelpcva/05Km52diu/avatar_ff8ad78f565a_96.png" />
<meta name="image:Vip 3" content="http://static.tumblr.com/nelpcva/ce5m52dl4/229261437250615815_g2k40yzx_c.jpg" />
<meta name="image:Vip 4" content="http://static.tumblr.com/nelpcva/2Tnm52dlr/adriana-lima-beauty-black-and-white-brazilian-girls-fashion-285549.jpg" />

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

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

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

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

<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" />
<meta name="text:STATS 4" content="INSERT STAT HERE" />

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


::-webkit-scrollbar {width:9px; height:3px; background:black;}
::-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: "brock"; src: url('http://static.tumblr.com/gdh5wux/aMcmequju/brockscript.ttf'); }

@font-face {font-family:"Joe Schmoe"; src:url('http://static.tumblr.com/9wzbixa/grOm26n8m/dk_joe_schmoe.ttf');}

@font-face { font-family: "lorem"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }

@font-face { font-family: "Sail"; src: url('http://static.tumblr.com/aorjzw7/b3Jmrt9nk/sail-regular.otf'); }

@font-face { font-family: "Bilbo Swash"; src: url('http://static.tumblr.com/gdh5wux/JN4moz1dn/bilbo.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;
}

.left{
float:left;
margin-right:200px;
width:1000px;
}

#container {
position:relative;
margin:auto;
width:1200px;
}

div#posts {
float:left;
width:1200px;
margin-left:25px;
margin-top:205px;
}

.entry {
margin:3px;
float:left;
overflow:hidden;
border:2px groove {color:Posts Border};
background-color:{color:Posts BG};
{block:IndexPage}
width:280px;
{/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:'Bilbo Swash';
text-transform:none;
font-size:30px;
line-height:30px;
color:#000;
text-align:center;
}

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

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

#topbar{
position:absolute;
width:100%;
height:200px;
background-color:#000;
border:1px dotted #fff;
top:0px;
margin-left:0px;
z-index:999;
}

#topbar:hover #sidebar{
opacity:1;
border:1px solid #ccc;
top:0px;
-webkit-transition: opacity 0.4s linear;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}

#sidebar{
position:absolute;
left:0px;
top:-10px;
opacity:0;
z-index:100;
width:100%;
height:200px;
border:1px dotted #fff;
background:black;
text-align:center;
color:white;
-webkit-transition: opacity 0.4s linear;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}

#sidebarpic img{
position:absolute;
width:280px;
height:200px;
top:0px;
left:0px;
z-index:-999;
}

#sidebarpic2 img{
position:absolute;
width:280px;
height:200px;
top:0px;
right:0px;
z-index:-999;
}

#sidebarpic3 img{
position:absolute;
width:200px;
height:200px;
top:0px;
left:0px;
z-index:-999;
}

#sidebarpic4 img{
position:absolute;
width:220px;
height:200px;
top:0px;
right:0px;
z-index:-999;
}

div#banner{
font-family:"tangerine";
font-size:130px;
color:{color:Banner};
line-height:190px;
text-align:center;
text-transform:none;
z-index:999;
text-shadow: 3px 0px 3px {color:Banner Shadow};
}

div#banner:first-letter{
font-family:brock;
font-size:120px;
color:{color:Banner FirstLetter};
text-shadow: 3px -3px 20px {color:Banner FirstLetter Shadow};
}

#description{
position:absolute;
width:220px;
height:190px;
left:200px;
top:5px;
color:#fff;
}

#stats{
position:absolute;
width:220px;
height:95px;
left:460px;
top:100px;
color:#fff;
}

#links{
position:absolute;
width:220px;
height:90px;
left:460px;
top:5px;
color:#fff;
}

#favorites{
position:absolute;
width:240px;
height:190px;
left:700px;
top:5px;
color:#fff;
}

.heart {font-family:tinytots;
display:block;
height:15px;
color:{color:Stats};
text-indent:5px;
vertical-align:left;
background:url('http://i595.photobucket.com/albums/tt37/paravidatodazipnet/FAVICONS/nf01.gif') no-repeat left;
padding-left:10px;
padding-bottom:2px;
}

div.navigate a{
height:20px;
width:60px;
background-color:{color:Navigation BG};
border:1px dotted {color:Navigation Border};
font-family:tinytots;
font-size:8px;
text-transform:uppercase;
margin:4px;
float:left;
text-align:center;
line-height:20px;
color:{color:Navigation Text};
border-radius:5px;
-webkit-transition:all 5s ease-out;
-moz-transition:all 5s ease-out;
transition:all 5s ease-out;
}

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

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

}

#header{
font-family:tangerine;
font-size:25px;
line-height:25px;
color:{color:Header};
text-shadow:0px 0px 10px {color:Header Shadow};
text-transform:none;
border-bottom:1px dotted {color:Header Border};
}

#header:first-letter{
font-family:'Sail';
font-size:30px;
color:{color:Header FirstLetter};
text-shadow:0px 0px 20px {color:Header FirstLetter Shadow};
letter-spacing:2px;
text-transform:uppercase;
}



{CustomCSS}
</style>
<body>

<div id="container">
<div class="left">

<div id="topbar">

<div id="sidebarpic">
<img src="http://static.tumblr.com/gdh5wux/yuSmexkhl/tumblr_m8kba7gxqu1r8nfa3o1_500.jpg">
</div>

<div id="sidebarpic2">
<img src="http://static.tumblr.com/gdh5wux/v0Lmexiz0/tumblr_m8kba7gxqu1r8nfa3o1_500.jpg">
</div>

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


<div id="sidebar">
<div id="sidebarpic3"><img src="{image:Sidebar}"></div>

<div id="description">
<div id="header">About Me</div>
{description}
</div>

<div id="stats">
<br>
<div class="heart">{text:STATS 1}</div>
<div class="heart">{text:STATS 2}</div>
<div class="heart">{text:STATS 3}</div>
<div class="heart">{text:STATS 4}</div>
</div>

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

<div id="favorites">
<br>
<div id="faves">
<a href="{text:Favorite 1 URL}"><img src='{image:Fav 1}'title="{text:Favorite 1}"/></a>
<a href="{text:Favorite 2 URL}"><img src='{image:Fav 2}'title="{text:Favorite 2}"/></a>
<a href="{text:Favorite 3 URL}"><img src='{image:Fav 3}'title="{text:Favorite 3}"/></a>
<a href="{text:Favorite 4 URL}"><img src='{image:Fav 4}'title="{text:Favorite 4}"/></a>
<br><br>
<a href="{text:Vip 1 URL}"><img src='{image:Vip 1}' title="{text: Vip 1}"/></a>
<a href="{text:Vip 2 URL}"><img src='{image:Vip 2}' title="{text: Vip 2}"/></a>
<a href="{text:Vip 3 URL}"><img src='{image:Vip 3}' title="{text: Vip 3}"/></a>
<a href="{text:Vip 4 URL}"><img src='{image:Vip 4}' title="{text: Vip 4}"/></a>
<br>
<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="40px" height="40px" />{/block:Followed}{/block:Following}</marquee>
</div>
</div>

<div id="sidebarpic4"><img src="http://static.tumblr.com/gdh5wux/Howmezcta/tumblr_mboyqf4atj1r2ry4bo1_500.jpg"></div>
</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-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:30px; height:30px;"src="{AskerPortraitURL-30}"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>
</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>