Les Reveurs > FINAL ONE I SWEAR

<style>

.header{
width:750px;
height:800px;
top:0;
left:0;
position:fixed;
overflow:hidden;
z-index:2;
}

.header:hover{
cursor:alias;
}



.content{
z-index:2;
overflow:hidden;
top:260px;
left:40px;
height:470px;
width:380px;
position:fixed;
margin-bottom:400px;
border-radius:3px;
border:10px solid #fff;
-webkit-box-shadow: -1px 0px 10px 0px rgba(50, 50, 50, 0.8);
-moz-box-shadow:    -1px 0px 10px 0px rgba(50, 50, 50, 0.8);
box-shadow:         -1px 0px 10px 0px rgba(50, 50, 50, 0.8);
}

.mainb{
height:100%;
width:100%;
z-index:2;
position:relative;
overflow:auto;
background:#BBBEEC;
color:#333;
font-size:12px;
font-family: Candara, Calibri, Segoe, Segoe UI, Optima, Arial, sans-serif;
text-align:justify;
}

.text{
padding:10px;
}

b{
color:#303782;
letter-spacing:2px;
}

i{
color:#585AD0;
}

u{
color:#fff;
}

h1{
letter-spacing:3px;
text-transform:uppercase;
background:#8081db;
text-align:center;
color:#fff;
font-size:25px;
font-family: Avant Garde, Avantgarde, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
padding:5px;
margin-top:15px;

}

h3{
letter-spacing:3px;
text-transform:uppercase;
background:#8081db;
text-align:center;
color:#fff;
font-size:20px;
font-family: Avant Garde, Avantgarde, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
padding:5px;
}

.lbox{
border:5px solid #fff;
font-size:12px;
font-family: Candara, Calibri, Segoe, Segoe UI, Optima, Arial, sans-serif;
color:#333;
overflow:auto;
z-index:2;
width:220px;
height:145px;
position:fixed;
text-align:center;
top:260px;
left:480px;
background:#BBBEEC;
border-radius:3px;
-webkit-box-shadow: -1px 0px 10px 0px rgba(50, 50, 50, 0.8);
-moz-box-shadow:    -1px 0px 10px 0px rgba(50, 50, 50, 0.8);
box-shadow:         -1px 0px 10px 0px rgba(50, 50, 50, 0.8);
}

.lbox a, a:visited{
letter-spacing:1px;
text-align:center;
font-size:13px;
font-family: Candara, Calibri, Segoe, Segoe UI, Optima, Arial, sans-serif;
font-variant:small-caps;
color:#fff;
background:#8081db;
border:1px solid #8081db;
display:block;
margin:13px 3px 0px 12px;
text-decoration:none;
padding:5px;
float:left;
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;
}

.lbox a:hover{
letter-spacing:2px;
border:1px solid #fff;
text-decoration:none;
background:#94BDE1;
}

.nicknames{
-webkit-box-shadow: -1px 0px 10px 0px rgba(50, 50, 50, 0.8);
-moz-box-shadow:    -1px 0px 10px 0px rgba(50, 50, 50, 0.8);
box-shadow:         -1px 0px 10px 0px rgba(50, 50, 50, 0.8);
border:5px solid #fff;
height:305px;
width:220px;
font-size:12px;
font-family: Candara, Calibri, Segoe, Segoe UI, Optima, Arial, sans-serif;
color:#333;
overflow:auto;
z-index:2;
position:fixed;
text-align:center;
top:435px;
left:480px;
background:#BBBEEC;
border-radius:3px;
}

</style>
<a href='#home
'><div class='header'><img src=http://i59.tinypic.com/2gwyy44.jpg></div></a>
<div class='rest'></div>
<div class='content'>
<a name='home'></a>
<div class='mainb'><h1>[ welcome ]</h1>
<div class='text'><b>Bold</b> <i>Italic</i> <u>Underline</u>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis augue scelerisque, pharetra felis sed, rhoncus sem. Morbi luctus gravida nulla, id pharetra eros malesuada tincidunt. Duis porta feugiat est a pretium. Sed sagittis sapien metus, ut pretium mauris luctus in. Proin sit amet neque justo. Integer eleifend vehicula cursus. Nunc pulvinar enim eu mi luctus, et semper est iaculis. Cras vulputate enim luctus, sodales lacus sit amet, molestie orci.
<br><br>
Proin pharetra eget erat in tristique. Maecenas hendrerit, augue id tempus scelerisque, nulla felis egestas dolor, ac eleifend velit ipsum at orci. Sed non auctor metus. Curabitur nec gravida augue, eget venenatis sem. In ac nisl venenatis, rutrum magna id, scelerisque dolor. Maecenas pellentesque laoreet massa. Morbi lorem dui, viverra ut fringilla vel, vulputate quis sem.
<br><br>
Sed ipsum urna, pulvinar quis volutpat eu, rhoncus et nunc. Vestibulum vitae mi porttitor eros egestas sagittis. Quisque mollis luctus elit, sit amet eleifend arcu. In ultricies, ipsum vel sollicitudin sollicitudin, leo massa faucibus elit, ut cursus risus ante eget augue. Vivamus placerat sem ac eros pharetra, sed mollis leo interdum. Proin tincidunt egestas ipsum non pellentesque. Phasellus eleifend accumsan nibh non rhoncus. Vestibulum et sollicitudin est. Aenean ultricies pharetra tortor non mollis. Nulla a tortor ligula. Vivamus et quam augue. Suspendisse non nulla sit amet ipsum rutrum ullamcorper vitae et lorem. Etiam sit amet fermentum mi. Vivamus imperdiet pellentesque pharetra. Quisque blandit, turpis et rutrum dictum, lectus urna sollicitudin magna, eu laoreet enim enim non sem.
</div></div>

