T6 - VANITY

<!--

THEME #6 VANITY
BY ZUVIA @ TUMBLR

-->

<html>
<head>

<title>{text:blogtitle}</title>
<link rel="shortcut icon" href="{Favicon}">

<meta name="color:background" content="#ffffff" />
<meta name="color:entry background" content="#aeaeae" />
<meta name="color:entry" content="#cccccc" />
<meta name="color:entry text" content="#999999" />
<meta name="color:entries bold" content="#ffffff" />
<meta name="color:entries italic" content="#cccccc">
<meta name="color:sidebar" content="#cccccc" />
<meta name="color:sidebar text" content="#aeaeae" />
<meta name="color:sidebar link" content="#999999" />
<meta name="color:sidebar link hover" content="#ffffff" />
<meta name="color:sidebar link bg" content="#aeaeae" />
<meta name="color:sidebar link bg hover" content="#ffffff" />
<meta name="color:link" content="#ffffff" />
<meta name="color:link hover" content="#ffffff" />
<meta name="color:top link" content="#ffffff" />
<meta name="color:top link bg1" content="#aeaeae" />
<meta name="color:top link bg2" content="#aeaeae" />
<meta name="color:top link bg3" content="#aeaeae" />
<meta name="color:top link bg4" content="#aeaeae" />
<meta name="color:blogtitle" content="" />
<meta name="color:top border" content="#cccccc" />
<meta name="color:perma bg" content="#999999" />
<meta name="color:nextpage arrow" content="#000000" />
<meta name="color:nextpage arrow hover" content="#aeaeae" />
<meta name="color:ask bg" content="#aeaeae" />
<meta name="color:scrollbar face" content="#cccccc" />
<meta name="color:scrollbar bg" content="#ffffff" />

<meta name="image:background" content="" />
<meta name="image:entry background" content="" />
<meta name="image:sidebar background" content="" />
<meta name="image:sidebar" content="" />

<meta name="text:Blogtitle" content="" />
<meta name="text:Link1" content="link 1" />
<meta name="text:Link1URL" content=""/>
<meta name="text:Link2" content="link 2" />
<meta name="text:Link2URL" content=""/>
<meta name="text:Link3" content="link 3" />
<meta name="text:Link3URL" content=""/>
<meta name="text:Link4" content="link 4" />
<meta name="text:Link4URL" content=""/>

<meta name="font:post title" content="georgia" />
<meta name="font:body" content="georgia" />
<meta name="font:sidebar" content="georgia" />

<meta name="if:RoundedSidebar" content="0" />
<meta name="if:Links" content="1" />
<meta name="if:Link1" content="1" />
<meta name="if:Link2" content="1" />
<meta name="if:Link3" content="1" />
<meta name="if:Link4" content="1" />
<meta name="if:ShowCaptions" content="0" />
<meta name="if:FadingImages" content="0" />
<meta name="if:InfiniteScroll" content="1" />
<meta name="if:Bigger Posts" content="1" />

<style type="text/css">

body {
background-color:{color:background};
background-image: url('{image:Background}');
background-attachment:fixed;
font-family:{font:body};
font-size:10px;
line-height:14px;
text-align:justify;}

::-webkit-scrollbar-thumb:vertical {
background-color: {color:scrollbar face};
height: 30px;}

::-webkit-scrollbar {
height: 30px;
width: 4px;
background-color: {color:scrollbar bg};}

#blogtitle {
position:fixed;
left:108px;
top:129px;
color:{color:blogtitle};
width:437px;
{block:IfBiggerPosts}width:536px;{/block:IfBiggerPosts}
font-style:italic;
text-align:center;
font-family:georgia;
letter-spacing:8px;
font-size:15px;
z-index:11;}

#topborder{
position:fixed;
width:437px;
{block:IfBiggerPosts}width:536px;{/block:IfBiggerPosts}
height:35px;
margin-left:100px;
margin-top:-39px;
z-index:10;
border-radius: 200px 200px 0px 0px;
background-color:{color:top border};}

