— ωᴀᴛᴇʀ sʜᴜʀɪᴋᴇɴs.

<style type="text/css">
.pfor { display: none; }
#profile { background-color: transparent; border: none; }
</style>

<style type="text/css">
body {
font-family: arial narrow;
font-size: 10px;
background-color: #2F315E;
background-image: url('http://i.picpar.com/vnw.png');
background-attachment: fixed;
background-position: fixed;
background-repeat: repeat;
text-align: justify;
color: #888888;
cursor: url('http://cur.cursors-4u.net/cursors/cur-6/cur567.cur');
}

#img{
position: absolute;
top: 100px;
left: 260px;
width: 200px;
height: 400px;
background-image:url("http://25.media.tumblr.com/cad792ab535b9d81082902d32cc3d5c1/tumblr_mul9g6nEKW1sve2emo1_500.png");
background-repeat: no-repeat;
background-size: 200px 500px;
background-color: #FFB6A6;
background-position: 50px -15px;
border: 5px Solid #303646;
}

h1 {
text-align: center;
font-family: magic kiss;
border-right: 30px double #303646;
border-left: 30px double #303646;
color: #212121;
font-size: 25px;
line-height: 10px;
font-weight:normal;
}

h1:first-letter {
color: #B40404;
font-weight: bold;
text-shadow: 0 0 3px #B40404;
}

h2 {
text-align: center;
font-family: magic kiss;
border-right: 30px single #303646;
border-left: 30px single #303646;
color: #212121;
font-size: 25px;
line-height: 10px;
font-weight:normal;
}

h2:first-letter {
color: #B40404;
font-weight: bold;
text-shadow: 0 0 3px #B40404;
}

#container{
position: fixed;
top: 100px;
left: 470px;
width: 400px;
height: 400px;
overflow: hidden;
text-align: justify;
line-height: 13px;
font-size: 12px;
background-color: #EDEDEE;
font-face: verdana;
font-variant: small-caps;
color: #212121;
overflow: hidden;
border: 5px #303646 Solid;
z-index:500;}

#zero, #one, #two, #three, #four, #five{
top: 100px;
left: 338px;
width: 400px;
height: 394px;
padding-top: 7px;
text-align: justify;
line-height: 13px;
overflow: auto;
background-color: transparent; }

#box{
background-color: #EDEDEE;
height: 400px;
width: 120px;
top: 100px;
left: 880px;
position: fixed;
border: 5px solid #303646;
}

#Title{
position: fixed;
top: 470px;
left: 650px;
z-index: 550;
color: #342E3A;
font-size: 55px;
line-height: 80px;
letter-spacing: 3px;
font-family: Mission Script;
text-shadow: #989EAE 2px 3px 4px;
z-index: 600;}

.snow {
margin-top: 1px;
height: 100px;
width: 100px;
margin-left: 8px;
border: #9ab1b8 2px solid;
opacity: 0.7;
}

.image {
opacity: 0;
width: autopx;
height: 400px;
background-color: #EDEDEE;
text-align: justify;
overflow: auto;
-ms-transition: opacity .3s linear;
-moz-transition: opacity .3s linear;
-o-transition: opacity .3s linear;
-webkit-transition: opacity .3s linear; }

.image:hover {
opacity: 0.9; }

.text {
line-height: 1.5;
padding-top: 2px;
font-family: verdana;
font-size: 10;
color: silver;
text-align: justify; }

a.ninja:link, a.ninja:active, a.ninja:visited{
height: 15px;
display: block;
float: left;
width: 185px;
margin: 5px;
font-family: century gothic;
text-decoration: none;
font-size: 10px;
letter-spacing: -1px;
background-color: 222222;
color: #FEFEFE;
padding: 2px;
text-align: center;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;}

a.ninja:hover{
background-color: #222222;
color: CCC;
text-decoration: none;}

a {
color: #C3838C;
text-decoration: none;
}

a:hover {
color: #888888;
text-decoration: none;
cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur');
}

</style>

<div id="box">
<h2>Comrades</h2>
<marquee behavior="scroll" direction="up" height="345"; onmouseover="this.stop();" onmouseout="this.start();">
<a href="profile.php?user=Ceres" target="_blank"><img src="http://i.picpar.com/a9x.png" class="snow"></a>
<a href="profile.php?user=Golurk" target="_blank"><img src="http://www.dreamwidth.org/userpic/5829181/1648587" class="snow"></a>
<a href="profile.php?user=Volkan" target="_blank"><img src="http://i.picpar.com/b9x.png" class="snow"></a>
</marquee>
</div>

<div id="img">
<div class="image"><div class="text">
<center><img src="http://www.serebii.net/xy/pokemon/658.png"></img></center>
<a href="#one" class="ninja">OOC</a>
<a href="#two" class="ninja">STATS</a>
<a href="#three" class="ninja">MISCELLANEOUS</a>
<center><img src="http://i1267.photobucket.com/albums/jj547/xdevilrose/Photoshop/--devilrose2.png"></img></center>
</div></div></div>

<div id="container">
<div id="one">
<h1>Out of Character</h1>
- &; This was coded by me, do not steal.<br>
- &; Header was given to me by a friend of mine. Don't touch it.<br>
- &; Celes is my waifu, my grass warrior princess who fights for justice in the name of grass. ilubby. ♥<br>
- &; Don't care if you know me or think that the ᴘᴏᴋᴇ ɢᴇɴᴇʀᴀᴛɪᴏɴs. room is for drama purposes. I have my reasons for doing this. Ain't tryna start trouble. You will know if I was.<br>
- &; This will be updated as fast as I please. More OOC later.<br><br>
<center><a href="http://media.tumblr.com/0d72e6f7305447f03eaed0950b455130/tumblr_inline_muojya3nHu1rlv1ug.gif" target="_blank" title="Only Celes can and people he really knows. Frog ninja's don't like to be touched.">The Reaction You'll Get For Touching The Ninja, Ribbit.</a>
</div>

<div id="two">

</div>

<div id="three">

</div></div>

<div id="title">The Ninja Pokemon.</div>
<!-- END PROFILE -->