Zangya

<style type="text/css">


@import url(https://fonts.googleapis.com/css?family=Tangerine|Niconne);
@import 'https://fonts.googleapis.com/css?family=Tangerine|Niconne';
@import url(https://fonts.googleapis.com/css?family=Lobster+Two);
@import url(https://fonts.googleapis.com/css?family=Just+Me+Again+Down+Here);
@import url(https://fonts.googleapis.com/css?family=Averia+Sans+Libre);
@import url(https://fonts.googleapis.com/css?family=UnifrakturMaguntia);
@import url(https://fonts.googleapis.com/css?family=Monsieur+La+Doulaise);
@import url(https://fonts.googleapis.com/css?family=Playball);
@import url(https://fonts.googleapis.com/css?family=Play|Arizonia);
@import url(https://fonts.googleapis.com/css?family=Mr+Dafoe);
@import url(https://fonts.googleapis.com/css?family=Press+Start+2P);
@import url(https://fonts.googleapis.com/css?family=Amatic+SC);
@import url(https://fonts.googleapis.com/css?family=Wallpoet);
@import url(https://fonts.googleapis.com/css?family=Handlee);
@import url(https://fonts.googleapis.com/css?family=Farsan);
@import url(https://fonts.googleapis.com/css?family=Allura);
@import url(https://fonts.googleapis.com/css?family=Montez);
@import url(https://fonts.googleapis.com/css?family=Satisfy);



::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { border-radius: 2px; background-color: #; }
::-webkit-scrollbar-thumb { border-radius: 2px; background-color: #ccc; }

body {
background-image: url("https://romanticashnavabi.neocities.org/petals.gif");
background-repeat: repeat;
background-color: #000;
background-size: 100% 100%;
background-position: bottom right;
margin: 0;
}

@font-face{
 font-family: 'a Theme for murder';
 src:url(https://dl.dropboxusercontent.com/s/6rxye5rnd2xlgaq/a%20Theme%20for%20murder.ttf);
 }

b, strong { color: #ffc299; }
i, strong { color: #ffc299; }

a:active, a:link, a:visited {
color: #ffc299;
text-decoration: none;
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}

a:hover {
color: #ffffff;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
cursor: url('http://31.media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png'), progress;
}

a.tab:active, a.tab:link, a.tab:visited {

background-color: gold;
;
;
display: inline-block;
height: 7px;
text-decoration: none;
width: 42px;
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
box-shadow:inset 0 0 75px 75px #0091FF, 0 0 0 #0091FF

}

a.tab:hover {
background-color: #000000;
border: #000000 2px solid;
box-shadow:inset 0 0 35px 35px transparent, 0 0 75px 50px transparent;

}


#frame {
 z-index: 3;
 background: url(http://i.picpar.com/5OBc.png);
 background-size: 100% 100%;
 background-position: bottom left;
 background-repeat: repeat;
 position: absolute;
box-shadow:;
background-color:;
fc299;
 top: 15%;
 left: 33%;
 height: 70%;
 width: 30%;
opacity: 1;
}

.tab1 { position:absolute;
left: 68%;
top: 53%;
width: 190px;
height: 190px;
z-index: 10;
background-image: url('http://i.picpar.com/DOBc.png');
background-size: 105% 105%;
background-repeat:no-repeat;
background-position:center;
background-attachment:absolute;
background-color:;
border: ;
border-radius: 150px 150px 150px 150px;}


.tab2 { position:absolute;
left: 10%;
top: 20%;
width: 180px;
height: 180px;
z-index: 10;
background-image: url('http://i.picpar.com/BOBc.png');
background-size: 105% 105%;
background-repeat:no-repeat;
background-position:center;
background-attachment:absolute;
background-color:;
border: ;
border-radius: 150px 150px 150px 150px;}


.tab3 { position:absolute;
left: 15%;
top: 58%;
width: 190px;
height: 190px;
z-index: 0;
background-image: url('http://i.picpar.com/EOBc.png');
background-size: 105% 105%;
background-repeat:no-repeat;
background-position:center;
background-attachment:absolute;
background-color:;
border: ;
border-radius: 150px 150px 150px 150px;}


.tab4 { position:absolute;
left: 73%;
top: 20%;
width: 190px;
height: 190px;
z-index: 10;
background-image: url('http://i.picpar.com/FOBc.png');
background-size: 105% 105%;
background-repeat:no-repeat;
background-position:center;
background-attachment:absolute;
background-color:;
border:;
border-radius: 150px 150px 150px 150px;}

.boxmid {Position: absolute; Top: 5%; Left: 0%; Height: 99.5%; Width: 99%; Padding: 2px; background-color: #000; transition: 1.5s; -moz-transition: 1.5s; webkit-transition: 1.5s; -o-transition: 1.5s; Font-size: 31.5px; font-family: Niconne; Color: #ffaa80; Opacity: 0; Z-index: 0; overflow-x: hidden; overflow-y: auto;}

.boxmid:target {Opacity: 0.8; Z-index: 2;}

#leftpic {
 position:fixed;
 z-index: 3;
 width:10%;
 height: 30%;
 left: 0%;
 bottom: 0%;
 font-size:2vh;
 overflow:hidden;
}
#leftpic img {
 width: 100%;
height: 100%}


 h1{
font-size: 14px;
width: 100%;
color: #ffeee6;
font-family: 'Playfair Display',serif ;
font-weight: normal;
line-height: 12px;
text-transform: uppercase;
text-align: left;
border-bottom: 1px solid #FFFFFF;
}


h1:first-letter{
color: #ffeee6;
font-size: 16px;
font-weight: bold;
text-shadow: 0px 0px 3px silver;
}


 h2{
font-size: 35px;
width: 100%;
color:#ff9966;
font-family: 'Niconne', ;
font-weight: normal;
letter-spacing: 10px;
line-height: 12px;
text-transform: uppercase;
text-align: center;
}

</style>

<div id="leftpic">
<a href="#"><img src="http://www.picgifs.com/anime/dragon-ball-z/zangya/anime-zangya-454760.gif"></a>
</div>


<a href="#4"><div class="tab1"></div></a>
<a href="#1"><div class="tab2"></div></a>
<a href="#2"><div class="tab3"></div></a>
<a href="#3"><div class="tab4"></div></a>


<div id="frame">
<div id="1" class="boxmid">
<h2>Dossier</h2>

<span style="float:left;"><b>Name</b></span> <span style="float:right;">Zangya.</span><br>
<span style="float:left;"><b>Alias(es)</b></span> <span style="float:right;">None yet.</span><br>
<span style="float:left;"><b>Gender</b></span> <span style="float:right;">Female</span><br>
<span style="float:left;"><b>Age</b></span> <span style="float:right;">Do you value your life?</span><br>
<span style="float:left;"><b>Height</b></span> <span style="float:right;">5'0".</span><br>
<span style="float:left;"><b>Weight</b></span> <span style="float:right;">Unknown.</span><br>
<span style="float:left;"><b>Sexuality</b></span> <span style="float:right;">What?</span><br>
<span style="float:left;"><b>Relation</b></span> <span style="float:right;">Single.<br>
<span style="float:left;"><b>Race</b></span> <span style="float:right;">Hera.</span><br>
<span style="float:left;"><b>Species</b></span> <span style="float:right;">...</span><br>
<span style="float:left;"><b>Irises</b></span> <span style="float:right;">Blue</span><br>
<span style="float:left;"><b>Occupation</b></span> <span style="float:right;">Mercenary</span><br>
<span style="float:left;"><b>Alignment</b></span> <span style="float:right;">Chaotic Nuteral.</span><br>
<span style="float:left;"><b>Theme</b></span> <span style="float:right;"><a target="_blank" href="https://www.youtube.com/watch?v=h5PiIOwZVvM" target="_blank">I Want You</a>.</span><br><br><br><br><br>


<h1>About</h1>
Hera, a race that is a subspecies of demon from Akumakai (The Demon Realm). They are not well known within the realm itself aside from those of the higher up who uses their race as mercenaries. Their power usually is greater when working with a team but some can hold up on their own in battle. The male Heras are able to transform, this isn't a true transformation due to just gaining muscle, color change of the flesh as well as hair color and the color of their ki (energy).
<br><br>
The females do not get a transformation but instead, when they have gathered up enough power they get an increase in strength and speed. Reaction time is dependant on the person and does not count towards any racial benefits. It is unknown if they are able to reproduce outside of their own race, the color of blood differs between each Hera but the color of the blood does not signify heritage (Family).
<br><br>The color of blood is determined from the area of the Akumakai that they are born in. One of the racial traits noticed is that they all can use the Psycho threads, the reason for this is unknown, however, it is noticed that when the threads are latched onto the victim and their energy is drained...that energy goes to the user. This is more so true for females given that they are unable to take a second form much like their male counterparts.
</center>
</div>
<div id="2" class="boxmid">
<h2>Combat</h2>
<h1>Ki Blast</h1>
...do you need info on a standard blast?
<br><br>

<h1>lFinger Beam</h1>
You should know what this is.
<br><br>

<h1>Psycho Thread</h1>
thin pieces of energy first used by Bujin, followed by Bido and Zangya. The user points his or her hand at his opponent and traps them with thin strings of purple energy, paralyzing them and sucking the energy out of them. Struggling against the threads only exacerbates their effects. Noted, the energy sapped is given to Zangya to replenishes energy lost to keep the fight going longer, this only works for as long as her victim is trapped within the threads.

<br><br>

<h1> Beauty Trigger</h1>
A charge of red energy, the more the charge to more damage it does.
<br><br>

<h1>Trap Shooter</h1>
The user draws their right hand back and charges a green or yellow energy sphere. Then, they wave their hand forward and fire several, compact, powerful energy sphere bullets that follow the opponent's movements.
<br><br>

</div>
<div id="3" class="boxmid">
<h2>Friends?</h2>
<center>
<a href="profile.php?user=" target="_blank" title="n/a"><img src="" height="120" width="120" align="right"></a> - name -<br>
words.<br>
<i><b>"quote about the person here."</b></i><br><br><br><br>

</div>
<div id="4" class="boxmid">
<h2>O.O.C</h2>
<p>No pming me for smut, it will be ignored. That is reserved for either story or her partner.</p>

<p>Combat? Sure, I'm up for that.</p>
<p>No, I don't watch Super, please don't ask. While on the topic I am really rusty so please be patient.</p>
<p>Since this is an open character I will be playing her at my own discretion, don't like it? Don't interact.</p>
<p>Do not steal this code, it belongs to a very good friend of mine, I just edited it and a friend helped with the renders.</p>
<p>Cross over friendly! Also pm friendly!</p>
<p>I am slow to post, please be aware. This is due to irl.</p>
<p>Quality over quantity.</p>
<p>Intel on the Hera race is my own headcanon, if you want to use it please feel free to ask and not rip off any of the information.</p>