Leloo

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="//static.tumblr.com/gtjt4bo/oEQpu602h/glenplayer05-right.js"></script>
<link href="https://fonts.googleapis.com/css?family=ABeeZee:400,400italic|Lato:400,400italic,700,700italic" rel="stylesheet">
};
</script>
<style>
::-webkit-scrollbar { width: 0; height:0; background: transparent;}
::-webkit-scrollbar-thumb { background-color: transparent; -webkit-border-radius: 0; }

@font-face{ font-family:"roboto"; src: url('https://dl.dropboxusercontent.com/s/i5x37kqbtb40s0b/Roboto-Light.ttf’)'); }

@font-face{ font-family:"robold"; src: url('https://dl.dropboxusercontent.com/s/qynix3bz0j8ppva/Roboto-BoldCondensed.ttf’)'); }

@font-face{ font-family:"coco bold"; src: url('https://dl.dropboxusercontent.com/s/ub4m5u6okz1slpb/semi-light.ttf’)'); }

@font-face{ font-family:"shutter"; src: url('https://dl.dropboxusercontent.com/s/l52ysbcirhvz2c4/shutter.ttf’)'); }

@font-face{ font-family:"light"; src: url('https://dl.dropboxusercontent.com/s/6x4q6xt424i87eb/Vogue.ttf’)'); }

@font-face{ font-family:"coco bold2"; src: url('https://dl.dropboxusercontent.com/s/p4wb8zbay2vn0ov/Cocogoose%20Pro-trial.ttf’)'); }

