Henry

<style type="text/css">
@import url(https://fonts.googleapis.com/css?family=Yellowtail);
@import url(https://fonts.googleapis.com/css?family=Kaushan+Script);
@import url(https://fonts.googleapis.com/css?family=Handlee);
@import url(https://fonts.googleapis.com/css?family=Allura);
@import url(https://fonts.googleapis.com/css?family=Itim);

::-webkit-scrollbar { width: 2px; }
::-webkit-scrollbar-track { border-radius: 2px; background-color: transparent; }
::-webkit-scrollbar-thumb { border-radius: 2px; background-color: #transparent; }

body {
background-image: url("http://i.imgur.com/1xPqWhn.png");
background-repeat: repeat;
background-color: #151535;
background-size: ;
background-position: bottom right;
margin: 0;
}



#ImageBox {
background-image:url(http://i.imgur.com/UQq8M1n.jpg);
background-position: center;
background-size:100% 100%;
background-repeat:no-repeat;
position: fixed;
left: 65%;
top: 13%;
border-radius: 0%;
border: 4px solid #0505A4;
width: 26%;
height: 75%;
box-shadow:
0 0 0 0px hsl(200, 30%, 20%),
0px 0px 20px black;
-webkit-transition: all 1.5s ease-in-out;
-moz-transition: all 1.5s ease-in-out;
-ms-transition: all 1.5s ease-in-out;
-o-transition: all 1.5s ease-in-out;
transition: all 1.5s ease-in-out;}

#ImageBox:hover {
background-image:url(http://i.imgur.com/2rkiudK.jpg);
background-position: center;
background-size:100% 100%;
background-repeat:no-repeat;
position: fixed;
-webkit-transition: all 1.5s ease-in-out;
-moz-transition: all 1.5s ease-in-out;
-ms-transition: all 1.5s ease-in-out;
-o-transition: all 1.5s ease-in-out;
transition: all 1.5s ease-in-out;}

.tab1 { z-index:10; position: absolute; top: 15.8%; left: 64.6%; width: 0.8%; height: 4%; border-radius: 0%;background-color: #727276;border:3px solid #0505A4;}
.tab2 { z-index:10; position: absolute; top: 21.8%; left: 64.6%; width: 0.8%; height: 4%; border-radius: 0%;background-color: #727276;border:3px solid #0505A4;}
.tab3 { z-index:10; position: absolute; top: 27.8%; left: 64.6%; width: 0.8%; height: 4%; border-radius: 0%;background-color: #727276;border:3px solid #0505A4;}
.tab4 { z-index:10; position: absolute; top: 33.8%; left: 64.6%; width: 0.8%; height: 4%; border-radius: 0%;background-color: #727276;border:3px solid #0505A4;}
.tab5 { z-index:10; position: absolute; top: 39.8%; left: 64.6%; width: 0.8%; height: 4%; border-radius: 0%;background-color: #727276;border:3px solid #0505A4;}
.tab6 { z-index:10; position: absolute; top: 45.8%; left: 64.6%; width: 0.8%; height: 4%; border-radius: 0%;background-color: #727276;border:3px solid #0505A4;}

.content {
z-index: -1;
position: absolute;
background-color: #727276;
border: 3px solid #0505A4;
border-radius:0%;
box-shadow:
0 0 0 0px hsl(200, 30%, 20%),
0px 0px 30px black;
font-family: arial;
font-size: 15px;
padding: ;
color: #ccc;
height:64%;
top:17.5%;
left: 70%;
width: 20%;
line-height:20px;
overflow: auto;
opacity: 0;
padding:10px;
-webkit-transition: all 1.5s ease-out;
-moz-transition: all 1.5s ease-out;
-ms-transition: all 1.5s ease-out;
-o-transition: all 1.5s ease-out;
transition: all 1.5s ease-out;
}
.content:target {
z-index: 10;
opacity: 1;
position: absolute;
left:40%;
-webkit-transition: all 1.5s ease-out;
-moz-transition: all 1.5s ease-out;
-ms-transition: all 1.5s ease-out;
-o-transition: all 1.5s ease-out;
transition: all 1.5s ease-out;
}

a {color: #92E1FF; text-decoration: none; }
a:hover {color: #000; text-decoration: line-through;
cursor: url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');}

h1{
color:#182B8C;
font-size:1.8vw;
line-height: 14px;
font-family:yellowtail;
text-align: center;
letter-spacing:3px;
margin-bottom:10px;
text-shadow: 1px 0px 0px #,
0px 1px 0px #,
-1px 0px 0px #,
0px -1px 0px #,
0px 0px 20px #;
}

b, strong {color: #182B8C; font-family:itim; font-size: 18px; font-style: normal; font-weight: bold; text-decoration: none; text-transform: ; font-style: italic; font-weight: normal;letter-spacing:1px;text-shadow: 0.0em 0 0 #;}

#credit{ position: fixed;
right: 1px;
bottom: 0px;
font-family: Arial;
font-variant: normal;
font-weight: normal;
font-size: 90%;
color: #6363E2;
z-index:1;}

</style>
<div id="credit">
Layout © <a href="profile.php?user=Pachi" target="_blank">Pachi</a>
</div>


<div id="ImageBox">
</div>

<a href="#1"><div class="tab1"></div></a>
<a href="#2"><div class="tab2"></div></a>
<a href="#3"><div class="tab3"></div></a>
<a href="#4"><div class="tab4"></div></a>
<a href="#5"><div class="tab5"></div></a>
<a href="#6"><div class="tab6"></div></a>

<div id="1" class="content">
<h1>Title</h1>
Tab 1 <b>Bold</b> <i>Italics</i> <a href="Link here" target="_blank">Link</a>
</div>

<div id="2" class="content">
<h1>Title</h1>
Tab 2
</div>

<div id="3" class="content">
<h1>Title</h1>
Tab 3
</div>

<div id="4" class="content">
<h1>Title</h1>
Tab 4
</div>

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

</div>