about page

<html>
<head>

<!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}
<link href='http://fonts.googleapis.com/css?family=Port+Lligat+Slab' rel='stylesheet' type='text/css'>


<meta name="color:Background" content="#ffffff"/>


<meta name="image:Background" content=""/>


<style type="text/css">


::-webkit-scrollbar {height: auto;width: 13px;}
::-webkit-scrollbar-thumb {background-color:{color:scrollbar};}
::-webkit-scrollbar-track{background-color:{color:scrollbg};}


body {
background:{color:background};
background-image: url('{image:background}');
margin:0px;
color:#9c9c9c;
font-family:cambria;
font-size:10px;
line-height:100%;
}


#sidebar {
color:#c9c9c;
position:fixed;
width:150px;
height:auto;
margin-top:150px;
margin-left:-200px;
text-align:left;
}


#sidebar img {
border:6px solid;
border-color:#eee;
margin-top:-175px;
margin-left:600px;
width: 80px;
height: 80px;
float: left;
margin-bottom: 7px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}

#navigation {
font-family:inconsolata;
margin-top:-80px;
margin-left:605px;
width:80px;
padding-top:10px;
overflow:hidden;
text-align:center;
}

#navigation a {
padding-bottom:5px;
padding-top:3px;
padding-left:3px;
padding-right:3px;
margin-bottom:5px;
color:#bbb;
font-size:9px;
text-transform:uppercase;
letter-spacing:1px;
background:#fff;
transition: all 0.8s ease-out;
-o-transition:  all 0.8s ease-out;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
}

#navigation a:hover {
padding-bottom:5px;
padding-top:3px;
padding-left:3px;
padding-right:3px;
background:#fff;
color:#000;
}

#title {
text-decoration:bold;
text-align:center;
text-transform:uppercase;
background-color:#eee;
color:text;
margin-top:10px;
margin-left:15px;
letter-spacing:1px;
padding:10px;
width:450px;
margin-left:500px;
margin-top:200px;
font-style: bold;
text-align:center;
}

#title a {
color:#bbb;
text-decoration:none;
}

#box {
text-align:center;
text-transform:normal;
color:text;
letter-spacing:1px;
padding:10px;
width:448px;
margin-left:500px;
margin-top:-10px;
overflow-x:hidden;
overflow-y:scroll;
font-style: italic;
text-align:left;
border-left:1px solid;
border-right:1px solid;
border-bottom:1px solid;
border-color:#eee;
}

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

<div id="sidebar">
<img src="http://media.tumblr.com/ca93600f4113123d4aadb195fc4c3ca2/tumblr_inline_mm8fmxaKc41qz4rgp.png">

<div id="navigation">
♥<a href="/">home</a>♥<p>
♥<a href="/ask">message</a>♥<p>
♥<a href="http://stateofgracce.tumblr.com">theme</a>♥<p>
</div>
</div>

<div id="title">ABOUT ME -<script language="JavaScript">
var ref = (''+document.referrer+'');
document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID2888439&e1=&e2=&r=' + ref + '"><\/script>');
</script> </div><br>

<div id="box">

<b><u><big>LIKES</big><p></u></b>
<li>bla bla bla</li>  <p>
<li>bla bla blaa</li>  <p>
<li>bla bla bla blaa</li>  <p>
<li>bla bla bla bla</li>  <p>
<li>bla bla bla</li>  <p>

<b><u><big>DISLIKES</big><p></u></b>
<li>bla bla bla</li>  <p>
<li>bla bla bla</li>  <p>
<li>bla bla bla</li>  <p>

<b><u><big>OTHER</big><p></u></b>
<li>hey look more bla bla bla's</li>  <p>


</div>


</body>

</html>