AssassinRogue19

<style>
body {
background-image: url('http://i.imgur.com/rXIGYUe.png'), url('http://hdwallpaper.info/wp-content/uploads/bfi_thumb/green-skull-wallpaper-n2r2a4t2rqvhdbkj1aproyzoiuqapmr2fiir1jfvj4.jpg');
background-attachment:fixed;
background-repeat:no-repeat;
background-position:center;
background-size:45%, 100%;
background-color:#c0c0c0;
color:#c0c0c0;
}
#circle {
position:absolute;
top:50%;
left:50%;
transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
height:500px;
width:500px;
background-image:url(http://i.imgur.com/jeNpsai.png);
background-repeat:no-repeat;
background-size:500px;
background-position:center;
border-radius:50%;
}
#UL, #UR, #LL, #LR {
position:absolute;
height:48%;
width:48%;
box-shadow:0px 0px 10px ##ff0000;
overflow:hidden;
-o-transition:.8s;
-ms-transition:.8s;
-moz-transition:.8s;
-webkit-transition:.8s;
transition:.8s;
}
#UL, #UR {
bottom:52%;
}
#UL {
right:52%;
border-radius:100% 0% 0% 0%;
text-align:left;
}
#UR {
left:52%;
border-radius:0% 100% 0% 0%;
text-align:right;
}
#LL, #LR {
top:52%;
}
#LL {
right:52%;
border-radius:0% 0% 0% 100%;
text-align:left;
}
#LR {
left:52%;
border-radius:0% 0% 100% 0%;
text-align:right;
}
#UL:hover, #UR:hover, #LL:hover, #LR:hover {
width:100%;
border-radius:0%;
background-color:#000000;
}
#image {
position:absolute;
top:0%;
height:100%;
width:100%;
opacity:0.2;
-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;
}
#image:hover {
opacity:1;
}
.i1 {
background-image:url(http://vignette4.wikia.nocookie.net/ssorevamped/images/6/61/Red-eyes-on-tumblr-anime-boy-black-hair.png/revision/latest?cb=20140109205600);
}
.i2 {
background-image:url(http://i.imgur.com/rtj27YW.png);
}
.i3 {
background-image:url(https://s-media-cache-ak0.pinimg.com/736x/f9/c2/9e/f9c29e9d727560f129b9e8b7cda4d793.jpg);
}
.i4 {
background-image:url(https://media.giphy.com/media/HnKSuvC39SdOM/giphy.gif);
}
.i1, .i2, .i3, .i4 {
background-size: 200%;
background-repeat:no-repeat;
}
.i1, .i3 {
background-position:left;
}
.i1:hover, .i2:hover, .i3:hover, .i4:hover {
position:absolute;
top:0%;
background-size:50%;
}
.i1:hover, .i3:hover {
right:0%;
background-position:right;
}
.i2, .i4 {
background-position:right;
}
.i2:hover, .i4:hover {
left:0%;
background-position:left;
}
.info {
height:100%;
width:100%;
overflow-y:auto;
opacity:0;
}
.info:hover {
opacity:1;
}
.text{
position:static;
width:45%;
padding:1%;
}
a {
text-decoration:none;
color:#ffff00;
font-weight:bold;
}
::-webkit-scrollbar {
width:10px;
height:10px;
background-color:#eeeeee;
}
::-webkit-scrollbar-thumb:vertical {
background-color:#999999;
}
::-webkit-scrollbar-thumb:horizontal {
background-color:#999999;
}
#credit {
text-decoration:none;
color:#007ba7;
position:fixed;
right:1%;
bottom:0%;
background-color:#ffffff;
border-radius:5px;
font-family: UnifrakturCook, Brush Script MT, script, cursive;
font-size:16px;
}
</style>

<div id="circle">

<div id="UL">
<div id="image" class="i1">
<div class="info">
<div class="text" style="float:left;">
<h2><font color= green>The Ones</font></h2>
<p>
<b><font color=green> Name:</font></b> Jason Silvercrest
<br>
<b><font color=green>True Name:</font> Crest,Ember, Rogue, Ashen one, Accursed Undead
<br>
<b><font color=green>Species:</font></b> Undead Knight
<br>
<b><font color=green>Gender:</font></b> Male
<br>
<b><font color=green>Age:</font></b> Unknown( several centuries old undead/immortal)
<br>
<b><font color=green>Hair:</font></b> Black
<br>
<b><font color=green>Eyes:</font></b> Red
<br>
<b><font color=green>Height:</font></b> 6'3
<br>
<b><font color=green>Weight:</font></b> Without armor: 250Lbs. With armor 450-500Lbs.
<br>
<b><font color=green>Martial Status :</font></b><a target="_blank" href="https://roleplay.chat/profile.php?user=Lyari%20Vera"><font color=white>Married To Lyari Vera</font></a>
<br>
<b><font color=green>Orientation:</font></b> Straight
</p>
</div>
</div>
</div>
</div>

<div id="UR">
<div id="image" class="i2">
<div class="info">
<div class="text" style="float:right;">
<h2><font color=green>Stats</font></h2>
<p>
<p style="text-indent:0%;">
<b><Font Color=White>Name:</font></b>Nikolai Rasputin<br>
<br>
<b><Font Color=White>Species:</font></b>Human (Russian( speaks english)<br>
<br>
<b><Font Color=White>Nicknames:</font></b>Nik or Niko<br>
<br>
<b><Font Color=White>Military Rank:</font></b>High Ranking Spetznas<br>
<br>
<b><Font Color=White>Gender:</font></b>Male<br>
<br>
<b><Font Color=White>Date Of Birth:</font></b> Confidential<br>
<br>
<b><Font Color=White>Age:</font></b>20<br>
<br>
<b><Font Color=White>Hair:</font></b>White Hair <br>
<br>
<b><Font Color=White>Eyes:</font></b>Dark Red<br>
<br>
<b><Font Color=White>Height:</font></b>6'8<br>
<br>
<b><Font Color=White>Build:</font></b>Strong, Resilient, Agile.<br>
<br>
<b><Font Color=White>Orientation:</font></b> Straight<br>
<br>
<b><Font Color=White>Guards:</font></b>Katyusha, and Svetlana<br>
</p>
<br><br>
h2>Innovatory:</h2>
<Center>KBAR Knife</Center>
<img src="https://www.kabar.com/images/about/famous-knife/1217_h_lg.png" width="200"height="75"></br>
<Center>AK47</Center>
<img src="https://upload.wikimedia.org/wikipedia/commons/f/f8/AK-47.png" width="200"height="75"></br>
<Center>SVD Dragonov</Center>
<img src="http://www.fab-defense.com/images/detail/5/190-dragunov-svdm-2013-2d-png-Sun-Aug-25-14-04-12.png" width="200"height="75"></br>
<Center>Makarov Pistol</Center>
<img src="http://pngimg.com/uploads/gun/gun_PNG1391.png" width="150"height="100"></br>
<Center>AK74u Submachinegun</Center>
<img src="http://vignette2.wikia.nocookie.net/callofduty/images/3/3d/AK-74u_Menu_Icon_BOII.png/revision/latest?cb=20121210115129" width="200"height="75"></br>
<Center>Sholokhov Anti Tank Rifle</Center>
<img src="http://i.imgur.com/VbjmVAD.png" width="200"height="75"></br>
</div>
</div>
</div>
</div>

<div id="LL">
<div id="image" class="i3">
<div class="info">
<div class="text" style="float:left;">
<h2><font color= green>The Ones</font></h2>
<p>
<p style="text-indent:0%;">
<b><Font Color=White>Name:</font></b>Jack<br>
<br>
<b><Font Color=White>Species:</font></b>Human<br>
<br>
<b><Font Color=White>Mental State:</font></b>Completely Insane<br>
<br>
<b><Font Color=White>Gender:</font></b>Male<br>
<br>
<b><Font Color=White>Date Of Birth:</font></b> Confidential<br>
<br>
<b><Font Color=White>Age:</font></b>21<br>
<br>
<b><Font Color=White>Hair:</font></b>blonde<br>
<br>
<b><Font Color=White>Eyes:</font></b>Hazel/blue<br>
<br>
<b><Font Color=White>Height:</font></b>6'3<br>
<br>
<b><Font Color=White>Orientation:</font></b> Straight<br>
<br>
</p>
</div>
</div>
</div>
</div>

<div id="LR">
<div id="image" class="i4">
<div class="info">
<div class="text" style="float:right;">
<h2><font color=green>OOC</font></h2>
<ul>
<li><font color=green>No Bullshit</font></li>
<li><font color=green>No Childish Drama</font></li>
<li><font color=green>I am a Para poster</font></li>
<li><font color=green>No one Liners</font></li>
<li><font color=green>I am over 20</font></li>
<li><font color=green>No speaking of RL</font></li>
<li><font color=green>Open to all RPs</font></li>
</ul>
</div>
</div>
</div>
</div>

</div>
<a href="http://cera-nore.deviantart.com/" id="credit" target="_blank" title="GS#02
Firefox 1366x768
Inform me of issues.">Coder</a>