Rolling Stone | Character page

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

<!----
k'ya so when you see this in the html editor it'll look jaggy but go to your page and that should be your end results.

Code by 4roleplay @ 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; font-family:calibri; font-size:11px;}

a{color:#eee; text-decoration: none;}
a:hover{ color:#000;}

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

#boximage {width: 300px;}
#boximage img {width:350px; height:350px;}

#sidepicture {
width: 350px;
}

#sidepicture .desc{opacity: 0;overflow:auto;background: #eee;text-align: justify;width: 330px;
padding: 10px;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: 44px; letter-spacing: 0px; margin-top:70px;line-height: 90%; text-align: center;}

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

#aha{font-family: courier new; font-size: 8px; letter-spacing: 3px; text-align: center; line-height: 100%; padding-top: 5px; padding-bottom: 2px; color: #000; margin-top:-13px; text-transform:uppercase;}

{CustomCSS}
</style>
</head>
<body>
<div id="tit"><i>Character's Name</i></div>
<div id="aha">

age. nickname. etc. etc.

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

Bio goes here

</div>
<img src="350x350PICTUREURL" width=350px></a>
</div>
</div>
</div>
</body>
</html>