Cloak

<style type="text/css">

@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow);
@import url(https://fonts.googleapis.com/css?family=Poiret+One);
@import url(https://fonts.googleapis.com/css?family=Permanent+Marker);


body {
background-color: #000;
background-image: url();
background-position: center;
background-repeat: repeat;
background-size: 100% 100%;}

::-webkit-scrollbar {
width: 5px;
height: 0px;
background: ;
}
::-webkit-scrollbar-thumb {
background-color: #2B2B2A;
-webkit-border-radius: 10px;
border-radius: 10px;
}

#image {
	position:fixed;
 z-index: -2;
right:0%;
bottom:0%;
opacity:0.0;
-webkit-animation: fade 15s;
-moz-animation: fade 15s;
-o-animation: fade 15s;
-ms-animation: fade 15s;
animation-delay:1s;
-webkit-animation-fill-mode: forwards;
-webkit-animation-delay:1s;
animation-fill-mode: forwards;}

@-webkit-keyframes fade{
from{
opacity:0.0;}
to{
opacity:1.0;}}
#image img{
 height: 100%;
}

#frame {
z-index: 3;
background: url(http://i.imgur.com/dAx2fMY.gif);
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
position: absolute;
border-top:3px #2B2B2A solid;
border-left:3px #2B2B2A solid;
border-right:3px #33475D solid;
border-bottom:3px #33475D solid;
 top: 15%;
 left: 10%;
 height: 25%;
 width: 25%;
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
}
#frame:hover {
 z-index: 3;
 background: url(http://i.imgur.com/WI7ZvsJ.gif);
 background-size: 100% 100%;
 background-position: center;
 background-repeat: no-repeat;
 position: absolute;
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;}

