AgnesChan > Profile Layout

<!- // Coding (c) Owly 2014 // -!>
<style type="text/css">
#header, #search, #main-navbar, #sidebar, #sidetabs, #aelrts, #navigation, #chatroom_mini,#chatroom, #chatroom_closed, #footer_bg, #breadcrumbs, #footer_bg, .wrapper{display: none;}div.wraper{ background:none;
}

#nav{
height:35px;
width:480px;
right:120px;
top:100px;
background:#262626;
position:fixed;
}

#nav a, a:visited{
text-align:center;
padding:5px;
margin-left:5px;
margin-top:5px;
background:#fff;
color:#262626;
text-transform:uppercase;
font:11px calibri;
display:inline-block;
width:80px;
-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

#nav a:hover{
text-shadow:none;
background:#595959;
color:#fff;
font-weight:bold;
}

table, tr, td, body, p, text, ul, li{
font:8pt verdana;
}

#side{
overflow:auto;
z-index:-1;
height:430px;
width:605px;
right:130px;
top:155px;
position:fixed;
border-left:20px solid #fff;
background:#262626;
-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

#side:hover{
right:725px;
}

a, a:visited{
color:#fff;
}

a:hover{
text-shadow: 0 0 0.2em #999999, 0 0 0.2em #999999;
text-decoration:none;
color:#fff;
}

#side .content{
margin-left:12px;
font:8pt verdana;
text-align:center;
}

body{
background:#000;
color:#fff;
}

#block1, #block6{

}

.head{
font-size:9pt;
background:none;
font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
color:#fff;
font-variant:small-caps;
}

#content{
position:fixed;
top:150px;
right:100px;
}

#content td,#content table{
background:#262626;
border:1px solid #262626;
}

#content #body{
background:none;
padding:none;
}
</style><font color=#fff>
<div id="side"><div class="content"><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sed aliquet quam, porta iaculis ligula. Integer odio urna, imperdiet quis lorem sit amet, fermentum bibendum felis. Morbi lorem nisi, convallis at nunc sit amet, tempus placerat lorem. Donec sagittis felis eget posuere semper. Vestibulum at erat feugiat, faucibus augue eget, dictum justo. Maecenas dui lorem, iaculis sed magna non, auctor venenatis ipsum. Suspendisse libero risus, semper in aliquet eu, mattis vitae augue. Vestibulum eget lectus leo. Curabitur sed odio eget ante vehicula iaculis vitae sed arcu. Proin hendrerit turpis id magna pretium, sit amet tristique velit sodales. Fusce faucibus, neque nec posuere pellentesque, sapien quam facilisis nisi, et feugiat massa metus id sapien.
<br>
Duis mollis leo id ipsum pellentesque vestibulum. Phasellus pellentesque, turpis nec lacinia fringilla, orci urna rhoncus libero, nec facilisis libero turpis sit amet libero. Morbi accumsan eleifend enim, eu congue velit mollis ac. Cras scelerisque lorem sed ante gravida, at mollis neque dignissim. Nulla eu tincidunt nulla, nec pretium nibh. Praesent imperdiet vitae augue eget ornare.</div></div>

<div id="nav"><a href="hatchery">hatchery</a><a href="chat.php">shoutbox</a><a href="games/stockmarket">stocks</a><a href="rmail">rmail</a><a href="forum">forum</a>
</div>