#unovianqueen

<style type="text/css">

@import url(https://fonts.googleapis.com/css?family=Lobster+Two);

.pfor { display: none; }
#profile { background-color: transparent; border: none; }
</style>

<style type="text/css">
body {
font-family: verdana;
font-size: 10px;
background-color: #FD3C73;
background-image: url('http://i.imgur.com/zXKpg9m.jpg');
background-attachment: fixed;
background-position: 420px 200px;
background-repeat: no-repeat;
text-align: justify;
color: #EDEDEE;
text-transform: normal;
cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur817.cur'), default;
}

b, strong {font-family: arial; font-variant: small-caps; font-size: 13px; color: #FD3C73; font-weight:normal; letter-spacing: -1px;}
i {color: #EDEDEE; font-family: ariel; font-variant: small-caps; font-size:13px; 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:arial; text-transform: normal; text-decoration: none; font-weight: normal; text-shadow: #212121 0px 0px 1px;}
big {color: #AB2C57; font-size: 15px; font-weight: light; letter-spacing: 0px; font-family: arial; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #491F1D 0px 0px 1px;}
small {color: #3B2F7F; font-size: 18px; font-weight: light; letter-spacing: -1px; font-family: arial; 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;}

h1{
font-size: 23px;
color: #AB2C57;
text-transform: lowercase;
letter-spacing: -1px;
line-height: 20px;
text-align: right;
font-family: 'Lobster Two', cursive;
text-shadow: #090909 2px 3px 4px;
margin-top: 0px;
margin-bottom: 8px;
display: block;
background-color: transparent;
padding: 0px;
font-weight: normal;
}

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

.box {
position: fixed;
float: left;
right: 240px;
bottom: -400px;
width: 315px;
height: 321px;
background-color: transparent;
overflow: hidden;
opacity: 0;
color: #EDEDEE;
font-family: arial;
font-size: 13px;
text-align: justify;
overflow: auto;
font-variant: small-caps;
text-decoration: lowercaps;
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: 9500000000000;
}

.box:target {
bottom: 40px;
right: 240px;
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: 9500000000000;
}

#koi {
position: fixed;
right: 390px;
bottom: -10px;
z-index: 45;
}

.white {
height: 70px;
width: 78.5px;
margin-left: 4px;
margin-top: 3px;
border: #AB2C57 2px solid;
opacity: 0.7;
}

#navi{
position: fixed;
right: 200px;
bottom: 100px;
z-index: 75;
height: autopx;
width: 20px;
}

#mainbox1 { position: fixed; bottom: 20px; right: 220px; width: 330px; height: 400px; border: #AB2C57 1px solid; padding: 10px; background-color: #FEFDF8; background: url("http://i.picpar.com/Hcdb.png"); z-index: 40; }

#subbox1 { position: absolute; margin-top: 5px; margin-left: 5px; width: 298px; height: 365px; border: #AB2C57 1px solid; padding: 10px; background-color: #000; background-repeat: no-repeat; z-index: 40; font-variant: small-caps; overflow: auto; }

#touko { position: fixed; bottom: 362px; right: 238px; width: 317px; height: 62px; border-bottom: #AB2C57 1px solid; background-color: #000; background-repeat: no-repeat; z-index: 60; color: #EDEDEE; font-family: arial; font-size: 14px; font-variant: small-caps; overflow: auto; }

a.nav:link, a.nav:active, a.nav:visited{
letter-spacing: 1px;
text-transform: uppercase;
display: inline-block;
width: 10px;
height: 10px;
color: #fff;
background-color: #AB2C57;
text-align: center;
line-height: 10px;
border: 2px solid #070707;
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;
border-radius: 240px;
}

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

a {
color: #AB2C57;
font-family: arial;
font-variant: small-caps;
font-size: 13px;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), default;
}

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

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


</style>

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


<div id="box1"><div id="box2"></div></div>
<div id="touko">
<img src="http://vignette2.wikia.nocookie.net/pokemon/images/0/0c/Hilda%27s_challenge.png/revision/latest?cb=20110326221146&format=webp" align="left"></img>
<center>#unovian queen<br>
<a title="words"><img src="http://www.serebii.net/pokedex-xy/icon/500.png"></img></a>
<a title="words"><img src="http://pixeljoint.com/files/icons/spinning_pokeball.gif"></img></a>
<a title="words"><img src="http://pixeljoint.com/files/icons/spinning_pokeball.gif"></img></a>
<a title="words"><img src="http://pixeljoint.com/files/icons/spinning_pokeball.gif"></img></a>
<a title="words"><img src="http://pixeljoint.com/files/icons/spinning_pokeball.gif"></img></a>
<a title="words"><img src="http://pixeljoint.com/files/icons/spinning_pokeball.gif"></img></a>
</center></div>

<div id="navi">
<a class="nav" href="#one"></a>
<a class="nav" href="#two"></a>
<a class="nav" href="#three"></a>
<a class="nav" href="#four"></a>
</div>

<div id="mainbox1"><div id="subbox1"></div>

<div id="one" class="box">
<h1>dossier</h1>
<b>Name:</b> <font style=float:right>Answer</font>
<br><b>Sex:</b> <font style=float:right>Answer</font>
<br><b>Age:</b> <font style=float:right>Answer</font>
<br><b>DOB:</b> <font style=float:right>Answer</font>
<br><b>Height:</b> <font style=float:right>Answer</font>
<br><b>Occupation:</b> <font style=float:right>Answer</font>
<br><b>Orientation:</b> <font style=float:right>Answer</font>
<br><b>Marital Status:</b> <font style=float:right>Answer</font>
<br><b>Theme:</b> <font style=float:right><a href="http://listenonrepeat.com/?v=Zv1zy-7-PgE#Seasick%2C_Yet_Still_Docked">Seasick</a></font><br>

</div>

<div id="two" class="box">
<h1>Biography</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec consectetur elit eu magna accumsan, eu dignissim nisl consectetur. In mattis eros sed mauris finibus, eget auctor turpis ultrices. Nunc rhoncus, ligula eget pellentesque aliquet, quam tellus condimentum purus, sit amet vulputate tortor dui et arcu. Nulla aliquet metus dolor, eget dignissim nunc tempus a. Vestibulum sed finibus urna, non euismod justo. In risus nulla, eleifend ut ultricies non, faucibus ullamcorper mauris. Aenean lectus urna, finibus eu scelerisque sit amet, dictum a enim. Nulla facilisi. Quisque porttitor tincidunt mauris, quis auctor orci fringilla blandit.</p>

<p>Maecenas vel eleifend massa, sit amet posuere lacus. Pellentesque tincidunt sem mattis lobortis pretium. Cras posuere pellentesque nibh sit amet viverra. Cras viverra elementum imperdiet. Nam augue urna, faucibus in velit ac, suscipit faucibus nunc. Donec est est, rutrum quis faucibus nec, gravida at ex. Sed molestie velit in nibh vulputate, cursus rutrum leo lacinia. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus eu neque orci. Nam vulputate leo urna, eget porta lectus hendrerit quis.</p>

</div>

<div id="three" class="box">
<h1>comrades</h1>
<a href="profile.php?user=" target="_blank"><img src="http://placehold.it/80x80" class="white"></a>
<a href="profile.php?user=" target="_blank"><img src="http://placehold.it/80x80" class="white"></a>
</div>

<div id="four" class="box">
<h1>Out Of Character</h1>
<big>O1</big>. words. <br>
<big>O2</big>. words. <br>
<big>O3</big>. words. <br>
<big>O4</big>. words. <br>
<big>O5</big>. words. <br>
<br>
<center><i>This code has been commissioned for Touko for her use only. She wishes that you do not touch this code and any parts of it. If you would like to obtain a code from her, contact <a href=
"/profile.php?user=Bee">Bee</a> for more information. </i></center>

</div>

</div>