— ᴛʜᴇ ᴛsᴜɴᴅᴇʀᴇ ᴘʀɪɴᴄᴇss.

<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: #000000;
background-image: url('http://i.picpar.com/K06.png');
background-attachment: fixed;
background-position: bottom left;
background-repeat: repeat;
text-align: justify;
color: #888888;
cursor: url('http://cur.cursors-4u.net/others/oth-7/oth666.cur'), default;
}

b, strong {font-family:'verdana'; font-variant: small-caps; font-size: 12px; color: #BCAF9E; font-weight:normal; margin-left: 10px; letter-spacing: -1px;}
i {color: #666666; 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: #BCAF9E; font-size: 20px; font-weight: light; letter-spacing: 0px; font-family:Century Gothic; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #533034 0px 0px 1px;}
small {color: #820000; font-size: 11px; 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;}

@import url(http://fonts.googleapis.com/css?family=Lavanderia delicate);

#Navi {
position: fixed;
left: 450px;
top: 550px;
width: 30px;
z-index: 999;
}

#Pic {
position: fixed;
top: 537px;
left: 470px;
width: 220px;
height: 100px;
background-color: #EDEDEE;
background-image:url('https://31.media.tumblr.com/a20351c17a7ab6c967561c465fadad49/tumblr_n0t3fxFmBf1sa45sbo4_500.gif');
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: 220px 100px;
border: #966059 5px solid;
z-index: 100;
}

#info{
position: fixed;
left: 695px;
top: 537px;
width: 220px;
height: 102px;
background-color: #212121;
overflow: auto;
text-align: justify;
font-face: verdana;
font-size: 10px;
font-variant: small-caps;
color: #ededee;
border: 4px Solid #966059;
line-height: 13px;
z-index: 500;
}

a.nav:link, a.nav:active, a.nav:visited{
letter-spacing: 1px;
text-transform: lowercase;
display: inline-block;
width: 10px;
height: 10px;
margin: 2px;
background-color: #403432;
text-align: center;
line-height: 17px;
font-variant: small-caps;
border: 2px solid #966059;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.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: #966059;
border: 2px solid #403432;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
}

.box {
position: fixed;
left: 0px;
top: 537px;
width: 220px;
height: 100px;
padding: 5px;
color: #EDEDEE;
font-family: verdana;
font-variant: small-caps;
text-align: justify;
font-size: 10px;
line-height: 13px;
overflow: auto;
border-left: 20px Solid #83776B;
border-right: 20px Solid #83776B;
background-color: #212121;
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: 999999999;
}

.box:target {
top: 537px;
left: 925px;
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;
z-index: 99999999;
}

.bee {
height: 50px;
width: 50px;
margin: 4px;
border: #857E6C 2px solid;
opacity: 0.7;
}

.bee:hover {
height: 50px;
width: 50px;
margin: 4px;
border: #857E6C 2px solid;
opacity: 1;
}

a {
color: #8d8d82;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur),default;
}

a:hover {
color: transparent;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur),default;
}

#title{
position: fixed;
top: 470px;
left: 530px;
z-index: 550;
color: #7C4445;
font-size: 80px;
line-height: 80px;
letter-spacing: -2px;
text-transform: lowercase;
font-family: lavanderia delicate;
text-shadow: #D79EA1 2px 3px 4px;
z-index: 600;
}

#character{
position: fixed;
left: 0px;
top: 135px;
z-index: 200;
}

#icon{
position: fixed;
left: 480px;
top: 495px;
z-index: 300;
}

#credit{
position:fixed;
bottom:0px;
right:0px;
z-index:450;}

</style>

<div id="pic"></div>

<div id="navi">
<a class="nav" href="#stats"></a>
<a class="nav" href="#persona"></a>
<a class="nav" href="#items"></a>
<a class="nav" href="#comrades"></a>
<a class="nav" href="#misc"></a>
</div>

<div id="info">will fill out more later. you already know the general ooc. dont take my shit. k? k. will add more friends later.</div>
</div>

<div id="stats" class="box"></div>
<div id="persona" class="box"></div>
<div id="items" class="box"></div>
<div id="comrades" class="box">
<a href="/profile.php?userid=202562" target="_blank"><img src="https://31.media.tumblr.com/1b0d958dc5adeda4e9f0a4e2e2916bea/tumblr_inline_mxocnbTSsS1qbrmq7.png" class="bee"></a>
<a href="/profile.php?userid=225250" target="_blank"><img src="https://31.media.tumblr.com/7e3a059aba2ecaa19047ef422e4b7133/tumblr_inline_mxocvuAP5l1qbrmq7.png" class="bee"></a>
<a href="/profile.php?userid=262325" target="_blank"><img src="http://media.tumblr.com/e8e8df37fce7a43abb861d8eee23ced9/tumblr_inline_mo2fvxzQad1qz4rgp.png" class="bee"></a>
<a href="/profile.php?userid=262965" target="_blank"><img src="http://i.picpar.com/C56.png" class="bee"></a>
<a href="/profile.php?userid=263714" target="_blank"><img src="http://i.picpar.com/B56.png" class="bee"></a>
<a href="/profile.php?userid=263539" target="_blank"><img src="http://i.picpar.com/856.png" class="bee"></a>
</div>
<div id="misc" class="box"></div>

<div id="character"><img src="http://i.picpar.com/J06.png"></img></div>
<div id="icon"><img src="http://i.picpar.com/D56.png"></img></div>
<div id="title">tsundere princess</div>

<div id="credit"><a href="http://devilrose.webstarts.com/" title="Copyright"><img src="http://i1267.photobucket.com/albums/jj547/xdevilrose/Photoshop/--devilrose2.png"></img></a></div>