King B

<style type="text/css">
@import url(http://weloveiconfonts.com/api/?family=fontawesome);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Kalam);
@import url(https://fonts.googleapis.com/css?family=Satisfy);
@import url(https://fonts.googleapis.com/css?family=Italianno);
@import url(https://fonts.googleapis.com/css?family=Caveat);


::-webkit-scrollbar {
	width: 3px;
	height: 0px;
	background:;
	}

	::-webkit-scrollbar-thumb {
	background-color:#482C66;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}

body {background-color: #241E29; overflow: hidden; 'FontAwesome', sans-serif; background-image: url('http://imgur.com/27iQkS7.png'); backgorund-repeat: repeat;}

.box {position: absolute;
z-index: 3;
left: 15%;
top:20%;
border: 5px groove #251134;
height:40%;
width:30%;
background-color:#;
background: url(http://i.imgur.com/DaXU0gE.jpg);
 background-size: 100% 100%;
 background-position: center;
 background-repeat: no-repeat;
overflow-x:auto;
overflow-y:auto;
font-family: indie flower;
font-size:14px;
overflow-x: auto;
overflow-y: auto;
color:#ccc;}

a {color: #897450; text-decoration: none; }

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

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

b, strong {color: #9B8050; font-family: Kalam; font-size: 16px; 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 #;}

.tab1 {position: fixed;top: 27%;left: 47%; width: 3%; height: 6%; border: 3px solid #251134; background-color: #000;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);}
.tab2 { position: fixed; top: 35%; left: 47%; width: 3%; height: 6%; border: 3px solid #251134; background-color: #000;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);}
.tab3 { position: fixed; top: 43%; left: 47%; width: 3%; height: 6%; border: 3px solid #251134; background-color: #000;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);}

.content {
z-index: -1;
position: absolute;
background-color: #171616;
font-family: Segoe Print;
font-size: 12px;
padding: ;
color: #ccc;
height:100%;
bottom:15%;
left: 0%;
width: 100%;
line-height:19px;
overflow: auto;
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: 0.8;
position: absolute;
bottom: 0%;
left: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;}

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

</style>
<div id="credit">
Layout © <a href="profile.php?user=Pachi" target="_blank">Pachi</a>
</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>

<div class="box">
<div id="1" class="content">
<h1>Dossier</h1>
words

</div>

<div id="2" class="content">
<h1>Friends</h1>
words
</div>

<div id="3" class="content">
<h1>OOC</h1>
words
</div>