Reaper

<style type="text/css">

::-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/Vd68Qne.jpg");
background-repeat: no-repeat;
background-color: #000;
background-size: 100% 100%;
background-position: bottom right;
margin: 0;
}

@font-face{
 font-family: 'Murder';
 src:url(https://dl.dropboxusercontent.com/s/2c0jc49lbcn1nwm/youmurdererbb_reg.otf);
 }

#name{position: absolute;z-index:1;left: 15px;top: 90px;color: #9C0404;font-family: murder;font-size: 5vw;letter-spacing: 0.1vw;}

#image{position: absolute;z-index: 6;bottom: 0vh;left: 24vw;width: 40vw;opacity:0;-webkit-animation:picturein 5s 1;-moz-animation:picturein 5s 1;-ms-animation:picturein 5s 1;-o-animation:picturein 5s 1;
animation:picturein 5s;animation-delay:2s;animation-fill-mode:forwards;-webkit-animation-delay:2s;-webkit-animation-fill-mode:forwards;}
#image img{height: 100vh;width:100vh;}
@keyframes picturein{from{opacity:0;}to{opacity:1;}}

#frame {z-index: 3;background: url();background-size: 100% 100%;background-position: bottom left;background-repeat: no-repeat;position: absolute;border-radius: 20px 20px 20px 20px;
background-color:#000;border: 15px solid black; top: 70px; left: 50px; height: 300px; width: 200px;opacity: 0;-webkit-animation:fade2 5s 1;-moz-animation:fade2 5s 1;-ms-animation:fade2 5s 1;-o-animation:fade2 5s 1;animation:fade2 5s;animation-delay:2s;animation-fill-mode:forwards;-webkit-animation-delay:2s;-webkit-animation-fill-mode:forwards;}
@keyframes fade2{from{opacity:0;}to{opacity:1;}}

.box {position: absolute;z-index: -1; left: 0px; top:0px; border: 3px solid #; height:295px; width:193px; background-color:#2B2B2B; overflow-x:auto;overflow-y:auto;
font-family:arial; font-size:12px;line-height:13px;padding:3px;opacity:0;color:#fff; transition: 1s; -moz-transition: 1s; webkit-transition: 1s; -o-transition: 1s;}
.box:target{position: absolute;z-index: 3;opacity:1;transition: 1s;-moz-transition: 1s;webkit-transition: 1s;-o-transition: 1s;}

.navbox {background-color: #; position: absolute; width: 25px; height: 170px; right:-35px; top:40px; overflow:auto; -webkit-animation:fade3 4s 1;-moz-animation:fade3 5s 1;-ms-animation:fade3 5s 1;
-o-animation:fade3 5s 1;animation:fade3 5s;animation-delay:2s;animation-fill-mode:forwards;-webkit-animation-delay:2s;-webkit-animation-fill-mode:forwards;}
@keyframes fade3{from{opacity:0;}to{opacity:1;}}

.tab1 { z-index:10; position: absolute; top: 1px; right: 2px; width: 10px; height: 25px; border:2px solid #000;background-color: #9C0404;}
.tab2 { z-index:10; position: absolute; top: 35px; right: 2px; width: 10px; height: 25px; border:2px solid #000;background-color: #9C0404;}
.tab3 { z-index:10; position: absolute; top: 70px; right: 2px; width: 10px; height: 25px; border:2px solid #000;background-color: #9C0404;}
.tab4 { z-index:10; position: absolute; top: 105px; right: 2px; width: 10px; height: 25px; border:2px solid #000;background-color: #9C0404;}
.tab5 { z-index:10; position: absolute; top: 140px; right: 2px; width: 10px; height: 25px; border:2px solid #000;background-color: #9C0404;}

h1{color: #9C0404;font-family: murder;font-size: 3.5vh;letter-spacing: 0vw;font-weight: normal;text-align: center;text-weight:;margin-top:10px;margin-bottom:10px;}

a {color: #A41524; text-decoration: none;font-weight:bold; }
a:hover {color: #670202; text-decoration: line-through;}

b {color: #7A7A7A; font-style: normal; font-weight: bold;letter-spacing:1px;}

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

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

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

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

<div class="navbox">
<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>

<div id="1" class="box">
<h1>Title</h1>
Tab1 <b>Bold</b> <i>Italics</i> <a href="link.com" target="_blank">Link</a>
</div>

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

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

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