Theme 21 by tristran-thorn

<html>

<!------Theme 21 by tristran-thorn, please don't do any of the stuff you're not supposed to do! And thanks for choosing my theme omg have a really lovely day (like everyday)----->

<head>

<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}" />

{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

<meta name="color:background" content="#ffffff"/>
<meta name="color:text" content="#cecece"/>
<meta name="color:link" content="#435363"/>
<meta name="color:linkhover" content="#cecece">
<meta name="color:link shadow" content="#cecece">

<meta name="image:sidebar" content="">

<meta name="text:link1" content=""/>
<meta name="text:link1text" content=""/>
<meta name="text:link2" content=""/>
<meta name="text:link2text" content=""/>
<meta name="text:link3" content=""/>
<meta name="text:link3text" content=""/>
<meta name="text:link4" content=""/>
<meta name="text:link4text" content=""/>
<meta name="text:link5" content=""/>
<meta name="text:link5text" content=""/>

<style type="text/css">

body{
font-family:georgia;
font-size:10px;
text-align:justify;
background-color:{color:background};
color:{color:text};
}

a:link {
    -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
text-decoration:none;
text-shadow:2px 2px {color:link shadow};
color:{color:linkhover};
}
a:active {text-decoration:none;}

#cent{
width:535px;
margin-left:410px;
background-color:transparent;
position:relative;
}

#post{
opacity:1;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
padding:15px;
background-color:transparent;
width:500px;
float:left;
margin-top:0px;
position:relative;
}

#post:hover {
opacity:0.85;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
 -o-transition: all 1s ease;
}

#sidebarimage {
opacity:1;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
 -o-transition: all 2s ease;
margin-top:182px;
left:207.5px;
position:fixed;
width:100px;
height:100px;
border-radius:100px;
overflow:hidden;
}

#description {
margin-top:283px;
margin-left:195px;
position:fixed;
padding:5px;
font-size:8px;
width:100px;
height:140px;
}

#linkses {
text-transform:uppercase;
background-color:transparent;
border-top:solid 1px #e5e5e5;
padding-top:5px;
}

#linkses:hover {
opacity:1;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
 -o-transition: all 1s ease;
}

#credit {
margin-top:0px;
margin-left:10px;
position:fixed;
}

#noteybit {
text-transform:lowercase;
font-size:8px;
font-family:georgia;
padding:5px;
padding-top:5px;
}

#quotee {
font-size:12px;
font-family:georgia;
}

#pagination {
font-size:26px;
}

hr {
border: 0;
height: 1px;
background: #e5e5e5;
}

blockquote {
padding-left: 10px;
border-left: 2px solid #f5f5f5;
}

.Line {
position:fixed;
border-left: 1px solid #e5e5e5;
height:1000%;
width:10px;
margin-top:-10px;
margin-left:380px;
}

{CustomCSS}</style>
</head>
<body>

<body link="{color:link}" vlink="{color:link}" alink="#999999">

<div id="sidebarimage">
<a href="/">
<div class="sidebarimage img">
<img src="{image:sidebar}" height="100" width="100"></a>
</div></div>

<div class="Line"> </div>

<div id="description">
{Description}
<br><br>

<div id="linkses">
<center>
<span title="Home"><a href="/">I</a href></span> -
<span title="Ask"><a href="/ask">II</a href></span> -
<span title="{text:link1text}"><a href="{text:link1}">III</a href></span> -
<span title="{text:link2text}"><a href="{text:link2}">IV</a href></span> -
<span title="{text:link3text}"><a href="{text:link3}">V</a href></span> -
<span title="{text:link4text}"><a href="{text:link4}">VI</a href></span> -
<span title="{text:link5text}"><a href="{text:link5}">VII</a href></span>
</center>
</div>

<center>
<div id="pagination">
{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}<br>
</div>
</center>
</div>

<div style="position:fixed; bottom:0px; right:10px; font-size:7px;">
<a href="http://tristran-thorn.tumblr.com/">T H E M E    </a><br><br>
</div>

<div id="cent">
{block:Posts}
<div id="post">

{block:Text}
<h1>
{block:Title}{Title}{/block:Title}</h1>
<blockquote>{Body}</blockquote>
{/block:Text}

{block:Photo}
<a href="{permalink}"><img src="{PhotoURL-500}" width="500"/></a>
{/block:Photo}

{block:Photoset}
{Photoset-500}
{/block:Photoset}

{block:Quote}
<div id="quotee">
❝<i>{Quote}</i>❞
</div>
<div align="right">
{block:Source}-{Source}{/block:Source}
</div>
{/block:Quote}

{block:Video}
{Video-500}<br>
{PlayCountWithLabel}
{/block:Video}

{block:Link}
<h1>
<a href="{URL}" class="link" {Target}>{Name}</a></h1>
{block:Description}{Description}{/block:Description}
{/block:Link}

{block:Chat}
{block:Lines}
<b>
{block:Label}
<br><div style="text-transform:uppercase; display:inline;">{Label}</div>
{/block:Label}
</b> {Line}
{/block:Lines}
<br>
<br>
{/block:Chat}

{block:Audio}
{AudioPlayerWhite}
<br>
{/block:Audio}

{block:Answer}
<div style="background:#f3f3f3; padding:10px; border-radius:10px; overflow:hidden;">{Asker} said: <b>{Question}</b></div>
{Answer}
{/block:Answer}

{block:PermalinkPage}
{NoteCountWithLabel}
{block:Caption}
{Caption}
{/block:Caption}
<br><br>
{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
{/block:PermalinkPage}

<div id="noteybit">
<center>
<i>
<a href="{Permalink}">{TimeAgo}</a> /
<a href="{Permalink}">{NoteCountWithLabel}</a> /
{block:ContentSource}
<a href="{SourceURL}">Source</a> /
{/block:ContentSource}
{block:RebloggedFrom}
<a href="{ReblogParentURL}">via</a> //
{/block:RebloggedFrom}
{block:Tags} <a href="{TagUrl}">#{Tag}</a> {/block:Tags}
</i>
<hr>
</center>
</div>
</div>{/block:Posts}

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