Queen of White

<style type="text/css">

@import url(https://fonts.googleapis.com/css?family=Dosis:400,300|Roboto:100,900);
@import url('https://fonts.googleapis.com/css?family=Niconne');
@import 'https://fonts.googleapis.com/css?family=Satisfy';

body { background-color: #fff; background-image: url(http://www.pixeden.com/media/k2/galleries/93/004-subtle-light-pattern-background-texture.jpg); background-attachment: fixed; background-position: center center; background-repeat: repeat; background-size: auto;}

 ::-webkit-scrollbar-track {background-color:;}
::-webkit-scrollbar-thumb {background-color:;}
::-webkit-scrollbar {width:2px;height:5px;}

a {color: #92E2F0; text-decoration: none; }
a:hover {color: black; text-decoration: line-through; -webkit-filter: blur(0.9px); cursor: url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');}
*{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;}

#Checkmate { position:fixed; right: 0px; bottom: 0px; height: 700px; width: 480px; z-index: 1;}

#Queen {position: fixed; top: 250px; left: 150px; height: 200px; width: 700px; background-color: #FDFEFF; overflow: auto; z-index: 1; border: 1px solid #E5E7F3;}

#quote1 { position:fixed; top: 210px; left: 150px; height: 40px; width: 700px; text-align: left; font-family: 'Niconne', cursive; letter-spacing: 2px; text-shadow: -1px 0 #888, 0 1px #888, 1px 0 #888, 0 -1px #888; font-size:25px; color: #fff; z-index:999; text-align: center; background-color: #FDFEFF; border: 1px solid #E5E7F3;}

#quote2 { position:fixed; top: 451px; left: 150px; height: 40px; width: 700px; text-align: left; font-family: 'Niconne', cursive; letter-spacing: 2px; text-shadow: -1px 0 #888, 0 1px #888,1px 0 #888, 0 -1px #888; font-size:25px; color: #fff; z-index:999; text-align: center; background-color: #FDFEFF; border: 1px solid #E5E7F3;}

#of { position:fixed; left: 260px; top: 260px; height: 180px; width: 580px; z-index: 1; border: 1px solid #E5E7F3;}

.abox { background-color: #fff; color: #888; font-size: 11px; font-family: 'dosis', sans-serif; text-align: justify; position: absolute; width:574; height:174; left: 259; top:259; letter-spacing: .3px; line-height: 12px; padding: 3px; margin: 1px; overflow:auto; border: 1px solid #E5E7F3; z-index: 3;}

.navbar {Background-color: transparent; Position: absolute; Left: 160px; top: 259px; padding: 4px; z-index: 1000; font-family: dosis; font-size: 10px; text-transform:uppercase; background: #fff; width: 80px; height: 173px; border: 1px solid #E5E7F3; }

.link1 {Position: absolute; Top: 3px; Border: solid 1px #E5E7F3; Height: 13px; Width: 78px; background-color: #FDFEFF; }

.link2 {Position: absolute; Top: 23px; Border: solid 1px #E5E7F3; Height: 13px; Width: 78px; background-color: #FDFEFF; }

.link3 {Position: absolute; Top: 43px; Border: solid 1px #E5E7F3; Height: 13px; Width: 78px; background-color: #FDFEFF; }

.link4 {Position: absolute; Top: 63px; Border: solid 1px #E5E7F3; Height: 13px; Width: 78px; background-color: #FDFEFF; }

.link5 {Position: absolute; Top: 83px; Border: solid 1px #E5E7F3; Height: 13px; Width: 78px; background-color: #FDFEFF; }

.link6 {Position: absolute; Top: 103px; Border: solid 1px #E5E7F3; Height: 13px; Width: 78px; background-color: #FDFEFF; }

.link7 {Position: absolute; Top: 123px; Border: solid 1px #E5E7F3; Height: 13px; Width: 78px; background-color: #FDFEFF; }

.link8 {Position: absolute; Top: 143px; Border: solid 1px #E5E7F3; Height: 13px; Width: 78px; background-color: #FDFEFF; }

.link9 {Position: absolute; Top: 163px; Border: solid 1px #E5E7F3; Height: 13px; Width: 78px; background-color: #FDFEFF; }

.link1:hover {Background-color: #fff;}
.link2:hover {Background-color: #fff;}
.link3:hover {Background-color: #fff;}
.link4:hover {Background-color: #fff;}
.link5:hover {Background-color: #fff;}
.link6:hover {Background-color: #fff;}
.link7:hover {Background-color: #fff;}
.link8:hover {Background-color: #fff;}
.link9:hover {Background-color: #fff;}

.slide {Position: fixed; Height: 555555; Width: 555555; Top: -200px; Left: 0; Z-index: -1; Opacity: 0; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}

.slide:target {Top: 0; Opacity: 1; Z-index: 1; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}

h1 { text-shadow: -1px 0 #888, 0 1px #888,1px 0 #888, 0 -1px #888; font-size:20px; color: #fff; font-family: 'Satisfy', cursive; Border-bottom: 1px solid #888; font-size:15px; text-align: center; Margin-top: 2px; letter-spacing: .3;}

</style>

<div id="Checkmate"><img src="http://i.picpar.com/Tzkc.png" height="100%" width="100%"></div>

<div id="quote1">? I will protect those of the innocence and those of the </div>
<div id="Queen"></div>
<div id="quote2">greater good.. even if that means taking my last breath to do so ?</div>


<div class="navbar">
<a class="link1" href="#1"><center><font color="#888">Dossier</font></center></a>
<a class="link2" href="#2"><center><font color="#888">Friends</font></center></a>
<a class="link3" href="#3"><center><font color="#888">Enemies</font></center></a>
<a class="link4" href="#4"><center><font color="#888">Abilities</font></center></a>
<a class="link5" href="#5"><center><font color="#888">Gallery</font></center></a>
<a class="link6" href="#6"><center><font color="#888">OOC</font></center></a>
<a class="link7" href="#7"><center><font color="#888">History</font></center></a>
<a class="link8" href="#8"><center><font color="#888">Reset</font></center></a>
<a class="link9" href="LINK"><center><font color="#888">Theme</font></center></a>
</div></div>

<div id="of"><img src="http://25.media.tumblr.com/71e07ec7f19197dabcdce0d58486c6fb/tumblr_msln2uG5Ry1se0ekpo1_400.gif" height="100%" width="100%"></div>


<div id="1" class="slide">
<div class="abox">
<h1>Tab Title</h1>

Stat: <font style=float:right>Input info</font><br>
Stat: <font style=float:right>Input info</font><br>
Stat: <font style=float:right>Input info</font><br>
Stat: <font style=float:right>Input info</font><br><br>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at porttitor enim. Vivamus tristique dui quis augue viverra, id gravida nisi aliquam. Donec blandit tempus massa, nec ultrices metus luctus in. Donec cursus nisl id nunc congue, non accumsan mi scelerisque. Proin sed nisl tristique, tempor quam vitae, feugiat lacus. Suspendisse porta diam sed felis tincidunt venenatis. Etiam viverra eros purus, vitae scelerisque nibh rutrum ut. Nullam mattis mollis maximus.<br><br>

<center><b>Bold</b> <i>Italic</i> <a href="">Link</a></center>

</div></div>

<div id="2" class="slide">
<div class="abox">

</div></div>

<div id="3" class="slide">
<div class="abox">

</div></div>

<div id="4" class="slide">
<div class="abox">

</div></div>

<div id="5" class="slide">
<div class="abox">

</div></div>

<div id="6" class="slide">
<div class="abox">

</div></div>

<div id="7" class="slide">
<div class="abox">

</div></div>