<a name='rules'></a>
<div class='mainb'><h1>[ rules ]</h1>
<div class='text'><b>Bold</b> <i>Italic</i> <u>Underline</u>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis augue scelerisque, pharetra felis sed, rhoncus sem. Morbi luctus gravida nulla, id pharetra eros malesuada tincidunt. Duis porta feugiat est a pretium. Sed sagittis sapien metus, ut pretium mauris luctus in. Proin sit amet neque justo. Integer eleifend vehicula cursus. Nunc pulvinar enim eu mi luctus, et semper est iaculis. Cras vulputate enim luctus, sodales lacus sit amet, molestie orci.
<br><br>
Proin pharetra eget erat in tristique. Maecenas hendrerit, augue id tempus scelerisque, nulla felis egestas dolor, ac eleifend velit ipsum at orci. Sed non auctor metus. Curabitur nec gravida augue, eget venenatis sem. In ac nisl venenatis, rutrum magna id, scelerisque dolor. Maecenas pellentesque laoreet massa. Morbi lorem dui, viverra ut fringilla vel, vulputate quis sem.
<br><br>
Sed ipsum urna, pulvinar quis volutpat eu, rhoncus et nunc. Vestibulum vitae mi porttitor eros egestas sagittis. Quisque mollis luctus elit, sit amet eleifend arcu. In ultricies, ipsum vel sollicitudin sollicitudin, leo massa faucibus elit, ut cursus risus ante eget augue. Vivamus placerat sem ac eros pharetra, sed mollis leo interdum. Proin tincidunt egestas ipsum non pellentesque. Phasellus eleifend accumsan nibh non rhoncus. Vestibulum et sollicitudin est. Aenean ultricies pharetra tortor non mollis. Nulla a tortor ligula. Vivamus et quam augue. Suspendisse non nulla sit amet ipsum rutrum ullamcorper vitae et lorem. Etiam sit amet fermentum mi. Vivamus imperdiet pellentesque pharetra. Quisque blandit, turpis et rutrum dictum, lectus urna sollicitudin magna, eu laoreet enim enim non sem.
</div></div>

<a name='ranks'></a>
<div class='mainb'><h1>[ ranks ]</h1>
<div class='text'><b>Bold</b> <i>Italic</i> <u>Underline</u>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis augue scelerisque, pharetra felis sed, rhoncus sem. Morbi luctus gravida nulla, id pharetra eros malesuada tincidunt. Duis porta feugiat est a pretium. Sed sagittis sapien metus, ut pretium mauris luctus in. Proin sit amet neque justo. Integer eleifend vehicula cursus. Nunc pulvinar enim eu mi luctus, et semper est iaculis. Cras vulputate enim luctus, sodales lacus sit amet, molestie orci.
<br><br>
Proin pharetra eget erat in tristique. Maecenas hendrerit, augue id tempus scelerisque, nulla felis egestas dolor, ac eleifend velit ipsum at orci. Sed non auctor metus. Curabitur nec gravida augue, eget venenatis sem. In ac nisl venenatis, rutrum magna id, scelerisque dolor. Maecenas pellentesque laoreet massa. Morbi lorem dui, viverra ut fringilla vel, vulputate quis sem.
<br><br>
Sed ipsum urna, pulvinar quis volutpat eu, rhoncus et nunc. Vestibulum vitae mi porttitor eros egestas sagittis. Quisque mollis luctus elit, sit amet eleifend arcu. In ultricies, ipsum vel sollicitudin sollicitudin, leo massa faucibus elit, ut cursus risus ante eget augue. Vivamus placerat sem ac eros pharetra, sed mollis leo interdum. Proin tincidunt egestas ipsum non pellentesque. Phasellus eleifend accumsan nibh non rhoncus. Vestibulum et sollicitudin est. Aenean ultricies pharetra tortor non mollis. Nulla a tortor ligula. Vivamus et quam augue. Suspendisse non nulla sit amet ipsum rutrum ullamcorper vitae et lorem. Etiam sit amet fermentum mi. Vivamus imperdiet pellentesque pharetra. Quisque blandit, turpis et rutrum dictum, lectus urna sollicitudin magna, eu laoreet enim enim non sem.
</div></div>

