matoi 1

<style type="text/css">
body{background-color:#FFFFFF;
 background-image:url(http://i.picpar.com/jKgb.png);
background-attachment:fixed;
background-repeat:repeat;
background-position:bottom right;
background-attachment:fixed;}

#profile{background-color:transparent; border:0px; background-image:url(http://i.picpar.com/jKgb.png); }

.pfor{display:none}


#picturetwo{background-size:100%; background-image:url(http://i.picpar.com/YJgb.png); background-position:left; background-repeat:no-repeat; width:532px; height:733px; position:fixed; left:800px;top:0px; bottom:0px;}

#do{
border-top-left-radius: 25px;
border-top-right-radius: 25px;

background-color:#990000; height:220px; width:150px; position:fixed; top:40px; left:600px; border-right:dotted 1px #000000; border-top:solid 5px #000000; font-family:Batang; color:#fff; padding:10px; text-align:center; font-size:7pt;}

#so{
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;

background-color:#990000; height:120px; width:150px; position:fixed; top:320px; left:600px; border-right:dotted 1px #000; border-bottom:solid 5px #000; font-family:Batang; color:#fff; padding:10px; text-align:center; font-size:7pt;}

.arrow {
	width: 0px;
	height: 0px;
        top:450px;
        left:700px;
        position:fixed;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-top: 30px solid #000;
}





h1 {font-family:Brain Flower;  width:150px; height:15px; background-color:transparent; font-size:20px; color:#ccc; line-height:10px; letter-spacing:0px; text-align:center; text-decoration:bold;}
h2{font-family:times; width:150px; height:11px; background-color:transparent; font-size:10px; color:#66000; line-height:2px; letter-spacing:0px; text-align:center; }


i {font-family:Bell MT; font-size:7pt; color:#BE4B1F;}
b {color:#444035; font-size: 7pt; font-family:Bell MT; }

a:hover{opacity:0.6; color:#000; background-color:transparent; text-decoration:none;
line-height:20px; font-size:7px;}
a:link, a:visited
{color:#000; background-color:transparent; font-size:7px; text-decoration:none; line-height:0px;}

</style>
<div id="picture"></div>

<div id="picturetwo"></div>

<div id="do">

<h2>- 基本情報 -</h2>
Ryūko Matoi (纏 流子 Matoi Ryūko) is the daughter of Isshin Matoi and the main protagonist of Kill la Kill. She transferred to Honnōji Academy searching for the twin of her red Scissor Blade and the person who used it to murder her father.
<p>Ryūko has a relatively simple personality: fierce and stubborn. She fears little, which is demonstrated when she directly and disrespectfully addresses Satsuki Kiryūin, demanding that her questions be answered.</p>
</div>

<div id="caring">
<center><table border="0" cellspacing="5">
<tr><td>
<a href="">✖</a></td>
<td><a href="">✖</a></td>
<td><a href="">✖</a></td>
<td><a href="">✖</a></td>
</tr></table></center>
</div>


<div class="arrow"><div id="so">
<h2> - o o c - </h2>
<br> a) i'm usually always in character unless it is a private message.
</div>
</div>









------------------------------------







  <style type="text/css">

body{background-color:#F6D5C2;
 background-image:url();
background-attachment:fixed;
background-repeat:repeat;
background-position:bottom right;
background-attachment:fixed;}

#profile{background-color:transparent; border:0px; background-image:url(); }

.pfor{display:none}


#picturetwo{background-size:130%; background-image:url(http://i.picpar.com/mejb.jpg); background-position:left; background-repeat:no-repeat; width:570px; height:714px; position:fixed; left:600px;top:15px; bottom:0px;}

#visible{width:210px; height:550px; overflow:auto; overflow-x:hidden; overflow-y:auto;}
#hidden{width:210px; height:540px;overflow:hidden; }

#nav { position:fixed; top:90px; left:390px;}

#nav a{ width:45px; display:block; padding:2px; line-height:5px; text-decoration: none; text-align: center; text-transform:uppercase; font-size: 8px; letter-spacing: 0px; background-color:#C02719; color:#707070; color:#000; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}

#nav a:hover {width:45px; background-color:#F2D2C5; color:#660000; line-height:5px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; cursor: url(http://i47.tinypic.com/2vbwz.png);}

#first{background-color:#C02719; position:fixed; top:120px; height:100px; width:210px; padding:4px; text-align:justify; left:390px; color:#F2D2C5; font-family:serif; font-size:7pt; }
#second{background-color:transparent; left:380px;
 position:fixed; top:250; height:250px; width:180px; padding:10px; text-align:justify; color:#A28E83; font-family:serif; font-size:7pt; }
 .tri {width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #C02719; position:absolute; left:390px; top:220px;}

#akuma{background-color:transparent; position:fixed; top:60px; left:390px; width:210px; height:20px; font-color:#000; font-size:18px; font-family:Copperplate;}

h1 {font-family:Copperplate;  width:210px; height:10px; background-color:transparent; font-size:10px; color:#C02719; line-height:10px; letter-spacing:0px; text-align:center; text-decoration:bold;}
h2{font-family:times; width:150px; height:11px; background-color:transparent; font-size:10px; color:#66000; line-height:2px; letter-spacing:0px; text-align:center; }


i {font-family:Bell MT; font-size:8pt; color:#BE4B1F;}
b {color:#444035; font-size: 7pt; font-family:Bell MT; }


 a:hover
{opacity:0.6; color:#333333; background-color:transparent; text-decoration:none;
line-height:0px;}
a:link, a:visited
{color:#333333; background-color:transparent; text-decoration:none; line-height:0px;}
</style>
<div id="picturetwo"></div>
<div id="akuma"> D I A B O L U S</div>
<div id="nav">
<table border="0" cellspacing="2" align="center"><center>
<tr>
<td><a class="nav" href="#one">basics</a></td>
<td><a class="nav" href="#two">doctrine</a></td>
<td><a class="nav" href="#three">ability</a></td>
<td><a class="nav" href="#four">history</a></td>
</tr>

</table>
</div></div>

<div class="tri"></div>
<div id="first"> hi. i'm pm friendly. always ic unless in pm. this character for an rp group. fanservice and el sexo is set to a minimum, unless we're in cahoots. basic grammar skills and a profile are supported. i have skype, but if i am gone for a while or poof - i am a student and working at the same time. it's nothing on your part, please understand me. also here's the <a href="http://i.picpar.com/x3jb.png">fc</a></div>
<div id="second">
<div id="hidden">
<div id="visible">
<a name="one"></a>
<h1> O R I G O </h1>
<p>Ryūko Matoi (纏 流子 Matoi Ryūko) is the daughter of Isshin Matoi and the main protagonist of Kill la Kill. She transferred to Honnōji Academy searching for the twin of her red Scissor Blade and the person who used it to murder her father. (I will put something of my own works here eventually.)
<p>Ryūko has a relatively simple personality: fierce and stubborn. She fears little, which is demonstrated when she directly and disrespectfully addresses Satsuki Kiryūin, demanding that her questions be answered. </p>
</div>

<div id="visible">
<a name="two"></a>
<h1> D E C R E T U M </h1>


</div>

<div id="visible">
<a name="three"></a>
<h1> P O T E S T A T E S</H1>

</div>

<div id="visible">
<a name="four"></a>
<h1> H I S T O R I A </H1>
<p> </p>
</div></div></div>




                  </div>