Kiana

<style>
/* Demonic Tempter was last updated on October 10, 2015*/
.pfor {
   display: none;}
#profile {
   background-color: transparent;
   border: transparent;}

@font-face {
   font-family: Black Asylum;
   src: url(http://static.tumblr.com/rka7seb/xOan7p0n9/blackasylumdemo-kcfonts.ttf);}

body {
   background-color: #b8b8b8;}

#splashart2 {
   position: fixed;
   right: 0%;
   bottom: 0%;}
#splashart2 img {
   width: ;
   height:100%;}


#navi {
   position: fixed;
   left: 458;
   top: 170;
   text-align: center;
   width: 467px;}
#navi a {
   display: inline-block;
   width: 18%;
   padding-left: 2px;
   padding-right: 2px;
   padding-top: 8px;
   padding-bottom: 8px;
   font-family: Times New Roman;
   font-size: 10px;
   text-align: center;
   text-decoration: none;
   color: #fff;
   background-color: #FE2EF7;
   border-radius: 25%;
   transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -webkit-transition: all 0.5s ease-in-out;}
#navi a:hover {
   color: #000000;
   background-color: #F781F3;
   transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;
   -webkit-transition: all 0.8s ease-in-out;}
#navi a:active {
   color: #000000;
   background-color: #ffffff;}

#infobox {
   position: fixed;
   left: 461;
   top: 201;
   color: #990000;
   font-family: Times New Roman;
   font-size: 13px;
   text-decoration: none;
   text-align: left;
   background-color: #FE2EF7;
   border-radius: 10%;
   width: 440px;
   height: 250px;
   padding: 10px;}

a {
   color: #ff6000;
   text-decoration: none;
   transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;
   -webkit-transition: all 0.8s ease-in-out;}
a:hover {
   color: #ffffff;
   text-decoration: none;
   transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -webkit-transition: all 0.4s ease-in-out;}

::-webkit-scrollbar-thumb {
   width: 0px;
   background-color: transparent;}
::-webkit-scrollbar {
   width: 0px;
   background-color: transparent;}

a.credit {
   z-index: 2;
   position: fixed;
   right: 5;
   top: 5;
   color: #33ff00;
   font-family: monospace;
   font-size: 11px;
   font-weight: 300;
   text-decoration: none;}
</style>
<body oncontextmenu="return false;">
<a href="http://adokenrazahl.deviantart.com/gallery/45571364" class="credit" target="_blank" title="@ Adoken Razahl">credit</a>


<div id="splashart2"><img src="http://i.imgur.com/nRe8PKm.png"></div>


<div id="navi">
<a href="#01">Tab One</a>
<a href="#02">Tab Two</a>
<a href="#03">Tab Three</a>
<a href="#04">Tab Four</a>
<a href="#05">Tab Five</a>
</div>
<div id="infobox">
<div style="height: 100%; overflow-y: hidden;">
<a name="01"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">
<br><b>Name:</b>
<br><b>Gender:</b>
<br><b>Race:</b>
<br><b>Height:</b>
<br><b>Weight:</b>
<br><b>Hair:</b>
<br><b>Eyes:</b>
<br><b>Age:</b>
<br><b>Orientation:</b>
<br><b>Marital Status:</b>
</div>

<a name="02"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">
Tab Two Information
</div>

<a name="03"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">
Tab Three Information
</div>

<a name="04"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">
Tab Four Information
</div>

<a name="05"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">
Tab Five Information
</div>
</div>
</div>