Theme 19 by tristran-thorn

<html>

<!------put something here for the love of god----->

<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="color:lines" content="#cecece">

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

<meta name="text:subtitle" 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:330px;
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 {
opacity:1;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
margin-top:128px;
left:78px;
position:fixed;
padding-top:5px;
padding-left:5px;
padding-right:5px;
padding-bottom:2.5px;
border:double {color:lines};
width:90px;
height:90px;
overflow:hidden;
background:{color:sidebarcolor};
}

#sidebarimage:hover {
margin-top:133px;
left:83px;
border-radius:50%;
padding:0px;
}

.sidebarimage img:hover {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
width:90px;
height:90px;
border-radius:50%;
}

#description {
margin-top:231px;
left:200px;
position:fixed;
padding:5px;
font-size:8px;
width:100px;
}

#linkses {
position:fixed;
margin-top:240px;
text-align:right;
left:35px;
font-size:8px;
width:150px;
font-family:cambria;
text-transform:uppercase;
}

#block {
background:{image:bigsidebar};
background:{color:sidebar};
border:1px solid {color:lines};
margin-left:-10px;
margin-top:-10px;
position:fixed;
height:100%;
width:194px;
}

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

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

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

#pagination {
font-size:18px;
}

#title {
margin-top:200px;
left:200px;
position:fixed;
font-size:12px;
font-family:georgia;
width:140px;
}

#subtitle {
margin-top:215px;
left:205px;
position:fixed;
font-size:8px;
font-family:georgia;
text-transform:uppercase;
}

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

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

<div id="block" width="124">
<img src="{image:bigsidebar}" width="194">
</div>

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

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

<div id="linkses">
<a href="/">Home</a href><br>
<a href="/ask">Ask</a href><br>
<a href="{text:link1}">{text:link1text}</a href><br>
<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 id="pagination">
{block:PreviousPage}<a href="{PreviousPage}">‹</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}">›</a>{/block:NextPage}<br>
</div>
</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="title">
<a href="/"><b><i>{Title}</i></b></a>
</div>

<div id="subtitle">
{text:subtitle}
</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}
{AudioPlayerWhite}
{/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>