Manectric

<style type="text/css">
@import url(https://fonts.googleapis.com/css?family=Caveat);
@import url(https://fonts.googleapis.com/css?family=Farsan);

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

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

@font-face{
 src:url(https://dl.dropboxusercontent.com/s/4t3axry3503qh9t/LIGHRG__.TTF);
 font-family:'lightning';}


.bartop{position:absolute;
z-index:1;
top:-15%;
left:-4.2%;
width:108.2%;
height:15%;
border-radius: 50px 50px 50px 50px;
background-color: #316280;}
.barbottom{position:absolute;
z-index:1;
bottom:-15%;
left:-4.2%;
width:108.2%;
height:15%;
border-radius: 50px 50px 50px 50px;
background-color: #316280;}

.name{position: absolute;
z-index:50;
left: 30%;
top: -20%;
color: #fff;
text-shadow: 0.2vw 0.2vw 0.2vw #B6BC4D;
font-family: lightning;
line-height:80px;
text-align:center;
font-size: 6vw;
letter-spacing: 0.1vw;}

#holder {
 z-index: 3;
 background: url(http://i.imgur.com/tw3yzhs.png);
 background-size: ;
 background-position: bottom left;
 background-repeat: repeat;
 position: absolute;
background-color:#6A6B2D;
border-left: 16px solid #316280;
border-right: 16px solid #316280;
 top: 25%;
 left: 20%;
 height: 45%;
 width: 55%;
opacity: 1;
}


#infobackground{
 position: absolute;
 z-index: 3;
 top: 4.5%;
 left: 1%;
 height: 90%;
 width: 50%;
 background-size: ;
 background-color:#EB9EBF;
 background-image:url(http://i.imgur.com/KInVGlc.png);
 background-position: center;
 background-repeat:repeat;
 border:3px solid #8F9B41;
 overflow: hidden;
 color: #500243;
 font-family: Segoe Print;
 font-size: 10vh;
 opacity:1;}


#infobox{
 position: absolute;
 z-index: 4;
 top: 0%;
 left: 0%;
 height: 100%;
 width: 100%;
 overflow: hidden;
 color: #ccc;
 text-align: justify;
 letter-spacing: .2px;
 line-height: 15px;
font-weight:bold;
 border: 2px solid #;
 background-color:#25495F;
 font-family: Farsan;
 font-size: 16px;
 opacity:1;
}

.tab1 { z-index:10; position: absolute; bottom: -13%; left: 30%; width:5%; height: 10.5%; border-radius: 0%;background-color: #;border:2px solid #;background: url(http://i.imgur.com/dLapGmV.png);
 background-size: 100% 100%;}
.tab2 { z-index:10; position: absolute; bottom: -13%; left: 40%; width: 5%; height: 10.5%; border-radius: 0%;background-color: #;border:2px solid #;background:url(http://i.imgur.com/dLapGmV.png);
 background-size: 100% 100%;}
.tab3 { z-index:10; position: absolute; bottom: -13%; left: 50%; width: 5%; height: 10.5%; border-radius: 0%;background-color: #;border:2px solid #;background:url(http://i.imgur.com/dLapGmV.png);
 background-size: 100% 100%;}
.tab4 { z-index:10; position: absolute; bottom: -13%; left: 60%; width: 5%; height: 10.5%; border-radius: 0%;background-color: #;border:2px solid #;background:url(http://i.imgur.com/dLapGmV.png);
 background-size: 100% 100%;}

h1 {width: 100%; height: auto; font-size: 23px;font-family:Caveat;margin-top:1px; margin-bottom: 5px; text-align: center; border-bottom: 2px solid #000; color: #ddd;}
b, strong { color: #787D1F;text-shadow: 0.1vw 0.1vw 0.1vw #;}

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


#credit{ position: fixed;
right: 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" title="This profile was made for Manectric only.
Do not take or alter in any way.
If you want a profile contact Pachi via RPC mail.">Pachi</a>
</div>

<div id="holder">
<img src="http://i.imgur.com/rTAEKZc.png" height="100%" style="position:absolute;bottom:0%; right: 0%;z-index:9;">
<img src="http://i.imgur.com/n4KrSJD.gif" height="15%" style="position:absolute;top:-16%; right: 3%;z-index:20;">
<div class="name">
Manectric
</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>

<div class="bartop"></div>
<div class="barbottom"></div>

<div id="infobackground">
<div id="infobox">
<center>
<div style="height: 100%; overflow-y: hidden;">
<a name="1"></a>
<div style="width:95%; height: 100%; top: 0px; overflow: auto;" align="left">
<br>
<h1>Stats</h1>
Tab1

</div>
</div>

<div style="height: 100%; overflow-y: hidden;">
<a name="2"></a>
<div style="width:95%; height: 100%; top: 100px; overflow: auto;" align="left">
<br>
<h1>Moveset</h1>
Tab2

</div>
</div>

<div style="height: 100%; overflow-y: hidden;">
<a name="3"></a>
<div style="width:95%; height: 100%; top: 100px; overflow: auto;" align="left">
<br>
<h1>Friends</h1>
Tab3

</div>
</div>

<div style="height: 100%; overflow-y: hidden;">
<a name="4"></a>
<div style="width:95%; height: 100%; top: 100px; overflow: auto;" align="left">
<br>
<h1>OOC</h1>
Tab4
</div>
</div>
</div>
</div>