Alternate Code

<div align=center>
<h3 class="pfor">Profile for "Work in progress"</h3>
</div>
<center>
<div id="profile">


<style type="text/css">

.pfor {
display: none;
}


::-webkit-scrollbar {
 width: 3px;
}

::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 3px;
}

::-webkit-scrollbar-thumb {
border-radius: 13px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

#profile {
background-color: transparent;
border: none;
}

body {
background-color: #F2F2F2;
background-image: url("");
background-repeat: no-repeat;
background-position: bottom right;
background-size: 36%;
background-attachment: fixed;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur);
}

@font-face { font-family: "chopin"; src: url('http://static.tumblr.com/uj36o7b/pr6m9fa5b/_lds_chopinscript.ttf');}
a.first, a.first:link, a.first:active, a.first:visited
{
font-family:arial;
font-size:6pt;
line-height:7pt;
letter-spacing:2px;
font-weight: normal;
color:white;
text-decoration:none;
text-transform:none;
width:200%px;
background-color:grey;
text-align:center;
display:block;
 border-right: 3px solid white;
                border-left: 3px solid white;
margin-bottom:1px;}

a.first:hover {
font-family:small fonts;
font-size:5pt;
line-height:7pt;
letter-spacing:2px;
font-weight: normal;
border-bottom:;
border-color:331133;
color:grey;
text-decoration:none;
text-transform:uppercase;
width:200%px;
background-color:#FFFF97;
text-align:center;
display:block;
border-left-style:solid;
border-left-color:000000;
border-left-width:4px;
border-right-style:solid;
border-right-color:000000;
border-right-width:4px;
margin-bottom:1px;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur);}



#gif{
left:113px;
top:30%;
padding: 5px;
width: 400px;
height: 280px;
overflow: auto;
opacity:0.8;
z-index:9;
position:fixed;
border: 2px solid #000000;
background-image: url('https://scontent-atl3-1.xx.fbcdn.net/v/t34.0-12/14011922_271246516592475_1541486205_n.jpg?oh=9bd320df5a1ebe7257e280eb6c0629dd&oe=57B6F157');
background-size: 100% 100%;


-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
-moz-box-shadow:    0px 0px 10px rgba(0, 0, 0, 1);
box-shadow:         0px 0px 10px rgba(0, 0, 0, 1);
}
a.info{
    position:relative;
    color:white;
    text-decoration:none;
    text-align:center;
  }

a.info span{display: none}

a.info:hover span{
    display:block;
    position:absolute;
    top:-24px;
    width:15px;
    z-index: 1000;
    border:1px solid black;
    background-color:white; color:#000;
    text-align: center;
    opacity:0.8;
    padding:1px;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
-moz-box-shadow:    0px 0px 10px rgba(0, 0, 0, 1);
box-shadow:         0px 0px 10px rgba(0, 0, 0, 1);
  }

  a.info:hover span:after{
    content:'';
    position:absolute;
    bottom:0px;
    width:10px;
    height:10px;
    background:none;
    z-index: 999;
    left:1%;
    opacity:0.8;
    margin-left:-2px;
border-radius: 20px 20px 20px 20px;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
-moz-box-shadow:    0px 0px 10px rgba(0, 0, 0, 1);
box-shadow:         0px 0px 10px rgba(0, 0, 0, 1);
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
  }

a.nava:link, a.nava:active, a.nava:visited{
width:70px;
height:10px;
color: white;
display:block;
font-family: small-fonts;
font-size: 9px;
line-height: 9px;
letter-spacing: 3px;
padding-left: 20px;
text-decoration:none;
border-left: 3px solid #1e1e1e;
text-align: left;
background-color:white;
transition:0.9s ease-out;
-o-transition:0.9s ease-out;
-moz-transition:0.9s ease-out;
-webkit-transition:0.9s ease-out;
box-shadow: 0px 0px 4px black;}

a.nava:hover{
width:70px;
color:grey;
font-size:9px;
text-align:left;
font-family:small-fonts;

background-repeat: repeat;
border-left: 3px solid #1e1e1e;
transition:0.9s ease-in;
-o-transition:0.9s ease-in;
-moz-transition:0.9s ease-in;
-webkit-transition:0.9s ease-in;}




