Theme 18 by tristran-thorn

<html>

<!------Theme 18 by tristran-thorn, Thank you so much for using it and don't remove the credit or do any of that other stuff I'm meant to put here----->

<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:sidebar" content="#f9f9f9">


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

<style type="text/css">

body{
font-family:times;
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;
color:{color:linkhover}}
a:active {text-decoration:none;}

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

#post{
opacity:1;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
padding:20px;
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 {
margin-top:140px;
left:125px;
position:fixed;
}

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

#noteybit {
text-transform:uppercase;
font-family:calibri;
font-size:8px;
padding:5px;
border:solid 1px #f2f2f2;
background:#f9f9f9;
}

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

#pagination {
font-size:22px;
}

#description {
opacity:0;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
margin-top:160px;
left:145px;
position:fixed;
padding:15px;
font-size:8px;
height:180px;
width:105px;
background:{color:background};
}

#description:hover {
opacity:1;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}

#description:hover ~ #linksesleft {
opacity:1;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}

#description:hover ~ #linksesright {
opacity:1;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}

#linksesleft {
opacity:0;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
position:fixed;
text-transform:lowercase;
text-align:right;
margin-top:170px;
left:20px;
width:100px;
font-size:9px;
letter-spacing:0.5em;
}

#linksesleft:hover {
opacity:1;
}

#linksesright {
opacity:0;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
position:fixed;
text-transform:lowercase;
text-align:left;
margin-top:170px;
left:315px;
font-size:9px;
letter-spacing:0.5em;
}

#linksesright:hover {
opacity:1;
}


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

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

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

<div id="description">
{Description}
<br><br>
<center>
<div id="pagination">
{block:PreviousPage}<a href="{PreviousPage}">‹</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}">›</a>{/block:NextPage}
</div>
</center>
</div>

<div id="linksesleft">
<a href="/"> Home </a href><br>
<a href="/ask">Ask </a href><br>
<a href="{text:link1}">{text:link1text} </a href><br>
</div>

<div id="linksesright">
<a href="{text:link2}">{text:link2text} </a href><br>
<a href="{text:link3}">{text:link3text} </a href><br>
<a href="{text:link4}">{text:link4text} </a href><br>
</div>

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

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

{block:Text}
<h1>
{block:Title}{Title}{/block:Title}</h1>
{Body}
{/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>{Label}
{/block:Label}
</b>
&nbsp;{Line}
{/block:Lines}
{/block:Chat}

{block:Audio}
{AudioPlayerGrey}
<br><div align="right">{block:Artist}
Artist: {Artist}</div>
{/block:Artist}<br>
{block:Caption}{Caption}{/block:Caption}
{/block:Audio}

{block:Answer}
{Asker} asked <b>{Question}</b><br>
{Answer}
{/block:Answer}

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

<div id="noteybit">
<center>
<a href="{Permalink}">{TimeAgo}</a> with
<a href="{Permalink}">{NoteCountWithLabel} </a> -
{block:Tags} <a href="{TagUrl}">#{Tag}</a> {/block:Tags}
</center>
</div>

</div>{/block:Posts}

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