#cover{
position:fixed;
width:436px;
{block:IfBiggerPosts}width:536px;{/block:IfBiggerPosts}
height:155px;
left:108px;
top:-1px;
z-index:7;
background-color:{color:background};
background-image: url('{image:Background}');
background-attachment:fixed; }

#littlecover{
position:fixed;
width:436px;
{block:IfBiggerPosts}width:536px;{/block:IfBiggerPosts}
height:15px;
left:108px;
top:154px;
z-index:8;
background-color:{color:entry background};
background-image: url('{image:entry Background}');
background-attachment:fixed; }

#posts {
margin-left:100px;
margin-top:160px;
width:420px;
{block:IfBiggerPosts}width:520px;{/block:IfBiggerPosts}
padding-left:8px;
padding-right:8px;
padding-top:8px;
position:relative;
background-color:{color:entry background};
background-image: url('{image:entry Background}');
background-attachment:fixed;}

.post {
{block:IfNotBiggerPosts}width:410px;{/block:IfNotBiggerPosts}
{block:IfBiggerPosts}width:510px;{/block:IfBiggerPosts}
margin-left:10px;
}


.entries {
color:{color:entry text};
overflow:hidden;
{Block:IndexPage}border-radius: 0px 0px 0px 30px;{/Block:IndexPage}
background-color:{color:entry};
{block:IfBiggerPosts}width:500px;{/block:IfBiggerPosts}
{block:IfNotBiggerPosts}width:400px;{/block:IfNotBiggerPosts}
margin-bottom:10px;
position:relative;
z-index:6;
text-align:justify;
letter-spacing:0px;
line-height:12px;
font-size:10px;
font-family:{font:body};}

.entries a{
color:{color:link};
text-decoration:none;
}

.entries a:hover {
color:{color:link hover};
text-decoration:none;
}

.entries b, strong{
color:{color:entries bold};}

.entries i, em{
color:{color:entries italic};
font-weight:normal;}

.entries h1 {
font-family: {font:post title};
font-size:12px;
letter-spacing:1px;
text-align:left;
padding-bottom:4px;
}

.entries h2 {
font-family: {font:post title};
font-size:10px;
font-style:italic;
letter-spacing:2px;
text-align:left;
padding-bottom:4px;
margin-left:10px;
}

