Untitled

<html>
<body><style type="text/css">

@import url('https://fonts.googleapis.com/css?family=Geostar|Special+Elite|Satisfy|Playfair+Display+SC');

.pfor {display: none;}
#profile {background-color: transparent;}
#profile {border: 0px;}
body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-7/ani670.cur), progress !important;}
body {background-image:url("http://i.imgur.com/AgMOYXE.png"); background-attachment:fixed;}


::-webkit-scrollbar {width: 2px;}
::-webkit-scrollbar-track {rgba(0,0,0,0.4); border-radius: 10px;}
::-webkit-scrollbar-thumb {border-radius: 1px; rgba(0,0,0,0.5);}
::-webkit-scrollbar-track-piece {background-color: #111111;}
::-webkit-scrollbar-thumb:vertical {height: 20px; background-color: #990000;}

.maintitle { font-family: Satisfy; font-size: 25px; color: #ffffff; padding: 2px 12px 2px 2px; background-color: #D65168; text-align: right; margin: 0px 0px 10px 0px;border: 1px inset #transparent;text-shadow: 1px 2px 2px #990000}

.picture {
 margin-top: 20px;
 text-align: center;
}

.clickable {
display:inline;
text-decoration: none;
border:1px solid #transparent;
border-bottom:0px;
margin-right:24px;
cursor:pointer;
background-color: #D65168;
padding:3px;
text-transform: uppercase;
color: #ffffff;
letter-spacing: 3px; font-size: 10px; text-align: right; font-family: Geostar;
}

a:hover {
background-color: #FFFFFF;
font-family: Geostar;
font-size: 10px;
color: #D65168;
text-decoration: none;
transition:all 1s ease-out;
-o-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
opacity: .9;
filter:alpha(opacity=20); -moz-opacity: 0.9;
-webkit-transition: all 0.9s ease;
-moz-transition: all 0.9s ease;
-o-transition: all 0.9s ease;
}


img {opacity: .30;
filter:alpha(opacity=20); -moz-opacity: 0.2;
-webkit-transition: all 0.9s ease;
-moz-transition: all 0.9s ease;
-o-transition: all 0.9s ease;}

img:hover {opacity: 1; filter:alpha(opacit
y=100); -moz-opacity: 1; -webkit-transition
: all 0.9s ease; -moz-transition: all 0.9s
ease; -o-transition: all 0.9s ease;}


</style>

<DIV style="position: fixed; top:165px; left:670px;height:25px">

<div class="picture"><img src="http://pa1.narvii.com/5861/c8842e3beec8a42d74264a39b643b57b71941022_hq.gif"width="500" /></div>

</DIV>

<DIV style="position: fixed; top:165px; left:220px;height:25px">
<div class="picture"><img src="http://static.zerochan.net/Rurouni.Kenshin.full.1301061.jpg"height="500" /></div>
</DIV>

<DIV style="position: fixed; top:390px; left:980px;">

<div id=”navigation”>
<table><tr align="right" >
<td><a href="#001" class="clickable">1 </a></td>
<td><a href="#002" class="clickable">2</a></td>
<td><a href="#003" class="clickable">3</a></td>
<td><a href="#004" class="clickable">4</a></td>

</div>

</tr>
</tr>
</td>
</table>

</DIV>


<DIV style="position: fixed; top:440px; left:670px;">

<div style="height: 245px; overflow-y: hidden;">

<a name="001"></a>

<div style="width:500px;height:245px;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;background:rgba(0, 0, 0, 0.3);font-size: 9px; -webkit-box-shadow: #ffffff px px 3px;-moz-box-shadow: #ffffff 3px 3px 3px; box-shadow: #000000 0px 0px 50px; padding:2px;">

<div class="maintitle">✘ Rurouni</div>
<div style="width:100%; height:200px; overflow:auto;">

<font face="Playfair Display SC"color="fffff">

name ; 緋村 剣心 ; himura kenshin
<br>alias(es) ; hitokiri battōsai, himura battōsai, himura shinta
<br>
<br>birthday ; june 20th, 1849
<br>age ; 28 - 33
<br>height ; 158cm
<br>weight ; 48kg
<br>
<br>fighting style ; hiten mitsurugi-ryū
<br>weapons ;
<br>✘ <strike>sakabatō kageuchi</strike>
<br>✘ sakabatō shinuchi
<br>ocuppation ;  rurouni, <strike>hitokiri</strike>,, <strike>ishin shishi swordsman</strike>
<br>affiliation ; kamiya dojo, <strike>chōshū ishin shishi</strike>
<br>
<br>
</font>
</div>
</div>

<div style="height: 245px; overflow-y: hidden;">

<a name="002"></a>

<div style="width:500px;height:245px;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;background:rgba(0, 0, 0, 0.3);font-size: 9px; -webkit-box-shadow: #ffffff px px 3px;-moz-box-shadow: #ffffff 3px 3px 3px; box-shadow: #000000 0px 0px 50px; padding:2px;">

<div class="maintitle">✘ Persona</b> </div>
<div style="width:100%; height:200px; overflow:auto;">

<font face="Playfair Display SC"color="ffffff">

beautiful smol. please protect precious bab, but not really because he protects everyone else.
</font>
</div>
</div>

<div style="height: 245px; overflow-y: hidden;">

<a name="003"></a>

<div style="width:500px;height:245px;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;background:rgba(0, 0, 0, 0.3);font-size: 9px; -webkit-box-shadow: #ffffff px px 3px;-moz-box-shadow: #ffffff 3px 3px 3px; box-shadow: #000000 0px 0px 50px; padding:2px;">

<div class="maintitle">✘ Friends </div>
<div style="width:100%; height:200px; overflow:auto;">

<a target="_blank" href="https://roleplay.chat/profile.php?user=FRIENDHERE"><img src="IMGHERE" height="90"title="ORO?"></a>


<a target="_blank" href="https://roleplay.chat/profile.php?user=FRIENDHERE"><img src="IMGHERE" height="90"title="ORO?"></a>


<a target="_blank" href="https://roleplay.chat/profile.php?user=FRIENDHERE"><img src="IMGHERE" height="90"title="ORO?"></a>


<a target="_blank" href="https://roleplay.chat/profile.php?user=FRIENDHERE"><img src="IMGHERE" height="90"title="ORO?"></a>


<a target="_blank" href="https://roleplay.chat/profile.php?user=FRIENDHERE"><img src="IMGHERE" height="90"title="ORO?"></a>

</div>
</div>


<div style="height: 245px; overflow-y: hidden;">

<a name="004"></a>

<div style="width:500px;height:245px;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;background:rgba(0, 0, 0, 0.3);font-size: 9px; -webkit-box-shadow: #ffffff px px 3px;-moz-box-shadow: #ffffff 3px 3px 3px; box-shadow: #000000 0px 0px 50px; padding:2px;">

<div class="maintitle">✘ OOC</div>
<div style="width:100%; height:130px; overflow:auto;">

<font face="Special Elite"color="ffffff">

<br>✘
<br>
<br>✘
<br>
<br>✘
</font>
</div>
</div>

</DIV>