TOSHIRO VER LIGHT

<style type="text/css">
@import url(//fonts.googleapis.com/css?family=Itim|Unlock);

#profile {background-color: transparent; border: 0px;}

body {background-color: transparent;
background-image: linear-gradient(to top right, #2193C0, #015F7B, #039DCD, #4FB0D7);
background-repeat: repeat;
background-size: 100%}

::-webkit-scrollbar { width: 3px; }
::-webkit-scrollbar-track { border-radius: 0px; background-color: transparent; }
::-webkit-scrollbar-thumb { border-radius: 0px; background-color: transparent; }

#whole {position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px;}

#overlay {
background: url('https://www.transparenttextures.com/patterns/diagmonds-light.png');
z-index: -1;
position: fixed;
background-size: 5%;
left: 0px; top: 0px; right: 0px; bottom: 0px;
}


#box{position: absolute;
bottom: 10px;
left: 420px;
background-color: transparent;
height: 518px;
width: 852px;
background-image: linear-gradient(to top right, #C8E6E8, #4FB0D7, #1983C8);
background-position:center;
background-repeat:repeat;
border: 4px solid #1983C8;
box-shadow: -2px 0 #293E69, 0 2px #293E69,2px 0 #293E69, 0 -2px #293E69;
opacity:0.8;
z-index: 4;}

#dangerous{
position:absolute;
bottom:14px;
left:870px;
height:650px;
width:406px;
border-radius:0%;
background-image:url('https://i.imgur.com/nXTwuGF.png');
background-size:100%;
background-position:center;
background-repeat: no-repeat;
z-index:5;
}

#info{position: absolute;
bottom: 260px;
left: 430px;
background-color: #000000;
font-family: 'Itim', cursive;
height: 262px;
width: 202px;
color:#84B4BA;
font-size: 15px;
text-align: left;
border: 2px solid #038BB5;
z-index: 30;
}

#info2{position: absolute;
bottom: 21px;
left: 430px;
background-color: #000000;
font-family: 'Itim', cursive;
height: 230px;
width: 202px;
color:#84B4BA;
font-size: 15px;
text-align: left;
border: 2px solid #038BB5;
z-index: 30;
}

#info3{position: absolute;
bottom: 388px;
left: 640px;
background-color: #000000;
font-family: 'Itim', cursive;
height: 134px;
width: 185px;
color:#84B4BA;
font-size: 15px;
text-align: left;
border: 2px solid #038BB5;
z-index: 30;
}

#info4{position: absolute;
bottom: 254px;
left: 640px;
background-color: #000000;
font-family: 'Itim', cursive;
height: 125px;
width: 185px;
color:#84B4BA;
font-size: 15px;
text-align: left;
border: 2px solid #038BB5;
z-index: 30;
}

#info5{position: absolute;
bottom: 120px;
left: 640px;
background-color: #000000;
font-family: 'Itim', cursive;
height: 125px;
width: 185px;
color:#84B4BA;
font-size: 15px;
text-align: left;
border: 2px solid #038BB5;
z-index:30;
}

#info6{position: absolute;
bottom: 21px;
left: 640px;
background-color: #000000;
font-family: 'Itim', cursive;
height: 90px;
width: 185px;
color:#7383B0;
font-size: 15px;
text-align: center;
border: 2px solid #038BB5;
z-index: 30;
}

a{color:#7383B0;
text-decoration:none;
-webkit-transition:opacity 0.7s linear;
    -webkit-transition:all 0.6s ease-out;
    -moz-transition:all 0.6s ease-out;
    transition:all 0.6s ease-out;}
a:hover{ color:#948063;
text-decoration:none;
-webkit-transition:opacity 0.7s linear;
    -webkit-transition:all 0.6s ease-out;
    -moz-transition:all 0.6s ease-out;
    transition:all 0.6s ease-out;}
