Theme 58: Emily

<!--
Theme: Emily
Made By: Beauifully Flawless
Please Do Not Remove the credit from this blog unless I Say you can.
-->
<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>
<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-->



<!--Variables-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="color:Scrollbar BG" content="#FAF7F2" />
<meta name="color:Background" content="#000" />
<meta name="color:Text" content="#fff" />
<meta name="color:Links" content="#888" />
<meta name="color:Links Hover Shadow" content="#888" />
<meta name="color:Posts BG" content="#333" />
<meta name="color:Posts Shadow" content="#111" />
<meta name="color:Posts Header" content="#fff" />
<meta name="color:Posts Header Shadow" content="#222" />
<meta name="color:Asker Border" content="#555" />
<meta name="color:Asker Shadow" content="#444" />
<meta name="color:Side BG" content="#444" />
<meta name="color:Side Border" content="#555" />
<meta name="color:Side Shadow" content="#000" />
<meta name="color:Title" content="#fff" />
<meta name="color:Title Shadow" content="#ddd" />
<meta name="color:Stats" content="#fff" />
<meta name="color:Sidebar BG" content="#333" />
<meta name="color:Sidebar Shadow" content="#111" />
<meta name="color:Faves Border" content="#444" />
<meta name="color:Faves Shadow" content="#000" />
<meta name="color:Sidebar Header" content="#fff" />
<meta name="color:Sidebar Header Border" content="#fff" />
<meta name="color:Navigation Hover Text BG" content="#333" />
<meta name="color:Navigation Hover Text" content="#fff" />
<meta name="color:Navigation Hover Text Border" content="#666" />

<meta name="image:Asker Background" content="http://i.imgur.com/C4mbebT.png" />
<meta name="image:Side Background" content="http://static.tumblr.com/gdh5wux/Uuymj7anw/tumblr_m0fdj4qdmd1r77byz.png" />
<meta name="image:Sidebar" content="http://i.imgur.com/bIxcxr5.jpg" />

<meta name="image:Fav 1" content="http://i.imgur.com/oXpXLb9.png" />
<meta name="image:Fav 2" content="http://i.imgur.com/ZYTS8qa.jpg" />
<meta name="image:Fav 3" content="http://i.imgur.com/9ikQnuz.jpg" />
<meta name="image:Fav 4" content="http://i.imgur.com/pYTFCP2.png" />
<meta name="image:Fav 5" content="http://i.imgur.com/5E6s07c.jpg" />

<meta name="text:Stat 1" content="INSERT STAT HERE" />
<meta name="text:Stat 2" content="INSERT STAT HERE" />
<meta name="text:Stat 3" content="INSERT STAT HERE" />
<meta name="text:Stat 4" content="This theme is best viewed in G. Chrome & Safari" />

<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 5 URL" content="" />
<meta name="text:Favorite 1" content="Favorite 1" />
<meta name="text:Favorite 2" content="Favorite 2" />
<meta name="text:Favorite 3" content="Favorite 3" />
<meta name="text:Favorite 4" content="Favorite 4" />
<meta name="text:Favorite 5" content="Favorite 5" />

<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="More Links" />

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

::-webkit-scrollbar {width: 12px; height: 4px; background: {color:Scrollbar BG}; }
::-webkit-scrollbar-thumb { background-color:#4a+; -webkit-box-shadow: inset 0 0 6px #000; -webkit-border-radius: 10px;
border-radius: 10px;
}

#tumblr_controls{
position:fixed !important;
z-index: 999999999999;
}

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

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

@font-face {font-family: "Tall Films"; src: url('http://static.tumblr.com/w1f0ilq/4m9lyy51c/tall_film.ttf');}

@font-face { font-family:"arsenale"; src: url('http://static.tumblr.com/emvmfcr/fVPlulq0f/arsenale_white.ttf'); }

@font-face { font-family: "dawning"; src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf'); }

@font-face { font-family: "underground"; src: url('http://static.tumblr.com/zruguhm/skdmj5yfp/europeunderground_light.ttf'); }

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

@font-face { font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }

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

@font-face { font-family:"Roboto"; src: url('http://static.tumblr.com/gdh5wux/VbLmputkd/roboto.ttf'); }

@font-face { font-family:"Asenine"; src: url('http://static.tumblr.com/gdh5wux/Oqwmpuuf3/asenine.ttf'); }

body {
margin: 0px;
background-color:{color:Background};
background-image:url('http://i.imgur.com/S1xYL6i.jpg');
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:Links};
text-decoration: none;
-webkit-transition: color 0.4s ease-out;
-moz-transition: color 0.4s ease-out;
}

a:hover{
-webkit-transition: color 0.4s ease-out;
-moz-transition: color 0.4s ease-out;
text-shadow:2px 2px 20px {color:Links Hover Shadow};
}

#container {
position:relative;
margin:auto;
min-width:1366px;
}

div#posts {
width:750px;
margin-left:500px;
margin-top:0px;
z-index:999;
float:left;
}

.entry {
margin:6px;
padding:10px;
float:left;
overflow:hidden;
background-color:{color:Posts BG};
box-shadow: 1px 1px 2px {color:Posts Shadow};
{block:IndexPage}
width:300px;
{/block:IndexPage}
{block:PermalinkPage}
width:500px;
{/block:PermalinkPage}
-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;
}

.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:#000;
}

a.p{
color:#fff;
}

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


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


