Imo 5/15/2020

---CSS---

/*
PLEASE DO NOT REMOVE THIS CREDIT
DO NOT REMOVE THE CREDIT AT THE BOTTOM EITHER!
CREATOR: GREEN BEAN
There is a Javascript at the base that prevents right click. Do not remove it. If you do not have Java you don't need to worry about it. But please do not remove it. You'll break the code.


*/


  @import 'https://fonts.googleapis.com/css?family=Pacifico|Oswald:700';

  @font-face{
 src:url(https://dl.dropboxusercontent.com/s/74xrxvex76h7sce/Zenzai%20Itacha.ttf);
 font-family:'Zenzai Itacha';
}

 body {
background-image: url("");
background-color: #115837;
background-repeat: repeat;
background-position: bottom right;
width: 100%;
height: 100%;
margin: 0px;
overflow: hidden;
}


 .right{
position:absolute;
top:-22px;
left:140px;
font-family: 'Oswald', 'Pacifico';
text-transform: uppercase;
text-decoration: none;
font-size: 24px;
line-height: 24px;
letter-spacing: -1px;
color: #497259;
}

  .story{
margin:auto;
width:370px;
height:250px;
overflow:hidden;
}

  .far{
width:360px;
height: 250px;
overflow:auto;
}

  .tell{
color:#381600;
font-size:14px;
text-align:justify;
line-height:14px;
font-family:cambria;
letter-spacing:0.3px;
margin: 5px;
}

  #top {
background-color: #47f272;
width:100%;
height:255px;
margin-left:0px;
margin-top:0px;
z-index:-88;
}

  #stripe {
width:100%;
height:100px;
margin-left:0px;
margin-top:255px;
z-index:-84;
text-align:left;
background-image: url("https://i.imgur.com/Sze6aXr.gif");
 }

#top, #stripe {
visibility:visible;
left:0%;
top:0%;
position:fixed;
overflow:hidden;
}

  b{
color: #130f10;
font-weight:bold;
letter-spacing: 1px;
}

  i{
color:#ffffff;
font-style:italic;
}

  u{
font-style:italic;
text-decoration:noneunderline;
}

  a:active, a:link, a:visited{
color:#fff;
text-decoration:none;
}

  a:hover{
cursor:all-scroll;
color:#2E9C52;
text-decoration:line-through;
}

  h1 {
font-family: 'Oswald', 'Pacifico';
size: 40px;
text-align:center;
letter-spacing: 7px;
border-bottom: 1px solid #ffffff;}
::-webkit-scrollbar {width: 3px;}
::-webkit-scrollbar-thumb:vertical {
height: 10px;background-color: #130f10;}
::-webkit-scrollbar-thumb:horizontal {
height: 10px;background-color: #D98878;border: 0px ;width: 15px;}

 .brightly{
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;}


  #box{
width: 660px;
height: 400px;
background: #transparent;
background-image: url("https://i.imgur.com/3NEfNZ9.png");
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: bottom right;
z-index: 4;
animation: skidder 3s 1;
-webkit-animation: skidder 3s 1;
}


  @keyframes skidder{
from{
right: -50%;
opacity: 0;
 }
}

  @-webkit-keyframes skidder{
from{
right: -50%;
opacity: 0;
}
  }

  #titles{
pointer-events:none;
position:absolute;
font-family: 'Zenzai Itacha', cursive;
letter-spacing: 2px;
font-weight: normal;
font-size: 45px;
bottom:10%;
right:10%;
width: 310px;
height: 140px;
background: #transparent;
background: url(https://i.imgur.com/uvOwkkh.gif) -20px -20px repeat;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}


  .portrait {
pointer-events:none;
position: absolute;
bottom: 0px;
right: 5%;
z-index: 100;
animation: skidder 3s 1;
-webkit-animation: skidder 3s 1;}
 }

 #navi {
height: 100px;
width: 165px;

}

.navi{
 position: absolute;
 top: 36%;
 left: 6%;
 z-index:100;
 animation: skidder 3s 1;
 -webkit-animation: skidder 3s 1;
}

  .credit{
position: fixed;
z-index: 300;
bottom: 20px;
left: 0px;
background-color: transparent;
animation: skidder 3s 1;
-webkit-animation: skidder 3s 1;
}


#words{
pointer-events:none;
position: absolute;
  font-family:'Zenzai Itacha';
 font-size: 90px;
 top: 8%;
 left: 5%;
 height: 190px;
 background: #transparent;
 background: url("https://i.imgur.com/Sze6aXr.gif")  repeat;
 -webkit-text-fill-color: transparent;
 -webkit-background-clip: text;
z-index: 99;
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);

animation: skidder 3s 1;
-webkit-animation: skidder 3s 1;
}
 }


a.gone:link, a.gone:active, a.gone:visited{
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
text-decoration: none;
font-size: 24px;
line-height: 24px;
letter-spacing: -1px;
color: #3094d3;
margin-right:12px;
z-index:10;
}

