hiroro!

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

<style type="text/css">
body {
font-family: arial narrow;
font-size: 10px;
background-color: #000;
background-image: url('');
background-attachment: fixed;
background-position: fixed;
background-repeat: no-repeat;
background-size: 500px 500px;
text-align: justify;
color: #888888;
cursor: url('http://cur.cursors-4u.net/cursors/cur-6/cur567.cur');
}

b, strong {font-family:'nexalight'; font-size:15px; color:#BC242D; font-weight:normal; letter-spacing: -1px;}
i {color: #666666; font-family: 'calibri'; font-size:8pt; 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: #CCCCCC; 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: #DED6AA 0px 0px 1px;}
small {color: #555555; font-size: 11px; font-weight: light; letter-spacing: -1px; font-family:Romans; font-variant: small-caps; text-transform: lowercase; text-decoration: none; font-weight: normal; text-align: center;}

::-webkit-scrollbar-button:vertical:{background-color: #444;
-moz-border-radius: 130px 130px 130px 130px;
border-radius:130px 130px 130px 130px;}
::-webkit-scrollbar-thumb:vertical {background-color:#444; height:20px;
-moz-border-radius: 130px 130px 130px 130px;
border-radius:130px 130px 130px 130px;}
::-webkit-scrollbar-thumb:horizontal {background-color:#444; height:20px !important;
-moz-border-radius: 130px 130px 130px 130px;
border-radius:130px 130px 130px 130px;}
::-webkit-scrollbar { height:20px;width:5px; background-color:transparent;}

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

#gold{
position: fixed;
top: 20px;
left: 13px;
width: 430px;
height: 162px;
z-index: 150;
}

#links{
background-color: transparent;
border: 8px solid #CC9966;
height: 210px;
width: 77px;
top: 20px;
left: 443px;
position: fixed;
z-index: 1000;
}

#container{
position: fixed;
top: 253px;
left: 13px;
width: 513px;
height: 240px;
overflow: hidden;
background-color: #5c512f;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
font-face: arial;
color: #111111;
overflow: hidden;
z-index: 200;
border: 5px solid #CC9966;
}

#alpha, #beta, #epsilon, #omega, #gamma{
top: 253px;
left: 13px;
width: 513px;
height: 240px;
overflow: auto;
background-color: efe7d0;
}

.image {
opacity: 0;
width: autopx;
height: 210px;
background-color: #000000;
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: 0.9; }

.text {
line-height: 1.5;
padding-top: 2px;
font-family: verdana;
font-size: 10;
color: silver;
text-align: justify; }

a.sky:link, a.sky:active, a.sky:visited{
background-color: transparent;
display: inline-block;
padding: 2px;
margin: 5px;
width: 60px;
height: 20px;
font-family: consolas;
font-size: 9px;
color: #e6e0de;
text-decoration: none;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
line-height: 21px;
-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;
transition: all 0.5s ease-in-out;}

a.sky:hover{
background-color: #720000;
color: #e6e0de;}

</style>

<div id="gold">
<div style="postion: absolute; top: padding-top: 40px; width: 400px; height: 210px; background-size: 400px 210px; background-position: 0px 0px; background-image: url(http://24.media.tumblr.com/83cd2a3f2d1950dd0f27d6f10909d1af/tumblr_mkkio7ffMN1qcpkj3o1_500.gif?); background-color: transparent; background-repeat: no-repeat; border: 8px solid #CC9966;">
<div class="image"><div class="text">
✔ Shit's everywhere already, right?<br>
✔ Being capable of paragraphic roleplay upwards. <br>
✔ Being respectful to one another outside personation. <br>
✔ Keeping the playwright and the actor- separate. <br>
✔ Putting due effort into your contribution.. please.<br>
✔ Recognising the world outside RPC takes precedence.<br>
✘ Pissing out your mouth, 'cause shit ain't enough.<br>
✘ Taking things seriously over the internet. Overdramatising.<br>
✘ Asking to roleplay outside Pokémon.<br>
✘ Making assumptions of a person based on the role they play.<br>
✘ Stealing things that aren't yours. Disrespect.<br>
</div></div></div></div>

<div id="container">
<div id="alpha">
I.
</div>

<div id="beta">
Like
</div>

<div id="epsilon">
Big
</div>

<div id="omega">
Butts!
</div>

<div id="gamma">
& I cannot lie.
</div>

</div>

<div id="links">
<a href="#alpha" class="sky">Dossier</a>
<a href="#beta" class="sky">Persona</a>
<a href="#epsilon" class="sky">Report</a>
<a href="#omega" class="sky">Inventory</a>
<a href="#gamma" class="sky">Clique</a>
<a href="http://devilrose.webstarts.com/" class="sky" target="_blank">CREDIT</a>
</div>