Bucky

<style type="text/css">

@import url(https://fonts.googleapis.com/css?family=Clicker+Script);
@import url(https://fonts.googleapis.com/css?family=UnifrakturCook);
@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
@import url(https://fonts.googleapis.com/css?family=Cormorant+Unicase);
@import url(https://fonts.googleapis.com/css?family=Cormorant+Upright);


body {
background-color: #000;
background-image: url(http://data.whicdn.com/images/33645609/tumblr_ls0w5txuft1r3vazto11_r1_400_large.png);
background-attachment: fixed;
background-position:center;
background-repeat: repeat;
background-size:;
overflow:hidden;}

::-webkit-scrollbar-track {background-color:#;}
::-webkit-scrollbar-thumb {background-color:#AE0505; border:3px solid #;}
::-webkit-scrollbar {width:6px;height:5px;}


#frame {
 z-index: 10;
 background: url(http://i.imgur.com/850jbDV.jpg);
 background-size: 1;
 background-position: bottom left;
 background-repeat: repeat;
background-size: 100% 100%;
 position: absolute;
background-color:#A68D69;
border: 5px solid #353535;
 top: 45%;
 left: 31%;
 height:30%;
 width: 35%;
}

.box {position: absolute;
z-index: -1;
left: 27.5%;
top:-10%;
border: 2px solid #353535;
height:94%;
width:70%;
background-color:#0E0D0D;
overflow-x:auto;
overflow-y:auto;
font-family:arial;
font-size:12px;
line-height:17px;
padding:3px;
opacity:0;
color:#fff;
 transition: 0.8s;
 -moz-transition: 0.8s;
 webkit-transition: 0.8s;
 -o-transition: 0.8s;}

.box:target{position: absolute;
z-index: 3;
top:1%;
opacity:1;
transition: 0.8s;
-moz-transition: 0.8s;
webkit-transition: 0.8s;
-o-transition: 0.8s;}

.aimg {background-color: #fff;
position: absolute;
width: 25%;
height: 96%;
left: 1%;
top:1%;
overflow:auto;
border:2px solid #353535;}

.tab1 { z-index:10; position: absolute; top: 78%; left: 33%; width: 3%; height: 1%; border-radius: 0%;background-color: #353535;box-shadow:0px 0px 10px #AE0505;}
.tab2 { z-index:10; position: absolute; top: 78%; left: 41%; width: 3%; height: 1%; border-radius: 0%;background-color: #353535;box-shadow:0px 0px 10px #AE0505;}
.tab3 { z-index:10; position: absolute; top: 78%; left: 48%; width: 3%; height: 1%; border-radius: 0%;background-color: #353535;box-shadow:0px 0px 10px #AE0505;}
.tab4 { z-index:10; position: absolute; top: 78%; left: 55%; width: 3%; height: 1%; border-radius: 0%;background-color: #353535;box-shadow:0px 0px 10px #AE0505}
.tab5 { z-index:10; position: absolute; top: 78%; left: 62.2%; width: 3%; height: 1%; border-radius: 0%;background-color: #353535;box-shadow:0px 0px 10px #AE0505;}

h1 {width: 100%; height: auto; font-size: 20px;font-family:Cormorant unicase; margin: 0; text-align: center; border-bottom: 1px solid #FAF3A1; color: #AE0505;}

b, strong { color: #AE0505;}

a:active, a:link, a:visited {
color: #99ACAE;
text-decoration: none;
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
a:hover {
color: #BAB463;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
}

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

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

<img src="http://i.imgur.com/5WVx0dz.png" height="45%" style="position:fixed; top:0%; left: 35%;">

<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>

<div id="frame">
<div class="aimg">
<img src="http://i.imgur.com/eyeV3Hf.jpg" Height="100%" Width="100%">
</div>
<div id="1" class="box">
<h1>Title</h1>
Tab1 <b>Bold</b> <i>Italics</i> <a href="link.com">Link</a>
</div>

<div id="2" class="box">
<h1>STitle</h1>
Tab2
</div>

<div id="3" class="box">
<h1>Title</h1>
Tab3
</div>

<div id="4" class="box">
<h1>Title</h1>
Tab4
</div>
</div>