a.gone:hover{
text-shadow:-4px 0px 0px #3134b1;
}


----HTML---

<div class="credit">
<a target="_blank" href="https://roleplay.chat/profile.php?user=Green+Bean" target="_blank" title="Code was created by Green Bean Do NOT touch, this Please! If you want a code just mail Green Bean directly. She will gladly hook you up. With some freebies or cheapo commissions."><img src="http://i.imgur.com/vY7rSz9.png" height="90px"></a></div>

<script src="jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
 //Disable full page
 $("body").on("contextmenu",function(e){
 return false;
 });

 //Disable part of page
 $("#id").on("contextmenu",function(e){
 return false;
 });
});
</script>
<script type="text/javascript">
$(document).ready(function () {
 //Disable cut copy paste
 $('body').bind('cut copy paste', function (e) {
 e.preventDefault();
 });

 //Disable mouse right click
 $("body").on("contextmenu",function(e){
 return false;
 });
});
</script>


<div id="top"><canvas id=c></canvas></div>
<div id="words"><Br>
I mo
</div>


<div class="navi">
<a href="#we" class="gone"><font size="24">⊗</font></a>
 <a href="#have" class="gone"><font size="24">⊕</font></a>
 <a href="#noticed" class="gone"><font size="24">⊗</font></a>
<a href="#you" class="gone"><font size="24">⊕</font></a>
<a href="#came" class="gone"><font size="24">⊗</font></a>
<a href="#far" class="gone"><font size="24">⊕</font></a>
</div><div class="portrait">
<img src="https://i.imgur.com/5nMYXv3.png" height="90%"></div>
<div id="stripe"></div>

<div id="box" class="brightly">
<br><br><br><div class="story">
<div id="we" class="far"><div class="tell">

<h1>Dossier</h1>

<font style="float:left"><b>➽Name</b></font>
<font style="float:right">Imo</font><br>
<font style="float:left"><b>➽Nicknames</b></font>
<font style="float:right">Tatertot, Short-stack</font><br>
<font style="float:left"><b>➽Age</b></font>
<font style="float:right">??<a href="" target="_blank" title="Physically she is 25 years of age, but due to the stasis while on her travels she hasn't mature physically. Her body is slowly catching up to chronological age. Mentally she is also a tad bit behind."> * </a></b></font><br>
<font style="float:left"><b>➽Gender</b></font>
<font style="float:right">Female</font><br>
<font style="float:left"><b>➽Height</b></font>
<font style="float:right"> 90lbs//40.7kg<br></font><br>
<font style="float:left"><b>➽Height</b></font>
<font style="float:right"> 4ft 8inch//140cm<br></font><br>
<font style="float:left"><b>➽Hair</b></font>
<font style="float:right">Short, Black//Blond<a href="" target="_blank" title=" In SSJ."> * </a></font><br>
<font style="float:left"><b>➽Eyes</b></font>
<font style="float:right">Black// Green<a href="" target="_blank" title="in SSJ."> * </a></font><br>
<font style="float:left"><b>➽Home</b></font>
<font style="float:right">Planet 5WB2, Universe 7</font><br>
<font style="float:left"><b>➽Home</b></font>
<font style="float:right"> Earth, Universe 7</font><br>
<font style="float:left"><b>➽Combat Style</b></font>
<font style="float:right">Unrefined</font><br>
<font style="float:left"><b>➽Notable Traits</b></font>
<font style="float:right">Her Tail</font><br>
<font style="float:left"><b>➽Sexual Orientation</b></font>
<font style="float:right">Bisexual</font><br>
 <font style="float:left"><b>➽Status</b></font>
<font style="float:right">Single</font><br>


</div></div>

<div id="have" class="far"><div class="tell">
<h1>Personality</h1>
<p>The small 'potato' as she has been called by some, is a rather lively young woman. She's got that swelling Saiyan pride most seem to have, however, she also can easily say she is not a fighter like most of her race. She's confident in her skills as a mechanic and possibly engineer, however, that is to say, she is far from confident in her fighting skill. She is easily jostled and rattled when people poke at her for her height and stature and her younger appearance, but she's also grown accustomed to it. As of now? She's made a fairly peaceful life for herself on earth as an odd jobs person.</p>
</div></div>
<div id="noticed" class="far"><div class="tell"><h1>Biography</h1>
<p>Imo hails from a 'colony' of Saiyans who fled planet Vegeta years before the massacre.The Saiyans that fled were made up of weaklings, and oddballs, the outcasts of society. They ranged from those with physical defects to those with a less combat oriented mentality. That was to say there weren't those who only had this thought process. There were those labeled as 'true Saiyan's among their ranks. But for one reason or another traveled with the pilgrims. The society was small and akin to what you could see as an early stage of planet Sadala from Universe six. (Smaller scale all around) They settled on what appeared to be an inhabited planet, but the settlers chose to keep to themselves in this case. Learning to cultivate the land and farm, and hunt the native species they survived... and maybe would have thrived if given the time. The generations passed and the population increased.
 But all of this came to an end when the Frieza Forces attacked. The rumors of Saiyans surviving decades past the genocide of Planet Vegeta spread...
 and to those who had no knowledge of their lost leader, they proceeded to launch an attack on the colony.</p>

