phalvas

<style>@import url('https://fonts.googleapis.com/css?family=Rock+Salt|Magra');
@import url('https://fontlibrary.org/face/droid-arabic-kufi');

body{
background-color:#bdb6c6;
background-image:url("");
background-repeat: no-repeat;
background-position: left bottom;overflow-y:hidden;
background-size: 24%;
}

.link{
padding:5px;
text-align:center;
line-height:1px;
color:#fff;
background-color:#63478c;
font-family: 'DroidArabicKufiRegular';
font-size:12px;
margin:3px;
margin-right:5px;
width:55px;
height:5px;
display:inline-block;
border-radius:5%;
border:1px solid #000;
position:relative;
text-shadow:0px 0px 1px #000;

}

.link:hover{
background-color:#000;
left:10px;
border:none;

}

.linktab{
position:absolute;
top:679px;
left:405px;
width:100px;
text-align:center;
color: #080808;
text-shadow:0px 0px 2px rgba(212,155,99,.85);
}

.content{
position: absolute;
height: 00px;
width: 420px;
top: 300px;
left: 00px;
z-index: -1;
opacity: 0;
transition: .8s;
-moz-transition: .8s;
webkit-transition: .8s;
-o-transition: .8s;
}

.content:target{
top: 343px;
z-index: 1;
transition: 1.2s;
-moz-transition: 1.2s;
webkit-transition: 1.2s;
-o-transition: 1.2s;
opacity: 1;
}

.contentbox{
position:absolute;
left:755px;
top:00px;
width:327px;
height:422px;
background-color:rgba(0,0,0,.05);
border:1px solid #7d61a8;
outline:1px dotted #fff;
outline-offset:3px;
overflow:auto;
color:#000;
font-family: 'Magra', sans-serif;
letter-spacing:0px;
font-size:11px;
padding:10px;
text-shadow:0px 0px 1px #fff;

}

h1{
color: #271a3a;
font-family: 'Rock Salt', cursive;
font-size: 20px;
letter-spacing: 2px;
line-height:20px;
height:20px;
text-align:center;
text-shadow:0px 0px 3px #fff;
}

b{
color: #000;
text-shadow: none;
letter-spacing: 2px;
font-size:9px;
text-shadow:0px 0px 1px #fff;
}

::-webkit-scrollbar {
width: 3px;
height: 0px;
background:;
}

::-webkit-scrollbar-thumb {
background-color:#ccc;
-webkit-border-radius: 10px;
border-radius: 10px;
}

::selection {
color: #000;
background: #fff;
}


a {
color:#63478c;
text-decoration: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
text-shadow:0px 0px 1px #fff;
}

a:hover{
color: #000;
text-decoration: none;
background-color:transparent;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
text-shadow: 0px 0px 1px #000;
}

body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur836.cur), progress !important;}
.container{
width: 200px;
height: 100%;
margin: 0 auto 0;
}

