yolzek

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

#profile { border: hidden; background-color: transparent; }
.pfor {display:none;}

body{
background-color:#dfdfdf;
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:#92a7b7;
font-family: 'DroidArabicKufiRegular';
font-size:12px;
margin:3px;
margin-right:5px;
width:55px;
height:5px;
display:inline-block;
border-radius:5%;
position:relative;
text-shadow:0px 0px 1px #000;

}

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

}

.linktab{
position:absolute;
top:689px;
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 #92a7b7;
outline:1px dotted #fff;
outline-offset:3px;
overflow:auto;
color:#000;
font-family:Quicksand, sans-serif;
letter-spacing:0px;
font-size:11px;
padding:10px;
text-shadow:0px 0px 1px #fff;

}

h1{
color: #fff;
font-family: Permanent Marker, cursive;
font-size: 23px;
letter-spacing: 5px;
line-height:20px;
height:20px;
text-align:center;
text-shadow:0px 0px 1px #000;
}

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

::-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:#52738e;
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;
}

a:hover{
color: #eee;
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 #52738e;
}

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.imgur.com/lfBrn5U.png);
background-position: 5%;
background-size: 141%;
background-color:#fff;
background-repeat:no-repeat;
border: 10px;
border-style: solid;
border-image: url(https://static.gamespot.com/uploads/original/1539/15391776/3237064-2434917184-nick-.jpg) 30 round;
z-index:-1;
}

@keyframes bounce{
 0% {top: 395px;}
 50% {top: 408px;}
 100% {top: 395px;}
}
@-webkit-keyframes bounce {
 0% {top: 352px;}
 50% {top: 360px;}
 100% {top: 352px;}}

.bounce-img-bg{
left:427px;
width:150px;
height:150px;
z-index: 3;
padding:9px;
position:fixed;
animation: bounce 3.25s infinite;
-o-animation: bounce 3.25s infinite;
-moz-animation:bounce 3.25s infinite;
-webkit-animation: bounce 3.25s infinite;
 }

.bounce-img{
top:800px;
padding:5px;
width:150px;
height:150px;
}
.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;
}


</style>
<div class="muz" style="position:absolute; left: 400px; top:300px;" title="rise of iron ost - young wolf">► <div class="muzik"><audio controls="" loop=""><source src="https://instaud.io/_/PDT.mp3"></audio></div></div>


<span style="position:absolute; left:417px; top: 310px; font-family: 'Permanent Marker', cusrive; color:#92a7b7; font-size:20px; letter-spacing:3px; text-shadow:-1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;text-transform:uppercase; z-index:">Scout Captain Yolzek</span>


<div class="container"><div class="boxframe">
<div class="bounce-img-bg"><span class="bounce-img"><img src="http://i.imgur.com/sL9yI2T.png" width =""></div></span> </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>"My Loyalty is to my Kell, and my Kell alone. I fight to uphold his dream, his vision."</i></b><br><br></center>

Name: Yolzek<br>
Homeworld: Earth (Currently)<br>
Class: Arka-Livik (Living Arc)<br>
Age: Ageless, age upon rebirth unknown<br>
Height: 5'6"<br>
Weight: 150 lbs<br>
Skin Color: Deep Grey<br>
Fur Color: Black<br>
Eyes: Glowing Blue<br>
Gender: Female<br>
House: Scout Captain to <a target="_blank" href="https://roleplay.chat/profile.php?user=House+of+Redemption" target="_blank"><span title="A House of Light">House Redemption</a> <br>
Marital: Travels the stars with <a target="_blank" href="https://roleplay.chat/profile.php?user=The+Tempest" target="_blank"><span title="The Stormcaller">Zelavia</a> <br><br>

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


</div>
</div>


<div id="two" class="content"><div class="contentbox">
<h1>The Scout Captain</h1>
<center>
<b><i>"Yet, there is so much of the universe I do not yet understand. I look to the skies, and count the stars during my journeys among the wreckage my people left so long ago."</b></i><br><br></center>

A flash of light. Once floating in a void of darkness, the Eliksni was reborn. She had no memories of her past. All she knew, was that she awoke in a forest, and she was not alone. She was with a curious being, which in time, would grow to be one of her greatest companions, <a target="_blank" href="https://68.media.tumblr.com/b76ffc4131003a317193799633385ab9/tumblr_nxbaqxLfnr1ud8k59o1_500.gif" title="Secrets Thief">Chuka-Sha</a>, as well as someone she didn't expect. There was a man, in armor, who seemed just as confused as she was, who also was with a curious machine. The two attempted to communicate, but they did not speak each other's languages. Her own ghost was not able to communicate due to a malfunction occured during travel...<br><br>

And yet, the two became something of friends. They fought together, survived together, seeking to find refuge, and understand what they were. But, it happened. The Hive, the insufferable creatures of the Dark, came in a swarm, surrounding the two near the many entrances to the chasms below that they took residence on Earth. They fought hard, but in the end, the man took the sacrifice, allowing himself to be consumed into the maw of the Hellmouth, to allow Yolzek time to escape. But she did not, she attempted to fight her way into the Dark, to save her friend, her traveling companion. And in the process, was almost consumed herself, but the report of the Shrapnel Cannons, and blazing fury saved her, and the massive hand of a Kell approached her. There was nothing she could do for the man, but took the Kell's hand.<br><br>

She now serves as one of the Captains for her new home, the House of Redemption, and is steadfast in her loyalty to the one who saved her from being consumed that day, yet, she yearns to do more than sit on Earth. And yearns even more to return to that Chasm, and vanquish every last Hive there.


</div>
</div>


<div id="three" class="content"><div class="contentbox">
<h1>Arka-Livik:<br>The Living Arc</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>