Khora

<html>
<body><style type="text/css">

@import url(https://fonts.googleapis.com/css?family=Aref+Ruqaa);

html, body {
background: #808080;
background-image:url("http://i.picpar.com/eUZc.png");
background-size: 105%;
background-repeat:no-repeat;
background-position:center;
}

::-webkit-scrollbar-button:vertical:{
background-color: #transparent;}

::-webkit-scrollbar-thumb:vertical {
background-color:#transparent;
height:150px;}

::-webkit-scrollbar-thumb:horizontal {
background-color:#transparent;
height:60px;}


::-webkit-scrollbar {
height:60px;
width:5px;
background-color:#transparent;}

#content {
background-color: transparent;
width: 450px;
height: 310px;
margin:auto;
position: absolute;
right: 33.5%;
bottom: 27.8%;
text-align: center;
font-family: 'Aref Ruqaa';
font-size: 15px;
color: #000;
overflow: auto;
z-index:1;
}

#nav {
background-color: transparent;
width: 300px;
height:45px;
margin:auto;
position: absolute;
right: 30%;
top: 25%;
text-align: center;
text-decoration: none;
z-index:1;
}

#nav a, #nav a:link, #nav a:visited {
display:inline-block;
text-decoration: none;
text-align: center;
background: #000;
color: transparent;
box-shadow: 0px 0px 5px #DE6029;
padding: 4px;
height: 4px;
width: 30px;
border-radius: 5px;
}

#nav a:active, #nav a:hover {
display:inline-block;
height: 4px;
width: 30px;
text-decoration:none;
background: #DE6029;
box-shadow: 0px 0px 5px #000;
color: transparent;
margin: 0px;
}

.credit{
position: fixed;
bottom: 0px;
left: 2px;
height: 25px;
width: 25px;
line-height: 15px;
font-size: 10px;
color: #000;
text-align: center;
font-family: roboto;
}

i{color: #000;}
b{color: #000;}
a{color: #111; text-decoration: none;}

#Layout {position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px;}
</style>
<div id="Layout" oncontextmenu="return false;">

<div class="credit" title="Profile by RageQxeen">♛</div>

<div id="nav">
<a href="#one">Main</a>
<a href="#two">Seco</a>
<a href="#three">Thir</a>
<a href="#four">Four</a>
<a href="#five">Five</a>
</div>

<div id="content">
<div style="width: 450px; height: 310px; overflow-y: hidden;">

<a name="one"></a>
<div style="width: 450px; height: 310px; overflow: auto;" align="center">
<span style="float:left;"><b>Name</b></span><span style="float:right;"></span><br>
<span style="float:left;"><b>Alias(es)</b></span><span style="float:right;"><a title="">Hover</a>.</span><br>
<br><span style="float:left;"><b>Gender</b></span><span style="float:right;"></span><br>
<span style="float:left;"><b>Age</b></span><span style="float:right;"></span><br>
<br><span style="float:left;"><b>Height</b></span><span style="float:right;"></span><br>
<span style="float:left;"><b>Weight</b></span><span style="float:right;"></span><br>
<br><span style="float:left;"><b>Orientation</b></span><span style="float:right;"></span><br>
<span style="float:left;"><b>Relationship</b></span><span style="float:right;"></span><br>
<br><span style="float:left;"><b>Race</b></span><span style="float:right;"></span><br>
<span style="float:left;"><b>Eyes</b></span><span style="float:right;"></span><br>
<span style="float:left;"><b>Hair</b></span><span style="float:right;"></span><br>
<span style="float:left;"><b>Build</b></span><span style="float:right;"></span><br>
<span style="float:left;"><b>Affiliation</b></span><span style="float:right;"></span><br>
</div>

<a name="two"></a>
<div style="width: 450px; height: 310px; overflow: auto;" align="center">
Powers
</div>

<a name="three"></a>
<div style="width: 450px; height: 310px; overflow: auto;" align="center">
History
</div>

<a name="four"></a>
<div style="width: 450px; height: 310px; overflow: auto;" align="center">
Friends
</div>


<a name="five"></a>
<div style="width: 450px; height: 310px; overflow: auto;" align="center">
<b>00</b>. Code made by <a href="http://alliealgiere.neocities.org" target="_blank">RageQxeen</a> for Riza, do not steal. Codes can be found at the name.<br><br>
<b>01</b>. OOC<br>
<b>02</b>. OOC<br>
<b>03</b>. OOC<br>
<b>04</b>. OOC<br>
<b>05</b>. OOC<br>
</div>
</div>
</div>
</div>
</body>
</html>