Feel Again - 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-attachment:fixed;
background-color:#fff;
text-align:justify;
font-family:times;
font-size:9px;
line-height:12px;
}

a{
color:#2c787c;
font-size:11px;
text-transform:uppercase;
text-decoration:none;
}

a:hover{
color:#ffffff;
text-decoration:italic;
}

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

#side{
position:absolute;
width:100px;
height:300px;
margin-top:120px;
margin-left:100px;
background-color:#eee;
background-image:url('http://media.tumblr.com/e30f4786ee37240a816741e7a526f1c0/tumblr_inline_mvfxeiMFQs1r4iu2l.png');
}

#bio{
position:absolute;
width:300px;
height:300px;
margin-top:120px;
margin-left:200px;

}

.bio{
width:280px;
height:300px;
overflow:auto;
padding-left:10px;
padding-right:10px;
}

.menu {
position:absolute;
margin-left:183px;
margin-top:60px;
}

.menuana li {
display: inline-block;
text-align: center;
margin-top:5px;
margin-left:5px;
position: relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}

.menuana li:hover {
margin-top:5px;
margin-left:4px;
opacity:0.6;
}

.menuana li:active {
margin-top:5px;
margin-left:24px;
margin-right:20px;
opacity:1;
}

.menuana li a  {
width: 40px;
height: 40px;
z-index: 99;
position: absolute;
line-height:40px;
display: block;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
}

.menuana li:active a {
font-size: 14px;
line-height:96px;
}
.menuana li .menuzinho {
width: 40px;
height: 40px;
display: block;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-border-top-left-radius: 100px;
-webkit-border-bottom-right-radius: 100px;
-moz-border-radius-topleft: 100px;
-moz-border-radius-bottomright: 100px;
border-top-left-radius: 100px;
border-bottom-right-radius: 100px;
-webkit-transform: rotate(55deg);
-moz-transform: rotate(55deg);
-o-transform: rotate(55deg);
}
.menuana:hover .menuzinho{
border-radius: 50px;
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
-o-transform: rotate(225deg);
}
.menuana:active .menuzinho{
border-radius: 50px;
}

#menu1 { background: #99ccce; }
#menu2 { background: #eeeeee; }


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

<div id="side">
<img src="{PortraitURL-64}"style="padding:3px; border:1px solid #fff;float:left;margin-top:14px;margin-left:14px;"></div>
<div id="bio">
<div class="bio">

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris.
<p><p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.


</div></div>

<div class="menu">
<div class="menuana">
<li><a href="/">001.</a><div class="menuzinho" id="menu1"></div></li>
<li><a href="/">002.</a><div class="menuzinho" id="menu2"></div></li>
<li><a href="/">003.</a><div class="menuzinho" id="menu1"></div></li>
<li><a href="/">004.</a><div class="menuzinho" id="menu2"></div></li>
<li><a href="/">005.</a><div class="menuzinho" id="menu1"></div></li>


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