Simple Profile

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

<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:13px;
top:10%;
padding: 5px;
width: 400px;
height: 580px;
opacity:0.8;
z-index:9;
position:fixed;
border: 2px solid #000000;
background-image: url('http://270c81.medialib.glogster.com/kramos36649/media/8e/8e137dcc420c059b51090da0867193d5685ecc1f/wolfwarrior-1.png');
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-image: url('http://i1096.photobucket.com/albums/g324/raptureex/x1qlqlk_zps7c896a59.png;);
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: 15px;
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:15px;
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: absolute;
width:410px;
height: 180px;
left:213px;
top: 120px;
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{
width: 420px;
height:17px;
left: 205px;
top: 305px;
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: 172px;
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:630px;
top:18%;
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;
}

#mini2{
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: 183px;
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:630px;
top:335px;
z-index:9;
padding:5px;
position:fixed;
overflow-x:hidden;
background-color:#000000;
box-shadow: 0px 0px 2px black;}

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

#credit {
position: fixed;
top: 0px;
left: 0px;
overflow: hidden;
}

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

</style>


<div id="gif">
</div>

<div id="namae">
- - Some cool quote here
</div>




<div id="stats">
<h1> Statistics </h1>
<center><li><b>Name:</b> . </li>
<li><b>Gender:</b> Male. </li>
<li><b>Species:</b> . </li>

<li><b>Eyes:</b> . </li>
<li><b>Hair:</b> .</li>
<li><b>Height:</b>  </li>
<li><b>Weight:</b> .</li>



<li><b>Mental Status:</b> .</li>
<li><b>Physical Condition:</b> .</li>
<li><b>Dominant Hand:</b>.</li>
<li><b>Orientation:</b> . </li><br>

<li><b>This Heart:</b> Lover here.</center>

<br><br>
<h1> Likes and Dislikes:</h1>
<br>
<li><b>.</b> .</li>
 <br><br>



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


<h1> OOC:</h2>

 <li><b>1):</b> .</li><br>
<li><b>2):</b> .</li><br>

</div>

<div id="mini">

<h1> Friends:</h1>

</div>

<div id="mini2">
<br>
<h1> </h1><br>
 <a href="profile.php?user=Name here" target="_blank">Name or nickname here~</a> <br><br>

</div>

<div style="position: fixed; bottom: 0px; right: 40px; background-color: transparent;">
<img src=""height="100%">

<div id="credit">
Profile Credit<br>
<a href="http://roleplaychat.org/profile.php?user=Sinthia" target="_blank"><img src="https://pp.vk.me/c628116/v628116156/e3de/snRKdFeusyU.jpg" width="40"></a>
</div>