Why Not / 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}" />

<style type="text/css">

body{
color:#000;
background-attachment:fixed;
background-color:#eee;
background-image: url('http://static.tumblr.com/92f5df83ead7e8753b3aa67f933f4bab/evfqys7/xbWmjmfsh/tumblr_static_tumblr_static_bg4.png');
text-align:justify;
font-family:verdana;
font-size:11px;
}

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

.whynot{
width: 190px;
height: 315px;
color: transparent;
background-color: transparent;
overflow: auto;
font-family: times;
font-size: 9px;
transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
padding: 5px;
text-align:
justify;
line-height: 10px;
}

.whynot:hover {
width: 190px;
height: 315px;
background-color: #fff; /*description bg color*/
color: #000;
font-family: times;
font-size: 9px;
padding: 5px;
overflow: auto;
text-align: justify;
line-height: 10px;
}

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

#side { /*move circle links around*/
margin-left:-170px;
margin-top:-250px;
}

#link1 {
margin-left:20px;
margin-top:25px;
position:absolute
}

#link1 a{
line-height:50px;
text-transform:uppercase;
background-color:#bbb;/*change bg color of link1*/
font-size:8px;
font-weight:bold;
color:white;
width:50px;
height:50px;
display:inline-block;
-moz-border-radius: 75px;
border-radius: 75px;
text-align:center;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}


#link2 {
margin-left:80px;
margin-top:40px;
position:absolute
}

#link2 a{
line-height:45px;
text-transform:uppercase;
background-color:#bbb;/*change bg color of link2*/
font-size:8px;
font-weight:bold;
color:white;
width:45px;
height:45px;
display:inline-block;
-moz-border-radius: 70px;
border-radius: 70px;
text-align:center;
transition: all 0.7s ease-in-out;
-webkit-transition: all 0.7s ease-in-out;
}


#link3 {
margin-left:40px;
margin-top:80px;
position:absolute
}

#link3 a{
line-height:40px;
text-transform:uppercase;
background-color:#bbb;/*change bg color of link3*/
font-size:8px;
font-weight:bold;
color:white;
width:40px;
height:40px;
display:inline-block;
-moz-border-radius: 65px;
border-radius: 65px;
text-align:center;
transition: all 0.7s ease-in-out;
-webkit-transition: all 0.7s ease-in-out;
}


#link4 {
margin-left:85px;
margin-top:95px;
position:absolute
}

#link4 a{
line-height:35px;
text-transform:uppercase;
background-color:#bbb;/*change bg color of link4*/
font-size:8px;
font-weight:bold;
color:white;
width:35px;
height:35px;
display:inline-block;
-moz-border-radius: 65px;
border-radius: 65px;
text-align:center;
transition: all 0.7s ease-in-out;
-webkit-transition: all 0.7s ease-in-out;
}


#link5 {
margin-left:55px;
margin-top:125px;
position:absolute
}

#link5 a{
line-height:30px;
text-transform:uppercase;
background-color:#bbb;/*change bg color of link5*/
font-size:10px;
font-weight:bold;
color:white;
width:30px;
height:30px;
display:inline-block;
-moz-border-radius: 60px;
border-radius: 60px;
text-align:center;
transition: all 0.7s ease-in-out;
-webkit-transition: all 0.7s ease-in-out;
}


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

<div style="width: 500px; height: 325px; margin-top:150px;background-image: url(PICTURE URL 500x325);box-shadow:0px 0px 6px #ccc;">

<div style="width: 500px; height: 325px; padding: 0px 0px 0px 150px;">
<div class="whynot"><center>
<div style="font-family: arial; font-size: 9px; line-height:29px;text-transform: uppercase; letter-spacing: 2px;">

FIRST, LAST NAME
</div></center>

BIO BIO BIO BIO HERE.


</div></div>

<div id="side">
<div id="link1"><a href="/">home</a></div>
<div id="link2"><a href="/#">other</a></div>
<div id="link3"><a href="/ask">ask</a></div>
<div id="link4"><a href="/#">rpg</a></div>
<div id="link5"><a href="/#">+</a></div>


</div>
</div>
</div>
</div>
</body>
<div style="position:fixed; bottom:6px; right:10px;font-family:arial; font-size:12px;"><a href="http://selenagomezhelps.tumblr.com">©</a>
</html>