Everything Nice - 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:#aaa;
background-color:#fff;
text-align:justify;
font-family:verdana;
font-size:9px;
}

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

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

#main {
position:fixed;
width:358px;
margin-left:200px;
margin-top:40px;
height:400px;
}

#pic{
width:350px;
height:250px;
}

#pic img{
width:350px;
height:250px;
padding:3px;
border:solid #eee 1px;
}

.bio {
width:358px;
margin-top:13px;
height:auto;
border-bottom:1px solid #eee;
overflow:auto;
padding-right:2px;
font-size:9px;
}

#side {
position:fixed;
background-image: url("http://media.tumblr.com/091afb0a6ef4a7a7f805242e82f254fc/tumblr_inline_mvfm9yQ5pX1r4iu2l.png");
width:100px;
margin-left:600px;
margin-top:-8px;
padding:10px;
text-align:center;
height:100%;
background-color:#eee;
}

#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{
width: 64px;
margin-bottom: 1px;
display: inline-block;
text-align:center;
text-transform:uppercase;
font-size:10px;
background-color:#fff;
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;
}

#babyspice{
width: auto;
height: auto;
color:transparent;
transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
padding: 5px;
text-align:justify;
position:absolute;
margin-top:-278px;
margin-left:120px;
}

#side:hover #babyspice {
width: 250px;
height: 590px;
padding: 5px;
color:#aaa;
}

.n {
line-height:100%;
color:transparent;
text-align:center;
padding:2px;
height:22px;
}

#side:hover .n {
font-family: 'caviardreams';
font-size:23px;
line-height:100%;
text-transform:uppercase;
color:#aaa;
text-align:center;
border-bottom:1px solid #eee;
}

@font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }

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

<div id="main">
<div id="pic"><img src="350x250"></div>

<div class="bio">
BIO.

</div>
</div>

<div id="side">
<img src="{PortraitURL-64}"style="background:#fff; padding:3px; float:left; margin-left:15px; margin-top:160px;">

<div id="links">
<div class="slinks">
<a href="/">I.</a>
<a href="/">II.</a>
<a href="/">III.</a>
<a href="http://letsrp.tumblr.com/">IV.</a>

</div>

<div id="babyspice">
<div class="n">navigation</div><br>

NAV

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