<p>Imo herself was born several years before the attack on her home. She was always interested in the old tech they had left around from their days on planet Vegeta. The Saiyans of the colony not having the slightest idea of the end of their race. During the slaught Imo fled, she hid in one of the older spherical pods, that were used when the colony was first settled.</p>

<p>She had gotten it running months before and had intended to use it for travel one day, once she was certain it could last the long journey. However, she was flung into a situation that it was do or die. And quite frankly she didn't want to die. Her parents already were lost, her brother nowhere in sight, so she had nothing to lose. She fled. How she managed to not be followed? Who knew in all honesty. Perhaps no one saw the outdated pod rocketing towards the sky. But she would spend her time in a stasis as she drifted through space. But before departing, she had punched in random coordinates, that happened to land her in a place she unknowingly could be with other Saiyans. </p>

<p>Imo makes an attempt to make a life for herself on Earth. Living off the land and trying to find odd jobs where she can. Her technical know-how has at least gotten her some currency on this planet so she could purchase things to survive. </p>
</div></div>
<div id="you" class="far"><div class="tell">
<h1>Abilities</h1><br>
<b>Flight</b>,<b>Basic use of Ki blasts</b>, <br>
<b>Rolling Blast</b>- a Weak but effective attack. Focusing her Ki into a dense ball, Imo and throw the orb of energy. It becomes dense enough to create a crator in the ground upon impact, rolling in place at a high velocity digging deeper down and eventually exploding. Normally will ram itself into a target then explode after a few seconds.<br>
<b>Ki enfused strikes</b>- Fist to fist, she'll shroud her fists or feet in her ki, to strike and attack. Only to add more of an impact.<br>
<b>Ki torch</b>- While not an offensive ability Imo is able to make a small Ki stream, using it as a soldering iron from an extended finger. THe size is hard for keep if she isn't focused and can easily explode if disturbed. She also utilizes this technique for other things. But it can be compared to that of a soldering iron or welding torch. <BR>
<b>Ki spects</b> - Similiar to the Ki torch, Imo developed this ability first. This has become more or less of an amusement time killer. She can create small balls of ki that sit on each finger tip. She and play with and just juggle them aroupnd. It's more or less an amusement thing.<br>
<b>Dense Ki</b>- While some people can use Ki to create blasts or even weapons, Imo seems to do a good job at creating very dense ki balls. They are fairly solid and make for good use of a shield. But Imo doesn't use this in combat as often as she should.<Br>
<b>Barrier</b> Ki wave barrier.


 </div></div>


<div id="came" class="far"><div class="tell">

<h1>Friends</h1>
<a target="_blank" href="" title="Words"><img src=" " class="circle" width="40" height="40" border="1px solid #000000"></a>
<a target="_blank" href="profile.php?user=Friend name " title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000"></a>
<a target="_blank" href="profile.php?user=Friend name " title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000"></a>
<a target="_blank" href="profile.php?user=Friend name " title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000"></a>
<a target="_blank" href="profile.php?user=Friend name " title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000"></a>
<a target="_blank" href="profile.php?user=Friend name " title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000"></a>
<h1>Aquaintences</h1>
<a target="_blank" href="" title="Words"><img src=" " class="circle" width="40" height="40" border="1px solid #000000"></a>
<a target="_blank" href="profile.php?user=Friend name " title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000"></a>
<a target="_blank" href="profile.php?user=Friend name " title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000"></a>
<a target="_blank" href="profile.php?user=Friend name " title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000"></a>
<a target="_blank" href="profile.php?user=Friend name " title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000"></a>
<a target="_blank" href="profile.php?user=Friend name " title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000"></a>


 </div></div>
<div id="far" class="far"><div class="tell">
<h1>Rules</h1>
<b>01.</b> This profile was Coded by <b>ME</b>. Please do not touch or alter? If you want a code? Ask.<Br>
<b>02.</b> OOC Friendly 96% of the time.<br>
<b>03.</b> Don't ask me for 'sum fuk'.<br>
<b>04.</b> I'm a pretty chill chick. .<br>
<b>05.</b> Keep your drama away from me please.<br>
<b>06.</b> My character is a bitch at times. Don't take it personally.<bR>
<b>07.</b> IC does not equal OOC.<br>
<b>08.</b> I've have Imo for over 5 years. Some things in her past have been nixed but she is still the same Potato.<br>
<b>09.</b> This is a Dragon Ball oc. <br>
<b>10.</b> You are <B>NOT</b> permitted to use any of the character(s) images found of this profile. All of them are either pieces I commissioned. Thank you! <br>

</div></div>


</div>
</div>



<img src="https://i.imgur.com/5nMYXv3.png" class="portrait" height="90%">