.boxframe{
width:320px;
height:430px;
position:absolute;
top:340px;
left:400px;
background-image:url(http://i.picpar.com/vWqc.jpg);
background-position: 40% 50%;
background-size: 155%;
background-color:#fff;
background-repeat:no-repeat;
border: 10px;
border-style: solid;
border-image: url(http://wallpaper-gallery.net/images/wallpaper-tumblr-backgrounds/wallpaper-tumblr-backgrounds-16.jpg) 15 round;
z-index:-1;
}
.muz{
float: right;
height: 30px;
width: 30px;
line-height: 20px;
font-size: 20px;
position: absolute;
color: #000;
text-align: center;
z-index:99;
overflow:hidden;
}

.muzik{
float: left;
height: 30px;
width: 30px;
opacity: 0;
margin-top: -30px;
margin-left: -8px;
}
#gaze{
background-color:#d89b00;
width:10px;
border-radius:60%;
height:8px;
position:absolute;
left:510px;
top:470px;
animation:gaze 4s infinite linear;
opacity:.4;
}

@keyframes gaze {
0% { -webkit-filter: brightness(100%);
}
20% {-webkit-filter: brightness(50%);
}
25% {-webkit-filter: brightness(100%);
}
35% {-webkit-filter: brightness(110%);
}
40% {-webkit-filter: brightness(100%);
}
45% {-webkit-filter: brightness(80%);
}
55% {-webkit-filter: brightness(100%);
}
60% {-webkit-filter: brightness(120%);
}
65% {-webkit-filter: brightness(90%);
}
75% {-webkit-filter: brightness(80%);
}
85% {-webkit-filter: brightness(100%);
}
90% {-webkit-filter: brightness(60%);
}
100% {-webkit-filter: brightness(70%);
}
}

</style>
<div class="muz" style="position:absolute; left: 400px; top:300px;" title="tba">► <div class="muzik"><audio controls="" loop=""><source src="https://instaud.io/_/QtY.mp3"></audio></div></div>
<div id="gaze"></div><div id="gaze" style="left:558px; top:462px; width:14px; height:12px;"></div>

<span style="position:absolute; left:414px; top: 307px; font-family: 'Rock Salt', cursive; color:#271a3a; font-size:16px; letter-spacing:3px; text-shadow:-1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;text-transform:uppercase; z-index:">Mystic Captain Phalvas</span>


<div class="container"><div class="boxframe"></div>

<div class="linktab">
<a href="#one" class="link">ض</a><a href="#two" class="link">ش</a><a href="#three" class="link">ق</a><a href="#four" class="link">ي</a></div>

<div id="one" class="content"><div class="contentbox">
<h1>Eliksni of Light</h1>

<center><b><i>"When I awoke, the Machine spoke to me. It shared its secrets with me. It made me...curious."</i></b><br><br></center>

Name: Phalvas<br>
Homeworld: Earth (Currently)<br>
Class: Voroo-Taras (Twisting Void)<br>
Age: Ageless, age upon rebirth unknown<br>
Height: 6'5"<br>
Weight: 250 lbs<br>
Skin Color: Beige<br>
Fur Color: Dark Brown<br>
Eyes: Glowing Yellow<br>
Gender: Female<br>
House: Mystic Captain to <a target="_blank" href="https://roleplay.chat/profile.php?user=House+of+Redemption" title="House of Light">House Redemption</a> <br><br>



<h1>Allies</h1>
<center>tba</center>


</div>
</div>


<div id="two" class="content"><div class="contentbox">

<h1>The Mystic Captain</h1>

<center><b><i>"So much culture, so much technology, lost to time and war. For my Kell, and for my people, I study the undiscovered. I walk along the Void, to understand what secrets it holds, to learn what our people once were. To make us whole again."</b></i><br><br></center>

A flash of light. Once floating in a void of darkness, the Eliksni was reborn. But while in the Void, she was not alone. There was a voice, quiet, yet booming in the vast nothing. It spoke to her, told her secrets of the universe that she could not comprehend. So much, and yet she understood so little. Yet when she awoke, she was left with more questions, and the voice was no more instead, she was met with one of the Voice's beings, a Ghost, which named itself <a target="_blank" href="https://s-media-cache-ak0.pinimg.com/originals/e3/c8/77/e3c877b6c95a4fad88bd2b64b6bd5e15.gif">Arcadia.</a> Alive now, in the sprwaling spans of what was once the Sahara Desert, she was left with something, burning at her mind. Curiousity. With only her Ghost at her side, they wandered the sands, coming along the many treasures left behind by once great civilization of the planet. She was told of what her people had done, and this saddened her, yet, somehow, she understood why they did what they did. It was a desperation tactic, and wondered how much of their own culture was lost. Yet, not all was peaceful in the sands.<br><br>

She was discovered, by the House of Kings, and captured. During her time in their grasps, they used her ability to warp light to try and understand it. It was grueling pain, suffering the torture of experimentation. Yet she soon discovered she could not die, to fade away and be reborn by her Ghost. They would not break her mind, and soon, the day came. She snapped, the time was now, and broke free from her captors, embracing the beasts they became. She destroyed the lab that was used, in a fury of the black void, twisting their atoms, and leaving behind nothing. Yet, soon she found herself calm, left with nothing but the destruction around her. Her curious mind became saddened by this fact. She rendered everything useless, unable to understand the machinery that was used on her. She became fearful of her own powers, unable to understand the full extent, nor what she was capable of doing, so there she remained, hiding herself away, among the bodies and ruined machinery. Until the silence was once again broken, by a voice, but not the one of the Void, a much deeper voice.<br><br>

 She soon found herself face to face with the Kell Trovaks, as well as what would become her brother and sister. She was lost, yet, he offered her something that she sought, guidance. Hesitant to leave her prison, afraid of the destruction she could cause, she agreed to follow the Kell. Even if she was a monster, she had one thing that kept her mind burning. Curiousity.



</div>
</div>


<div id="three" class="content"><div class="contentbox">

<h1>Voroo-Taras: <br> The Twisting Void</h1><br>

<center>tba; unique eliksni guardian abilities</center>


</center>

</div>
</div>

<div id="four" class="content"><div class="contentbox">
<h1>Out of Character</h1>
001. Meant for Destiny RP, but can be adjusted for other sci-fi.<br>
002. Is very PM friendly. Don't be shy. I won't bite.<br>
003. A work in progress, as always. Code is done by <a target="_blank" href="https://roleplay.chat/profile.php?user=Blackbird">Blackbird</a>.


</div>
</div>

</div>