i{color: #A0A5BB;}
b{color: #B58B69;}
h1{color:#C8E6E8;margin:0px;margin-bottom:6px;margin-top:5px;font-size:14px;font-family: 'Unlock', cursive;text-shadow: 1px 2px 2px #5C7B7D;letter-spacing:1px;text-align:right;background-color:#349FC4; line-height:7px;}

.name {
position: absolute;
left: 590px;
bottom: 243px;
margin: auto;
background: #transparent;
width: 540px;
font-family: 'Unlock', cursive;
font-size: 50px;
background: url(https://i.imgur.com/y8GeQck.gif) 565px -70px repeat;
-webkit-text-fill-color: transparent; -webkit-background-clip: text;
display:block;
text-align: center;
letter-spacing: 2px;
-webkit-transition:opacity 2s linear;
-ms-transform: rotate(450deg); /* IE 9 */
-webkit-transform: rotate(450deg); /* Chrome, Safari, Opera */
transform: rotate(450deg);
z-index: 10;
}

.nameunder{
position: absolute;
left: 589px;
bottom:243px; margin: auto;
background: #transparent;
width: 540px;
font-family: 'Unlock', cursive;
font-size: 50px;
-webkit-text-fill-color: transparent;
text-transform: none;
-webkit-background-clip: text;
display:block;
text-shadow: -2px 0 #293E69, 0 1px #293E69,1px 0 #293E69, 0 -2px #293E69;
text-align: center;
letter-spacing: 2px;
-webkit-transition:opacity 2s linear;
-ms-transform: rotate(450deg); /* IE 9 */
-webkit-transform: rotate(450deg); /* Chrome, Safari, Opera */
transform: rotate(450deg);
z-index: 9;
}

.friend { width: 37.5px;
 height:60px;
opacity: 1;
 border: 1px dashed #6978A8;
border-Radius: 10%;
margin-right: .6px;
margin-top: 5px;
margin-bottom:-5px;
opacity: 0.8;
-webkit-transition:opacity 0.7s linear;
    -webkit-transition:all 0.6s ease-out;
    -moz-transition:all 0.6s ease-out;
    transition:all 0.6s ease-out;}
.friend:hover { opacity: 0.7;
 border: 1px dashed #7B7FA3;
margin-right: .6px;
margin-top: 5px;
margin-bottom:-5px;
-webkit-transition:opacity 0.7s linear;
    -webkit-transition:all 0.6s ease-out;
    -moz-transition:all 0.6s ease-out;
    transition:all 0.6s ease-out;}
</style>

<div id="whole" oncontextmenu="return false;">
<div id="overlay"></div>
<div id="box"></div>
<div id="dangerous"></div>
<div class="name">Hitsugaya Toshiro</div>
<div class="nameunder">Hitsugaya Toshiro</div>

<div id="info">
<div style="height:262px;overflow-y:hidden;">
<div style="height:262px;overflow:auto;">
<div style="margin: 0 auto; width: 13em;">
<h1>Dossier</h1>

<B>Name:</B> <font style=float:right>Hitsugaya Toshiro</font><br>
<B>Race:</B> <font style=float:right>Soul</font><br>
<B>D.o.B.:</B> <font style=float:right>December 20th</font><br>
<B>Zodiac:</B> <font style=float:right>Sagittarius</font><br>
<B>P.o.B.:</b> <font style=float:right>Junrinan, Rukongai.</font><br>
<B>Alignment:</b> <font style=float:right>Chaotic Good.</font><br>
<B>Occupation:</B> <font style=float:right>Shinigami</font><br>
<B>Position:</b> <font style=float:right>Captain</font><br>
<B>Squad:</b> <font style=float:right>10th Division</font><br>
<B>Partner:</b> <font style=float:right><a href="/profile.php?user=Rangi" target="_blank">Matsumoto Rangiku</a></font><br>
<B>Shikai:</B> <font style=float:right>Hyōrinmaru</font><br>
<B>Bankai:</b> <font style=float:right>Daiguren Hyōrinmaru</font><br>
<B>Insignia:</b> <font style=float:right>Daffodil</font><br>
<B>Color:</b> <font style=float:right>Dark Green</font><br>
</div></div></div></div>

<div id="info2">
<div style="height:230px;overflow-y:hidden;">
<div style="height:230px;overflow:auto;">
<div style="margin: 0 auto; width: 13em;">
<h1>Personal</h1>
<B>Orientation:</B> <font style=float:right>Heterosexual</font><br>
<B>Marital:</b> <font style=float:right>Single</font><br>
<B>Gender:</b> <font style=float:right>Male</font><br>
<B>Hair Color:</b> <font style=float:right>White</font><br>
<B>Eye Color:</b> <font style=float:right>Turquoise</font><br>
<B>Skin Tone:</b> <font style=float:right>Pale.</font><br>
<B>Complexion:</b> <font style=float:right>Smooth.</font><br>
<B>Height:</b> <font style=float:right>5'11" / 181 cm.</font><br>
<B>Weight:</b> <font style=float:right>145 lbs. / 66 kg.</font><br>
<B>Build:</b> <font style=float:right>Toned</font><br>
<B>Blood Type:</B> <font style=float:right>Never Leave</font><br>
<B>Scent:</b> <font style=float:right>Space, Bruh<a title="It doesn't have to be scent, I'm just sayin', fam. Space is so aggy.">*</a></font>
</div></div></div></div>

<div id="info3">
<div style="height:134px;overflow-y:hidden;">
<div style="height:134px;overflow:auto;">
<div style="margin: 0 auto; width: 11.5em;">
<h1>Out of Character</h1>

<b>Bold</b> <i>Italic</i> <strike>Striked</strike> <a href=" " target="_blank">Link</a> <a href=" " target="_blank">Link Hover</a><br>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean pellentesque rutrum mi, sit amet feugiat lorem malesuada pulvinar. Aliquam sit amet dui vehicula turpis elementum consectetur. Aenean sagittis, dui non fringilla malesuada, mi dui tempor est, ut cursus dui velit a ligula. Phasellus dignissim est et mi gravida, non laoreet est tincidunt. Phasellus sagittis varius porta. Duis aliquam finibus enim nec convallis. Quisque vel tellus elit. Donec ac lacinia neque. Donec eu magna in elit ullamcorper ullamcorper. Morbi ac turpis malesuada, mollis enim a, feugiat justo. Nullam nec magna ac dolor scelerisque facilisis. In lacinia lorem at orci suscipit, quis sollicitudin augue sollicitudin. Suspendisse faucibus sodales fermentum. Suspendisse euismod dolor eu tortor efficitur, tempus rhoncus erat venenatis. Sed lacus augue, rhoncus ut elit vel, efficitur facilisis diam.<br>
Fusce pretium semper euismod. Cras quis lectus vel tortor tincidunt dapibus sit amet in ex. Curabitur consequat lobortis urna, id facilisis risus mollis sed. Etiam accumsan eu nibh sit amet euismod. Maecenas viverra sagittis nisi, ac eleifend leo tempus a. Aliquam euismod elit iaculis dui gravida vehicula. Nunc quis metus dictum, feugiat nisi sit amet, luctus risus. Aenean ac libero a nisl accumsan imperdiet ultricies ornare ipsum. Fusce lobortis ut urna in suscipit.<br>
Morbi vitae lectus ut neque eleifend efficitur. Ut vulputate elit vel eros varius, ac hendrerit ante condimentum. Pellentesque volutpat semper rhoncus. Suspendisse fringilla sed velit non interdum. Curabitur vulputate lacinia laoreet. Nam elementum dictum orci a viverra. Quisque at diam venenatis, varius lectus maximus, laoreet massa. Morbi tincidunt nibh quis lorem consectetur tincidunt. Cras feugiat scelerisque neque. Curabitur elit ligula, commodo ut mi a, commodo gravida neque. Maecenas vel arcu et augue rhoncus accumsan ac ut quam. Nam at leo libero. Ut ultricies auctor fringilla.
</div></div></div></div>

<div id="info4">
<div style="height:125px;overflow-y:hidden;">
<div style="height:125px;overflow:auto;">
<div style="margin: 0 auto; width: 11.5em;">
<h1>Headcanons</h1>

<b>Bold</b> <i>Italic</i> <strike>Striked</strike> <a href=" " target="_blank">Link</a> <a href=" " target="_blank">Link Hover</a><br>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean pellentesque rutrum mi, sit amet feugiat lorem malesuada pulvinar. Aliquam sit amet dui vehicula turpis elementum consectetur. Aenean sagittis, dui non fringilla malesuada, mi dui tempor est, ut cursus dui velit a ligula. Phasellus dignissim est et mi gravida, non laoreet est tincidunt. Phasellus sagittis varius porta. Duis aliquam finibus enim nec convallis. Quisque vel tellus elit. Donec ac lacinia neque. Donec eu magna in elit ullamcorper ullamcorper. Morbi ac turpis malesuada, mollis enim a, feugiat justo. Nullam nec magna ac dolor scelerisque facilisis. In lacinia lorem at orci suscipit, quis sollicitudin augue sollicitudin. Suspendisse faucibus sodales fermentum. Suspendisse euismod dolor eu tortor efficitur, tempus rhoncus erat venenatis. Sed lacus augue, rhoncus ut elit vel, efficitur facilisis diam.<br>
Fusce pretium semper euismod. Cras quis lectus vel tortor tincidunt dapibus sit amet in ex. Curabitur consequat lobortis urna, id facilisis risus mollis sed. Etiam accumsan eu nibh sit amet euismod. Maecenas viverra sagittis nisi, ac eleifend leo tempus a. Aliquam euismod elit iaculis dui gravida vehicula. Nunc quis metus dictum, feugiat nisi sit amet, luctus risus. Aenean ac libero a nisl accumsan imperdiet ultricies ornare ipsum. Fusce lobortis ut urna in suscipit.<br>
Morbi vitae lectus ut neque eleifend efficitur. Ut vulputate elit vel eros varius, ac hendrerit ante condimentum. Pellentesque volutpat semper rhoncus. Suspendisse fringilla sed velit non interdum. Curabitur vulputate lacinia laoreet. Nam elementum dictum orci a viverra. Quisque at diam venenatis, varius lectus maximus, laoreet massa. Morbi tincidunt nibh quis lorem consectetur tincidunt. Cras feugiat scelerisque neque. Curabitur elit ligula, commodo ut mi a, commodo gravida neque. Maecenas vel arcu et augue rhoncus accumsan ac ut quam. Nam at leo libero. Ut ultricies auctor fringilla.
</div></div></div></div>

<div id="info5">
<div style="height:125px;overflow-y:hidden;">
<div style="height:125px;overflow:auto;">
<div style="margin: 0 auto; width: 11.5em;">
<h1>Recent Events</h1>

<b>Bold</b> <i>Italic</i> <strike>Striked</strike> <a href=" " target="_blank">Link</a> <a href=" " target="_blank">Link Hover</a><br>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean pellentesque rutrum mi, sit amet feugiat lorem malesuada pulvinar. Aliquam sit amet dui vehicula turpis elementum consectetur. Aenean sagittis, dui non fringilla malesuada, mi dui tempor est, ut cursus dui velit a ligula. Phasellus dignissim est et mi gravida, non laoreet est tincidunt. Phasellus sagittis varius porta. Duis aliquam finibus enim nec convallis. Quisque vel tellus elit. Donec ac lacinia neque. Donec eu magna in elit ullamcorper ullamcorper. Morbi ac turpis malesuada, mollis enim a, feugiat justo. Nullam nec magna ac dolor scelerisque facilisis. In lacinia lorem at orci suscipit, quis sollicitudin augue sollicitudin. Suspendisse faucibus sodales fermentum. Suspendisse euismod dolor eu tortor efficitur, tempus rhoncus erat venenatis. Sed lacus augue, rhoncus ut elit vel, efficitur facilisis diam.<br>
Fusce pretium semper euismod. Cras quis lectus vel tortor tincidunt dapibus sit amet in ex. Curabitur consequat lobortis urna, id facilisis risus mollis sed. Etiam accumsan eu nibh sit amet euismod. Maecenas viverra sagittis nisi, ac eleifend leo tempus a. Aliquam euismod elit iaculis dui gravida vehicula. Nunc quis metus dictum, feugiat nisi sit amet, luctus risus. Aenean ac libero a nisl accumsan imperdiet ultricies ornare ipsum. Fusce lobortis ut urna in suscipit.<br>
Morbi vitae lectus ut neque eleifend efficitur. Ut vulputate elit vel eros varius, ac hendrerit ante condimentum. Pellentesque volutpat semper rhoncus. Suspendisse fringilla sed velit non interdum. Curabitur vulputate lacinia laoreet. Nam elementum dictum orci a viverra. Quisque at diam venenatis, varius lectus maximus, laoreet massa. Morbi tincidunt nibh quis lorem consectetur tincidunt. Cras feugiat scelerisque neque. Curabitur elit ligula, commodo ut mi a, commodo gravida neque. Maecenas vel arcu et augue rhoncus accumsan ac ut quam. Nam at leo libero. Ut ultricies auctor fringilla.
</div></div></div></div>

<div id="info6">
<div style="height:90px;overflow-y:hidden;">
<div style="height:90px;overflow:auto;">
<div style="margin: 0 auto; width: 11.5em;">
<h1>Comrades</h1>
 <a href="/profile.php?user=Rangi" target="_blank"><img src="https://i.imgur.com/fKE3qmw.gif" title="Matsumoto Rangiku; Lieutenant
Partner. Someone he would kill and die for." class="friend"></a>
<a href=" " target="_blank"><img src="https://i.imgur.com/harJCVE.gif" title="Info here" class="friend"></a>
 <a href=" " target="_blank"><img src="https://i.imgur.com/harJCVE.gif" title="Info here" class="friend"></a>
<a href=" " target="_blank"><img src="https://i.imgur.com/harJCVE.gif" title="Info here" class="friend"></a>
</div></div></div></div>