ShiroTaki

  #profile-container {
  background: none;
}

body {
  background: url(https://s-media-cache-ak0.pinimg.com/originals/62/9d/6c/629d6c062d74a99979c7b04accc11115.gif);
}

body,
a:hover {
  cursor: url(http://31.media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), progress !important;
}

@font-face {
  font-family: text;
  src: url(https://dl.dropbox.com/s/jwlxft6wualrnqw/Quicksand-Regular.ttf?dl=0);
}

.Pic {
  z-index: 10;
  position: absolute;
  top: 160px;
  left: 280px;
  border: 3px solid #1b1b1b;
  background: url(https://4.bp.blogspot.com/-Gkcy03OQ9ok/WPePcNsh2bI/AAAAAAACz1Y/oLRFen2X1Nk8Vw7HehkjIqIWcPRjgFmOgCLcB/s1600/r3.jpg);
  background-size: auto 100%;
  width: 190px;
  height: 320px;
  padding: 5px;
  color: #1b1b1b;
}

.Box1 {
  z-index: 9;
  position: absolute;
  top: 150px;
  left: 190px;
  border: 5px solid #1b1b1b;
  background: #4f4f4f;
  width: 830px;
  height: 335px;
  padding: 5px;
}

.Gal1 {
  position: absolute;
  left: 935px;
  top: 160px;
  border: 3px solid #1b1b1b;
  background-image: url(http://data.whicdn.com/images/120919328/large.jpg);
  border-radius: 100px;
  width: 90px;
  height: 90px;
  z-index: 10;
  background-size: auto 100%;
  -webkit-transition: all .5s ease;
}

.Gal1:hover {
  -webkit-transition: all .5s ease;
  height: 100px;
  Width: 100px;
  left: 930px;
  top: 155px;
  z-index: 100;
}

.Gal2 {
  position: absolute;
  left: 935px;
  top: 280px;
  border: 3px solid #1b1b1b;
  background-image: url(http://pa1.narvii.com/5890/17e63270e38c478fd4a4a93b9a71c52c7dadf794_hq.gif);
  border-radius: 100px;
  width: 90px;
  height: 90px;
  z-index: 10;
  background-size: auto 100%;
  -webkit-transition: all .5s ease;
}

.Gal2:hover {
  -webkit-transition: all .5s ease;
  height: 100px;
  Width: 100px;
  left: 930px;
  top: 280px;
  z-index: 100;
}

.Gal3 {
  position: absolute;
  left: 935px;
  top: 400px;
  border: 3px solid #1b1b1b;
  background-image: url(http://pa1.narvii.com/6317/d208d0575ef163ef257cc8666d8b84cf24608867_hq.gif);
  border-radius: 100px;
  width: 90px;
  height: 90px;
  z-index: 10;
  background-size: auto 100%;
  -webkit-transition: all .5s ease;
}

.Gal3:hover {
  -webkit-transition: all .5s ease;
  height: 100px;
  Width: 100px;
  left: 930px;
  top: 390px;
  z-index: 100;
}

.tabs {
  position: absolute;
  margin: 25px 0px;
}

.tab label {
  top: 160px;
  left: 170px;
  float: right;
  height: 15px;
  margin-left: 43px;
  border: 3px solid #1b1b1b;
  background: #f1f1f1;
  width: 50px;
  padding: 2px;
  position: relative;
  color: #b1b1b1;
  text-align: center;
  font-family: text;
  font-size: 9px;
  z-index: 400;
  -webkit-transition: all .5s ease;
}

table,
th,
td {
  font-family: text;
}

.tab label:hover {
  color: #4f4f4f;
  border-color: #bfbfbf;
}

.tab [type=radio] {
  display: none;
}

.content {
  position: absolute;
  top: 160px;
  left: 500px;
  width: 400px;
  height: 265px;
  background: #f1f1f1;
  padding: 10px;
  border: 3px solid #1b1b1b;
  font-size: 15px;
  color: #4f4f4f;
  font-family: text;
  font-size: 12px;
  overflow: auto;
  z-index: 20;
}

[type=radio]:checked ~ label {
  color: #4f4f4f;
  border-color: #bfbfbf;
}

[type=radio]:checked ~ label ~ .content {
  z-index: 30;
}

::-webkit-scrollbar {
  width: 5px;
  height: 1px;
}

::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px #000;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #111;
}

a:link,
a:visited,
a:active {
  text-decoration: none;
  color: #1b1b1b;
  -webkit-transition: all .5s ease;
}

a:hover {
  color: #4f4f4f;
  -webkit-transition: all .5s ease;
}

.Credit {
  position: fixed;
  right: 50px;
  bottom: 50px;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border-color: #fff;
  border-style: dotted;
  border-width: 2px;
  background: #000;
  -webkit-transition: all 1s ease;
  .Credit:hover {
    background: #fff;
    border-color: #000;
  }
<div class="Pic">
 <p> </p>
</div>
<div class="Box1">
 <p> </p>
</div>
<div class="Gal1">
 <p> </p>
</div>
<div class="Gal2">
 <p> </p>
</div>
<div class="Gal3">
 <p> </p>
</div>
<div class="tabs">
 <div class="tab">
 <input id="tab-4" name="tab-group-2" type="radio" />
 <label for="tab-4">OOC</label>
 <div class="content">
 <ul>
<li>No Profile No RP</li>
<li>Do not just approach and be stupid</li>
<li>I have the right to refuse any Rp.</li>
<li>Smut is Fine but clean works to.</li>
<li>Do not tell me how to play my character</li>
<li>You dont like me. Oh well to bad.</li>
<li>No Personal Information</li>
<li>Do not be an asshole.</li>
<li>I will not RP with people who Mix anime and Realistic or those who use straight realistic images. Animated profiles are my preference.
</ul>
</p>
 </div>
 </div>
 <div class="tab">
 <input id="tab-3" name="tab-group-2" type="radio" />
 <label for="tab-3">Bio</label>
 <div class="content">
 <p style="text-align: center;">History</p>
 <p>Will Write when I have a moment</p>
 </div>
 </div>
 <div class="tab">
 <input id="tab-2" name="tab-group-2" type="radio" />
 <label for="tab-2">Gallery</label>
 <div class="content">
 <p style="text-align: center;">Gallery</p>
 <center>Human Form /Transformed/ Demonic<br>
<a target="_blank" https://pbs.twimg.com/media/C6rPA00VAAAjqPt.jpg target="_blank"><img src="https://pbs.twimg.com/media/C6rPA00VAAAjqPt.jpg" width="100" height="100" border="1px solid"></a>

<a target="_blank" href="https://cdn.discordapp.com/attachments/258771623182729217/370743641800572948/21fe449733bf1d9283863d257f206d36--big-hero--hercules.jpg" target="_blank"><img src="https://cdn.discordapp.com/attachments/258771623182729217/370743641800572948/21fe449733bf1d9283863d257f206d36--big-hero--hercules.jpg" width="100" height="100" border="1px solid"></a>

<a target="_blank" href="https://i.pinimg.com/236x/91/3c/84/913c8465d1b41bf6815f07f3af5cecb0--fox-fantasy-dark-fantasy.jpg" target="_blank"><img src="https://i.pinimg.com/236x/91/3c/84/913c8465d1b41bf6815f07f3af5cecb0--fox-fantasy-dark-fantasy.jpg" width="100" height="100" border="1px solid"></a>


<br><br><br>
<center>Perverted Zone</center>
<a target="_blank" href="https://24.media.tumblr.com/eaa30d7b7b932a04412a62fdd3cd53d7/tumblr_n40s0uufab1sjyos5o1_500.gif" target="_blank"><img src="https://24.media.tumblr.com/eaa30d7b7b932a04412a62fdd3cd53d7/tumblr_n40s0uufab1sjyos5o1_500.gif" width="100" height="100" border="1px solid"></a>

<a target="_blank" href="https://68.media.tumblr.com/2d5e203c502c00408366890b6063ff26/tumblr_ns4foe0riZ1rvphqeo1_540.gif" target="_blank"><img src="https://68.media.tumblr.com/2d5e203c502c00408366890b6063ff26/tumblr_ns4foe0riZ1rvphqeo1_540.gif" width="100" height="100" border="1px solid"></a>

<a target="_blank" href="http://78.media.tumblr.com/87e96994ce1297dc0cbbcb640891dad2/tumblr_oh5x8qcTtc1v2hfg0o1_500.gif" target="_blank"><img src="http://78.media.tumblr.com/87e96994ce1297dc0cbbcb640891dad2/tumblr_oh5x8qcTtc1v2hfg0o1_500.gif" width="100" height="100" border="1px solid"></a>


</center>

 </p>
 </div>
 </div>
 <div class="tab">
 <input id="tab-1" checked="checked" name="tab-group-2" type="radio" />
 <label for="tab-1">Stats</label>
 </div>
 <div class="content">
 <p> </p>
 <p style="text-align: center;">Stats</p>
 <table border="0" cellspacing="0" width="344" height="96">
 <tbody>
 <tr>
 <td style="text-align: right;">Name</td>
 <td style="padding-left: 30px;">Shiro Taki</td>
 <td style="text-align: right;">Alias</td>
 <td style="padding-left: 30px;">Taki</td>
 </tr>
 <tr>
 <td style="text-align: right;">Age</td>
 <td style="padding-left: 30px;">20(in appearance)</td>
 <td style="text-align: right;">Gender</td>
 <td style="padding-left: 30px;">male</td>
 </tr>
 <tr>
 <td style="text-align: right;">Height</td>
 <td style="padding-left: 30px;">6'2</td>
 <td style="text-align: right;">Weight</td>
 <td style="padding-left: 30px;">187lbs</td>
 </tr>
 <tr>
 <td style="text-align: right;">Sexuality</td>
 <td style="padding-left: 30px;">Straight</td>
 <td style="text-align: right;">Status</td>
 <td style="padding-left: 30px;">Single</td>
 </tr>
 <tr>
 <td style="text-align: right;">Species</td>
 <td style="padding-left: 30px;">Demonic</td>
 <td style="text-align: right;">Occupation</td>
 <td style="padding-left: 30px;">Soul Catcher</td>
 </tr>
 </tbody>
 </table>
 </div>
</div>
<div class="Credit">
 <p style="text-align: center;"><a target="_blank" href="https://[FILTERED].tumblr.com/" target="_blank">♠</a></p>
</div>


<div class="Credit">
 <p style="text-align: center;"><a target="_blank" href="https://[FILTERED].tumblr.com/" target="_blank">♠</a></p>
</div>