About Page 1

<!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>❝&nbsp&nbsp</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>&nbsp&nbsp❞</big></div>

<div class="sidebarlinks">
<a href="/">HOME</a>&nbsp&nbsp&nbsp&nbsp
<a href="/ask">MESSAGE</a>&nbsp&nbsp&nbsp&nbsp
<a href="/">LINK3</a>

<div id="credit">
<center>©<br>
<a href="http://dance-of-the-knights.tumblr.com/">DOTK</a></div>
</body>

</html>