Old Code for Aki

<html>
<body><style>
body {
background-attachment:fixed;
background-color:#000000;
color:#f0f0f0;
}
#mugshot {
z-index:1;
position:fixed;
top:0%;
left:0%;
right:0%;
height:100%;
text-align:center;
}
#mugshot img {
height:100%;
}
#image1, #image2 {
z-index:1;
position:absolute;
top:15%;
width:25%;
opacity:0.9;
}
#image1 {
left:5%;
}
#image2 {
right:5%;
}
#statbox, #infobox, #obox {
position:absolute;
border:1px solid #f0f0f0;
background-color:rgba(0, 0, 0, 0.6);
}
#statbox {
z-index:3;
top:2%;
left:2.5%;
height:10%;
width:95%;
text-align:center;
overflow-y:auto;
}
#statbox li {
display:inline-block;
width:10%;
margin-top:1%;
}
#infobox, #obox {
z-index:2;
top:55%;
height:40%;
width:30%;
}
#infobox {
left:2.5%;
}
#obox {
right:2.5%;
}
#navbar {
position:absolute;
top:3%;
left:3%;
height:8%;
width:94%;
overflow:hidden;
}
#navbar a {
position:absolute;
height:90%;
width:48%;
background-color:#f0f0f0;
border:1px solid #f0f0f0;
}
#navbar a:hover {
background-color:rgba(0, 0, 0, 0.6);
}
#navbar a:first-child {
left:0%;
}
#navbar a:nth-child(2) {
right:0%;
}
#musicbox {
position:absolute;
top:3%;
left:3%;
height:12%;
width:94%;
overflow:hidden;
}
.tab {
height:100%;
width:100%;
overflow-y:auto;
}
p {
text-indent:5%;
}
::-webkit-scrollbar {
width:8px;
height:8px;
}
::-webkit-scrollbar-thumb:vertical {
background-color:#000000;
border:1px solid #f0f0f0;
}
::-webkit-scrollbar-thumb:horizontal {
background-color:#000000;
border:1px solid #f0f0f0;
}
#credit {
z-index:2;
text-decoration:none;
color:#007ba7;
position:fixed;
right:1%;
bottom:0%;
background-color:#ffffff;
border-radius:5px;
font-family: UnifrakturCook, Brush Script MT, script, cursive;
font-size:16px;
}
</style>

<div id="mugshot">
<img src="http://i.picpar.com/Odlc.jpg"/>
</div>

<img src="http://i.picpar.com/Qdlc.jpg" id="image1"/>

<img src="http://i.picpar.com/Rdlc.jpg" id="image2"/>

<div id="statbox">
<li><b>Name:</b>
<br>Akira Tsubasa</li>
<li><b>Species:</b>
<br>Cat-Girl, Artificial Ghoul, Glitch</li>
<li><b>Age:</b>
<br>17</li>
<li><b>Hair:</b>
<br>Silver</li>
<li><b>Eyes:</b>
<br>Baby Blue/honey </li>
<li><b>Height:</b>
<br>5'0"</li>
<li><b>Weight:</b>
<br>Secretive.</li>
<li><b>Build:</b>
<br>Busty and Curved</li>
<li><b>Orientation:</b>
<br>Pansexual</li>
<li><br> Status: </b>
<br> Confused... </li>
</ul>
</div>

<div id="infobox">
<div id="navbar">
<a href="#01"></a>
<a href="#02"></a>
</div>

<div style="position:absolute;top:15%;left:3%;height:82%;width:94%;overflow:hidden;">

<div class="tab" id="01">
<h3>About</h3>
<p>
At a young age, Akira and her older Hiro had been abandoned by their own parents. Ever since then, the siblings have grown close together and would always stick together. One day, a scientist took in the two and used them as experiments, inserting ghoul organs into them for an unknown reason. After being nurtured back to proper heath and lessons on how to eat and kill, the siblings embarked on a new journey. Akira, the younger sibling of the two, decided to become a mute after Aki's recent mistake's in an argument. She had decided that her words would hurt more than physical contact itself, so she decided becoming a mute and getting her vocal chords surgically removed would be best. She uses telepathic communications to talk when she needs to. Just recently, Aki had discovered a new side of her, the glitch. Where it came from is unknown, and it only happens when she's severely depressed.
</p>
</div>

<div class="tab" id="02">
<h3>Extras</h3>
<p>
Friends:<br>
-Kaito Raid (Current crush?) <br>
-Lord Prometheus / Crim (Adoptive Father / Aunt) <br>
- Hiro Tsubasa (Brother)<br>
- Lillian Bunny Tsubasa (Sister-in-law)<br>
- Gemeni Ryuzaki (Friend )<br>
- Dream Guy (Best Friend)<br>
- Shio Kazami (Friend)<br>
Hex: C77ED8 / 7BB0D8
<br><a target="_blank" href="http://www.thiscrush.com/~akitsubasa" title="akitsubasa's CrushTag"><img src="http://www.thiscrush.com/tags/akitsubasa.jpg" border="0" /></a><br /><a target="_blank" href="http://www.thiscrush.com" title="ThisCrush CrushTag">Get your own CrushTag!</a>
</p>
</div>

</div>
</div>

<div id="obox">
<div id="musicbox">
<audio controls ="1" loop="1" style="height:100%;width:100%;">
<source src="http://k003.kiwi6.com/hotlink/rocfxomrv0/The_Neighbourhood_-_Sweater_Weather.mp3
" type="audio/mpeg">
</audio>
</div>
<div style="position:absolute;top:17%;left:3%;height:80%;width:94%;overflow-y:auto;">
<h3>OOC</h3>
<ul>
<li>I will not tolerate drama, racism, sexism, homophobia, or anything of the sorts.
</li>
<li>Do NOT ask about my personal life unless I decided to tell you any aspects.</li>
<li>You will only get my Skype or Kik if i fully trust you.</li>
<li>Bullet four</li>
<li>Bullet five</li>
<li>Bullet six</li>
<li>Bullet seven</li>
<li>Bullet eight</li>
</ul>
</div>
</div>

<a target="_blank" href="http://ladycerattani.wixsite.com/cera-codes" id="credit" target="_blank" title="VS#14
Firefox 1366x768
Inform me of issues.">Coder</a>