Rolling Stone - About Me

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<!---- Code by letsrp @ tumblr ---->

<html>
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}" />
<link rel="alternate" type="application/rss+xml" href="{RSS}" />
 <style type="text/css">

body{
color:#000;
background-attachment:fixed;
background-color:#fff;
background-image: url('');
text-align:justify;
}

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

a:hover{
color:#000;
}

#box {
width:350px;
margin-left:500px;
height:400px;
margin-top:140px;
position:absolute;
overflow:hidden;
background-color: #181818;
}

#sidepicture {
width: 350px;
}

#sidepicture .desc{
opacity: 0;
overflow:auto;
background: #eee;
text-align: justify;
width: 330px;
padding: 10px;
font-size:9px;
font-family:verdana;
height: 330px;
position: absolute;
-webkit-transition: opacity 0.5s linear;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;
}

#sidepicture:hover .desc{
opacity: 10;
-webkit-transition: opacity 0.5s linear;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;
}

#tit{
font-family: 'rister', cursive;
font-size: 40px;
height:27px;
margin-top:90px;
line-height: 100%;
text-align: center;
margin-left:500px;
width:350px;
position:absolute;
}

@font-face { font-family: "Rister"; src: url('http://static.tumblr.com/pwgdr2n/VPum3j3td/a_s_rister.ttf'); }

#deet{
font-family: courier new;
font-size: 8px;
letter-spacing: 3px;
text-align: center;
line-height: 100%;
margin-left:500px;
text-transform:uppercase;
position:absolute;
margin-top:125px;
width:350px;
}

{CustomCSS}
</style>
</head>
<body>
<div id="tit"><i>Character's Name</i></div>
<div id="deet">age. nickname. etc. etc.</div>

<div id="box">
<div id="sidepicture">
<div class="desc">

bio.

</div>
<img src="350x350"/></a>

</div>
</div>
</body>
<div style="position:fixed; bottom:3px; right:5px;"><a href="http://letsrp.tumblr.com">©</a>
</html>