- database.

<style type="text/css">
.pfor { display: none; }
#profile { background-color: transparent; border: none; }
</style>

<style type="text/css">
body {
font-family: verdana;
font-size: 10px;
background-color: #D4B0A0;
background-image: url('http://25.media.tumblr.com/2387017f607b2653291648161a373450/tumblr_mfj20r62w41rirnzso1_400.jpg');
background-attachment: fixed;
background-position: bottom left;
background-repeat: repeat;
text-align: justify;
color: #888888;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
}

b, strong {font-family:'verdana'; font-variant: small-caps; font-size:10px; color: #516985; font-weight:normal; letter-spacing: -1px;}
i {color: #8A795E; font-family: 'calibri'; font-variant: small-caps; font-size:10pt; letter-spacing:0px}
u {color: #666; font-size: 12px; font-weight: light; letter-spacing: 0px; word-spacing: 6px; font-family:Romans; text-transform: normal; font-weight: normal; text-align: center; border-bottom: 1px dotted #889e9f;}
s {color: #820000; font-size: 11px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-shadow: #212121 0px 0px 1px;}
big {color: #8A795E; font-size: 15px; font-weight: light; letter-spacing: 0px; font-family: Century Gothic; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #43150E 0px 0px 1px;}
small {color: #8A795E; font-size: 10px; font-weight: light; letter-spacing: -1px; font-family: verdana; font-variant: small-caps; text-transform: lowercase; text-decoration: none; font-weight: normal; text-align: center;}

::-webkit-scrollbar-button:vertical:{background-color: transparent;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:vertical {background-color: transparent; height:20px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:horizontal {background-color: transparent; height:20px !important;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar { height:20px;width:3px; background-color:transparent;}

@font-face {
  font-family: 'CaneletterScriptThinPersonal';
  src: url('http://www.fontsaddict.com/fontface/caneletterscriptthinpersonal.ttf');
}

h1{
font-size: 23px;
font-variant: small-caps;
color: #B67D82;
text-transform: lowercase;
letter-spacing: -1px;
text-align: center;
background-color: none;
line-height: 20px;
text-align: justified;
font-family: century gothic;
text-shadow: #444444 2px 3px 4px;
margin-top: 170px;
margin-bottom: 8px;
display: block;
background-color: #151413;
border-right: 1px solid #4B4330;
padding: 0px;
font-weight: normal;
}

h2{
font: 10px verdana;
font-variant: small-caps;
color: #444444;
text-align: center;
margin: -8px;
padding: 0px;}

h3{
font: 10px verdana;
font-variant: small-caps;
color: #444444;
text-align: right;
margin: 0px;
padding: 0px;}


#no{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 999999;
}

#title {
position: fixed;
top: 42px;
left: 700px;
z-index: 550;
color: #5E595D;
font-size: 60px;
line-height: 80px;
letter-spacing: 2px;
font-family: 'CaneletterScriptThinPersonal';
text-shadow: #212121 2px 3px 4px;
z-index: 600;
}

#container{
position: fixed;
z-index: 100;
left: 520px;
height: 490px;
width: 755.5px;
top: 100px;
z-index: 5;
background-color: #363331;
border: #5E595D 5px Solid;
border-radius: 5px;
}

#tome{
position: absolute;
top: 0px;
left: 500px;
background-color: #3F343F;
background-image: url('https://41.media.tumblr.com/32744ab37944ac1d8ce19870f02db52e/tumblr_mxbgjs2EEU1snp3tro1_1280.jpg');
background-repeat: no-repeat;
background-position: -150px -100px;
background-attachment: absolute;
width: 250px;
height: 490px;
border-left: #5E595D 5px solid;
z-index: 10;
}

#database{
position: absolute;
top: 0px;
left: 0px;
background-color: #3F343F;
background-image: url('http://media-cache-cd0.pinimg.com/736x/f1/53/e8/f153e8b664f0ac04a936465436a93aeb.jpg');
background-repeat: no-repeat;
background-position: -150px -100px;
background-attachment: absolute;
width: 250px;
height: 490px;
border-right: #5E595D 5px solid;
z-index: 10;
}

#img1{
position: absolute;
top: 0px;
left: 255px;
background-color: #3F343F;
background-image: url('https://33.media.tumblr.com/77424dd4d2528981a3929ffbad5d2ddd/tumblr_mx39on7ZeS1shdfeho1_250.gif');
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: 250px 150px;
background-attachment: absolute;
width: 250px;
height: 140px;
border-bottom: #5E595D 5px solid;
z-index: 10;
}

#N2 {
position: fixed;
left: 1030px;
top: 575px;
width: autopx;
background-color: #5E595D;
z-index: 1000;
}

#image {
position:fixed;
top: 220px;
left: 150px;
z-index:50000;}

.box {
position: fixed;
left: 780px;
top: -1005px;
width: 235px;
height: 480px;
padding: 5px;
color: #EDEDEE;
font-family: verdana;
font-variant: small-caps;
text-align: justify;
font-size: 10px;
line-height: 13px;
overflow: auto;
background-color: transparent;
opacity: 0;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
z-index: 950;
}

.box:target {
top: 250px;
left: 780px;
opacity: 1;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}

a.nav:link, a.nav:active, a.nav:visited{
letter-spacing: 1px;
text-transform: lowercase;
display: inline-block;
width: 72.5px;
height: 10px;
color: #EDEDEE;
margin: 5px;
background-color: #5E595D;
text-align: center;
line-height: 10px;
font-variant: small-caps;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;}

a.nav:hover{
background-color: transparent;
color: transparent;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
}

a {
color: #516985;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
}

a:hover {
color: #888888;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
}

p {
margin: 10px;
padding: 5px;
font-family: verdana;
font-variant: small-caps;
text-align: justify;
font-size: 10px;
color: #EDEDEE;
background-color: transparent;
}

</style>

<div id="no" oncontextmenu="return false;">

<div id="title">Villain in glasses, Shiroe</div>


<div id="container">
<div id="img1"></div> <div id="img2"></div>
<div id="tome"></div>

<div id="N2">
<a class="nav" href="#one">Statistics</a>
<a class="nav" href="#two">Persona</a>
<a class="nav" href="#three">Guidelines</a>
</div>

<div id="one" class="box">
<b>This is bold</b> <i>This is italics</i> <u>This is underline</u> <big>This is big</big> <small>This is small</small> <a href="" target="_blank">This is a link.</a>
</div>

<div id="two" class="box">
more words here.
</div>

<div id="three" class="box">
<small>→</small> Marielle made this profile for Shiroe only! <br>
<small>→</small> More ooc shenanigans here. <br>
</div>

<div id="database"></div>

</div>

<div id="image"><img src="http://i.picpar.com/pehb.png"></div>