Theme 2: Athena

<!--
Theme 2: Athena
Made By: Beauifully Flawless
Please Do Not Remove the credit from this blog unless I Say you can.
-->
<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] = "нι gσяgєσυѕ";
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>

<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="#000000"/>
<meta name="color:Sidebar BG" content="#FFFFFF"/>
<meta name="color:Posts Border" content="#000000"/>
<meta name="color:Text" content="#000000"/>
<meta name="color:Title" content="#000000"/>
<meta name="color:Scrollbar" content="#ccc"/>
<meta name="color:Hoverbar BG" content="#ffffff"/>
<meta name="color:Hoverbar Border" content="#000000"/>
<meta name="color:Scrollbar BG" content="#ffffff"/>
<meta name="color:Link" content="#000000"/>
<meta name="color:Link Hover" content="#A4A4A4"/>
<meta name="color:Link Hover Shadow" content="#41414"/>
<meta name="color:Posts BG" content="#ffffff"/>
<meta name="color:Permalink BG" content="#ffffff"/>
<meta name="color:Navigation BG" content="#000000"/>
<meta name="color:Navigation" content="#ffffff"/>
<meta name="color:Navigation Border" content="#a7a7a7"/>
<meta name="color:Navigation Hover" content="#464646"/>
<meta name="color:Title Shadow" content="#000"/>
<meta name="color:Hover Title" content="#000000"/>
<meta name="color:Portrait Border" content="#ddd"/>
<meta name="color:Portrait BG" content="#ffffff"/>

<meta name="image:Background" content=""/>
<meta name="image:sidebar" content="http://static.tumblr.com/nelpcva/Kg1m55zfb/tumblr_m4ys5xur4y1qdoxp5o1_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: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="BLOG NAME"/>
<meta name="text:Fav 2 URL" content="BLOG NAME"/>
<meta name="text:Fav 3 URL" content="BLOG NAME"/>
<meta name="text:Fav 4 URL" content="BLOG NAME"/>
<meta name="text:Fav 5 URL" content="BLOG NAME"/>

<meta name="text:Stats 1" content="INSERT STATS HERE"/>
<meta name="text:Stats 2" content="INSERT STATS HERE"/>
<meta name="text:Stats 3" content="INSERT STATS HERE"/>
<meta name="text:Stats 4" content="Best Viewed With Google Chrome"/>
<meta name="text:Music Player URL" content="~~~~INSERT MUSIC PLAYER HERE~~~~"/>

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

<meta name="text:Custom Link 1" content="LINK1"/>
<meta name="text:Custom Link 2" content="LINK2"/>
<meta name="text:Custom Link 3" content="LINK3"/>
<meta name="text:Custom Link 4" content="LINK4"/>


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



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

#tumblr_controls{
position:fixed !important;
}

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

@font-face{font-family:"aspire";src:url('http://static.tumblr.com/gdh5wux/Mtimequm2/aspire-demibold.ttf');}

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


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:"silkscreen";
font-size:8px;
line-height:12px;
color:{color:Text};
text-align:justify;
text-transform:uppercase;
}

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

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{
color:{color:Link Hover};
text-shadow: 0px 0px 1px #000;
-webkit-transition: color 0.5s ease-out;
-moz-transition: color 0.5s ease-out;
transition: color 0.5s ease-out;
}

div#posts {
width:820px;
margin-left:10px;
margin-top:0px;
float:left;
background-color:{color:Posts BG};
background-image:url('http://static.tumblr.com/gdh5wux/RpIm7hlh7/bg.jpg');
background-attachment: fixed;
background-repeat: repeat;
background-position: center;
box-shadow: 0px 0px 10px #DDD;
}

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

.entry:hover #info{
opacity:1;
-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:#fff;
border-bottom:3px solid #ddd;
width:400px;
height:10px;
top:0px;
left:0px;
overflow:hidden;
padding:5px;
opacity:0.0;
font-family:'Calibri';
font-size:8px;
color:#000;
line-height:10px;
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:#888;
font-size:8px;
text-align:right;
line-height:15px;
margin-top:5px;
border-top:1px dotted #ddd;
}

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

