Theme 10 by myknightofflowers

<html>


<!------GUYS I MADE MY VERY OWN THEME PLEASE DON'T REMOVE THE CREDIT THIS ONE TOOK ME WEEKS LOTS OF LOVE THE GENIUNELY SURPRISED I EVEN BOTHERED WITH THIS MYKNIGHTOFFLOWERS----->

<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="#a56262"/>
<meta name="color:link" content="#435363"/>

<meta name="image:sidebar" content="">
<meta name="image:sidebar2" 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:marqueewords" content=""/>

<style type="text/css">

body{
color:{color:text};
font-family:cambria;
font-size:9px;
text-align:justify;
background-color:{color:background};
}

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:#999999}}
a:active {text-decoration:none;}

#cent{
width:508px;
margin-left:320px;
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;
}

#title {
background-color:transparent;
width:300px;
height:0px;
margin-top:450px;
left:-81px;
position:fixed;
padding:5px;
text-transform:lowercase;
font-size:26px;
font-family:copperlate gothic light;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
}

#description{
border:solid 1px #d2d2d2;
background-color:{color:background};
width:100px;
height:163px;
margin-top:371px;
left:120px;
position:fixed;
padding:5px;
}

#sidebarimage {
-webkit-transition: all 1.2s ease-in-out;
transition: all 1.2s ease-in-out;
margin-top:235px;
left:100px;
position:fixed;
}

#sidebarimage:hover {
opacity:0;
-webkit-transition: all 1.3s ease-in-out;
transition: all 1.3s ease-in-out;
  -webkit-filter: blur(3px);
}

#sidebarimage2 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
padding:5px;
margin-top:251px;
left:120px;
border:solid 1px #d2d2d2;
position:fixed;
}

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

#linkses {
margin-top:362px;
left:100px;
width:155px;
text-transform:uppercase;
font-size:7px;
position:fixed;
background:{color:background};
border-bottom:solid 1px #c2c2c2;
border-top:solid 1px #c2c2c2;
}

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

#noteybit {
text-transform:uppercase;
font-size:8px;
padding:5px;
border-top:solid 1px #e1e1e1;
}

#banner {
text-transform:uppercase;
font-size:9px;
margin-top:220px;
margin-left:95px;
width:150px;
height:10px;
position:fixed;
}

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

{CustomCSS}</style>

</head>
<body>

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

<div id="sidebarimage2">
<img src="{image:sidebar2}" height="100px" width="100px">
</div>

<div id="title"><center><b><i><a href="/">{title}</a></b></i></center></div>

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

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

<div id="sidebarimage">
<img src="{image:sidebar}" height="325" width="155">
</div>

<div id="linkses">
<center>
{block:PreviousPage}<a href="{PreviousPage}">← </a>{/block:PreviousPage}
<a href="/ask">Ask</a href>
<a href="{text:link1}">{text:link1text}</a href>
<a href="{text:link2}">{text:link2text}</a href>
<a href="{text:link3}">{text:link3text}</a href>
<a href="{text:link4}">{text:link4text}</a href>
{block:NextPage}<a href="{NextPage}">→ </a>{/block:NextPage}
</center>
</div>

<div id="banner">
<marquee>{text:marqueewords}</marquee>
</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}
{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>