a, a:link, a:active, a:visited { color: #bb0000; font-weight:700; text-decoration:none;}

a:hover { color:#000; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }

small, sub, sup { font-size:9px; }

big { font-size:auto; }

b, strong { color:#a06060; font-family:'robold'; font-weight:700; text-transform:uppercase;}

i, em { color:#bb0000; font-family:'light'; }

h1 { background-color:#fbfbfb;  font-size:12px; text-align:center; letter-spacing:3px; color:#cc0000; text-align:center; font-size:19px; line-height:24px;  padding:5px; }

h2 { text-transform:uppercase; text-align:center; letter-spacing:5px; font-size:14px; color:#cc0000; margin-top: 0px; font-family: 'robold';}

p { margin-top:6px; margin-bottom:6px; }

body {color:#4f4f4f; background-color:#f7f9f8; font-family:ABeeZee, sans-serif; font-size:9px; letter-spacing:1px; line-height:17px; text-align:justify; }

#holder { position:absolute; width:755px; height:500px; margin: auto; left:0; top:0; bottom:0; right:0; background-color:#fdf9f8; border: 15px solid #bbc5ce; outline: 20px solid #8e96a1;overflow:hidden; }

#sidebar { position:absolute; left:0px; top:0px; width:400px; height:500px; background-image:url('https://i.imgur.com/axP0UF4.jpg'); background-size:cover; background-repeat:no-repeat; background-position: center center;
        -moz-transition: all 1s;
	-o-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;}

#sidebar:hover { position:absolute; left:0px; top:0px; width:400px; height:500px; background-image:url('https://i.imgur.com/t65H252.jpg'); background-size:cover; background-repeat:no-repeat; background-position: center center;
        -moz-transition: all 1s;
	-o-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;}


#box { position:absolute; left:350px; bottom:70px; width:190px; height:260px; background-color:#c6cfd8; box-shadow:0px 0px 5px rgba(0,0,0,0.1);  }

.ooc { position:absolute; left:10px; top:10px; width:170px; height:260px; overflow:hidden; font-family:robold; font-size:9px; letter-spacing:2px; line-height:18px; text-transform:uppercase; overflow:auto; color:#666; }

.ooc b { font-family:'ABeeZee'; font-size:8px; letter-spacing:1px; font-weight:700; color:#bb0000; }

#container {position:absolute; width:225px; height:435px; left:550px; top:170px;  padding: 0px;  background-color:transparent; overflow:auto; z-index:99999; }

.description { position: absolute; width:170px; height:250px; left:15px; top:15px; font-family:'Lato'; font-size:10px; letter-spacing:1px; line-height:19px; text-transform:lowercase; overflow:auto; z-index:99999;}

.description b { font-family:'ABeeZee'; font-size:10px; letter-spacing:1px; font-weight:700; color:#98a4b0; }

.description a { font-family:'coco bold'; text-transform:lowercase; font-size:9px; letter-spacing:1px; color:#CC0000; }

#title { position:absolute; left:350px; top:20px; width:400px; height:150px; font-family:'coco bold2'; font-size:45px; line-height:50px; letter-spacing:0px; color:#98a4b0; text-transform:uppercase; text-align:left; text-shadow:2px 2px 5px rgba(0,0,0,0.2);}

#title2 { position:absolute; left:430px; top:115px; width:400px; height:150px; font-family:'shutter'; font-size:95px; line-height:50px; letter-spacing:0px; color:#cc0000; text-align:left; transform: rotate(-3deg); text-shadow:2px 2px 8px rgba(0,0,0,0.5); }

#sigline { position:absolute; right:60px; top:155px; width:250px; height:1px; background-color:#985451; border-radius:10px; box-shadow:0px 0px 25px rgba(0,0,0,0.5);  }

#title3 { position:absolute; right:40px; bottom:45px; width:80px; height:10px; font-family:'shutter'; font-size:100px; line-height:50px; letter-spacing:2px; color:#cc0000; text-align:left; transform: rotate(-10deg); text-shadow:2px 2px 2px rgba(0,0,0,0.5); z-index:9; }

#polaroid { position:absolute; bottom:5px; right:310px; width:80px; height:80px; background-color:#ad9b54; border:5px solid white; border-bottom:5px solid white; box-shadow:-2px -2px 4px rgba(0,0,0,0.05);
background-image:url('https://i.imgur.com/UnpTsHt.jpg'); background-size:cover; background-repeat:no-repeat; background-position: center center;
        -moz-transition: all 1s;
	-o-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;}

#polaroid:hover { position:absolute; bottom:5px; right:310px; width:80px; height:80px; background-color:#ad9b54; border:5px solid white; border-bottom:5px solid white; box-shadow:-2px -2px 4px rgba(0,0,0,0.05);
background-image:url('https://i.imgur.com/KKDuFtX.jpg'); background-size:cover; background-repeat:no-repeat; background-position: center center;
        -moz-transition: all 1s;
	-o-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;}

#polaroid2 { position:absolute; bottom:5px; right:220px; width:80px; height:80px; background-color:#ad9b54; border:5px solid white; border-bottom:5px solid white; box-shadow:-2px -2px 4px rgba(0,0,0,0.05);background-image:url('https://i.imgur.com/ddRkHxY.jpg'); background-size:cover; background-repeat:no-repeat; background-position: center center;
        -moz-transition: all 1s;
	-o-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;}

#polaroid2:hover { position:absolute; bottom:5px; right:220px; width:80px; height:80px; background-color:#ad9b54; border:5px solid white; border-bottom:5px solid white; box-shadow:-2px -2px 4px rgba(0,0,0,0.05);background-image:url('https://i.imgur.com/PeqpgQd.jpg'); background-size:cover; background-repeat:no-repeat; background-position: center center;
        --moz-transition: all 1s;
	-o-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;}


.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  }

.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #c6cfd8;
  width: 40%;
  position: relative;
  transition: all 5s ease-in-out;
  z-index:999999999999999999999999999999;
  }

.popup b {
  color: #cc0000;
 Font-family: 'Lato';
font-weight:700;}

.popup i, em {
   color: #bb0000;
  font-family: 'light';
font-weight:700;}


.popup .close {
  position: absolute;
  top: 0px;
  right: 5px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #444;
}
.popup .close:hover {
  color: #ff5656;
}

.popup .content {
  max-height: 30%;
  overflow: auto;
z-index:9999999999999999;
font-family:robold;
font-size:10px;
color:#4f4f4f;
letter-spacing:2px;
text-decoration:none;}


@media screen and (max-width: 800px){
  .box{
    width: 80%;
  }
  .popup{
    width: 80%;
  }
}

</style>
</head>
<body>
<div id="holder">
<div id="sidebar"></div>

<div id="container">
<div class="description">
<b>Race:</b><font style="float:right">Hybrid Human</font><br>
<b>Physiology:</b><font style="float:right"><a title="She fused genetically with an other species in the womb - Human, Werewolf + Wolf.">Chimerism</a></font><br>
<b>Physique:</b><font style="float:right">4'5 | 95lbs</font><br>
<b>Hair:</b><font style="float:right">Snow White</font><br>
<b>Eyes:</b><font style="float:right">Varies [Gray-Topaz]</font><br>
<b>Age:</b><font style="float:right">19</font><br>
<b>STATUS:</b><a href="" target="_blank" title="Single, likely unsuitable."><font style="float:right">Single</font></a><br>
<b>PREF:</b><a title="Mate Only. Male. "><font style="float:right">Hetero</font><br>
<b>Companion:</b><a target="_blank" href="https://roleplay.chat/profile.php?user=Zero." target="_blank" title="While single and likely unsuitable to most, she was recently purchased from a now dead black market dealer that had captured her and caged her in an attempt to tame her then sell her. Bought by Zero, the Elysian has become her protector albeit unknown to the Feral creature he paid handsomely for. Time will tell if he can cajole her back to humanity. Owned and yet free, she has no understanding of this, currently."><font style="float:right">The Elysian</font></a><br>
<b>GIFTS:</b><font style="float:right">

<a href="#popup1" title="click">Powers</a></font><br>
<div id="popup1" class="overlay">
<div class="popup">
<a class="close" href="#">×</a>
<div class="content">
<h1>Werewolf Physiology</h1>
She has the ability to transform into a full grown white wolf or an anthropomorphic wolf-like creature above and beyond her regular wolfish features. <p>
Enhanced Bite, Environmental Adaptation, Fur Generation, Predator Instinct, Temperature Regulation, Enhanced/Supernatural Body, Agility, Durability, Endurance, Leap, Reflexes, Senses: Hearing, Smell, Speed, Stamina, Strength, Claw Retraction, Conditional Transformation/Shapeshifting, Contaminant Immunity, Feral Mind, Invulnerability, Regenerative Healing Factor, Night Vision.<br>

<b>Weaknesses</b><br>
Applied electricity, medicine, or enzymes may prevent transformation. Extremely vulnerable to silver & wolfs-bane. This leads to changes in mental abilities/personality. Loss of self-control. Includes a shift towards a canine level of intelligence/instincts. Vulnerable to various canine weaknesses such as high pitch or loud noises or foul smell. Beheading. Magic. Psionics.

<h1>Empathy - <i>Innate</i></h1>
Leloo can fully interpret and replicate the emotions, moods, and temperaments of others without reading apparent symptoms, allowing her to understand introverts or discover emotion that is actually hiding. She can attack someone in a personal and emotional way since she knows exactly what emotion is flowing through themselves and can use this knowledge to play against them. <p>Is relatively uncontrolled during <b>FERAL STATE.</b>
<li><b>Animal Empathy</b>- WOLVES</li>
<li><b>Emotion Detection</b> - She can sense the presence of emotions, including feelings, moods, and their affects, of themselves, people, animals and other creatures. <i>100ft circumference.</i></li></li>
<li><b>Empathic Conversion</b> - She possesses a supernatural “social magnetism”, drawing people to her and overwriting their desires and emotions, inspiring an overwhelming urge to serve and a fanatical devotion to the point they would do absolutely anything to please her. Subjects aren't turned into mindless drones, remaining essentially the same except for their new-found loyalty, which makes them very difficult to distinguish from normal people. <i>25ft circumference.</i></li></li>
<li><b>Empathic Echoes</b> - She can receive and send emotional glimpses of memories, or mental imagery associated with certain emotional states current or past. <i>100ft circumference.</i></li>
<li><b>Empathic Inundation</b> - She can overwhelm her “victims” with unwanted sentiments and feelings that have been harboring the victims' conscious. She also has the capability to force others to experience all their deepest sentiments at once, leaving them susceptible to mental pain, render them unconscious, or cause them to perish and meet their death. <i>25ft circumference.</i></li></li>
<li><b>Psychic Navigation</b> - she can trace where targeted subjects are located in short range. Can tell if the target is progressing. She has psychic compass within her, feeling a magnetic pull towards the direction to the target.<i>Up to 200ft Circumstance.</i></li></li>
<li><b>Sensorial Link</b> - She can create a sensory/empathic bond between one specific individual (at a time), this may include emotions, feelings, damage and even death. <i>Up to 200ft circumference.</i></li>
<li><b>Empathic Masochism</b> -can harm or inflict pain on others by inflicting damage upon her own body.<i>Up to 100ft circumference.</i></li></li>
<p>
<h1>Singularity</h1>Due to her genetic makeup - with mixed DNA (chimera) she is absolutely one of a kind, she cannot be replicated/cloned, have her powers mimicked, or be mimicked by shapeshifters or illusionists or even mimic her voice, handwriting, skills/movements, etc. She possesses a physical, psychic, and empathic trait that marks her as special, so even if someone tried to disguise themselves as her, people who know them would notice the ruse. There is no other version of her in different realities that are the same.

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

<b>NATURE:</b><font style="float:right">
<a href="#popup2" title="click">FERAL vs NON FERAL</a></font><br>
<div id="popup2" class="overlay">
<div class="popup">
<a class="close" href="#">×</a>

<div class="content">
<h1>Feral</h1>
She can tap into a primal, unstoppable rage that allows her to perform in vastly increased capacity, taking and inflicting damage that she wouldn't in her normal state. In some cases, her mind descends so far into the feral rage that, mentally, she is little more than an animal.<br>

<li>Beserker Mode</li>
<li>Enhanced Agility</li>
<li>Enhanced Instincts</li>
<li>Enhanced Reflexes</li>
<li>Enhanced Strength</li>
<li>Enhanced Survivability</li>
<li>Pain Suppression</li>
</div>
	</div>
</div>


<b>SKILLS:</b>
<font style="float:right">
<a href="#popup3" title="click">ABILITIES</a></font><br>
<div id="popup3" class="overlay">
<div class="popup">
<a class="close" href="#">×</a>
<div class="content">
<h1>Abilities</h1>

<li>Wolf Spirit - Werewolf attack</li>
<li>Melee - Hand to hand combat</li>
<li>Acrobatics / Gymnastics</li>
<li>Hunting - Predatory</li>
<li>Intimidation - Dominant</li>
<li>Ninjutsu - kenjutsu > Nitōjutsu</li>
<li>Throwing -Aim and Precision</li>
<li>Stealth of the Wolf</li>
<li>Psychotic Smirk - Intimidation</li>
<li>Beserker Mode - Ferocity</li>

<h1>Items</h1>
<li>Twin Katana "Romulus and Remus"</li>
<li>.</li>
<li>.</li>
<li>.</li>
<li>.</li>
<li>.</li>
</div>
	</div>
</div>

</div>
</div>

<div id="box">
<div class="ooc">
<h2>O.o.c</h2>
<b>001.</b> Story + LT <b>></b> Smut<br>
<b>002.</b> PM OOC Only<br>
<b>003.</b> Shit-Mirror-<b>Snowball</b>.<br>
<b>004.</b> Smut <b>Partner</b> Only.<br>
<b>005.</b> TIME ZONE <a title="work fulltime weekdays.">EST</a>.<br>
<b>006.</b> Don't be a Dick.<br>
<b>007.</b> IC /= OOC | No Drama<br>
<b>008.</b> Main vs PM<br>
<b>009.</b> Dark Theme.<br>
<b>010.</b> O.C.
</div>
</div>


<div id="title">no man could truly tame</div>
<div id="sigline"></div>
<div id="title2">a wild Wolf!</div>

<div id="title3">Leloo!</div>

<div id="polaroid2"></div>

<div id="polaroid"></div>



</div> <!--- holder div --->