Charizard

<style type="text/css">
@import url(https://fonts.googleapis.com/css?family=Farsan);
@import url(https://fonts.googleapis.com/css?family=UnifrakturCook);
@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
@import url(https://fonts.googleapis.com/css?family=Cormorant+Unicase);
@import url(https://fonts.googleapis.com/css?family=Cormorant+Upright);

::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { border-radius: 2px; background-color: #; }
::-webkit-scrollbar-thumb { border-radius: 2px; background-color: #ddd; }

body {
background-image: url("http://www.walldevil.com/wallpapers/a35/wallpapers-pokemon-media-gallery-computer-charizard-kanto-diamond-desktop-status-welcome-software.jpg");
background-repeat: repeat;
background-color: #000;
background-size: 100% 100%;
background-position: bottom right;
margin: 0;
}

#box {
 z-index: 3;
 background: url();
 background-size: ;
 background-position: bottom left;
 background-repeat: repeat;
 position: absolute;
box-shadow:0px 0px 20px #;
background-color:#;
border: 1px solid #;
 bottom: 0%;
 left: 12%;
 height: 98%;
 width: 75%;
opacity: 1;
}

#box2{
 z-index: 3;
 background: url();
 background-size: ;
 background-position: bottom left;
 background-repeat: repeat;
 position: absolute;
box-shadow:0px 0px 20px #;
background-color:#;
border: 5px groove #A15A0D;
 top: 30%;
 left: 9%;
 height: 40%;
 width: 45%;
opacity: 1;
}

.bar {
position: absolute;
left: -0.9%;
top: -17%;
background-color: #000;
background-image:url(http://bestanimations.com/Nature/Fire/fire-animated-gif-4.gif);
background-repeat:repeat;
background-size:100% 100%;
width: 99%;
border: 5px groove #A15A0D;
padding: 0.5%;
height: 10%;
overflow: hidden;
z-index:2;
}

.nav {
position: absolute;
width: 95%;
left: 5%;
top: 18.8%;
}

.nav a {
text-align: center;
display: inline-block;
background-color: #A15A0D;
text-transform: uppercase;
text-decoration: none;
font-family: Cormorant Unicase;
color: #ddd;
height: 100%;
width: 20%;
border: 1px solid #1F1F1F;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-ms-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
}

.nav a:hover {
color: #000;
background-color: #B6B6B6;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}

#infobackground{
 position: absolute;
 z-index: 3;
 top: 0%;
 left: 0%;
 height: 100%;
 width: 100%;
 background-size: ;
 background-color:#000;
 background-image:url(http://bestanimations.com/Nature/Fire/fire-animated-gif-4.gif);
 background-position: center;
 background-repeat:no-repeat;
background-size:100%;
box-shadow:0px 0px 20px #;
 overflow: hidden;
 color: #500243;
 font-family: Segoe Print;
 font-size: 10vh;
 opacity:1;}


#infobox{
 position: absolute;
 z-index: 4;
 top: 9.5%;
 left: 7.3%;
 height: 80%;
 width: 85%;
 overflow: hidden;
 color: #fff;
box-shadow:0px 0px 20px #A15A0D;
 text-align: justify;
 letter-spacing: .2px;
 line-height: 15px;
 border: 2px solid #A15A0D;
 background-color:#000;
 font-family: farsan;
 font-size: 16px;
 opacity:0.9;
}

h1 {width: 100%; height: auto; font-size: 20px;font-family:Cormorant unicase;margin-top:0px; margin-bottom: 5px; text-align: center; border-bottom: 1px solid #ccc; color: #A15A0D;}
b, strong { color: #A15A0D;}

a {color: #A5A5A5; text-decoration: none; }
a:hover {color: orange; text-decoration: line-through;
cursor: url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');}

#credit{ position: fixed;
right: 1px;
bottom: 0px;
font-family: Arial;
font-variant: normal;
font-weight: normal;
font-size: 90%;
color: #4E4E4E;
z-index:1;}
</style>
<div id="credit">
Layout © <a href="profile.php?user=Pachi" target="_blank">Pachi</a>
</div>

<div id="box">
<img src="http://i.imgur.com/K6Ucs6F.png" height="99%" style="position:absolute;bottom:0%; right: 10%;z-index:3;">
<div id="box2">
<div class="bar">
<div class="nav"><a href="#1">Stats</a> <a href="#2">Bio</a> <a href="#3">Powers</a> <a href="#4">Criminals</a> <a href="#5" style="width: 10%;">OoC</a></div>
</div>
<div id="infobackground">
<div id="infobox">
<center>
<div style="height: 100%; overflow-y: hidden;">
<a name="1"></a>
<div style="width:95%; height: 100%; top: 0px; overflow: auto;" align="left">
<br>
<h1>Stats</h1>
<li><b>Name:</b>Claus Grubber</li>
<li><b>Gender:</b> Male</li>
<li><b>Age:</b>26</li>
<li><b>Race:</b> Charlizard</li>
<li><b>Profession:</b>Wiggle Lizard.</li>
<li><b>Hair:</b> Red and White</li>
<li><b>Eyes:</b> Red</li>
<li><b>Height:</b>6'2</li>
<li><b>Weight:</b> 223</li>
<li><b>Build:</b> Athletic</li>
<li><b>Orientation:</b> Dat milk bro.</li>
<li><b>Occupation:</b> None</li>
Tab 1 <b>Bold</b> <i>Italic</i> <a href="link.com" target="_blank">Link</a>
</div>
</div>

<div style="height: 100%; overflow-y: hidden;">
<a name="2"></a>
<div style="width:95%; height: 100%; top: 100px; overflow: auto;" align="left">
<br>
<h1>Biography</h1>

</div>
</div>

<div style="height: 100%; overflow-y: hidden;">
<a name="3"></a>
<div style="width:95%; height: 100%; top: 100px; overflow: auto;" align="left">
<br>
<h1>Powers</h1>

</div>
</div>

<div style="height: 100%; overflow-y: hidden;">
<a name="4"></a>
<div style="width:95%; height: 100%; top: 100px; overflow: auto;" align="left">
<br>
<h1>Partners In Crime</h1>
<a target="_blank" href="https://roleplay.chat/profile.php?user=Pain" target="_blank">Coder</a> is a very nice lady. Yet she is also a <a target="_blank" href="https://roleplay.chat/profile.php?user=Pain" target="_blank"> pain</a> in my ass.
</div>
</div>

<div style="height: 100%; overflow-y: hidden;">
<a name="5"></a>
<div style="width:95%; height: 100%; top: 100px; overflow: auto;" align="left">
<br>
<h1>OOC</h1>
<li>IC is not OOC.</li>
<li>Fuck with me or my waifu and I will fuck with you right back.</li>
<li>No starters only approach in OOC.</li>
<li>I have limits cross them and wind up alone.</li>
<li>I am here for fun, make it drama and I ignore ya.</li>
<li>Those that know me can give me a starter IC</li>
<li>Shit posting-Multipara</li>
<li>Fuck you and the high horse you road in on if you want to play come at me.</li>
<li>Listen up here you little shits, I am the great and mighty wiggle wizard, and I will wiggle your day the fuck up, with a wiggle of my fingers of course.</li>
</div>
</div>
</div>
</div>