Mika's Layout

<style type="text/css">

.pfor {
display: none;
}

#profile {
background-color: transparent;
border: 0px;
}

body {
background-color: #D7C7A3;
font: 10px 'tahoma';
color:#8DB4B1;
text-align: justify;
coded-by:trysielle;
}

::-webkit-scrollbar {
 height: 2px;
    width: 2px;
    background: #FFFBF3;
 }
::-webkit-scrollbar-thumb {
 background: #FFFBF3;
 -webkit-border-radius: 1ex;
 -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}
::-webkit-scrollbar-corner {
 background: #FFFBF3;
}
#sprite {
    position:absolute;
    left:430;
    top:0;
    }
#ooc {
position:fixed;
left:0px;
top:0px;
height:65px;
width:260px;
border: 15px solid #8DB4B1;
background-color:#FFFBF3;
text-transform:uppercase;
z-index:2;
coded-by:trysielle;
}

#ooc p {
font: 9px 'tahoma';
color:#781F25;
text-align:justify;
margin:5px;
coded-by:trysielle;
}

#content {
position:fixed;
left:0px;
top:80px;
width:260px;
height:200px;
border:15px solid #8DB4B1;
background-color:#FFFBF3;
overflow:hidden;
z-index:2;
coded-by:trysielle;
}

#content p {
font: 10px 'tahoma';
color:#000000;
text-align:justify;
margin:5px;
coded-by:trysielle;
}

#content b {
font: bold 10px 'arial';
text-transform:uppercase;
color:#C69B92;
coded-by:trysielle;
}

#content i {
font: italic 12px 'times new roman';
text-transform:lowercase;
color:#EDC0C5;
coded-by:trysielle;
}

#content h1 {
margin-top:0px;
margin-bottom:0px;
font-family: times new roman;
font-style:italic;
font-size:16px;
text-transform:lowercase;
letter-spacing:3px;
text-align:center;
color:#C69B92;
text-shadow:0px 0px 7px #ffffff;
 text-transform:lowercase;
 background: url(https://media.giphy.com/media/xZksLiN9EbYIw/giphy.gif);
 border: 3px double #fff;
coded-by:trysielle;
}

#content h2 {
margin-bottom:15px;
margin-top:0px;
font-family: arial;
padding-left:10px;
font-style:none;
text-transform:uppercase;
font-size:9px;
text-align:left;
line-height:2px;
color:#000000;
coded-by:trysielle;
}

#denied, #because, #fuck, #you, #cuntrag, #thats, #why {
width:250px;
height:190px;
margin-top:5px;
margin-bottom:5px;
margin-left:5px;
overflow:auto;
z-index:2;
coded-by:trysielle;
}

#image {
position:fixed;
left:0px;
top:280px;
border: 15px solid #8DB4B1;
height:155px;
width:260px;
background-image:url('https://i.imgur.com/ZO2FFeR.png');
background-repeat:no-repeat;
background-size:260px;
-webkit-border-bottom-right-radius: 200px;
-moz-border-radius-bottomright: 200px;
border-bottom-right-radius: 200px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
z-index:2;
coded-by:trysielle;
}

#navigation {
position:fixed;
left:260px;
height: 200px;
z-index:2;
top:95px;
coded-by:trysielle;
}

#navigation a, #navigation a:active, #navigation a:visited {
display:block;
background-color:#8DB4B1;
text-transform:uppercase;
font: 12px 'times new roman';
height:20px;
text-decoration:none;
width:150px;
text-align:left;
color:#6F3C4B;
padding-left:40px;
padding-top:4px;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
coded-by:trysielle;
}

#navigation a:hover {
display:block;
padding-top:4px;
background-color:#8DB4B1;
text-transform:uppercase;
font: 12px 'times new roman';
color:#FFFFFF;
text-decoration:none;
padding-right:50px;
letter-spacing:4px;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-webkit-border-bottom-right-radius: 200px;
-moz-border-radius-bottomright: 200px;
border-bottom-right-radius: 200px;
-webkit-border-top-right-radius: 200px;
-moz-border-radius-topright: 200px;
border-bottom-top-radius: 200px;
coded-by:trysielle;
}

#credit {
position:fixed;
bottom:0;
right:0;
}

#credit a, #credit a:active, #credit a:hover, #credit a:visited {
text-decoration:none;
cursor:help;
}

</style>

<div id="ooc">
<p>
<b>01</b> Naruto universe OC. <b>02</b> PM Friendly <b>03</b> No drama <b>04</b> Whatever happens RP, strictly stays in RP. <b>05</b> Don't steal this layout, k? Thanks.

</p>
</div>

<div id="navigation">
<a href="#because">databook</a>
<a href="#fuck">disposition</a>
<a href="#you">history</a>
<a href="#cuntrag">ninja skills</a>
<a href="#thats">belongings</a>
<a href="#why">companions</a>
</div>

<div id="content">
<div id="denied">
<center><img src="https://i.imgur.com/TQpLjjk.png" width="199" height="190"></center>
</div>