.navbar {Background-color: ; Position: absolute; Height: 13px; Width: 13.8%; Left: 15%; Top: 43%; padding: 4px;border-top:3px solid #33475D; z-index: 100; font-family: 'Unica One', cursive; font-weight: bold;}

.link1 {Position: absolute; Left: 12px;text-decoration:none;}
.link2 {Position: absolute; Left: 43px;text-decoration:none;}
.link3 {Position: absolute; Left: 75px;text-decoration:none;}
.link4 {Position: absolute; Left: 120px;text-decoration:none;}
.link5 {Position: absolute; Left: 155px;text-decoration:none;}
.link6 {Position: absolute; Left: 187px;text-decoration:none;}

.content {
z-index: -1;
position: absolute;
background-color: #;
border:3px solid #33475D;
font-family: PT Sans Narrow;
font-size: 13px;
padding: ;
color: #ccc;
height:25%;
top:15%;
left:10.2%;
width: 24%;
line-height:16px;
overflow: auto;
padding: 4px;
opacity: 0;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-ms-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
}
.content:target {
z-index: 10;
opacity: 1;
position: absolute;
top: 50%;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-ms-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
}

a {color: #5479A0; text-decoration: none; }
a:hover {color: #353434; text-decoration: line-through;}

h1{
color:#9B8050;
font-size:19px;
line-height: 14px;
font-family:Permanent Marker;
text-align: center;
letter-spacing:1px;
text-transform: uppercase;
margin: 5px 5px 15px;
text-shadow: 1px 0px 0px #,
0px 1px 0px #,
-1px 0px 0px #,
0px -1px 0px #,
0px 0px 20px #;
}

b, strong {color: #9B8050; font-weight: bold; text-decoration: none; text-transform: ;letter-spacing:1px;text-shadow: 0.0em 0 0 #;}


</style>

<div id="image">
<img src="http://i.imgur.com/urhHJVr.jpg">
</div>

<div id="frame"></div>

<div class="navbar">
<a class="link1" href="#1"><font size="2" color="#33475D">One</a></font>
<a class="link2" href="#2"><font size="2" color="#33475D">Two</a></font>
<a class="link3" href="#3"><font size="2" color="#33475D">Three</a></font>
<a class="link4" href="#4"><font size="2" color="#33475D">Four</a></font>
<a class="link5" href="#5"><font size="2" color="#33475D">Five</a></font>
<a class="link6" href="#6"><font size="2" color="#33475D">Reset</a></font>
</div></div>


<div id="1" class="content">
<h1>History</h1>
Words <b>Bold</b> <i>Italics</i> <a href="link.com" target="_blank">Link</a>
</div>

<div id="2" class="content">
<h1>Powers</h1>
tab 2
</div>

<div id="3" class="content">
<h1>Contacts</h1>
<a target="_blank" href="https://roleplay.chat/profile.php?user=Name" target="_blank" title="Description here."><img src="url here" height="50" width="50" align="left"></a>
<a target="_blank" href="https://roleplay.chat/profile.php?user=Name" target="_blank" title="Description here."><img src="url here" height="50" width="50" align="left"></a>
<a target="_blank" href="https://roleplay.chat/profile.php?user=Name" target="_blank" title="Description here."><img src="url here" height="50" width="50" align="left"></a>
<a target="_blank" href="https://roleplay.chat/profile.php?user=Name" target="_blank" title="Description here."><img src="url here" height="50" width="50" align="left"></a>
<a target="_blank" href="https://roleplay.chat/profile.php?user=Name" target="_blank" title="Description here."><img src="url here" height="50" width="50" align="left"></a>
</div>

<div id="4" class="content">
<h1>Gallery</h1>
<a target="_blank" href="http://i.imgur.com/ZNgkxdT.gif" target="_blank"><img src="http://i.imgur.com/ZNgkxdT.gif" height="50" width="50" align="left"></a>
<a target="_blank" href="http://i.imgur.com/9N8Hjk6.jpg" target="_blank"><img src="http://i.imgur.com/9N8Hjk6.jpg" height="50" width="50" align="left"></a>
<a target="_blank" href="http://i.imgur.com/wKfGIHg.jpg" target="_blank"><img src="http://i.imgur.com/wKfGIHg.jpg" height="50" width="50" align="left"></a>
<a target="_blank" href="http://i.imgur.com/UDiv5Jz.jpg" target="_blank"><img src="http://i.imgur.com/UDiv5Jz.jpg" height="50" width="50" align="left"></a>
<a target="_blank" href="http://i.imgur.com/a3M8CHC.jpg" target="_blank"><img src="http://i.imgur.com/a3M8CHC.jpg" height="50" width="50" align="left"></a>
<a target="_blank" href="http://i.imgur.com/dt6PGl6.jpg" target="_blank"><img src="http://i.imgur.com/dt6PGl6.jpg" height="50" width="50" align="left"></a>
<a target="_blank" href="http://i.imgur.com/fHs3lEz.png" target="_blank"><img src="http://i.imgur.com/fHs3lEz.png" height="50" width="50" align="left"></a>
<a target="_blank" href="http://i.imgur.com/DzHrKFZ.jpg" target="_blank"><img src="http://i.imgur.com/DzHrKFZ.jpg" height="50" width="50" align="left"></a>
<a target="_blank" href="http://i.imgur.com/qlJGGXN.png" target="_blank"><img src="http://i.imgur.com/qlJGGXN.png" height="50" width="50" align="left"></a>
<a target="_blank" href="http://i.imgur.com/WhPnARw.jpg" target="_blank"><img src="http://i.imgur.com/WhPnARw.jpg" height="50" width="50" align="left"></a>
<a target="_blank" href="http://i.imgur.com/kVUUvnw.png" target="_blank"><img src="http://i.imgur.com/kVUUvnw.png" height="50" width="50" align="left"></a>
<a target="_blank" href="http://i.imgur.com/mGThkTR.jpg" target="_blank"><img src="http://i.imgur.com/mGThkTR.jpg" height="50" width="50" align="left"></a>
<a target="_blank" href="http://i.imgur.com/zL52Jtk.jpg" target="_blank"><img src="http://i.imgur.com/zL52Jtk.jpg" height="50" width="50" align="left"></a>
<a target="_blank" href="http://i.imgur.com/LFS4pP6.jpg" target="_blank"><img src="http://i.imgur.com/LFS4pP6.jpg" height="50" width="50" align="left"></a>
<a target="_blank" href="http://i.imgur.com/o4GTHA1.jpg" target="_blank"><img src="http://i.imgur.com/o4GTHA1.jpg" height="50" width="50" align="left"></a>
<a target="_blank" href="http://i.imgur.com/aLmKkOo.jpg" target="_blank"><img src="http://i.imgur.com/aLmKkOo.jpg" height="50" width="50" align="left"></a>
<a target="_blank" href="http://i.imgur.com/K42BCqX.png" target="_blank"><img src="http://i.imgur.com/K42BCqX.png" height="50" width="50" align="left"></a>
<a target="_blank" href="http://i.imgur.com/nspFaGC.jpg" target="_blank"><img src="http://i.imgur.com/nspFaGC.jpg" height="50" width="50" align="left"></a>
<a target="_blank" href="http://i.imgur.com/yVYnKp9.jpg" target="_blank"><img src="http://i.imgur.com/yVYnKp9.jpg" height="50" width="50" align="left"></a>
<a target="_blank" href="http://i.imgur.com/z4lqGCD.jpg" target="_blank"><img src="http://i.imgur.com/z4lqGCD.jpg" height="50" width="50" align="left"></a>
<a target="_blank" href="http://i.imgur.com/usu9Vgt.png" target="_blank"><img src="http://i.imgur.com/usu9Vgt.png" height="50" width="50" align="left"></a>
<a target="_blank" href="http://i.imgur.com/9Xq3wvd.gif" target="_blank"><img src="http://i.imgur.com/9Xq3wvd.gif" height="50" width="50" align="left"></a>
<a target="_blank" href="http://i.imgur.com/P1lm7sA.jpg" target="_blank"><img src="http://i.imgur.com/P1lm7sA.jpg" height="50" width="50" align="left"></a>
<a target="_blank" href="http://i.imgur.com/3VY1WPH.jpg" target="_blank"><img src="http://i.imgur.com/3VY1WPH.jpg" height="50" width="50" align="left"></a>
</div>

<div id="5" class="content">
<h1>Title Here</h1>
tab 5
</div>