— Rᴇᴄᴋᴏɴɪɴɢ.

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

<style type="text/css">
body {
font-family: verdana;
font-size: 10px;
background-color: #FFFFFF;
background-image: url('http://i.picpar.com/kOH.png');
background-attachment: fixed;
background-position: fixed;
background-repeat: repeat;
text-align: justify;
color: #888888;
cursor: url('http://cur.cursors-4u.net/cursors/cur-6/cur567.cur'), default;
}

b, strong {font-family: calibri; font-size: 11px; font-variant: small-caps; color: #993333; font-weight:normal; letter-spacing: 0px;}
i {color: #B67D82; font-family: century gothic; font-variant: small-caps; font-size: 10.5px; 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: #99D6FF; font-size: 11px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-shadow: #FF99D6 0px 0px 1px;}
big {color: #993333; font-size: 14px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #444444 0px 0px 1px;}
small {color: #520000; font-size: 14px; font-weight: light; letter-spacing: -1px; padding-top: 5px; margin-left: 20px; font-family: century gothic; font-variant: small-caps; text-transform: lowercase; text-decoration: none; font-weight: normal; text-align: center;}

@import url(http://fonts.googleapis.com/css?family=Grand+Hotel);

::-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;}

#no{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}

.queen{
position: absolute;
left: 10px;
top: 10px;
width: 235px;
height: 404px;
}

.reckoning{
position: fixed;
left: 530px;
top: 130px;
background: url('http://i.picpar.com/lOH.jpg');
border: 3px solid #212121;
width: 250px;
height: 424px;
}

.image {
opacity: 0;
width: autopx;
height: 210px;
background-color: transparent;
text-align: justify;
overflow: auto;
-ms-transition: opacity .3s linear;
-moz-transition: opacity .3s linear;
-o-transition: opacity .3s linear;
-webkit-transition: opacity .3s linear; }

.image:hover {
opacity: 1; }

.poke{
position: absolute;
margin-top: 8px;
margin-left: 10px;
width: 230px;
height: 193px;
background-color: #212121;
border-bottom: 10px Solid #891002;
color: #444444;
font-family: verdana;
font-variant: small-caps;
text-align: justify;
font-size: 10px;
line-height: 13px;
overflow: auto;
z-index: 200;
opacity: 1;
}

.mon{
position: absolute;
margin-top: 205px;
margin-left: 10px;
width: 230px;
height: 200px;
background-color: #212121;
border-top: 10px Solid #891002;
color: #444444;
font-family: verdana;
font-variant: small-caps;
text-align: justify;
font-size: 10px;
line-height: 13px;
overflow: auto;
z-index: 200;
opacity: 1;
}

.Navi {
position: absolute;
margin-left: 22px;
margin-top: 201px;
width: auto;
background-color: transparent;
z-index: 999;
}

.box {
position: fixed;
left: -1000px;
top: 129px;
width: 250px;
height: 414px;
padding: 5px;
color: #212121;
font-family: verdana;
font-variant: small-caps;
text-align: justify;
font-size: 10px;
line-height: 13px;
overflow: auto;
border: 3px Solid #444444;
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;
}

.box:target {
top: 130px;
left: 250px;
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;
}

.box2 {
position: fixed;
right: -1000px;
top: 130px;
width: 250px;
height: 415px;
padding: 5px;
color: #212121;
font-family: verdana;
font-variant: small-caps;
text-align: justify;
font-size: 10px;
line-height: 13px;
overflow: auto;
border: 2px Solid #444444;
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;
}

.box2:target {
top: 130px;
right: 300px;
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: normal;
display: inline-block;
font-family: verdana;
font-variant: small-caps;
font-size: 10px;
width: 27px;
height: 10px;
color: #555555;
background-color: #212121;
text-align: center;
line-height: 10px;
border: 2px solid #666666;
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;
}

a.nav:hover{
background-color: #212121;
border: 2px solid #666666;
color: #5F4952;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
}

</style>

</style>

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

<div class="reckoning"><div class="queen">
<img src="https://24.media.tumblr.com/eccbdbc2d47385f3441c9e6db54b7abe/tumblr_n2iz8aQH2d1ttd48mo1_500.gif" width="230" height="404"></img>
</div>

<div class="image">
<div class="navi">
<a class="nav" href="#stats"></a>
<a class="nav" href="#persona"></a>
<a class="nav" href="#friends"></a>
<a class="nav" href="#ooc"></a>
<a class="nav" href="#misc"></a>
<a class="nav" href="#bee"></a>
</div>

<div class="poke">
bla bla bla this is words right here, bla bla bla.
</div>

<div class="mon">
bla bla bla this is words right here, bla bla bla.
</div>

</div></div>

<div id="stats" class="box"></div>
<div id="persona" class="box2"></div>
<div id="friends" class="box"></div>
<div id="ooc" class="box2"></div>
<div id="misc" class="box"></div>
<div id="bee" class="box2"></div>