a.nav:link, a.nav:active, a.nav:visited{
width:170px;
height:15px;
color: grey;
display:block;
margin-bottom:4px;
font-family: fangsong;
font-size: 11px;
text-decoration:none;
text-align: center;
background-color:white;
transition:0.9s ease-out;
-o-transition:0.9s ease-out;
-moz-transition:0.9s ease-out;
-webkit-transition:0.9s ease-out;
box-shadow: 0px 0px 4px black;}

a.nav:hover{
width:170px;
color:white;
font-size:11px;
text-align:center;
font-family:fangsong;
background-image: url('http://24.media.tumblr.com/def2fca8ae9feefd520428d412d98169/tumblr_midq15Fvfl1r32k3yo1_500.gif');
background-size: cover;
transition:0.9s ease-in;
-o-transition:0.9s ease-in;
-moz-transition:0.9s ease-in;
-webkit-transition:0.9s ease-in;}

h1 {
    border-bottom: 1px solid #8B8B8B;
    font-size: 11px;
    font-family: Segoe Script;
    color: #000000;
    text-align: center;
    letter-spacing: 1px;
    text-transform: lowercase;
    }

#stats{
position: fixed;
width:410px;
height: 280px;
left:113px;
top:60px;
z-index:1;
overflow: auto;
border: 2px #000000 solid;
background-color:#FFF;
font-size:10px;
text-align:left;
color:#000000;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
-moz-box-shadow:    0px 0px 10px rgba(0, 0, 0, 1);
box-shadow:         0px 0px 10px rgba(0, 0, 0, 1);
}

h2{

color: black;
font-family: Arial Narrow  ;
font-size: 12px;
text-align: right;
font-weight: light;
font-variant: small-caps;
letter-spacing: 1px;
border-bottom: 1px dashed grey;
Text-shadow: #000000 0px 0px 1px;
}

#min{
position:fixed;
width: 420px;
height:17px;
left: 113px;
top: 505px;
z-index:9;
padding:5px;
opacity:0.9;
color:#000000;
font-size:12px;
line-height:4px;
text-align:left;
font-weight:normal;
font-family:fangsong;
font-variant:smallcaps;
text-transform:none;
text-decoration:none;
position:fixed;
overflow:hidden;
background-color:#e1e1e1;
border-top: none;
border-bottom: 1px solid grey;

box-shadow: 0px 0px 4px black;
}

#mini{
background-color: transparent;
width: 7px;
float:center;
color: #e1e1e1;
font-family: fangsong;
font-size: 12px;
line-height: 10px;
text-align: center;
padding: 10px;
z-index: 99;
height: 273px;
opacity: 0.8;
border-radius: 0px 45px 45px 0px;
border-right: 5px solid #1e1e1e;
-webkit-transition: all 1.5s ease-in-out;
-moz-transition: all 1.5s ease-in-out;
-o-transition: all 1.5s ease-in-out;
-ms-transition: all 1.5s ease-in-out;
transition: all 1.5s ease-in-out;
box-shadow: 0px 0px 4px black;
overflow: auto;
left:520px;
top:60px;
z-index:9;
padding:5px;
position:fixed;
overflow-x:hidden;
background-color:#000000;
box-shadow: 0px 0px 2px black;}

#mini:hover
{width:190px;;
z-index: 99;
color: #ffffff;
overflow: auto;
background-color: #000000;
border-radius: 0px 0px 0px 0px;
overflow: auto;
}

#namae{
    margin: 0 auto;
    width: 900px;
    height:10px;
    top: 50px;
    left: 20px;
    font-family: 'chopin', cursive;
    font-size: 70px;
    color: #A9BCF5;
text-shadow:0px 2px 3px #201d1f;
z-index: 3;
    }

#cf {
  position:relative;
  height:281px;
  width:450px;
  margin:0 auto;
}

#cf img {
  position:absolute;
  left:600;
  top:50;
  height: 500px;
-webkit-transition: opacity 1s ease-in;
    -moz-transition: opacity 1s ease-in;
    -o-transition: opacity 1s ease-in;
    -ms-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in;

}

#cf img:first-child {
opacity: 0;
-webkit-transition: opacity 1s ease-in;
    -moz-transition: opacity 1s ease-in;
    -o-transition: opacity 1s ease-in;
    -ms-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in;
 }

#cf:hover img:last-child{opacity:0;
-webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}


#cf:hover img:first-child{display:inline-block;
 opacity: 1;
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


</style>


<div id="gif">

