— ᴜɴᴋɴᴏωɴ ᴅᴇsᴛʀᴏʏᴇʀ.

<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: #FFFFFF;
background-image: url('http://i.picpar.com/X9y.png');
background-attachment: fixed;
background-position: fixed;
background-repeat: repeat;
background-position: 0px 0px;
text-align: justify;
color: #888888;
cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur825.cur');
}

b, strong {font-family:'century gothic'; font-variant: small-caps; font-size:15px; color: #800000; 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;}

::-webkit-scrollbar-button:vertical:{background-color: #EDEDEE;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:vertical {background-color:#EDEDEE; height:20px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:horizontal {background-color:#EDEDEE; 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;}

#Name{
position: fixed;
bottom: 336px;
left: 150px;
color: #FEFEFE;
font-size: 55px;
line-height: 80px;
letter-spacing: 3px;
font-family: lavanderia sturdy;
text-shadow: #800000 2px 3px 4px;
z-index: 700;
}

#Img{
position: fixed;
background-image:url("http://i.picpar.com/O9y.png");
background-repeat: no-repeat;
background-size: 250px 350px;
bottom: 0px;
left: 0px;
width: 250px;
height: 350px;
background-color: #EDEDEE;
border: #690000 4px solid;
}

#container{
position: fixed;
bottom: 20px;
left: 257px;
width: 482px;
height: 330px;
overflow: hidden;
text-align: justify;
line-height: 13px;
font-size: 12px;
background-color: #121212;
font-face: century gothic;
font-variant: small-caps;
color: #EDEDEE;
overflow: hidden;
border: 4px #690000 Solid;
z-index:500;}

#zero, #one, #two, #three, #four, #five{
bottom: 310px;
left: 338px;
width: 482px;
height: 325px;
padding-top: 7px;
text-align: justify;
line-height: 13px;
overflow: auto;
background-color: transparent; }

#navi {
position: fixed;
left: 254px;
bottom: -5px;
width: 500px;
height: autopx;
background-color: #690000;
overflow: auto;
z-index: 500;
}

#title{
position: fixed;
bottom: 105px;
left: 560px;
z-index: 300;
background-color: #690000;
width: 435px;
height: 50px;
margin-top: 0px;
margin-bottom: 5px;
margin-left: 0px;
padding-top: 12px;
transform: rotate(-270deg);
-moz-transform: rotate(-270deg);
-webkit-transform: rotate(-270deg);
-o-transform: rotate(-270deg);
}

h2{
font: 10px verdana;
font-variant: small-caps;
color: #EDEDEE;
text-align: left;
border-right: #690000 23px Solid;
margin: 1px;
padding: 0px;}

.innertitle {
position: absolute;
top: 0px;
color: white;
margin-left: 30px;
margin-top: 15px;
font-family: lavanderia delicate;
font-size: 35px;
text-align: center;
letter-spacing: 1px;
line-height: 30px;
}

.image {
opacity: 0;
width: autopx;
height: 350px;
background-color: #EDEDEE;
text-align: justify;
overflow: hidden;
-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;
margin-left: 20px;
margin-top: 15px;
font-family: verdana;
font-size: 10;
color: black;
text-align: justify; }

a.dark:link, a.dark:active, a.dark:visited{
background-color: #222;
display: inline-block;
margin: 5px;
width: 200px;
height: 25px;
font-family: verdana;
font-variant: small-caps;
font-size: 10px;
color: #CCC;
text-decoration: none;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
line-height: 21px;
cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur817.cur');
-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.dark:hover{
background-color: #EDEDED;
color: #74545F;}

a.unknown:link, a.unknown:active, a.unknown:visited{
background-color: #690000;
display: inline-block;
margin: 5px;
width: 87px;
height: 20px;
font-family: verdana;
font-variant: small-caps;
font-size: 6.5px;
color: #CCC;
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.unknown:hover{
background-color: #EDEDED;
color: #222;}

a {
color: #666666;
text-decoration: none;
}

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

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

</style>

<div id="Name">The Unknown Destroyer.</div>

<div id="navi">
<a href="#zero" class="unknown">U</a>
<a href="#one" class="unknown">N</a>
<a href="#two" class="unknown">O</a>
<a href="#three" class="unknown">W</a>
<a href="#four" class="unknown">N</a>
</div>

<div id="img">
<div class="image"><div class="text">
<a href="/profile.php?user=" class="dark" target="_blank">Friend</a>
<a href="/profile.php?user=" class="dark" target="_blank">Friend</a>
<a href="/profile.php?user=" class="dark" target="_blank">Friend</a>
<a href="/profile.php?user=" class="dark" target="_blank">Friend</a>
<a href="/profile.php?user=" class="dark" target="_blank">Friend</a>
<a href="/profile.php?user=" class="dark" target="_blank">Friend</a>
<a href="/profile.php?user=" class="dark" target="_blank">Friend</a>
<a href="/profile.php?user=" class="dark" target="_blank">Friend</a>
<a href="/profile.php?user=" class="dark" target="_blank">Friend</a>
</div></div></div>

<div id="title"><div class="innertitle">
We are Legion, we are many.
</div></div>

<div id="container">
<div id="zero">
<h2>TEXT HERE</h2>
<b>bold</b> <i>italic</i> <u>underline</u> <strike>strike through</strike> <big>big text</big> <small>small text</small> <a href="" target="_blank">Link.</a>
<br><br>
</div>

<div id="one">

</div>

<div id="two">

</div>

<div id="three">

</div>

<div id="four">

</div></div>

<div id="credit"><A TARGET="_blank" HREF="/profile.php?user=Remi" title="Copyright"><img src="http://i1267.photobucket.com/albums/jj547/xdevilrose/Photoshop/--devilrose2.png"></A>