.entries h3 {
font-family: {font:post title};
font-size:10px;
font-style:italic;
letter-spacing:2px;
text-align:left;
padding-bottom:4px;
margin-left:6px;
padding-top:3px;
padding-left:10px;
}
.entries img {
{block:IfNotBiggerPosts}max-width:400px;{/block:IfNotBiggerPosts}
{block:IfBiggerPosts}max-width:500px;{/block:IfBiggerPosts}
{block:ifFadingImages}opacity:.7;{/block:ifFadingImages}
{block:IfNotFadingImages}opacity:1;{/block:ifnotfadingimages}
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.entries img:hover{
opacity:1;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

.entries blockquote {
border-left: 3px solid {color:link};
padding-left: 10px;
margin-left: 10px;}

.chat {
background-color: {color:entry};
letter-spacing:1px;}

.chat .lines {
margin-left:2px;}

.chat .lines .line{
padding-left:4px;}

.chat .lines .odd {
background-color: {color:background};
padding-top:4px;
padding-bottom:4px;
padding-left:4px;}

.ask {
padding-left:11px;
padding-top:8px;
padding-bottom:10px;
padding-right:11px;
background-color:{color:ask bg};
letter-spacing:1px;
line-height:10px;}

.ask a{
text-transform:uppercase;
font-family:consolas;
font-size:9px;}

.askport{
margin-left:7px;
width:40px;
float:left;}

.askport img{
border:4px solid {color:asker border};}

.answer{
padding-left:5px;
padding-bottom:4px;}

.text{
padding-left:8px;
padding-right:8px;
padding-bottom:8px;
padding-top:8px;}

.text b, strong{
color:{color:entries bold};}

.text i, em{
color:{color:entries italic};
font-weight:normal;}

.caption{
padding-left:8px;
padding-right:8px;}

.audio{
background: #000;
display:block;
margin-bottom:0px;}

.photo {
{block:ifFadingImages}opacity:.7;{/block:ifFadingImages}
{block:IfNotFadingImages}opacity:1;{/block:ifnotfadingimages}
{Block:IndexPage}border-radius: 0px 0px 0px 30px;{/block:IndexPage}
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

.photo:hover{
opacity: 1;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

.quote {
font-size:32px;
margin-left:5px;
margin-bottom:-15px;
margin-top:13px;
letter-spacing:1px;
font-family:georgia;
}

.perma{
margin-top:-2px;
{block:IfBiggerPosts}width:500px;{/block:IfBiggerPosts}
{block:IfNotBiggerPosts}width:400px;{/block:IfNotBiggerPosts}
font-family: consolas;
font-size: 9px;
letter-spacing:2px;
position:relative;
padding-right:5px;
padding-bottom:5px;
padding-top:5px;
border-radius: 0px 0px 0px 30px;
line-height:10px;
color: {color:entry text};
text-transform: uppercase;
text-align: center;
background-color: {color:perma bg};
opacity:1;
z-index:999;}

.perma a{
color: {color:link};
}

.perma a:hover {
color: {color:link hover};
}

.permalink {
{block:IfBiggerPosts}width:500px;{/block:IfBiggerPosts}
{block:IfNotBiggerPosts}width:400px;{/block:IfNotBiggerPosts}
text-align: left;
font-size:9px;
margin-left:10px;
line-height:10px;
letter-spacing:2px;
font-family:consolas;
color: {color:entry text};
text-transform: uppercase;
position: relative;
}

.permalink a {
color: {color:link};
text-decoration: none;
}

.permalink a:hover {
color: {color:link hover};
text-decoration: none;
}

.permalink blockquote {
border-left: 3px solid {color:link};
padding-left: 10px;
margin-left: 20px;}

ol.notes {
padding: 0px;
letter-spacing: 0px;
border: 0px;
list-style-type: none;
}

ol.notes li.note {
padding: 1px;
letter-spacing: 0px;
text-align: left;
}


#sidebar {
width:280px;
position:fixed;
z-index:15;
left:570px;
{block:IfBiggerPosts}left:670px;{/block:IfBiggerPosts}
top:70px;
padding-top:8px;
padding-left:8px;
padding-right:8px;
padding-bottom:8px;
z-index:99;
font-family:georgia;
background-color: {color:sidebar};
background-image: url('{image:sidebar background}');
color: {color:sidebar text};
{block:IfRoundedSidebar}border-radius: 0px 150px 0px 0px;{/block:IfRoundedSidebar}}

#sidebar img{
max-width:280px;
{block:IfRoundedSidebar}border-radius: 0px 150px 0px 0px;{/block:IfRoundedSidebar}}

#sidelinks{
width:275px;
padding:5px;
margin-top:-1px;
margin-left:-3px;
position:fixed;}

#sidelinks a{
width:54px;
height:10px;
text-align:center;
display:inline-block;
font-family:consolas;
text-transform:uppercase;
text-decoration:none;
letter-spacing:0px;
color:{color:sidebar link};
margin-left:3px;
padding-left:5px;
padding-right:5px;
padding-top:6px;
padding-bottom:10px;
background-color:{color:sidebar link bg};
font-size:9px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

#sidelinks a:hover{
color:{color:sidebar link hover};
background-color:{color:sidebar link bg hover};}

#linkcontainer{
position:fixed;
margin-left:-50px;
{block:IfBiggerPosts}margin-left:0px;{/block:IfBiggerPosts}}

#mainlinks1{
position:fixed;
z-index:8;
margin-top:-50px;
margin-left:170px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

