Shallot's Profile Code


<html>
<body><style type="text/css">

@import url(https://fonts.googleapis.com/css?family=Great+Vibes|Buda);

html, body {
background: #f2f2f2;
background-image:url("");
background-size: 100%;
background-repeat:no-repeat;
background-position:center bottom;
}

::-webkit-scrollbar-button:vertical:{
background-color: #transparent;}

::-webkit-scrollbar-thumb:vertical {
background-color:#transparent;
height:150px;}

::-webkit-scrollbar-thumb:horizontal {
background-color:#transparent;
height:60px;}


::-webkit-scrollbar {
height:60px;
width:5px;
background-color:#transparent;}

.box1{
background-color: #000000;
position: absolute;
width: 430px;
height: 250px;
margin: auto;
padding: 10px;
opacity: 0;
font-family: 'Buda';
color: #ffffff;
left: 2%;
top: 0%;
border: 1px solid #000000;
    -webkit-transition: all 1000ms ease-in;
    -moz-transition: all 1000ms ease-in;
    -ms-transition: all 1000ms ease-in;
    -o-transition: all 1000ms ease-in;
    transition: all 1000ms ease-in;
}

.box1:hover {
  position: absolute;
margin: auto;
opacity:1;
top: 9%;
    -webkit-transition: all 1000ms ease-in;
    -moz-transition: all 1000ms ease-in;
    -ms-transition: all 1000ms ease-in;
    -o-transition: all 1000ms ease-in;
    transition: all 1000ms ease-in;
}

.box2{
background-color: #000000;
position: absolute;
width: 430px;
height: 250px;
margin: auto;
padding: 10px;
font-family: 'Buda';
color: #ffffff;
border: 1px solid #000000;
opacity:0;
left: 2%;
bottom: 0%;
border: 1px solid #000000;
    -webkit-transition: all 1000ms ease-in;
    -moz-transition: all 1000ms ease-in;
    -ms-transition: all 1000ms ease-in;
    -o-transition: all 1000ms ease-in;
    transition: all 1000ms ease-in;
}

.box2:hover {
  position: absolute;
margin: auto;
opacity:1;
bottom: 9%;
    -webkit-transition: all 1000ms ease-in;
    -moz-transition: all 1000ms ease-in;
    -ms-transition: all 1000ms ease-in;
    -o-transition: all 1000ms ease-in;
    transition: all 1000ms ease-in;
}

.box3{
background-color: #000000;
position: absolute;
width: 430px;
height: 250px;
margin: auto;
padding: 10px;
font-family: 'Buda';
color: #ffffff;
opacity: 0;
right: 1%;
top: 0%;
border: 1px solid #000000;
    -webkit-transition: all 1000ms ease-in;
    -moz-transition: all 1000ms ease-in;
    -ms-transition: all 1000ms ease-in;
    -o-transition: all 1000ms ease-in;
    transition: all 1000ms ease-in;
border: 1px solid #000000;
}

.box3:hover {
  position: absolute;
margin: auto;
opacity:1;
top: 9%;
    -webkit-transition: all 1000ms ease-in;
    -moz-transition: all 1000ms ease-in;
    -ms-transition: all 1000ms ease-in;
    -o-transition: all 1000ms ease-in;
    transition: all 1000ms ease-in;
}

.box4{
background-color: #000000;
position: absolute;
width: 430px;
height: 250px;
margin: auto;
padding: 10px;
font-family: 'Buda';
color: #ffffff;
opacity:0;
right: 1%;
bottom: 0%;
border: 1px solid #000000;
    -webkit-transition: all 1000ms ease-in;
    -moz-transition: all 1000ms ease-in;
    -ms-transition: all 1000ms ease-in;
    -o-transition: all 1000ms ease-in;
    transition: all 1000ms ease-in;
border: 1px solid #000000;
}

.box4:hover {
  position: absolute;
margin: auto;
opacity:1;
bottom: 9%;
    -webkit-transition: all 1000ms ease-in;
    -moz-transition: all 1000ms ease-in;
    -ms-transition: all 1000ms ease-in;
    -o-transition: all 1000ms ease-in;
    transition: all 1000ms ease-in;
}

#image {
width: 400px;
margin: 0px;
border: none;
height: 500px;
background-color:transparent;
position: absolute;
right: 35%;
bottom: 12%;
background-image:url("https://i.imgur.com/A5uppZE.jpg");
background-repeat:no-repeat;
background-position: bottom;
background-size: 65%;
border: 1px #000000 solid;
}

.header{
position:absolute;
width:500px;
background:#transparent;
height:100px;
overflow:hidden;
font-family: 'Great Vibes', cursive;
font-size: 50px;
font-weight:lighter;
font-style:none;
color:#000000;
letter-spacing: 0px;
text-transform:none;
text-align:center;
}

h1 {
 font-family: 'Great Vibes', cursive;
 font-size: 30px;
 line-height: 22px;
 color:#f9f9f9;
 text-align: center;
 letter-spacing:1px;
 word-spacing: 2px;
 text-decoration:none!important;
}

.text{
height: 200px;
width: 400px;
margin: 20px;
text-align: justify;
font-family: dosis;
font-size: 12px;
color: #8a8790;
overflow: auto;
}

.credit{
position: fixed;
bottom: 0px;
right: 2px;
height: 25px;
width: 25px;
line-height: 15px;
font-size: 10px;
color: #000;
text-align: center;
font-family: roboto;
}

i{color: #f4f4f4;}
b{color: #f2f2f2;}
a{color: #f1f1f1;}

</style>

<div class="box1">
<div style="width: 430px; height: 250px; overflow-y: hidden;">
<div style="width: 430px; height: 250px; overflow: auto;" align="center">
<span style="float:left;"><b>Name</b></span><span style="float:right;">Shallot</span><br>
<span style="float:left;"><b>Alias(es)</b></span><span style="float:right;"><a title="None for now">Hover</a>.</span><br><br>
<span style="float:left;"><b>Gender</b></span><span style="float:right;">Male</span><br>
<span style="float:left;"><b>Age</b></span><span style="float:right;">Unknown</span><br>
<span style="float:left;"><b>Height</b></span><span style="float:right;">N/A</span><br>
<span style="float:left;"><b>Weight</b></span><span style="float:right;">N/A</span><br><br>
<span style="float:left;"><b>Orientation</b></span><span style="float:right;">N/A</span><br>
<span style="float:left;"><b>Relationship</b></span><span style="float:right;">Single</span><br><br>
<span style="float:left;"><b>Species</b></span><span style="float:right;">Saiyan</span><br>
<span style="float:left;"><b>Eyes</b></span><span style="float:right;">Black</span><br>
<span style="float:left;"><b>Hair</b></span><span style="float:right;">Black</span><br>
</div>
</div>
</div>

<div class="box2">
<div style="width: 430px; height: 250px; overflow: auto;" align="center">
<h1>Connections</h1>
<a href="profile.php?user=" target="_blank"><img src="" class="circle" width="70" height="70" border="1px solid #000000" a title="Words"></a>
<a href="profile.php?user=" target="_blank"><img src="" class="circle" width="70" height="70" border="1px solid #000000" a title="Words"></a>
<a href="profile.php?user=" target="_blank"><img src="" class="circle" width="70" height="70" border="1px solid #000000" a title="Words"></a>
<a href="profile.php?user=" target="_blank"><img src="" class="circle" width="70" height="70" border="1px solid #000000" a title="Words"></a>
<a href="profile.php?user=" target="_blank"><img src="" class="circle" width="70" height="70" border="1px solid #000000" a title="Words"></a>
<a href="profile.php?user=" target="_blank"><img src="" class="circle" width="70" height="70" border="1px solid #000000" a title="Words"></a>
<a href="profile.php?user=" target="_blank"><img src="" class="circle" width="70" height="70" border="1px solid #000000" a title="Words"></a><br>
</div>
</div>

<div class="box3">
<div style="width: 430px; height: 250px; overflow: auto;" align="center">
<h1>History</h1>
Shallot woke up in the start of storyline of Dragon Ball Legends, unsure of how he got there or who he really was. The only real memory he retained was one where he was commanded to run, and he was called by his name. This was provided to Trunks when he was asked.
<br><br>
After encountering and fighting Broly alongside Goku, the two were informed by Zahha about a Tournament of Time in which people from all places in time would compete, and the winner would receive a wish on the Super Dragon Balls. Although reluctant to accept that he was in it, he joined as Zahha's ally, and also allies with a young Bulma and the current age Jaco to learn more about the era, and comes across Raditz.
<br><br>
After being defeated by Raditz, a version of Vegeta from the past is demanded by Beerus to train Shallot, Zahha, and a young Gohan, who become mentored by him and an enthusiastic Nappa. After defeating Vegeta as the final trial in his training, Shallot successfully defeats a seemingly empowered Raditz, and is offered by Beerus and the current-age Goku to help find the real culprit behind the tournament. Though Shallot ends up agreeing, Zahha is not as trustworthy of Beerus, and after a friendly spar parts ways with Shallot.
<br><br>
Afterwards, Shallot comes across several members of the Frieza Force, including Dodoria and Zarbon, who are certain that Shallot has destroyed a city and wiped out their men. Shallot comes across a man who looks like him in a red hood, called the Saiyan in Red. Though the Saiyan in Red nearly defeats him, the current-age Goku comes to Shallot's rescue. Before the Saiyan in Red flees, he calls Shallot "the blood of the defeated" and Goku "the blood of the tainted."
<br><br>
Reporting the situation to Beerus, Goku decides to fight Shallot to see if there is any difference between his ki and the Saiyan in Red. Though their ki is the same for the most part, there's a difference Goku can't describe. It's revealed by Whis that Shallot is an "ancient Saiyan" whose ki somehow differs from Goku, and believes this may be relevant to them being referred to as the "blood of the defeated" and the "blood of the tainted." Beerus briefly speculates whether the mysterious Saiyan they encountered was Shallot from a different era, or a situation similar to Goku Black.
</div>
</div>

<div class="box4">
<div style="width: 430px; height: 250px; overflow: auto;" align="center">
<h1>OOC</h1>
Shallot from Dragon Ball Legends. I'll roleplay him as I see fit, don't like it then tough.
<br><br>
Pm friendly.
<br><br>
Story > Story + Smut > Smut
<br><br>
IC ≠ OOC
<br><br>
From one liners and up. Mirror posts. Third-Person perspective. If grammar isn't your best, make it to where I at least know what you are trying to say and do.
<br><br>
</div>
</div>


<div class="header" style="top: 2%; left: 31%;">I'm gonna end you!!</div>

<div id="image"></div>

<div class="credit" title="By RageQxeen">♛</div>

</body>
</html>