Kano

<style type="text/css">
@import url(https://fonts.googleapis.com/css?family=Bigelow+Rules);
@import url(https://fonts.googleapis.com/css?family=Asap);

body{
background-size: 100% 100%;
background-color:#303579;
background-position:center;
background-repeat:no-repeat;
background-attachment:fixed;
background-image:url(http://www.iloe.fr/wp-content/uploads/2013/10/bg1.jpg);}

a {
 color: #d6698ff;
 font-family:Asap;
 font-size: 12px;
 text-decoration: none;
 transition: all 0.8s ease-in-out;
 -moz-transition: all 0.8s ease-in-out;
 -webkit-transition: all 0.8s ease-in-out;}
a:hover {
 color: #000000;
 font-family: Asap;
 font-size: 12px;
 text-decoration: none;
 transition: all 0.6s ease-in-out;
 -moz-transition: all 0.6s ease-in-out;
 -webkit-transition: all 0.6s ease-in-out;}

::-webkit-scrollbar-thumb:vertical
{
background-color:transparent;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
::-webkit-scrollbar
{
width:6px;
height:20px;
background-color:transparent;
}

b{font-family: Asap; Color: #25225F; Text-shadow: 0px 0px 2px #2D6994; font-size:13px;}
i{font-family: Asap; Color: #1D1D60; font-size:13;}

h3 {
font-family: Bigelow Rules;
color: #1D1D60;
font-size:25px;
letter-spacing:2px;
margin-bottom:1px;
margin-top:3px;
text-align: center;
width: 100%;}

#mainpic {
 position:fixed;
 z-index: 0;
 width:35%;
 height: 100%;
 right: 0px;
 bottom: 0px;
 background: #;
 color: #6D6D6B;
 font-size:2vh;
 overflow:hidden;
 opacity:0;
 -webkit-animation: picturefade 1.5s 1;
 animation: picturefade 1s 1;
 animation-delay:1.5s;
 -webkit-animation-delay:1.5s;
 animation-fill-mode: forwards;
 -webkit-animation-fill-mode: forwards;}
 #mainpic img {
 width: 100%;}
@keyframes picturefade{
0%{right:-20%;opacity:0;}
100%{right:0%;opacity:1;}
}

.pages {
position: fixed;
left: 450px;
top: 90px;
width: 350px;
height: 350px;
border-radius: 7px;
border-top: 2px solid #1D1D60;
border-bottom: 2px solid #1D1D60;
border-left: 2px solid #1D1D60;
border-right: 2px solid #1D1D60;
background-color: #fff;
box-shadow: 0.4vw 0.5vw 0.5vw #1D1D60;
color: #ccc;
padding: 10px;
font-family: Asap;
font-size: 13px;
letter-spacing: 0px;
word-spacing: 1px;
line-height: 13px;
text-align: left;
opacity: 0;
z-index: ;
overflow: auto;
transition: all 0.7s ease-in-out;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
}

.pages:target {
top: 28%;
left: 13%;
opacity: 1;
font-family: Asap;
z-index: 1;
transition: all 0.7s ease-in-out;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
}


a.tab:active, a.tab:link, a.tab:visited {
background-color: #fff;
border: #1D1D60 solid 2px;
border-radius: 50%;
display: inline-block;
height: 25px;
text-decoration: none;
width: 25px;
-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;
box-shadow:inset 0 0 75px 75px #fff, 0 0 0 #fff;

}

a.tab:hover {
background-color: #1D1D60;
border: #fff 2px solid;
box-shadow:inset 0 0 35px 35px transparent, 0 0 75px 50px transparent;

}


#thetabs {
background-color: transparent;
border: none;
height: 20px;
left: 16.50%;
position: fixed;
text-align: left;
letter-spacing: 45px;
bottom: 2%;
width: 375px;
}



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

</style>

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

<div id="mainpic">
<img src="http://i.picpar.com/QiYb.png">
</div>

<div id="thetabs">
<a href="#01" class="tab"> </a>
<a href="#02" class="tab"> </a>
<a href="#03" class="tab"> </a>
<a href="#04" class="tab"> </a>
</div></div>

<div id="01" class="pages">
<h3>Title here<h3>
<b>Bold</b><i>italic</i><a href="link.com" target="_blank">Link</a>
</div>

<div id="02" class="pages">



</div>

<div id="03" class="pages">

</div>