<img src="https://static1.e621.net/data/98/9b/989b2ee4527f2d77cbd4680483f36315.png" width="250"><br>

<small>Do I have your Attention?</small><br><br>


<small>1) UNDER CONSTRUCTION</small><br><br>

<small>2) I'm usually pretty nice unless provoked.~</small><br><br>

<small>3) When I get in the mood to RP.. I uh.. Usually Multipara. Sometimes it's only Semi. Ahum.. Sexual RP has become really boring. I like story lines.. Violent.. Bloody Story lines. With.. You know.. Stuff.. That is interesting. Yeah. That.</small><br><br>

<small>4) I have Skype.. That I give out. Sometimes.. To people. Mhm.</small><br><br>

<small>5) OOC is different from IC. Obviously. I know the difference, so you should know it too. IRL comes before RPing. Because.. I have a life sometimes ;-;</small><br><br>

<small>6) Grammar and decently formed sentences are so damn sexy. Just sayin'. I tend to lose interest when I have to figure out what each sentence means. HinthintHINT</small><br><br>

<small>7)  ALL RIGHTS BELONG TO THE ARTIST. </small><br><br>

<small>8)   I'd like to give a special thanks to <a href="profile.php?user=Escargoo" target="_blank">Escargoo~</a>  for the main picture edit and for helping me form this awesome new code!!!  </small><br><br>

<small>09</small><br><br>

<small>10</small><br><br>

</center>


</div>

<div id="namae">
<h1><i>~The Girl That Scratches Until You Bleed~</i></h1>
</div>



<div id="stats">

<br>
<center><img src="https://static1.e621.net/data/11/06/1106bdee046f641ed6ec66042745d2b9.png" width="300"></center><br><br>
<h1> Statistics </h1>
<center><li><b>Name:</b> Sinthia. </li>
<li><b>Gender:</b> Female. </li>
<li><b>Species:</b> Feline Thing. </li>

<br>

<li><b>Hair:</b> Brown, Blonde</li>
<li><b>Height:</b> 5'5. </li>
<li><b>Weight:</b> 130.</li>

<br>

<li><b>Mental Status:</b> Violent.</li>
<li><b>Physical Condition:</b> Healthy.</li>

<li><b>Dominant Hand:</b> Right.</li>
<br>
<li><b>Relatives:</b> <a href="profile.php?user=Tesse" target="_blank">This Bitch</a>. </li>
<li><b>Orientation:</b> Demi-Sexual. </li>
<li><b>Attachment:</b> Only My 'Yena </li>
<li><b>Relationship:</b> Exclusive </li>
<li><b>This Heart:</b>

 <a href="profile.php?user=Nash" target="_blank">Belongs to Him</a>

</center>

<br><br>
<h1> Likes and Dislikes:</h1>
<br>
<center>Under construction</center><br><br>

<center><img src="" width="250"></center>

 <br><br>


<br><br>
<h1> History:</h1>
<br>
<center>Under construction</center><br><br>


<center><img src="" width="250"></center>

 <br><br>
</div>
<div id="min">


<h2>


"Giving up is for Failures. Rise to my Challenge?"



</h2>



</div>

<div id="mini">
<br>
Friends: <br>
<h1> </h1><br>

<img src="https://static1.e621.net/data/8f/e7/8fe7941b251f9ea2a74a2fe70b519a43.jpg" width="150"><br><br>
 <a href="profile.php?user=Escargoo" target="_blank">Escargoo.~</a> <br> <br>

<a href="profile.php?user=Hydralisk" target="_blank">Hydra.~</a> <br><br>

<a href="profile.php?user=Zell" target="_blank">Zellybabes~</a> <br><br>


 <a href="profile.php?user=Cola" target="_blank">Soda Burr.~</a> <br><br>


 <a href="profile.php?user=Kinky" target="_blank">Pokey Bot.~</a> <br><br>


 <a href="profile.php?user=Echo" target="_blank">Skittle Mutt!~</a><br><br>



 <a href="profile.php?user=Nash" target="_blank">Sweet 'Yena~</a>




</div>

<div id="cf">
  <img src="https://static1.e621.net/data/af/5c/af5c71dc225db3cb54c9ade6dde613e4.jpg" />
  <img src="https://static1.e621.net/data/ee/1d/ee1dd688436c199b811b72ba026ce468.jpg" />
</div>