.title{
font-family:'Espacio';
text-transform:none;
font-size:30px;
line-height:30px;
color:{color:Title};
text-shadow: 0px 1px 2px {color:Title Shadow};
}

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

asker{
font-family:'Consolas';
font-size:15px;
line-height:20px;
text-transform:uppercase;
color:#ccc;
}

#ask{
padding:6px;
font-family:'Calibri';
font-size:9px;
text-transform:uppercase;
color:#555;
}

#askbox{
border-bottom:2px solid #ddd;
overflow:hidden;
margin-top:3px;
padding:3px;
box-shadow: 0px 2px 2px #888;
}

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

ul, ol, li{list-style:circle; margin:5px; margin-left:10px; padding-left:3px;}


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

.notes img{width:10px; position:relative; top:3px;}

#sidebar{
position:fixed;
width:350px;
height:450px;
left:900px;
background-color:{color:Sidebar BG};
border:4px solid #ddd;
color:#999999;}

#sidebar img{
width:350px;
height: 450px;
}

stat{
font-family:caviardreams;
text-transform:uppercase;
line-height:30px;
font-size:30px;
text-align:center;
letter-spacing:1px;
color:{color:Hover Title};
}

#statusbox{
position:fixed;
left:880px;
top:485px;
height:50px;
width:380px;
}

#status{
position:absolute;
left:20px;
bottom:5px;
height:30px;
width:350px;
padding:3px;
overflow:hidden;
text-align:center;
border:2px solid #ddd;
background:{color:Hoverbar BG};
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
z-index:999;
}

#status:hover{
height:520px;
font-size:8px;
font-family:"silkscreen";
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
z-index:999;
}

#name2{
font-family:"halohandletter";
text-align:center;
text-transform:none;
font-size:30px;
line-height:20px;
color:#888;
border-bottom:1px solid #000000;
}

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

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

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

div.navigate a{
display:block;
width:80px;
height:15px;
line-height:15px;
font-family:"silkscreen";
text-align:center;
margin-top:2px;
position:relative;
text-align:center;
z-index:1;
display:inline-block;
background: {color:Navigation BG};
color:{color:Navigation};
border:2px solid {color:Navigation Border};
}

div.navigate a:hover{
background: {color:Navigation Hover};
letter-spacing:1px;
}

{CustomCSS}
</style>
<body>

<div id="sidebar">
<div align="center">
<img src="http://static.tumblr.com/nelpcva/Kg1m55zfb/tumblr_m4ys5xur4y1qdoxp5o1_500.jpg">
</div>
</div>

<div id="statusbox">
<div id="status">
<stat>Hover</stat><br><br>

<div id="name2">About the Blogette</div>
<div id="portraitpic"><a href="/"><img src="{PortraitURL-64}"/></a></div>
{description}

<div id="name2">My 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
<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>
<div id="name2">Stats</div>
<center>
{text:Stats 1}<br>
{text:Stats 2}<br>
{text:Stats 3}<br>
{text:Stats 4}<br>
</center>
<br>
<div class="navigate">
<a href="/">Refresh</a>
<a href="/ask">Ask</a>
<a href="/links">Links</a>
<a href="http://beautifully-flawless.tumblr.com/">credit</a>
</div>
</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}
{block:IndexPage}
<div id="info">
<a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
</div>
{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="500"/></a>
{LinkCloseTag}
{/block:PermalinkPage}
{/block:Photo}

{block:Photoset}
{block:IndexPage}
<div id="info">
<a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
</div>
<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}
<center>
{AudioPlayerWhite}
</center>
<div id="infoo">
<a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
</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-40}" width="40" align="left" style="border-radius:20px; margin-right:6px;border-bottom:2px solid #ddd;"/>
<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}
<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>