kamen by novak 2016

<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;
background-image:
 url('http://i.picpar.com/JvZb.jpg');
 background-repeat:no-repeat;
 background-position:0% 10%;
 background-attachment: fixed; }
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: maroon;}


.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;
}

#music{
position:absolute;
bottom:0;
left:0;
opacity:1;
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;
}

#music:hover{
opacity:1;
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;
}
</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">OOC</a></div>
<div class="fn_right"> </div>
</div>

<div class="file">
<div class="img_left"><img src="http://puu.sh/lmQsE/f5cd857ca5.png" alt="" />
<div class="tl_tape"> </div>
<div class="br_tape"> </div>
</div>


<div class="text">
<h1>Da Rules</h1>
Can post semi-para to multi-para. It really depends on my mood.
<br>

Don't PM me and start with a post. It'll be ignored.


 <br>

Decent grammar and spelling are preferred.

<br>

Character and art belongs to me. <br><a href="#main" target="_self">close file</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">Extra</a></div>
<div class="fn_right"> </div>
</div>


<div class="file">
<div class="text">
<h1>Fun Facts</h1>
<h2>His Hair</h2> His hair is actually not hair at all, but a series of extra limbs that can be removed and changed into any sort of inanimate object the monster wants. The limbs are called pseudopods, and part of their function other than being extra limbs includes the fact that they actively interface with his mask when he's wearing it. They literally connect to the mask, which is what allows him to use the mask in the way that he does. <br /><br />
<h2>His Pipe</h2>
He possesses a smoking pipe which allows for the creation of any material, be it organic or other due to the pipe being the very essence of creation it's self. Only used in dire situations, generally only in the aid of others.<br /><br />
<h2>His Age</h2>
while Kamen is physically and visibly mature in terms of being considered an adult he's technically only 5 years old. Despite this, he's still much more advanced in knowledge as well as the intelligence he chooses to show.. In some cases, more so than people who've existed for centuries.</div>
<div class="img_right"><img src="http://puu.sh/lmREK/80bbe1ba62.png" 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">Comrades</a></div>
<div class="fn_right"> </div>
</div>

<div class="file">
<div class="img_left"><img src="http://puu.sh/lmROx/13f0eb0a2d.png" alt="" />
<div class="tl_tape"> </div>
<div class="br_tape"> </div>
</div>

<div class="text">
<h1>Companions</h1>
While he tends to come off as more of a loner in personality, he loves having company and as such has taken to keeping pets so that he's always assured the company of some individuals. <br /><br />
<h2>Kaliona</h2>
Pet Sabre</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">Background</a></div>
<div class="fn_right"> </div>
</div>


<div class="file">
<div class="text">
<h1>Backstory</h1>
<div style="width:425; height:250; overflow-y: auto;">
Kamen is a mimic, created by a very powerful alchemist to live a life of freedom after many years of solitude. He's only held this humanoid form for a little over 4 years, and he goes by that age. Don't worry, he's mature for his age. He is a monster, and he is proud of it. This makes him capable of many things a regular person isn't. He's super strong, super durable and his monster lineage gives him several special talents like the ability to mimic any physical feat perfectly as long as he witnesses it with his own eyes.</br><br>
Due to extended use of the essence of creation, Kamen has finally ascended to the status of being the physical embodiment of the Philosopher's stone, allowing him to tap into alchemical abilities unlike any other could ever possess. Kamen's family disappeared during one of the last business trips he made before he was supposed to retire from his family's business and while he has searched for them for some time he relented and went back to living as he normally would when alone. He severed the connection to the mother of his daughter, so that the distance between them wouldn't cause his health to diminish due to the pain of separation and therefor the monster is once again free to do as he wishes. </br></br>
When he severed the connection, he grew slightly stronger than he had been previously.. His body has finally reached it's true adult stage in terms of how his own kind matures and has ascended from the level of Mimic to that of a Greater Mimic. It doesn't really change anything about him, other than the fact that he's a tad more resilient than he already was and as well he can go for slightly longer without being active without having to worry about falling into the hibernation that he can't wake himself from.
After vanishing for some time, and witnessing the rise and fall of many great things he has returned.</div></div>
<div class="img_right"><img src="http://puu.sh/lmS8l/8510ee3623.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">Inventory</a></div>
<div class="fn_right"> </div>
</div>


<div class="file">
<div class="img_left"><img src="http://puu.sh/lmT7s/af3b335bbd.png" alt="" />
<div class="tl_tape"> </div>
<div class="br_tape"> </div>
</div>


<div class="text">
<h1>Inventory</h1>
Personality info here<br /><br />
<h2>Smoking pipe</h2>
Emits plumes of magenta hued smoke.<br /><br />
<h2>A silver badge</h2> Worn on his lapel which bears the insignia of Messiah Corp. An infinity symbol positioned vertically with a line drawn directly through where the hoops interconnect, horizontally.<br /><br />
<h2>x2 M93R pistols</h2> Heavily modified. Chambered for 7.62x25 Tokarev which fire specially crafted hollow points that contain enough of a specific kind of charged explosive that his gun fire can literally knock quarter-sized holes in tank armor.<br /><br />
<h2>Pillow</h2>
 stuffed with special spider silk that also happens to be what keeps it stitched together. This silk is extremely resilient, allowing Kamen to use the pillow as a weapon. It happens to be his preferred weapon due to his pacifistic nature. But that doesn't mean that he won't hurt someone, he simply avoids it if he can..<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">Credentials</a></div>
<div class="fn_right"> </div>
</div>


<div class="file">
<div class="text">
<div class="sheet_one">Name: Kamenwati Nightwind <br /> Aliases: Kamen, Maskie <br /> Status: Alive</div>
<div class="sheet_two">
<div class="two_left">Date of Birth:{REDACTED}<br /> Place of Birth:{REDACTED}<br /> Height:5'7"<br /> Weight: ?? lb<br /> Build: Toned/Fit<br /> Occupation: RETIRED</div>
<div class="two_right">Scars & Marks: TBA<br /> Sex: Male<br />Age: 5 (See Extras)</div>
</div>


<div class="sheet_three">Remarks: Possesses the ability to make a pocket dimension within any open doorway that only he has access to. Anyone else would just see the other side of the door unless he invites them in. <br>
Bodily fluids are made of gold, pure gold.<br>
Quite a handyman, works as a janitor typically..</div>
<div class="conf">CONFIDENTIAL</div>
</div>


<div class="img_right"><img src="http://puu.sh/lmUbF/48fdd4776b.png" alt="" />
<div class="tl_tape"> </div>
<div class="br_tape"> </div>
<div id="music">




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


<div class="page" id="main">
<div class="file" id="cover">
<div class="cover">TOP<br />SECRET</div>
<div class="cover_icon"><img src="http://puu.sh/lmUlX/e1448dd83f.png" alt="" /></div>
<img class="clip" src="http://i.picpar.com/FRqb.png" alt="" /></div>
</div>