Phylomena's code

<style>
.pfor {
 display: none;}
#profile {
 background-color: transparent;
 border: transparent;}

body {
 width:100%;
 height:100%;
 padding:0px;
 margin:0px;
 background-color:black;
 background-image:url(http://fc09.deviantart.net/fs71/i/2012/055/d/0/ghost_forest_by_weissglut-d4n24pp.jpg);
 background-position:center center;
 background-attachment:fixed;
 background-repeat:repeat;}

#splashart {
 position: fixed;
 top: 100;
 left: 850;
 border-style: solid solid solid dotted;
 border-width: 5px 5px 5px 1px;
 border-color: orange;
 background-color: black;
 border-radius: 0px 0px 70px 0px;
 -moz-border-radius: 0px 0px 70px 0px;
 -webkit-border-radius: 0px 0px 70px 0px;}
#splashart img {
 width: 270;
 height: 470;
 border-radius: 0px 0px 69px 0px;
 -moz-border-radius: 0px 0px 69px 0px;
 -webkit-border-radius: 0px 0px 69px 0px;}

#navibox {
 position: fixed;
 top: 100;
 left: 266;
 width: 200;
 height: 450;
 border-style: solid dotted solid solid;
 border-width: 5px 1px 5px 5px;
 border-color: orange;
 background-color: black;
 padding: 10px;
 font-family: Georgia, serif;
 font-size: 11px;
 color: orange;
 border-radius: 70px 0px 0px 0px;
 -moz-border-radius: 70px 0px 0px 0px;
 -webkit-border-radius: 70px 0px 0px 0px;}

#navi {
 position: fixed;
 text-align: center;
 width: 201px;}
#navi a {
 display: inline-block;
 width: 40%;
 margin: 1px;
 padding-left: 2px;
 padding-right: 2px;
 padding-top: 6px;
 padding-bottom: 6px;
 font-family: Georgia, serif;
 font-size: 12px;
 text-transform: lowercase;
 text-align: center;
 text-decoration: none;
 color: orange;
 border: 3px double orange;
 background-color: black;
 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: black;
 background-color: orange;
 text-shadow: 0 0 0.5em red;
 letter-spacing: 1px;
 transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -webkit-transition: all 0.5s ease-in-out;}

.icon {
 width: 200;
 height: 150;
 border-radius: 69px 0px 0px 0px;
 -moz-border-radius: 69px 0px 0px 0px;
 -webkit-border-radius: 69px 0px 0px 0px;}

.bar {
 border: 1px dotted orange;}



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

strong {
 color: #bbe0fa;
 font-weight: 800;}

#infobox {
 position: fixed;
 top: 100;
 left: 495;
 width: 330;
 height: 450;
 border-style: solid dotted solid dotted;
 border-width: 5px 1px 5px 1px;
 border-color: orange;
 background-color: black;
 padding: 10px;
 font-family: Georgia, serif;
 font-size: 11px;
 color: orange;}

.be{
margin-top: 1px;
height: 85px;
width: 85px;
margin-left: 8px;
border: orange 3px solid;
}

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

a.credit {
 position: fixed;
 right: 5;
 top: 5;
 color: orange;
 font-family: monospace;
 font-size: 11px;
 font-weight: 300;
 text-decoration: none;}
</style>

<a target="_blank" href="http://adokenrazahl.deviantart.com/gallery/45571364" class="credit" target="_blank" title="@ Adoken Razahl">credit</a>

<div id="splashart"><img src="http://i.picpar.com/4nbe.jpg"></div>

<div id="navibox">
<img src="http://i.picpar.com/5nbe.jpg" class="icon">
<br>
<div id="navi">
<a href="#01">Stats</a>
<a href="#02">Abilities</a>
<a href="#03">Backstory</a>
<a href="#04">Friends list</a>
</div><br><br><br><br><br>
<hr class="bar">
<div style="height: 100%; overflow-y: hidden;">
<a name="stat"></a>
<div style="width:100%; height: 50%; top: 100px; overflow: auto;" align="Left">
<font class="h1">Writing Style</font><br>
 Semi-Para to Novella<br>
<br><font class="h1">My OOC Section</font>

 <p>1.Third person only.<br>