.title{
font-family:Tall Films;
text-transform:none;
font-size:30px;
line-height:30px;
color:{color:Posts Header};
text-shadow:2px 1px 2px {color:Posts Header Shadow};
}

.quote{
font-family:quicksand;
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;
}

asker{
font-family:'dawning';
font-size:20px;
text-transform:none;
color:#888;
}

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

#askbox{
background-image:url('{image:Asker Background}');
border: 3px double {color:Asker Border};
margin: 0px;
margin-top:-5px;
overflow:auto;
padding:7px;
box-shadow: 0px 2px 2px {color:Asker Shadow};
}

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

#lgside{
position:fixed;
width:100px;
height:100%;
margin-top:0px;
margin-left:0px;
background-color:{color:Side BG};
border-right:6px solid {color:Side Border};
box-shadow: 1px 5px 2px {color:Side Shadow};
background-image:url('{image:Side Background}');
}

#blogtitle{
position:fixed;
margin-left:110px;
margin-top:60px;
text-transform:uppercase;
font-size:55px;
color:{color:Title};
font-family:"Asenine";
line-height:50px;
z-index:9999;
text-align:center;
text-shadow:0px 0px 10px {color:Title Shadow};
}

.heart {display:block; line-height:10px; color:{color:Stats}; 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;}

#sidebar{
position:fixed;
width:360px;
height:500px;
margin-top:110px;
margin-left:70px;
background:{color:Sidebar BG};
padding:8px;
box-shadow: 1px 1px 2px {color:Sidebar Shadow};
-webkit-transition: opacity 0.5s linear;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

#sidebar img{
width:100%;
height:100%;
}

#sidebar:hover #des{
opacity:1;
margin-left:-8px;
-webkit-transition: opacity 0.5s linear;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

#des{
position:fixed;
width:360px;
height:500px;
padding:8px;
margin-top:-8px;
margin-left:-500px;
background-color:{color:Sidebar BG};
color:#fff;
text-align:center;
-webkit-transition: opacity 0.5s linear;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

#faves img {
width:50px;
height:50px;
border:3px solid {color:Faves Border};
margin:5px;
box-shadow:1px 1px 2px {color:Faves Shadow};
-webkit-transition-duration:.7s;
}

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

#linksbox{
position:fixed;
width:50px;
height:auto;
margin-left:16px;
margin-top:200px;
}

div.navigate a{
margin-left:3px;
margin-top:5px;
font-size:8px;
float:center;
overflow:hidden;
width:24px;
padding:8px;
display:inline-block;
-webkit-transition: opacity 0.3s linear;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}

#name{
font-family:"underground";
font-size:20px;
color:{color:Sidebar Header};
line-height:25px;
border-bottom:1px dotted {color:Sidebar Header Border};
text-transform:uppercase;
text-align:center;
}

div#qTip {
padding:5px;
display:none;
text-align:center;
position: absolute;
font-size:12px;
line-height:10px;
font-family:underground;
z-index:99999;
color:{color:Navigation Hover Text};
background:{color:Navigation Hover Text BG};
border-left:5px solid {color:Navigation Hover Text Border};
border-right:5px solid {color:Navigation Hover Text Border};
border-top:1px solid {color:Navigation Hover Text Border};
border-bottom:1px solid {color:Navigation Hover Text Border};
letter-spacing:3px;
}

{CustomCSS}
</style>
<script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>

<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" />
<body onkeydown="return false">
<div id="container">

<div id="lgside"></div>
<div id="blogtitle">{title}</div>

<div id="sidebar">
<div id="des">
<br><br>
<div id="name">Description</div>
{Description}
<br><br>
<div id="name">Obsessions</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
<br><br>
<div id="name">Statistics</div>
<div class="heart">{text:Stat 1}</div>
<div class="heart">{text:Stat 2}</div>
<div class="heart">{text:Stat 3}</div>
<div class="heart">{text:Stat 4}</div>
<br>
<div id="name">Favorites</div>
<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>

<a href="{text:Favorite 5 URL}"><img src="{image:Fav 5}"title="{text:Favorite 5}"></a>
</div>
</div>

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

<div id="linksbox">
<div class="navigate">

<a href="/"title="Home"><img src="http://static.tumblr.com/zruguhm/Q8Gmotznu/home-outline.png"></a>

<a href="/ask"title="Message"><img src="http://static.tumblr.com/zruguhm/yVgmotzej/mail.png"></a>

<a href="{text:Link 1 URL}"title="{text:Link 1}"><img src="http://static.tumblr.com/zruguhm/sOjmotzme/edit.png"></a>

<a href="{text:Link 2 URL}"title="{text:Link 2}"><img src="http://static.tumblr.com/zruguhm/wdemotzql/link.png"></a>

<a href="http://beautifully-flawless.tumblr.COM/"title="Credit"><img src="http://static.tumblr.com/zruguhm/kHYmotzqe/star-outline.png"></a>



</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}
<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="300"/></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}
</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>
<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="askbox">
<img src="{AskerPortraitURL-30}" width="40" align="left" style="margin-right:6px; box-shadow: 0px 0px 0px 2px #666;"/>
<asker>{Asker}:</asker>
<div id="ask">{Question}</div>
</div>
{Answer}
<div style="border-top:1px dotted #ddd; font-family:tinytots; color:#888; font-size:8px; text-align:right; line-height:15px;"><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>
</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>