<div id="because">
<a name="because"></a>
<br><h1>general</h1>
<p><b>Name:</b> 上木 すみ花 (<i>Kamiki Sumika</i>)
<br><b>Nickname:</b> Mika
<br><b>Birthdate: </b>April 10 ♈ (17)
<br><b>Gender:</b> Female ♀
<br><b>Pronouns:</b> She / Her
<br><b>Species:</b> Human
<br><b>Blood Type:</b> O
<br><b>Marital Status:</b> Single
<br><b>Orientation:</b> Heterosexual
<br><b>Occupation:</b> Kunoichi
<br>
<br><b>Eye Color:</b> Emerald
<br><b>Hair Color:</b> Auburn
<br><b>Skin Tone</b> Peach
<br><b>Physique</b> Mesomorph
<br><b>Height:</b> 163 cm (5'4")
<br><b>Weight:</b> 55 kg (121 lbs)
<br><b>Scent:</b> Iris and wisteria
<br>
<br><b>Clan:</b> Kamiki clan
<br><b>Kekkei Genkai:</b> Steel Release
<br><b>Affiliation:</b>
<img src="https://i.imgur.com/Wt396kP.png" height="9"> Konohagakure
<br><b>Team:</b> Team Ayana
<br>
<br><b>Known Relatives:</b>
<br>○ <b>Parents:</b> Kamiki Saya, <i>née</i> Hazuki (mother), Kamiki Hakaru (father)
<br>○ <b>Grandparent:</b> Kamiki Azuma (grandfather)
<br>○ <b>Siblings:</b> Kamiki Hideya (older brother) †
</p>
</div>


<div id="fuck">
<a name="fuck"></a>
<br><h1>personality </h1>
<p>
Mika is the first to start--and the first to finish--whatever she is set out to do. She is an active, energetic young woman with a strong personality. She is direct, straightforward, and uncomplicated. She expects the same from others, and is baffled when they don't always get it. Impatience is a definite vice, and innovation is a huge strength. She loves to start anything new, and she has trouble sitting still which exasperates her sensei Ayana.
<br><br>
To her sensei's, she might have been the epitome of what they meant to produce – quick on her feet, decisive, innovative, heedful of her superiors – had the favorable traits not shared center stage with several vices. Hard-headed, obstinate, tenacious, provoking, never measuring the danger she recklessly puts herself into and impulsive to a challenge. Despite these shortcomings, her teachers described her as a natural leader, being able to understand others and assess situations well because of these flaws.
<br><br>
She has a deep need to understand the world around her. She has high ideals and has her eye on what's on the horizon. She looks ahead, and at times can seem quite restless.

</p>
</div>

<div id="you">
<a name="you"></a>
<br><h1>history</h1>
<p>
Sumika Kamiki is a chunin-level kunoichi born and raised in Konohagakure. She is well known for belonging to the Kamiki family clan and wielding their kekkei genkai, Steel Release.<br><br>WIP.

</p>
</div>

<div id="cuntrag">
<a name="cuntrag"></a>
<br><h1>ninja rank and abilities</h1>
<p>
<br><b>Ninja Registration:</b> 017589
<br><b>Ninja Rank:</b> Chūnin
<br><b>Status:</b> Active
<br><b>Academy Grad. Age:</b> 12
<br><b>Chūnin Prom. Age:</b> 15
<br><b>Village:</b> <img src="https://i.imgur.com/Wt396kP.png" height="9"> Konohagakure
<br><b>Nindo:</b> <i>"With self-discipline, anything is possible"</i>
<br><b>Classification:</b> Chūnin Kunoichi

<br><b>Nature Type:</b><br>
<img src="https://i.imgur.com/CseMTMF.png" height="9"> Steel Release<br>
<img src="https://i.imgur.com/rZ1vVyT.png" height="9"> Yin Release
<br><b>Stats:<b>
<br><b>NINJUTSU:</b> 5 / 5
<br><b>TAIJUTSU:</b> 4 / 5
<br><b>GENJUTSU:<b> 4 / 5
<br><b>INTELLIGENCE:</b> 5 / 5
<br><b>STRENGTH:</b> 4 / 5
<br><b>SPEED:<b> 5 / 5
<br><b>STAMINA:</b> 4 / 5
<br><b>HAND SEALS:</b> 5 / 5

</p>
</div>

<div id="thats">
<a name="thats"></a>
<br><h1>belongings</h1>
<p>
WIP.

</p>
</div>

<div id="why">
<a name="why"></a>
<h1>allies and enemies</h1>
<p>
<a href="/profile.php?user=Ayana" title="Aya-sensei"><img src="http://i47.tinypic.com/2u6py5x.png"></a> <a href="/profile.php?user=Ao" title="Ao-chan"><img src="http://i47.tinypic.com/2u6py5x.png"></a> <a href="/profile.php?user=Sugi" title="Sugi-chan"><img src="http://i47.tinypic.com/2u6py5x.png"></a>


</p>
</div>
</div>

<div id="image">
</div>

<div id="sprite">
<img src="https://i.imgur.com/i8ouYzH.png" height="600">
</div>