2. Semi-para to Multi-par.<br>
3. IC and OOC are seperate keep it that way.<br>
4. Profile layout is not mine. <br>
5. Dont start with a post, talk about even little details of what you want in rp. <br>
6. Happily married irl, don't think you are going to break my husband and I up. <br>
7. Faceclaim: Marina Mui/Voly Suicide
</div>
</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">
<font class="h3"><b><u>Stats</b></u></font><br>

 <b>FULL NAME:</b> Phylomena
 <BR><b>AGE:</b> 26
 <BR><b>DATE OF BIRTH:</b> March 16th
 <BR><b>PLACE OF BIRTH:</b> Moscow, Russian
 <BR><b>CURRENT RESIDENCE:</b> Unknown <br><br>

 <font class="h3"><b><u>Physical</b></u></font><br>
 <b>ETHNICITY:</b> Russian
 <BR><b>SPECIES:</b> Lycan
 <BR><b>HAIR COLOR:</b> Onyx
 <BR><b>EYE COLOR:</b> Light emerald (can switch to blue from time to time.)
 <BR><b>HEIGHT:</b> 5'07"
 <BR><b>WEIGHT:</b> unknown <br><br>

 <font class="h3"><b><u>Family</b></u></font><br>

 <b>PARENTS:</b> Deceased
 <BR><b>Sibling(S):</b> Durran, her brother, deceased.
 <BR><b>Chosen Family:</b>None<br><br>

 <font class="h3"><b><u>Relationships</b></u></font><br>

 <b>ORIENTATION:</b> Sapiosexual
 <BR><b>STATUS:</b> Single
 <BR><b>CURRENT:</b> None
 <BR><b>FORMER:</b> None
 <BR><b>OFFSPRING:</b> None<br><br>

 <font class="h3"><b><u>Pack Info</b></u></font><br>

 <b>Pack:</b>None
 <br><b>OCCUPATION:</b> Has none
 <BR><b>Classification:</b>Unknown<br><br>

 <font class="h3"><b><u>Personality</b></u></font><br>
 <b>Type:</b> Pureblood
 <br><b>Traits:</b> Judge of good character, Can cook
 <br><b>Quirks:</b> Likes throwing knives, can be quite territorial
 <br><b>Dislikes:</b> Her ears touched in human form or in wolf form
</div>

<a name="02"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">
<font class="h4"><b><u>Healing</b></u></font><br>

 The user can rapidly regenerate, in other words, they recreate lost or damaged tissues, organs and limbs, sometimes slowing, or even stopping, aging. The rate and amount of healing varies widely, some can regrow missing limbs, others must put the limb back in place for rapid regeneration. They are generally in very good physical shape as their bodies are constantly reverting to a healthy state.<br><br>

<font class="h4"><b><u>Strength</b></u></font><br>

 Users have incredible ability to defy weight limitations of the member of their race, but not completely break them. Dense, lengthy, or overweight items are easy to move and simple to use in nearly any manner. Users can crush, lift, throw, or catch items of great weight.


 <p><b><u>Enhanced Hearing:</b></u> Ears pick up every single sound, and can decipher layer upon layer of noise; has the ability to pick up a conversation from a mile away in a busy city. May even mutate into Echolocation.
<br><br><b><u>Enhanced Smell:</b></u> Users can detect specific smells, and locate their origin. Some may even be able to tell if some one is lying by which hormones they excrete.
<br><br><b><u>Enhanced Taste:</b></u> Users may be able to detect poisons or other problems, Usually accompanies enhanced smell.
<br><br><b><u>Enhanced Touch:</b></u> Some can feel so acutely that to rub the users hand on a paper would be like reading the page, sensing every bump ripple or wave. Some may even be able to tell of distant occurrences felt through vibrations in the earth.
<br><br><b><u>Enhanced Vision:</b></u> Can see with amazing clarity, distance, or color, perhaps even in a different spectrum of light or into other dimensions.
<font class="h4"><b><u>MMA</b></u></font>

</div>

<a name="03"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">
Will be told later
</div>

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

<b><u>Friends List</b></u><br><br>
<a href="profile link" target="_blank"><img src="http://i.picpar.com/FAYd.jpg" class="be" title="Name"></a>
<a href="Profile here" target="_blank"><img src="http://i.picpar.com/FAYd.jpg" class="be" title="Name"></a>
<a href="profile link" target="_blank"><img src="http://i.picpar.com/FAYd.jpg" class="be" title="Name"></a>
<a href="Profile here" target="_blank"><img src="http://i.picpar.com/FAYd.jpg" class="be" title="Name"></a>
<a href="profile link" target="_blank"><img src="http://i.picpar.com/FAYd.jpg" class="be" title="Name"></a>
<a href="Profile here" target="_blank"><img src="http://i.picpar.com/FAYd.jpg" class="be" title="Name"></a>
<a href="profile link" target="_blank"><img src="http://i.picpar.com/FAYd.jpg" class="be" title="Name"></a>
<a href="Profile here" target="_blank"><img src="http://i.picpar.com/FAYd.jpg" class="be" title="Name"></a>
</div>
</div>
</div>