Summer Breeze - Character Page

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

<!----
SUMMER BREEZE - rp character page.
1.) Side image has to be 230x300.
2.) Bio turns into scroll bar box if it's long.
3.) 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=Raleway:100&v1' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Imprima' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>

<style type="text/css">

body{color:#fff; background-attachment:fixed; background-color:#a1bc99; background-image: url(''); text-align:justify; font-family:calibri; font-size:11px;}

a{color:#000; text-decoration: none; font-family:imprima; font-size:11px;}
a:hover{ color:#fff; text-decoration: underline; font-family:imprima; font-size:13px;}

#side {background-image: url('');width:250px; margin-left:280px;height:100%; margin-top:-240px; position:fixed; overflow:hidden; background-color: #bcd4b4; padding:5px;}

#sideimage {width: 250px;}
#sideimage img {width:230px; height:300px; margin-top:0px;}

#tit{ font-family: 'lobster', cursive; font-size: 28px; letter-spacing: 0px; margin-top:135px;line-height: 90%; text-align: center; text-transform:none;text-shadow:1px 1px 0px #000;}

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


#link {margin-top:230px; margin-left:137px; height:300px;width:200px;padding:10px;}

.slinks {opacity: 1;margin-left: ;margin-top: 0px;width: 100px;}

.slinks a{color: #688260;width: 125px;margin-bottom: 5px;display: inline-block;text-align:center;font-size:17px;font-family:lobster;letter-spacing:0px;background-color:#fff;padding:4px;}


#bio {width:400px; margin-left:600px;height:300px; margin-top:-380px; position:fixed; overflow:auto;  padding:5px;font-family:imprima; font-size:11px;}

::-webkit-scrollbar-thumb:vertical {
background-color: ;height:auto;border: 1px solid #ddd;border-radius: 60px;}
 ::-webkit-scrollbar-thumb:horizontal {background-color:#eeeheight:auto !important;border-radius: 60px;}
 ::-webkit-scrollbar {height:auto;width:4px;background-color: transparent;border-radius: 60px;}

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

<div id="side"><div id="tit">About A Girl.</div>
<Center>
<a href="MAIN RP URL">Roleplay</a> •
<a href="/ask">Message</a> •
<a href="/">Back To Blog</a>


<center><div id="sideimage"><img src="230x300PICURL"></a>
</div></div></div>

<div id="link"">
<div class="slinks">
<a href="/">Name</a>
<a href="/">Age</a>
<a href="/">Occupation</a>
<a href="/">"Nickname"</a>
<a href="/">✔ Positive Character Trait</a>
<a href="/">✘ Negative Character Trait</a>
</div></div>

<div id="bio">

Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio. Bio.

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