.mainlinks1 a{
display:inline-block;
border-radius: 20px 20px 0px 0px;
text-decoration:none;
color:{color:top link};
font-family:consolas;
text-transform:uppercase;
letter-spacing:1px;
margin-bottom:2px;
margin-left:5px;
padding-top:10px;
padding-bottom:10px;
padding-left:5px;
padding-right:5px;
width:80px;
background-color:{color:top link bg1};
text-align:center;}

#mainlinks1:hover{
margin-top:-70px;}

#mainlinks2{
position:fixed;
z-index:8;
margin-top:-50px;
margin-left:270px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

#mainlinks2:hover{
margin-top:-70px;}

.mainlinks2 a{
display:inline-block;
border-radius: 20px 20px 0px 0px;
text-decoration:none;
color:{color:top link};
font-family:consolas;
text-transform:uppercase;
letter-spacing:1px;
margin-bottom:2px;
margin-left:5px;
padding-top:10px;
padding-bottom:10px;
padding-left:5px;
padding-right:5px;
width:80px;
background-color:{color:top link bg2};
text-align:center;}

#mainlinks3{
position:fixed;
z-index:8;
margin-top:-50px;
margin-left:370px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

#mainlinks3:hover{
margin-top:-70px;}

.mainlinks3 a{
display:inline-block;
border-radius: 20px 20px 0px 0px;
text-decoration:none;
color:{color:top link};
font-family:consolas;
text-transform:uppercase;
letter-spacing:1px;
margin-bottom:2px;
margin-left:5px;
padding-top:10px;
padding-bottom:10px;
padding-left:5px;
padding-right:5px;
width:80px;
background-color:{color:top link bg3};
text-align:center;}

#mainlinks4{
position:fixed;
z-index:8;
margin-top:-50px;
margin-left:470px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

#mainlinks4:hover{
margin-top:-70px;}

.mainlinks4 a{
display:inline-block;
border-radius: 20px 20px 0px 0px;
text-decoration:none;
color:{color:top link};
font-family:consolas;
text-transform:uppercase;
letter-spacing:1px;
margin-bottom:2px;
margin-left:5px;
padding-top:10px;
padding-bottom:10px;
padding-left:5px;
padding-right:5px;
width:80px;
background-color:{color:top link bg4};
text-align:center;}


#info {
{block:IfLinks}margin-top:30px;{/block:IfLinks}
padding:8px;
font-family:{font:sidebar};}

#info a {
text-decoration:none;
color:{color:link};
font-size:9px;
font-family:consolas;
letter-spacing:2px;
color:{color:link};
text-transform:uppercase;
background-color: {color:sidebar};}

#pages{
text-transform:none;
text-align:center;
position:fixed;in
width:280px;
margin-top:10px;
height:20px;
background-color: {color:sidebar bg;}}

#pages a{
text-transform:none;
text-decoration:none;
font-weight:bold;
font-size:20px;
color:{color:nextpage arrow};}

iframe#tumblr_controls {
position: fixed !important;
right:2px !important;
-moz-transition: all 0.8s ease-out;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
opacity: 0.5;}

iframe#tumblr_controls:hover {
-webkit-transition: opacity 0.7s linear;
-moz-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
opacity: 1;}


</style>

{block:IfInfiniteScroll}
<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
{/block:IfInfiniteScroll}

</head>

<body>
<div id="cover"></div>
<div id="topborder"></div>
<div id="littlecover"></div>

<div id="blogtitle">{text:blogtitle}</div>
<div id="linkcontainer">
<div id="mainlinks1">
<div class="mainlinks1"><a href="/">home</a></div></div>

<div id="mainlinks2">
<div class="mainlinks2"><a href="/ask">ask</a></div></div>

<div id="mainlinks3">
<div class="mainlinks3"><a href="/archive">archive</a></div></div>

<div id="mainlinks4">
<div class="mainlinks4"><a href="http://zuvia.tumblr.com">theme</a></div></div></div>

