— Only Human.

<style type="text/css">
.pfor{display: none; }
#profile { border: 0px; background-color: transparent; }
</style>

<style type="text/css">
body {
font-family: verdana;
font-size: 10px;
background-color: #FFFFFF;
background-image: url('http://i.picpar.com/xrK.png');
background-attachment: fixed;
background-position: fixed;
background-repeat: repeat;
text-align: justify;
color: #555555;
cursor: url('http://cur.cursors-4u.net/others/oth-6/oth648.cur'), default;
}

b{color: #9B6B45; font-size: 15px; font-weight: light; letter-spacing: -1px; word-spacing: 6px; font-family:romans; text-transform: normal; font-weight: normal; text-align: center; Text-shadow: #9B6B45 0px 0px 2px;}
u{color: #C19866; font-size: 12px; font-weight: light; letter-spacing: 0px; word-spacing: 6px; font-family:Romans; text-transform: normal;font-weight: normal;text-align: center; Text-shadow: #000 0px 0px 1px;border-bottom: 1px dotted #EDEDEE;}
i{color: #999; font-size: 12px; font-weight: light; letter-spacing: -1px; word-spacing: 6px; font-family:Romans; text-transform: normal; font-weight: normal; text-align: center; Text-shadow: #fff 0px 0px 1px;}
strike{color: #99D6FF; font-size: 11px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; Text-shadow: #FF99D6 0px 0px 1px;}
big{color: #9B6B45; font-size: 14px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #9B6B45 0px 0px 1px;}

@import url(http://fonts.googleapis.com/css?family=Origin);

::-webkit-scrollbar-button:vertical:{background-color: transparent;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:vertical {background-color: transparent; height:20px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:horizontal {background-color: transparent; height:20px !important;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar { height:20px; width: 3px; background-color:transparent;}

h1 {
z-index:-20;
color: #9B6B45;
height: 20px;
width: %100px;
font-size: 10px;
line-height: 40px;
font-weight: normal;
letter-spacing: 3px;
font-family: terminal;
text-transform: uppercase;
text-shadow: #9B6B45 0px 0px 2px;
text-align: left;
margin-top: 0px;}


#no{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 999999;
}

.mage{
position: fixed;
left: 250px;
top: 130px;
border: 3px solid #212121;
width: 230px;
height: 404px;
z-index: 1;
}

#line{
position: fixed;
left: 0px;
top: 170px;
width: 100%;
height: 75px;
background-color: #444444;
overflow: auto;
border-top: 3px Solid #212121;
border-bottom: 3px Solid #212121;
}

#title {
position: fixed;
top: 140px;
left: 735px;
z-index: 550;
color: #444444;
font-size: 40px;
width: 100%;
line-height: 30px;
letter-spacing: 2px;
font-family: Origin;
text-shadow: #EDEDEE 2px 3px 4px;
z-index: 950;
}

#subtitle{
position: fixed;
top: 420px;
left: 250px;
z-index: 550;
width: 235px;
height: 20px;
color: #444444;
font-size: 10px;
text-align: center;
line-height: 15px;
letter-spacing: 1px;
font-family: verdana;
font-variant: small-caps;
background-color: #070707;
border-top: 3px Solid #212121;
border-bottom: 3px Solid #212121;
z-index: 900;
}

.magic{
height: 55px;
width: 55px;
display: block;
border: #212121 2px solid;
opacity: 0.7;
cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), default;
}

.magic:hover {
opacity: 1;
cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), default;
}

.list {
position: fixed;
margin-left: 520px;
margin-top: 8px;
width: 100%;
z-index: 999;
}

.box {
position: fixed;
left: -305px;
top: 245px;
width: 750px;
height: 420px;
padding: 5px;
color: #212121;
background-color: transparent;
opacity: 0;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
z-index: 100;
}

.box:target {
top: 245px;
left: 485px;
opacity: 1;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
z-index: 100;
}

.imagine{
position: absolute;
margin-top: 0px;
margin-left: 0px;
width: 430px;
height: 283px;
border: 3px Solid #212121;
background-color: #070707;
color: #444444;
font-family: verdana;
font-variant: small-caps;
text-align: justify;
font-size: 10px;
line-height: 13px;
overflow: auto;
z-index: 200;
opacity: 1;
}

.demons{
position: absolute;
margin-top: 0px;
margin-left: 440px;
width: 425px;
height: 283px;
border: 3px Solid #212121;
background-color: #070707;
color: #444444;
font-family: verdana;
font-variant: small-caps;
text-align: justify;
font-size: 10px;
line-height: 13px;
overflow: auto;
z-index: 200;
opacity: 1;
}

a.nav:link, a.nav:active, a.nav:visited{
letter-spacing: 1px;
margin: 0px;
text-transform: normal;
display: inline-block;
font-family: verdana;
font-variant: small-caps;
font-size: 10px;
width: 50px;
height: 15px;
color: #444444;
background-color: transparent;
text-align: center;
line-height: 14px;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
}

a.nav:hover{
background-color: transparent;
color: transparent;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
}

a {
color: #690000;
display: inline-block;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur),default;
}

a:hover {
color: transparent;
display: inline-block;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur),default;
}

</style>

<div id="title">The Black Mage, Dessaria </div>

<div class="mage">
<img src="http://i.picpar.com/jqK.png" width="230" height="404"></img>
</div>

<div id="line">
<div class="list">
<a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/55x55" class="magic"></a>
<a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/55x55" class="magic"></a>
<a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/55x55" class="magic"></a>
<a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/55x55" class="magic"></a>
<a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/55x55" class="magic"></a>
<a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/55x55" class="magic"></a>
<a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/55x55" class="magic"></a>
<a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/55x55" class="magic"></a>
<a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/55x55" class="magic"></a>
<a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/55x55" class="magic"></a>
<a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/55x55" class="magic"></a>
<a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/55x55" class="magic"></a>
<a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/55x55" class="magic"></a>

</div>

<div id="subtitle">
<a class="nav" href="#one">Because</a>
<a class="nav" href="#two">I'm Only</a>
<a class="nav" href="#three">Human</a>
</div>

<div id="one" class="box">
<div class="imagine">
<center><b>Bold!</b> <i>Italics!</i> <u>Underline!</u> <big>Big!</big> <small>Small!</small> <a href="link">Link!</a></center><br>
<font style=float:left>Name</font> <font style=float:right>Unknown</font><br>
<font style=float:left>Aliases</font> <font style=float:right>Juvia of the Great Sea</font><br>
<font style=float:left>Gender</font> <font style=float:right>Female</font><br>
<font style=float:left>Hair Colour</font> <font style=float:right>Blue</font><br>
<font style=float:left>Eye Hue</font> <font style=float:right>Dark Blue</font><br>
<font style=float:left>Height</font> <font style=float:right>5'6"</font><br>
<font style=float:left>Weight</font> <font style=float:right>127 lbs</font><br>
<font style=float:left>Age</font> <font style=float:right>Seventeen</font><br>
<font style=float:left>Occupation</font> <font style=float:right>Mage</font><br>
<font style=float:right>S-Class Mage ( Previously )</font><br>
<font style=float:left>Affiliation</font> <font style=float:right>Fairy Tail</font><br>
<font style=float:right>Phantom Lord ( Previously )</font><br>
<font style=float:left>Guild Mark</font> <font style=float:right>Left Thigh</font><br>
<font style=float:left>Partner</font> <font style=float:right>Fullbuster, Gray</font><br>
<font style=float:right>Strauss, Lisanna ( Previously )</font><br>
<font style=float:left>Orientation</font> <font style=float:right>Graysexual</font><br>
<font style=float:left>Marital Status</font> <font style=float:right>Singular, Gray Selective</font><br>
</div>

<div class="demons">
Character's persona here.
</div>
</div>

<div id="two" class="box">
<div class="imagine">
<b>Skill Number one</b> ( <i>Active/Passive</i> );
<br><b>Skill Number one</b> ( <i>Active/Passive</i> );
<br><b>Skill Number one</b> ( <i>Active/Passive</i> );
<br><b>Finisher Skill</b> ( <i>Active</i> );
</div>

<div class="demons">
<big>Ierite Pendant Completion</big>; <font style=float:right>0% filled.</font>
<br><big>Cres</big>; <font style=float:right>5 Jς</font>
</div>
</div>

<div id="three" class="box">
<div class="imagine">
Character's history here.
</div>

<div class="demons">
<h1>Out of Character; work in progress</h1>
<big>1.</big> ---<br>
<big>2.</big> ---<br>
<big>3.</big> ---<br>
<big>4.</big> ---<br>
<big>5.</big> ---<br>
<big>6.</big> ---<br>
<big>7.</big> ---<br>
<big>8.</big> ---<br>
<big>9.</big> ---<br>
<big>10.</big> ---<br>
<h1>Contact;</h1>
<center><big>☑</big>Skype</center><br>
<h1>Alternates;</h1>
<center><big>Soon</big> - <big>Soon</big> - <big>Soon</big> - <big>Soon</big> - <big>Soon</big>
<h1>Credit;</h1>
<center>Character Images & Graphics are not mine ; Stylesheet & Coding © <big>- DevilRose</big> <br> - DevilRose is mine, so you cannot take. If you want a layout, 10$ per layout. </center>
</div>
</div>