Stein Profile #1

<style>

@font-face {
 font-family: 'Cash Currency';
 src: url('https://dl.dropboxusercontent.com/s/j2sxcg13p6laxi2/Cash%20Currency.ttf');
}

@font-face {
 font-family: 'Human Error';
 src: url('https://dl.dropboxusercontent.com/s/53f2ffnauea22nr/Human%20Error.ttf');
}

@font-face {
 font-family: 'Top Secret Without Lines Bold';
 src: url('https://dl.dropboxusercontent.com/s/lbe0r50qs8pjzcb/Top%20Secret%20Without%20Lines.ttf');
}

@font-face {
 font-family: 'Underground';
 src: url('https://dl.dropboxusercontent.com/s/54c1hlb8s26jvnb/UNDERGRO.TTF');
}


.pfor {display: none;}
#profile {border: 0px; background: transparent;}
/* © The Supreme @ RPC */
body{background: #222222 url(); overflow: hidden;}
body, a {cursor: url(http://i.picpar.com/1eq.png), progress !important;}

#whole{position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px;}


::-webkit-scrollbar-thumb {box-shadow: inset #ff0000 0px 0px 4px; border-right: 5px transparent solid; border-top: 5px transparent solid; border-bottom: 5px transparent solid;}
::-webkit-scrollbar {width: 8px; background-color: transparent;}


.page{
position: fixed; margin: auto;
left: 0px; top: 0px; right: 0px; bottom: 0px;
width: 700px; height: 350px;
}

.file_name{
float: left; margin-top: -20px;
width: 134px; height: 20px;
}

.fn_left{
float: left; margin-top: 3px;
border-top: rgba(0, 0, 0, 0) 17px solid;
border-right: #444444 17px solid;
overflow: hidden; width: 0px; height: 0px;
}

.name{
float: left;
width: 90px; height: 20px;
background: #444444;
border-radius: 4px 4px 0px 0px;
text-align: center;
}

.name a{
text-decoration: none;
border-radius: 4px 4px 0px 0px;
float: left; width: 90px; height: 20px;
color: #ffffff;
font-family: courier;
font-size: 14px;
font-variant: small-caps;
letter-spacing: 1px;
}

.fn_right{
float: left; margin-top: 3px;
border-top: rgba(0, 0, 0, 0) 17px solid;
border-left: #444444 17px solid;
overflow: hidden; width: 0px; height: 0px;
}

.file{
float: left;
width: 680px; height: 330px;
padding: 10px;
background: #555555;
border-radius: 6px 6px 0px 0px
}

.text{
float: left;
width: 420px; height: 310px;
padding: 10px;
background: #FFFFFF;
font-size: 10px;
font-family: tahoma;
text-align: justify;
color: #000000;
}

.sheet_one{
float: left;
width: 418px; height: 58px;
border: 1px solid #000000;
border-radius: 5px;
line-height: 18px;
}

.sheet_two{
float: left; margin-top: 10px;
width: 418px; height: 113px;
border: 1px solid #000000;
border-radius: 5px;
}

.two_left, .two_right{
float: left;
width: 209px; height: 113px;
line-height: 18px;
}

.sheet_three{
float: left; margin-top: 10px;
width: 418px; height: 113px;
border: 1px solid #000000;
border-radius: 5px;
line-height: 18px;
}

.conf{
position: absolute; margin-top: 240px; margin-left: 100px;
width: 256px; height: 50px;
font-family: Human Error;
font-size: 50px;
color: rgba(200, 0, 0, 0.7);
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-o-transform: rotate(15deg);
-transform: rotate(15deg);
}

h1{
float: left; margin-top: 0px; margin-bottom: 5px;
width: 100%;
text-indent: 20px;
border-bottom: dotted 1px #000000;
font-family: Cash Currency;
font-size: 30px;
font-weight: normal;
font-variant: small-caps;
color: #000000;
}

h2{
float: left;
margin-right: 10px; margin-top: 0px; margin-bottom: 0px;
font-family: Underground;
font-size: 16px;
line-height: 20px;
}

.img_right{
float: right;
width: 230px;
height: 330px;
background: #ffffff;
}

.img_left{
float: left; margin-right: 10px;
width: 230px; height: 330px;
background: #ffffff;
}

.img_right img{
float: left; margin-left: 15px; margin-top: 15px;
width: 200px; height: 300px;
}

.img_left img{
float: left; margin-left: 15px; margin-top: 15px;
width: 200px; height: 300px;
}

.tl_tape{
position: absolute;
margin-top: 5px; margin-left: -11px;
width: 42px; height: 15px;
background: rgba(200, 200, 200, 0.5);
border-right: rgba(200, 200, 200, 0.3) dotted 2px;
border-left: rgba(200, 200, 200, 0.3) dotted 2px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.br_tape{
position: absolute;
margin-top: 309px; margin-left: 194px;
width: 42px; height: 15px;
background: rgba(200, 200, 200, 0.5);
border-right: rgba(200, 200, 200, 0.3) dotted 2px;
border-left: rgba(200, 200, 200, 0.3) dotted 2px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.page:target{
z-index: 1;
}

.page:target .name a{
background: #666666;
text-shadow: #000000 2px 2px 0px;
}

.page:target .file{
background: #666666;
}

.page:target .fn_left{
border-right: #666666 17px solid;
}

.page:target .fn_right{
border-left: #666666 17px solid;
}

.page:target #cover{
background: #555555;
}

.cover{
float: left;
width: 400px; height: 220px;
margin-left: 140px; margin-top: 45px;
text-align: center;
line-height: 100px;
font-size: 90px;
color: #000000;
font-family: Top Secret Without Lines Bold;
font-weight: bold;
font-variant: small-caps;
border-radius: 5px;
letter-spacing: 1px;
text-shadow: #444444 3px 2px 0px;
-webkit-transform: rotate(-25deg);
-moz-transform: rotate(-25deg);
-o-transform: rotate(-25deg);
-transform: rotate(-25deg);
}

.cover_icon{
position: absolute;
margin-top: -5px;
width: 150px; height: 150px;
 border: 10px #ffffff solid;
border-bottom: 35px #ffffff solid;
background: #000000;
box-shadow: #000000 -4px 4px 2px;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-transform: rotate(-3deg);
}

.cover_icon img{
float: left;
width: 148px; height: 148px;
border: 1px solid #000000;
opacity: 1;
}

.clip{
position: absolute;
width: 16px;
left: 30px; margin-top: -10px;
}
</style>

<div id="whole" oncontextmenu="return false;">


<div class="page" id="six">
<div style="margin-left: 536px;" class="file_name">
<div class="fn_left"> </div>
<div class="name"><a href="#six" target="_self">Six</a></div>
<div class="fn_right"> </div>
</div>

<div class="file">
<div class="img_left"><img src="https://s-media-cache-ak0.pinimg.com/736x/61/47/79/614779c388b35a923ef799bb71abbb2c.jpg" alt="" />
<div class="tl_tape"> </div>
<div class="br_tape"> </div>
</div>


<div class="text">
<h1>Come say Hi...</h1>
<a href="http://www.thiscrush.com/~professor-stein" title="professor-stein's CrushTag"><img src="http://www.thiscrush.com/tags/professor-stein.jpg" border="0" /></a><br /><a href="http://www.thiscrush.com" title="ThisCrush CrushTag"></a>


<br /><br />
<a href="#main" target="_self">close</a></div>
</div>
</div>


<div class="page" id="five">
<div style="margin-left: 436px;" class="file_name">
<div class="fn_left"> </div>
<div class="name"><a href="#five" target="_self">Five</a></div>
<div class="fn_right"> </div>
</div>


<div class="file">
<div class="text">
<h1>OOC</h1>
<br>Rp Friendly
<br>Pm Friendly
<br>Start with a post
<br>No limits, for anything
<br>I'm not as insane as I look



</div>
<div class="img_right"><img src="http://img07.deviantart.net/4c33/i/2012/127/7/5/you__re_not_scared__are_you__by_dokuhebichan-d4ytyhr.jpg" alt="" />
<div class="tl_tape"> </div>
<div class="br_tape"> </div>
</div>
</div>
</div>


<div class="page" id="four">
<div style="margin-left: 336px;" class="file_name">
<div class="fn_left"> </div>
<div class="name"><a href="#four" target="_self">Four</a></div>
<div class="fn_right"> </div>
</div>

<div class="file">
<div class="img_left"><img src="https://s-media-cache-ak0.pinimg.com/236x/61/0a/6e/610a6ee00829851e40ad604b905938b5.jpg" alt="" />
<div class="tl_tape"> </div>
<div class="br_tape"> </div>
</div>

<div class="text">
<h1>Appearance</h1>

<br /><br />
<h2>Subheader</h2>
Stein's most notable trait is likely the large screw-in bolt going through his head. He often turns this screw, a means to focus his thoughts or as he prepares to attack an opponent. Another notable detail about Stein's body, as well as his clothes, are their zig-zag stitches. He has sewn stitches all over his body and clothing; even his house is covered in stitches. His most notable piece of clothing is his doctor's lab coat. He is also surprisingly well built for a man his age, due to a large portion of his time being devoted to combat training.

 <br /><br />
</div>
</div>
</div>


<div class="page" id="three">
<div style="margin-left: 236px;" class="file_name">
<div class="fn_left"> </div>
<div class="name"><a href="#three" target="_self">Three</a></div>
<div class="fn_right"> </div>
</div>


<div class="file">
<div class="text">
<h1>Background</h1>

. <br /><br />
<h2>Subheader</h2>
Litte is known about Stein's background. He has always had an interest in dissection and was even diagnosed by several pshycatrists who all failed to understand why Stein cut apart so many things. When he joined the DWMA and was partnered with Spirit, the young scythe kept a close eye on Stein so the young madman couldn't dissect human life. Stein was also responable for raising Sid as a zombie, although whether or not this was per Death's instructions for Maka's, Soul's, Black*Star's and Tsubaki's remdial lesson is unknown.

</div>
<div class="img_right"><img src="http://images6.fanpop.com/image/photos/36800000/Franken-Stein-Soul-Eater-illusiondolls-36871871-380-500.jpg" alt="" />
<div class="tl_tape"> </div>
<div class="br_tape"> </div>
</div>
</div>
</div>


<div class="page" id="two">
<div style="margin-left: 136px;" class="file_name">
<div class="fn_left"> </div>
<div class="name"><a href="#two" target="_self">Two</a></div>
<div class="fn_right"> </div>
</div>


<div class="file">
<div class="img_left"><img src="http://pre13.deviantart.net/965b/th/pre/i/2011/306/c/b/stein_by_dragons_rock_my_sox-d4eusrs.jpg" alt="" />
<div class="tl_tape"> </div>
<div class="br_tape"> </div>
</div>


<div class="text">
<h1>Personality</h1>

 <br /><br />
<h2>Subheader</h2>
<br>
<br>
Strong? Yes. A genius? Most probably. Insane? No doubt in hell. Doctor (sometimes known as Professor) Franken Stein is debateably the most powerful Meister to have ever graduated from Shibusen (DWMA). There is no doubt that Stein is in fact a powerful Meister and was the first partner of Spirit Albarn. However Stein is also susceptable to bouts of madness that will drive him to dissect any passer-by. He veiws anything in the world as an experimental test subject, Spirit Albarn being one of them. Stein has also conducted experiments on himself, the result being that he now has stitches running across his body and a bolt stuck straight through his head. Twisting this bolt seems to alter Steins mental state or perception. Stein fathered a child with Marie. Their son was named Samuel Franken Stein and is debatably even stronger than his father. He is also the adoptive father of Sarah and Danny Albarn... begrudingly. Stein possesses a sadistic sense of humor that at one point drove Stein to suggest to Spirit that he swapped the toes of Spirits left foot with the ones on his right foot to see the Death Scythe's reaction. He also has an almost complete lack for most forms of life, at one point going as far as to dissect an endangered bird with nothing but nonchalaunt interest. He is however, capable of showing compassion and kindness, though he is often confused by displays similar affection.<br><br>

.</div>
</div>
</div>


<div class="page" id="one">
<div style="margin-left: 36px;" class="file_name">
<div class="fn_left"> </div>
<div class="name"><a href="#one" target="_self">One</a></div>
<div class="fn_right"> </div>
</div>


<div class="file">
<div class="text">
<div class="sheet_one">Name: Franken Stein<br /> Aliases: Stein & Shutain<br />Affiliation: DWMA</div>
<div class="sheet_two">
<div class="two_left">Date of Birth:	April 20th<br /> Residents: Patchwork Lab<br /> Height: 6'4"<br /> Orientation: Take a chance~<br /> Build: Slender and Fit<br /> Occupation:Teacher-Doctor-Scientist</div>
<div class="two_right">Scars & Marks: Torso, Left Side of my face<br /> Hair: Grey<br /> Eyes: Dull Green<br /> Complexion: Yellow/Grey<br /> Sex: Male<br /></div>
</div>


<div class="sheet_three">Test Subjects: <a target="_blank" href="https://roleplay.chat/profile.php?user=Kurona">Kurona</a>, Yuchio<b>(Deceased)</b>, Gwyndolin<b>(Deceased)</b>, <a target="_blank" href="https://roleplay.chat/profile.php?user=Stella">Stella</a></div>
<div class="conf">CONFIDENTIAL</div>
</div>


<div class="img_right"><img src="https://scontent.cdninstagram.com/hphotos-xaf1/t51.2885-15/s640x640/e35/sh0.08/11254545_1678266609077085_857694171_n.jpg" alt="" />
<div class="tl_tape"> </div>
<div class="br_tape"> </div>
</div>
</div>
</div>


<div class="page" id="main">
<div class="file" id="cover">
<div class="cover">Franken<br />Stein</div>
<div class="cover_icon"><img src="http://67.media.tumblr.com/32ac0f9726d4747765ca70bedaac356d/tumblr_nrhk3wwirv1tsmbjio6_400.gif" alt="" /></div>
<img class="clip" src="http://i.picpar.com/FRqb.png" alt="" /></div>
</div>

<style type="text/css">
!-- Copy from here, into the Style section --!
#player{
 position: fixed;
 z-index:2;
 bottom: 230px;
 left: 934px;
 border-radius: 15px;
 width: 32px;
 height: 32px;
 border: 5px solid #D5D5D5;
 box-shadow: 0px 0px 19px #D5D5D5;
 overflow:hidden;}
!-- End of copy into Style --!

</style>

<div id="player">
<audio controls loop="1"><source src="http://k003.kiwi6.com/hotlink/9wfadbo4bz/soul_eater_opening_2.mp3" type="audio/mpeg"></audio>
</div>