Ao Code

<style type="text/css">

@import 'https://fonts.googleapis.com/css?family=Righteous|Amatic+SC|Fredericka+the+Great|Parisienne';

#profile { border: hidden; background-color: transparent; }

.pfor {display:none;}

body{
background-color:#69A6C5;
background-image:url(https://www.transparenttextures.com/patterns/wavecut.png);
background-attachment:fixed;
background-positioncenter;
}

#hold{
width:430px;
height:380px;
border-top:2px solid #D49181;
border-left:2px solid #D49181;
}

 .on{
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
}

 .tight{
position:absolute;
top:-45px;
right:-160px;
width:301px;
height:480px;
background:url(http://i.picpar.com/b9id.png) no-repeat;
background-size:100%;
}

 .to{
position:absolute;
bottom:-52px;
left:-2px;
width:50px;
height:50px;
border-left:2px solid #d49181;
border-bottom:2px solid #d49181;
border-radius: 0px 0px 0px 100px;
}

 .my{
position:absolute;
top:-33px;
left:230px;
font-family: 'Righteous';
font-size: 30px;
letter-spacing: 2px;
color: #d49181;
text-shadow:-4px 0px 0px #CC6F59;
}

 .hand{
position:absolute;
bottom:-52px;
left:44px;
height:26px;
width:170px;
border-bottom:2px solid #d49181;
}

 .itll{
position:absolute;
top:0px;
left:0px;
width:312px;
height:360px;
background: #CFEAFB; inset 0 0 120px #FFF;
-webkit-box-shadow: inset 0 0 120px #FFF;
box-shadow: inset 0 0 120px #fff;
border-right:2px solid #d49181;
border-bottom:2px solid #d49181;
border-radius:0px 0px 10px 0px;
}

 .be{
position:absolute;
width:301px;
height:350px;
top:2px;
left:2;
overflow:hidden;
}

 .alright{
width:301px;
height:350px;
overflow:auto;
}

 .okay{
color:#;
font-size:16px;
text-align:justify;
line-height:17px;
font-family: 'Amatic SC';
margin: 4px;
}

 .streetcred{
position:absolute;
top:120px;
left:290px;
font-family: 'Amatic SC';
font-weight:bold;
font-size:18px;
letter-spacing:1px;
color:#A53B3B;
transform: rotate (90deg);
-webkit-transform: rotate(90deg);
-ms-transform: rotate (90deg);
}

a.hoi:link, a.hoi:active, a.hoi:visited{
font-family: 'Righteous';
text-decoration: none;
font-size: 24px;
line-height: 24px;
letter-spacing: -1px;
color: #d49181;
margin-right:12px;
}

a.hoi:hover{
text-shadow:-4px 0px 0px #CC6F59;
}

a:active, a:link, a:visited{
color:#A53B3B;
text-decoration:none;
}

a:hover{
cursor:help;
color:#244e64;
text-decoration:none;
}

b {
font-family: 'Fredericka the Great';
text-transform: uppercase;
font-size: 12px;
color: #d49181;
}

i{
color:#f25;
font-weight:light;
letter-spacing: 1px;
font-style:italic;
}

h1{
font-size: 19px;
letter-spacing: 1;
width: 100%;
font-family: 'Righteous' ;
font-weight: normal;
line-height: 16px;
text-transform: uppercase;
text-align: left;
text-indent:20px;
color: #244E64;
border-bottom: 1px solid #244e64;
}

h1:first-letter{
font-family: 'Parisienne';
color: #d49181;
font-size: 28px;
font-weight: bold;
text-shadow: 0px 0px 3px #edb;
}
::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-thumb:vertical {
height: 10px;background-color: #edd;}
::-webkit-scrollbar-thumb:horizontal {
height: 10px;background-color: #edd;border: 0px ;width: 12px;}
</style>

<div id="hold" class="on">
<div class="tight"></div>
<div class="to"></div>
<div class="my"> KAICHŌ AO </div>
<div class="itll"><div class="be">
<div id="dont" class="alright">
<div class="okay">

<h1>Statistics</h1>



<font style=float:left><b>Surname:</b></font>
<font style=float:right>Kaichō (諧調).</font><br>
<font style=float:left><b>Name:</b></font> <font style=float:right>Ao (青).</font><br>
<font style=float:left><b>Age:</b></font>
<font style=float:right>Seventeen.</font><br>
<font style=float:left><b>Gender:</b></font>
<font style=float:right>Female.</font><br><br>

<font style=float:left><b>D.o.B.:</b></font>
<font style=float:right>February 28th.</font><br>
<font style=float:left><b>P.o.B.:</b></font>
<font style=float:right>Kirigakure (<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e5/Kirigakure_Symbol.svg/200px-Kirigakure_Symbol.svg.png" height="12" width="12">).</font><br>
<font style=float:left><b>Zodiac:</b></font>
<font style=float:right>Pisces.</font><br>
<font style=float:left><b>Home:</b></font>
<font style=float:right>Konohagakure (<img src="https://i.imgur.com/Wt396kP.png" height="12" width="12">).</font><br><br>

<font style=float:left><b>Occupation:</b></font>
<font style=float:right>Kunoichi.</font><br>
<font style=float:left><b>Rank:</b></font>
<font style=float:right>Chuunin.</font><br>
<font style=float:left><b>Sensei:</b></font>
<font style=float:right>Jinguji Ayana.</font><br>
<font style=float:left><b>Team:</b></font>
<font style=float:right>Three (三).</font><br><br>


<font style=float:left><b>Alignment:</b></font>
<font style=float:right>Good.</font><br>
<font style=float:left><b>Affiliation:</b></font>
<font style=float:right>Konoha; Kiri.</font><br>
<font style=float:left><b>Specialty:</b></font>
<font style=float:right>Medical Ninjutsu.</font><br>
<font style=float:left><b>Combat Style:</b></font>
<font style=float:right>Nintaijutsu; Defensive.</font><br><br>

<font style=float:left><b>Orientation:</b></font>
<font style=float:right>Pansexual.</font><br>
<font style=float:left><b>Marital:</b></font>
<font style=float:right>Single.</font><br>
<font style=float:left><b>Blood Type:</b></font>
<font style=float:right>AB.</font><br>
<font style=float:left><b>Kekkei Genkai:</b></font>
<font style=float:right>None.</font><br><br>

<font style=float:left><b>Hair Color:</b></font>
<font style=float:right>Blue.</font><br>
<font style=float:left><b>Eye Color:</b></font>
<font style=float:right>Green.</font><br>
<font style=float:left><b>Height:</b></font>
<font style=float:right>152 cm. (5').</font><br>
<font style=float:left><b>Weight:</b></font>
<font style=float:right>46 kg (102 lbs).</font><br><br>

<font style=float:left><b>Known Relatives:</b></font> <font style=float:right>Kaichō, Kuro (grandfather).</font><br> <font style=float:right>Kaichō, Kuroi (grandmother).</font><br>
<font style=float:right>Kaichō, Kaito (father) <a title="Died during the 4th Shinobi War.">✝</a>.</font><br> <font style=float:right>Kaichō, Shuiro (mother) <a title="Died during the 4th Shinobi War.">✝</a>.</font>






</div></div>
<div id="you" class="alright">
<div class="okay">
<h1>Ninja Statistics</h1>
<b>Ninja Registration:</b> <font style=float:right>017587.</font><br>
<b>Rank:</b> <font style=float:right>Chuunin.</font><br>
<b>Village:</b> <font style=float:right>Kirigakure (<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e5/Kirigakure_Symbol.svg/200px-Kirigakure_Symbol.svg.png" height="12" width="12">).</font><br><br>

<b>Status:</b> <font style=float:right>Active.</font><br>
<B>Academy Graduation Age:</b> <font style=float:right>12.</font><br>
<b>Chuunin Promotion Age:</b> <font style=float:right>15.</font><br><br>

<b>Elemental Affinity:</b> <font style=float:right>Water Release (<img src="https://vignette2.wikia.nocookie.net/naruto/images/e/e8/S%C3%ADmbolo_del_Pa%C3%ADs_del_Agua.png/revision/latest?cb=20120825233901&path-prefix=es" height="12" width="12">).</font><br>
<b>Learned Affinities:</b> <font style=float:right>Wind (<img src="http://rs984.pbsrc.com/albums/ae325/skygon8/120px-Nature_Icon_Wind_svg.png~c200" height="12" width="12">).</font><br>
<font style=float:right>Yin (<img src="https://vignette.wikia.nocookie.net/naruto/images/d/de/Nature_Icon_Yin.svg/revision/latest/scale-to-width-down/200?cb=20100916093714" height="12" width="12">).</font><br>
<b>Fighting Style:</b> <font style=float:right>Nintaijutsu.</font><br><hr>
<b>Ninjutsu:</b> <font style=float:right>4/5.</font><br>
<b>Taijutsu:</b> <font style=float:right>4/5.</font><br>
<b>Genjutsu:</b> <font style=float:right>0.5/5.</font><br>
<b>Intelligence:</b> <font style=float:right>3/5.</font><br>
<b>Strength:</b> <font style=float:right>2/5.</font><br>
<b>Speed:</b> <font style=float:right>3/5.</font><br>
<b>Stamina:</b> <font style=float:right>4/5.</font><br>
<b>Hand Seals:</b> <font style=float:right>3.5/5.</font><br><hr>
<b>Total:</b> <font style=float:right>24.</font><br>
<b>Classified:</b> <font style=float:right>Above Average.</font><br>
<br>

<h1>Bijū : Sanbi</h1>
<br>
</div></div>
<div id="let" class="alright">
<div class="okay">
<h1>Jutsu List</h1>
 <b>E-Rank Jutsu</b>
<li>Before graduating from the academy, all potential genin are required to demonstrate mastery over E-Rank techniques.</li>

</div></div>
<div id="me" class="alright">
<div class="okay">
<h1>History</h1>
Bloop bloop bloop bloop bloop.<br><br>
<h1>Acquainted</h1>
<img style="border:2px solid #d49181; border-radius:50%;" height="50" width="50" src="http://i.picpar.com/JMjd.png"> <img style="border:2px solid #d49181; border-radius:50%;" height="50" width="50" src="http://i.picpar.com/fqjd.png"> <img style="border:2px solid #d49181; border-radius:50%;" height="50" width="50" src="http://i.picpar.com/OMjd.png"> <img style="border:2px solid #d49181; border-radius:50%;" height="50" width="50" src="http://i.picpar.com/QMjd.png">

</div></div>
<div id="go" class="alright">
<div class="okay">

<h1>Out of Feathers</h1>
<b>00.</b> I am the admin of Shinobi World. If you have any questions or concerns, come to me. I'll answer to the best of my ability. As always, the room is a W.I.P., I'm forever attempting to cement some stable ideas at the core of room-canon lore.<br>
<b>01.</b> PM friendly to an extent! I like plot-related messages or character connection concepts... but not smut messages. Don't send those, plsnthx.<br>
<b>02.</b> IRL I'm fairly busy so you'll see the room come and go a lot. I come and go a lot. If that's something that bothers you, you're welcome to hang around and keep it open or go elsewhere, but my schedule is somewhat unpredictable and RL is my priority so I apologize in advance if that drives you away. As a forewarning, I do tend to disappear after 12 am EST Monday - Friday, and on weekends I generally won't be around. If you have something pressing to share with me, leave me mail. <br>
<b>03.</b> I'll shit-post, or I'll write a novella, it kind of just depends on my mood and the context of the RP going on? I won't short-change you unless I'm vibrating with exhaustion but to be honest, I'd rather call the session for the night than write some shitty ending, so there's that.<br>
<b>04.</b> I like to think I'm a friendly person with an open mind, so if you have a problem with me, please approach me! And, as the admin, it's probably best you approach me anyway, regardless of the problem. If you don't like the room set-up or are curious about plot or missions or events, don't be afraid to send me a DM if I'm on, or some mail if I am not.<br>
<b>05.</b> Discord is available! I'm not super stingy with it. If you try and get weird via Discord I'll block you.

</div></div>
</div></div>
<div class="hand">
<a href="#dont" class="hoi">I</a>
<a href="#you" class="hoi">II</a>
<a href="#let" class="hoi">III</a>
<a href="#me" class="hoi">IV</a>
<a href="#go" class="hoi">V</a>
</div>
<div class="streetcred">@<a target="_blank" href="http://pastebin.com/u/ClaudiaPapillon" target="_blank">ClaudiaP</a></div>
</div>