<a name='giveaways'></a>
<div class='mainb'><h1>[ giveaways ]</h1>
<div class='text'><b>Bold</b> <i>Italic</i> <u>Underline</u>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis augue scelerisque, pharetra felis sed, rhoncus sem. Morbi luctus gravida nulla, id pharetra eros malesuada tincidunt. Duis porta feugiat est a pretium. Sed sagittis sapien metus, ut pretium mauris luctus in. Proin sit amet neque justo. Integer eleifend vehicula cursus. Nunc pulvinar enim eu mi luctus, et semper est iaculis. Cras vulputate enim luctus, sodales lacus sit amet, molestie orci.
<br><br>
Proin pharetra eget erat in tristique. Maecenas hendrerit, augue id tempus scelerisque, nulla felis egestas dolor, ac eleifend velit ipsum at orci. Sed non auctor metus. Curabitur nec gravida augue, eget venenatis sem. In ac nisl venenatis, rutrum magna id, scelerisque dolor. Maecenas pellentesque laoreet massa. Morbi lorem dui, viverra ut fringilla vel, vulputate quis sem.
<br><br>
Sed ipsum urna, pulvinar quis volutpat eu, rhoncus et nunc. Vestibulum vitae mi porttitor eros egestas sagittis. Quisque mollis luctus elit, sit amet eleifend arcu. In ultricies, ipsum vel sollicitudin sollicitudin, leo massa faucibus elit, ut cursus risus ante eget augue. Vivamus placerat sem ac eros pharetra, sed mollis leo interdum. Proin tincidunt egestas ipsum non pellentesque. Phasellus eleifend accumsan nibh non rhoncus. Vestibulum et sollicitudin est. Aenean ultricies pharetra tortor non mollis. Nulla a tortor ligula. Vivamus et quam augue. Suspendisse non nulla sit amet ipsum rutrum ullamcorper vitae et lorem. Etiam sit amet fermentum mi. Vivamus imperdiet pellentesque pharetra. Quisque blandit, turpis et rutrum dictum, lectus urna sollicitudin magna, eu laoreet enim enim non sem.
</div></div>

<a name='events'></a>
<div class='mainb'><h1>[ events ]</h1>
<div class='text'><b>Bold</b> <i>Italic</i> <u>Underline</u>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis augue scelerisque, pharetra felis sed, rhoncus sem. Morbi luctus gravida nulla, id pharetra eros malesuada tincidunt. Duis porta feugiat est a pretium. Sed sagittis sapien metus, ut pretium mauris luctus in. Proin sit amet neque justo. Integer eleifend vehicula cursus. Nunc pulvinar enim eu mi luctus, et semper est iaculis. Cras vulputate enim luctus, sodales lacus sit amet, molestie orci.
<br><br>
Proin pharetra eget erat in tristique. Maecenas hendrerit, augue id tempus scelerisque, nulla felis egestas dolor, ac eleifend velit ipsum at orci. Sed non auctor metus. Curabitur nec gravida augue, eget venenatis sem. In ac nisl venenatis, rutrum magna id, scelerisque dolor. Maecenas pellentesque laoreet massa. Morbi lorem dui, viverra ut fringilla vel, vulputate quis sem.
<br><br>
Sed ipsum urna, pulvinar quis volutpat eu, rhoncus et nunc. Vestibulum vitae mi porttitor eros egestas sagittis. Quisque mollis luctus elit, sit amet eleifend arcu. In ultricies, ipsum vel sollicitudin sollicitudin, leo massa faucibus elit, ut cursus risus ante eget augue. Vivamus placerat sem ac eros pharetra, sed mollis leo interdum. Proin tincidunt egestas ipsum non pellentesque. Phasellus eleifend accumsan nibh non rhoncus. Vestibulum et sollicitudin est. Aenean ultricies pharetra tortor non mollis. Nulla a tortor ligula. Vivamus et quam augue. Suspendisse non nulla sit amet ipsum rutrum ullamcorper vitae et lorem. Etiam sit amet fermentum mi. Vivamus imperdiet pellentesque pharetra. Quisque blandit, turpis et rutrum dictum, lectus urna sollicitudin magna, eu laoreet enim enim non sem.
</div></div>