<div id="sidebar">
<img src="{image:sidebar}">
{block:IfLinks}
<div id="sidelinks">
{block:IfLink1}<a href="{text:Link1URL}" class="sidelinks">{text:Link1}</a>{/block:IfLink1}
{block:IfLink2}<a href="{text:Link2URL}" class="sidelinks">{text:Link2}</a>{/block:IfLink2}
{block:IfLink3}<a href="{text:Link3URL}" class="sidelinks">{text:Link3}</a>{/block:IfLink3}
{block:IfLink4}<a href="{text:Link4URL}" class="sidelinks">{text:Link4}</a>{/block:IfLink4}
</div>
{/block:IfLinks}

<div id="info">
{Description}
</div>

{block:IfNotInfiniteScroll}
<div id="pages">
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
{/block:Pagination}
</div>
{/block:IfNotInfiniteScroll}

</div>




<div id="posts">

{block:Posts}

<div class="post">
<div class="entries">


{block:Text}
<div class="text">
{block:Title}
<h1><a href="{Permalink}">{Title}</a></h1>
{/block:Title}{Body}
</div>
{/block:Text}

{block:Photo}
<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="">{LinkCloseTag}</center>
{block:IfShowCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{/block:Photo}

{block:Photoset}
{block:IfNotBiggerPosts}<div class="photo">{Photoset-400}</div>{/block:IfNotBiggerPosts}
{block:IfBiggerPosts}<div class="photo">{Photoset-500}</div>{/block:IfBiggerPosts}
{block:IfShowCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{/block:Photoset}

{block:Quote}
<div class="text">
<h2>{Quote}</h2>
{block:Source}
<i><p align="right"><b>{Source}</b>{/block:Source}</p></i></div>
{/block:Quote}

{block:Link}
<div class="text"><h3><a href="{URL}" {Target}>{Name} → </a> </h3>
{block:Description}
{Description}
{/block:Description}</div>
{/block:Link}

{block:Chat}
{block:Title}<h1>{Title}</h1>{/block:Title}
<div class="chat">{block:Lines}
<div class="lines"><div class="line {Alt}">
{block:Label}<b>{Label}</b> {/block:Label}{Line}
</div></div>{/block:Lines}</div>
{/block:Chat}

{block:Video}
<div class="photo">{block:IfNotBiggerPosts}{Video-400}{block:IfNotBiggerPosts}
{block:IfBiggerPosts}{Video-500}{/block:IfBiggerPosts}</div>
<center><i>{FormattedPlayCount}</i> plays</center><br />
{block:IfShowCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{/block:Video}

{block:Audio}
<div class="audio">{AudioPlayerBlack}</div>
{block:IfShowCaptions}{block:Caption}<br /><div class="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}<br />
{Caption}
{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{/block:Audio}

{block:Answer}
<div class="text">
<div class="ask"> {Asker} <b>sent:</b> {Question}</div><br>
<div class="answer">{Answer}</div></div>
{/block:Answer}

{block:IndexPage}
<div class="perma">
{block:Date}<a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} <a href="{Permalink}">{NoteCountWithLabel}</a>  <a href="{ReblogURL}" target="_blank">Reblog</a>{/block:NoteCount}</a>{/block:Date}</br>
</div>
{/block:IndexPage}
</div>

</div>

{block:PermalinkPage}
<div class="permalink">
<div style="font-family: consolas;
font-size: 9px;
padding-right:20px;
padding-bottom:5px;
padding-top:5px;
letter-spacing:1px;
margin-bottom:10px;
line-height:10px;
color: {color:entry text};
text-transform: uppercase;
text-align: center;">
{block:RebloggedFrom}
<b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> // <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}<br>
{block:HasTags}tags: {block:Tags}
<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>
{block:PostNotes}
{PostNotes}
{/block:PostNotes}
</div>
{/block:PermalinkPage}

            {/block:Posts}

</div>
</div>
</body>
</html>