<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<!----theme by dance-of-the-knights.tumblr.com don't steal please--->
<head>
<style type="text/css">
body {
background:#fcfcfc;
color:#f1f1f1;
font-family:Calibri;
font-size:11px;
line-height:100%;
}
a {
color:#b4b4b4;
text-decoration:none;
outline:none;
opacity:1 ;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
transition: all 0.8s;
}
a:hover {
color:#fcfcfc;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
transition: all 0.8s;
}
.sidebarlinks {
position:center;
width:214px;
margin-top:23px;
margin-left:50px;
font-family:calibri;
font-size:8px;
text-align:center;
letter-spacing:1px;
background:#ffffff;
border:1px solid;
border-color:#f1f1f1;
padding:3px;
}
.sidebarlinks a{
display: inline-block;
text-transform: uppercase;
height: 10px;
color:#b4b4b4;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
transition: all 0.8s;
}
.sidebarlinks a:hover{
color:#f1f1f1;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
transition: all 0.8s;
}
#sidebarimage {
width 200px;
height: 200px;
margin-left:50px;
margin-top:250px;
}
#sidebarimage img {
border: 1px solid;
padding: 10px;
width:200px;
height: 200px;
text-align:center;
position:fixed;
z-index:1;
border-color:#f1f1f1;
background:#ffffff;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-transition: all 0.8s ease-in-out;
}
.sb2{
opacity:0;
position:fixed;
z-index:1;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-transition: all 0.8s ease-in-out;
}
.sb2:hover{
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-transition: all 0.8s ease-in-out;
opacity:1
}
#description{
z-index:2;
color:#b4b4b4;
background:#ffffff;
text-align:justify;
font-style:italic;
position: fixed;
margin-top:-200px;
margin-left:271px;
border-top:1px double;
border-bottom:1px double;
padding:10px;
border-color:#f1f1f1;
width:200px;
padding-right:100%;
}
#credit{
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
transition: all 0.8s;
display:block;
border-left: 1px solid;
border-right: 1px solid;
border-top: 1px solid;
border-color:#f0f0f0;
padding:3px;
height: 10px;
background:#ffffff;
right:5px;
bottom:0px;
position:fixed;
font-family:calibri;
font-size:10px;
letter-spacing:2px;
}
#credit:hover{
height: 30px;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
transition: all 0.8s;
}
{CustomCSS}</style>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript">
$(window).load(function(){
$("p").remove(":contains('Source:')");
$("p").remove(":contains('(via')");
});
</script>
</head>
<body>
<div id="sidebarimage"><img src="http://25.media.tumblr.com/tumblr_mcvc2qS3gm1qidznao1_250.png"></a>
<div class="sb2"><img src="http://25.media.tumblr.com/tumblr_mcvc2qS3gm1qidznao2_250.png"></a></div></div>
<div id="description">
<big>❝  </big>Write your description here, you can say whatever you want to say and blah blahbla idk what to say I'll write some pretty lyrics here:
I don't like you, but I love you
Seems that I'm always thinkin' of you
Oh, you treat me badly
I love you madly<big>  ❞</big></div>
<div class="sidebarlinks">
<a href="/">HOME</a>    
<a href="/ask">MESSAGE</a>    
<a href="/">LINK3</a>
<div id="credit">
<center>©<br>
<a href="http://dance-of-the-knights.tumblr.com/">DOTK</a></div>
</body>
</html>