Everything Nice / Character Page

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

<!-- Code by selenagomezhelps @ tumblr. -->

<html>
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}" />
<link rel="alternate" type="application/rss+xml" href="{RSS}" />
<link href='http://fonts.googleapis.com/css?family=La+Belle+Aurore' rel='stylesheet' type='text/css'>
<style type="text/css">

body{color:#313131; background-attachment:fixed; background-color:#fff; text-align:justify; font-family:verdana; font-size:10px;}

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

::-webkit-scrollbar {width: 8px; height: 4px; background: #fff; }
::-webkit-scrollbar-thumb { background-color: #eee;}

#sideb {position:fixed !important;background-image: url("SIDEBAR BACKGROUND IMAGE");width:100px;margin-left:850px;margin-top:-10px; padding:10px; text-align:center; height:100%; background-color:#bbb; }

#links {padding:3px;width:60px;height:auto; margin-left:17px; margin-top:240px;}
.slinks {opacity: 1;margin-left: -5px;margin-top: -1px;
-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
.slinks a{color: #fff;text-shadow:1px 1px 1px #000;width: 64px;margin-bottom: 1px;display: inline-block;text-align:center;text-transform:uppercase;font-size:10px;font-family:Lucida Sans Unicode;letter-spacing:0px;background-color:#eee;padding:3px;}
.slinks a:hover{-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease; opacity:0.4;}

#swaggy {padding: 5px;height: 200px;margin-top: 0px;}
#desc {margin-top: -10px;margin-left: 970px;opacity: 0.0;background-color: #eee;  width: 100px;height: 10px;position: absolute;
transition-duration: 0.6s;  -moz-transition-duration: 0.6s;  -webkit-transition-duration: 0.6s;  -o-transition-duration: 0.6s;}

#side:hover #desc {opacity: 1.0;  transition-duration: 0.6s; -moz-transition-duration: 0.6s;  -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s;width: 300px;height:100%;}

.tracker {text-align: center; font-size:25px;font-family:la belle aurore;}
.traits{font-family:Arial; font-size:17px; color:#3a72a5;margin-left:0px; margin-top:0px;text-align:center;}

#about{position:fixed !important;width:500px;height:900px; padding:5px;margin-left:280px;margin-top:-10px;}
.about {text-align: center; font-size:25px;font-family:verdana;overflow:auto; font-size:11px;}
.name{background-color:; font-family:Courier; font-size:30px; color:#3a72a5;margin-left:0px; margin-top:0px;text-align:center;font-style:italic;}

#pic {margin-top:-10px; margin-left:0px; height:auto;width:500px;padding:0px;}
#picimage {margin: 0px 0 0px 0; text-align:center;}
#picimage img {margin-top:7px; width:500px; height:230px; text-align:center; margin-left:0px ;}

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

<div id="side"><div id="desc"><div id="text"></div>
<div id="swaggy"><br>
<div class="tracker">Para Tracker</div>

<a href="/">title</a>; thread w/name.<br>
<a href="/">title</a>; thread w/name.<br>
<a href="/">title</a>; thread w/name.<br>
<a href="/">title</a>; thread w/name.<br>
<a href="/">title</a>; thread w/name.<br>
<a href="/">title</a>; thread w/name.<br>

</div></div>
<div id="sideb">
<img src="{PortraitURL-64}"style="background:#eee; padding:3px; float:left; margin-left:15px; margin-top:160px;">
<div id="links">
<div class="slinks">
<a href="/">I.</a>
<a href="/ask">II.</a>
<a href="/RP URL HERE">III.</a>
<a href="http://www.tumblr.com/dashboard">IV.</a>

</div></div></div>

<div id="about"><br><br><br>
<div class="name">Character Name</div>
<div id="pic"><div id="picimage"><img src="IMAGEURL500x230"/></div>

<div class="traits">
TRAIT ❈
TRAIT ❈
TRAIT ❈
TRAIT

</div>
<div class="about">

BIO.

</div>
</div>
</div>
</div>
</body>
</html>