Theme 16 by tristran-thorn

<html>

<!------This is theme 16 by tristran-thorn, please don't remove the credit and why did Sherlock get so upset? he jumped to conclusions----->

<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="text:opacity between 0 and 1" content="0.5"/>


<meta name="image:sidebar" content="">
<meta name="image:bigsidebar" 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:530px;
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:124px;
left:340px;
border:double #cecece;
position:fixed;
padding-top:5px;
padding-left:5px;
padding-right:5px;
padding-bottom:2.5px;
}

#sidebarimage:hover {
  -webkit-transform: rotate(-8deg);
     -moz-transform: rotate(-8deg);
       -o-transform: rotate(-8deg);
      -ms-transform: rotate(-8deg);
          transform: rotate(-8deg);
}

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

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

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

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

#pagination {
font-size:22px;
}

#linkses {
text-align:right;
margin-top:237px;
left:305px;
width:35px;
font-family:calibri;
font-size:8px;
border-right:1px #cecece solid;
text-transform:uppercase;
position:fixed;
}

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

#littleblock {
opacity:{text:opacity between 0 and 1};
height:220px;
width:200px;
background-color:#ffffff;
margin-top:110px;
margin-left:280px;
position:fixed;
}

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

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

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

<div id="littleblock">
</div>

<div id="sidebarimage"><a href="/"><img src="{image:sidebar}" height="90" width="90"></a></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>

<div id="description">
<div style="width:90px">
{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>

<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>