<a name=raffles></a>
<div class='mainb'><h1>[ raffles ]</h1>
<div class='text'><b>Bold</b> <i>Italic</i> <u>Underline</u>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis augue scelerisque, pharetra felis sed, rhoncus sem. Morbi luctus gravida nulla, id pharetra eros malesuada tincidunt. Duis porta feugiat est a pretium. Sed sagittis sapien metus, ut pretium mauris luctus in. Proin sit amet neque justo. Integer eleifend vehicula cursus. Nunc pulvinar enim eu mi luctus, et semper est iaculis. Cras vulputate enim luctus, sodales lacus sit amet, molestie orci.
<br><br>
Proin pharetra eget erat in tristique. Maecenas hendrerit, augue id tempus scelerisque, nulla felis egestas dolor, ac eleifend velit ipsum at orci. Sed non auctor metus. Curabitur nec gravida augue, eget venenatis sem. In ac nisl venenatis, rutrum magna id, scelerisque dolor. Maecenas pellentesque laoreet massa. Morbi lorem dui, viverra ut fringilla vel, vulputate quis sem.
<br><br>
Sed ipsum urna, pulvinar quis volutpat eu, rhoncus et nunc. Vestibulum vitae mi porttitor eros egestas sagittis. Quisque mollis luctus elit, sit amet eleifend arcu. In ultricies, ipsum vel sollicitudin sollicitudin, leo massa faucibus elit, ut cursus risus ante eget augue. Vivamus placerat sem ac eros pharetra, sed mollis leo interdum. Proin tincidunt egestas ipsum non pellentesque. Phasellus eleifend accumsan nibh non rhoncus. Vestibulum et sollicitudin est. Aenean ultricies pharetra tortor non mollis. Nulla a tortor ligula. Vivamus et quam augue. Suspendisse non nulla sit amet ipsum rutrum ullamcorper vitae et lorem. Etiam sit amet fermentum mi. Vivamus imperdiet pellentesque pharetra. Quisque blandit, turpis et rutrum dictum, lectus urna sollicitudin magna, eu laoreet enim enim non sem.
</div></div>

<a name='checklist'></a>
<div class='mainb'><h1>[ checklist ]</h1>
<div class='text'><b>Bold</b> <i>Italic</i> <u>Underline</u>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis augue scelerisque, pharetra felis sed, rhoncus sem. Morbi luctus gravida nulla, id pharetra eros malesuada tincidunt. Duis porta feugiat est a pretium. Sed sagittis sapien metus, ut pretium mauris luctus in. Proin sit amet neque justo. Integer eleifend vehicula cursus. Nunc pulvinar enim eu mi luctus, et semper est iaculis. Cras vulputate enim luctus, sodales lacus sit amet, molestie orci.
<br><br>
Proin pharetra eget erat in tristique. Maecenas hendrerit, augue id tempus scelerisque, nulla felis egestas dolor, ac eleifend velit ipsum at orci. Sed non auctor metus. Curabitur nec gravida augue, eget venenatis sem. In ac nisl venenatis, rutrum magna id, scelerisque dolor. Maecenas pellentesque laoreet massa. Morbi lorem dui, viverra ut fringilla vel, vulputate quis sem.
<br><br>
Sed ipsum urna, pulvinar quis volutpat eu, rhoncus et nunc. Vestibulum vitae mi porttitor eros egestas sagittis. Quisque mollis luctus elit, sit amet eleifend arcu. In ultricies, ipsum vel sollicitudin sollicitudin, leo massa faucibus elit, ut cursus risus ante eget augue. Vivamus placerat sem ac eros pharetra, sed mollis leo interdum. Proin tincidunt egestas ipsum non pellentesque. Phasellus eleifend accumsan nibh non rhoncus. Vestibulum et sollicitudin est. Aenean ultricies pharetra tortor non mollis. Nulla a tortor ligula. Vivamus et quam augue. Suspendisse non nulla sit amet ipsum rutrum ullamcorper vitae et lorem. Etiam sit amet fermentum mi. Vivamus imperdiet pellentesque pharetra. Quisque blandit, turpis et rutrum dictum, lectus urna sollicitudin magna, eu laoreet enim enim non sem.
</div></div>
</div>

<div class='lbox'>
<a href='#rules
'>rules</a>
<a href='#ranks
'>ranks</a>
<a href='#giveaways
'>giveaways</a>
<a href='#events
'>events</a>
<a href='#raffles
'>raffles</a>
<a href='#checklist
'>checklist</a>
</div>

<div class='nicknames'><h3>[ nicknames ]</h3>
<b>Username</b> - <i>Nickname</i>
<br><b>Username</b> - <i>Nickname</i>
<br><b>Username</b> - <i>Nickname</i>
<br><b>Username</b> - <i>Nickname</i>
<br><b>Username</b> - <i>Nickname</i>
<br><b>Username</b> - <i>Nickname</i>
<br><b>Username</b> - <i>Nickname</i>
</div>