Ophie

#profile-container{
  background: none;}

body{
  cursor: url('https://dl.dropboxusercontent.com/s/qdc8wouix91wung/01WHT.png'), progress !important;
  background-color: #292D33;}






/* FONTS */

@font-face{
  font-family: slanted;
  src: url('https://dl.dropboxusercontent.com/s/jirbe811c6wj8z9/Gobold%20Blocky%20Regular.otf');}

@font-face{
  font-family: mavenB;
  src: url('https://dl.dropboxusercontent.com/s/v0fwqhtwl8ok4ab/MavenPro-Bold.ttf');}






/* PROFILE */

#contain{
  position: relative;
  top: 30px;
  margin-left: auto;
  margin-right: auto;
  height: 890px;
  width: 700px;
  border: 0px solid #aaa;
  display: block;}

.main{
  position: absolute;
  top: 5px;
  left: 5px;
  height: 376px;
  width: 688px;
  border: 1px solid #000;
  background-color: #9DA2A3;
  box-shadow: 0 12px 11px -6px rgba(0, 0, 0, 0.9);}

.image{
  position: absolute;
  display: block;
  top: 10px;
  left: 10px;
  z-index: 9999;
  border: 1px solid #333;
  height: 366px;
  width: 678px;
  background-image: url('https://konachan.com/jpeg/71792d71cae3ce828cda6e5a7875f83a/Konachan.com%20-%20123681%20bishoujo_mangekyou%20bondage%20game_cg%20happoubi_jin%20kagarino_kirie%20long_hair%20red_eyes%20ribbons%20rope%20twintails%20vampire%20white_hair.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;}

.info{
  position: absolute;
  opacity: 0;
  display: block;
  top: 0px;
  left: 0px;
  height: 346px;
  width: 658px;
  background-color: #D4D4D4;
  border: 10px solid #D4D4D4;
  outline: 1px solid #8C8E91;
  overflow: auto;
  cursor: url('https://dl.dropboxusercontent.com/s/l7rtl3eflq3dutj/01BLK.png'), progress !important;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;}

.image:hover .info{
  opacity: 1;}

.textarea{
  position: absolute;
  top: 1px;
  left: 1px;
  height: 345px;
  width: 656px;
  background-color: #F0F0F0;
  overflow: hidden;}

.title{
  position: absolute;
  display: block;
  height: 46px;
  top: 11px;
  left: 15px;
  font-family: 'slanted';
  font-size: 49.9px;
  letter-spacing: -3px;
  color: #292D33;}

.text{
  position: absolute;
  z-index: 9999;
  top: 80px;
  left: 15px;
  height: 230px;
  width: 390px;
  background-color: #fff;
  border: 10px solid #fff;
  overflow: auto;}

p{
  margin: 1px 0 2px 3px;
  font-family: 'tahoma';
  text-align: justify;
  padding-right: 9px;
  font-size: 11px;
  color: #000;
  line-height: 12px;}






/* TABLE STATS */

.statstable{
  position: absolute;
  top: 15px;
  left: 441px;
  padding-top: 4px;
  padding-bottom: 4px;
  height: 252px;
  width: 200px;}

table.left{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 200px;
  height: 245px;
  border-collapse: collapse;
  background-color: #fff;}

table, th{
  border: none;}

tr.fill{
  background-color: #F0F0F0;}

span.first{
  font-family: 'mavenB';
  color: #000;
  font-size: 10px;
  text-transform: uppercase;
  padding-left: 2px;}

span.second{
  font-family: 'tahoma';
  color: #999;
  font-size: 11px;
  padding-right: 2px;}






/* GALLERY */

.gallery{
  position: absolute;
  top: 268px;
  left: 434px;}

.gallery img{
  position: relative;
  z-index: 99;
  height: 45px;
  width: 45px;
  margin: 7px 8px 0 6px;
  border: 3px solid #5F6469;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;}

.gallery img:hover{
  border: 5px solid #2C343D;}






/* LINKS */

a,
a:link,
a:visited{
  color: #999;
  text-decoration: none;
  -webkit-transition: all 0.9s ease;
  -moz-transition: all 0.9s ease;
  -o-transition: all 0.9s ease;}

a:hover{
  color: #000;
  cursor: url('https://dl.dropboxusercontent.com/s/6ecqfgauva7whe2/cur_red.png'), progress !important;}






/* SCROLLBAR */

::-webkit-scrollbar{
  progress;
  width: 2px;}

::-webkit-scrollbar-thumb:vertical{
  background-color: #2C343D;
  border-top: 4px solid #fff;
  border-bottom: 4px solid #fff;}

::-webkit-scrollbar-thumb:vertical:hover,
::-webkit-scrollbar-button:start:decrement:hover,
::-webkit-scrollbar-button:end:increment:hover{
  background-color: #666;}





/* CREDIT */

.credit{
  z-index: 0;
  position: fixed;
  right: 50px;
  bottom: 50px;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border-color: #fff;
  border-style: dotted;
  border-width: 2px;
  background: #000;
  text-align: center;
  -webkit-transition: all 1s ease;}

.credit p{
  font-size: 10px;
  display: inline-block;
  margin: 2px 0 0 7px;}

.credit:hover{
  background: #fff;
  border-color: #000;}


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~




 <div id="contain">
<div class="main"> </div>
<div class="image">
<div class="info">
<div class="textarea">
<div class="title">Ophelia<span style="color: #292d33;"> _/</span></div>
<div class="text">
<p>TO Be ADDED.</p>
</div>
<div class="statstable">
<table class="left" border="0" cellspacing="0">
<tbody>
<tr>
<td style="text-align: left;"><span class="first">Age:</span></td>
<td style="text-align: right;"><span class="second">18</span></td>
</tr>
<tr class="fill">
<td style="text-align: left;"><span class="first black">Gender:</span></td>
<td style="text-align: right;"><span class="second">Female</span></td>
</tr>
<tr>
<td style="text-align: left;"><span class="first">Sexuality:</span></td>
<td style="text-align: right;"><span class="second">Straight</span></td>
</tr>
<tr class="fill">
<td style="text-align: left;"><span class="first">Hair Color:</span></td>
<td style="text-align: right;"><span class="second">White</span></td>
</tr>
<tr>
<td style="text-align: left;"><span class="first">Eye Color:</span></td>
<td style="text-align: right;"><span class="second">Purple</span></td>
</tr>
<tr class="fill">
<td style="text-align: left;"><span class="first">Position:</span></td>
<td style="text-align: right;"><span class="second">Submissive</span></td>
</tr>
<tr>
<td style="text-align: left;"><span class="first">Mate:</span></td>
<td style="text-align: right;"><span class="second">None</span></td>
</tr>
<tr class="fill">
<td style="text-align: left;"><span class="first">Master:</span></td>
<td style="text-align: right;"><span class="second">None</span></td>
</tr>
<tr>

</tbody>
</table>
</div>
<div class="gallery"><img src="https://cdn.discordapp.com/attachments/438538987167023106/439842075299545098/4998aaebbce7ef1f4d0942459188b8fe.jpg" alt="" /> <img src="https://cdn.discordapp.com/attachments/438538987167023106/439846653395075122/be08a9bc3b455f1e918b689dbc191483.png" alt="" /> <img src="https://cdn.discordapp.com/attachments/438538987167023106/439842178743795715/0a674bb39294e16fa69e0d5cafb2402f.jpg" alt="" />
</div>
</div>
</div>
</div>
</div>
<div class="credit">
<p><a target="_blank" href="https://[FILTERED].tumblr.com/" target="_blank">♠</a></p>
</div>