Spring Theme

<style>

body{
background-image: url('http://www.pixeden.com/media/k2/galleries/112/001-subtle-light-pattern-background-texture.jpg')!important;
background-repeat:repeat!important;
}

#box{
width: 700px;
height:275px;
position: fixed;
left:300px;
top:0px;
background-image: url('http://blog.hachimitsu.org/wp-content/uploads/2014/11/HorribleSubs-Shigatsu-wa-Kimi-no-Uso-01-720p.mkv_snapshot_01.20_2014.10.10_21.53.49.jpg');
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: cover;
}

#box1{
background: #95D69E;
width: 700px;
height:50px;
position:fixed;
top:275px;
left:300px;
}

#box3{
height:315px;
width: 50px;
position: fixed;
top:325px;
left:925px;
background: #95d69e;
font-family: broadway;
font-size: 20px;
color: #fff;
text-align:center;
text-transform:uppercase;
z-index:2000;
}

#high{
position: fixed;
top: 325px;
left:300px;
}

.nav1, .nav2, .nav3, .nav4 {
    position:fixed;
    width:12px;
    background:#95D69E;
    top:0px;
    border-bottom-left-radius:20px;
    transition:0.6s linear;
    -webkit-transition:0.6s linear;
    -moz-transition:0.6s linear;
    -o-transition:0.6s linear;
}

.nav1:hover, .nav2:hover, .nav3:hover, .nav4:hover {background: #A8B5BD; -webkit-transition:0.6s linear;
    -moz-transition:0.6s linear;
    -o-transition:0.6s linear;height: 100%;}

.nav1 {margin-left:10px; height:80%;}
.nav2 {margin-left:30px; height:85%;}
.nav3 {margin-left:50px; height:90%;}
.nav4 {margin-left:70px; height:95%;}

#tab1, #tab2, #tab3, #tab4{display:none;}

#container{
width: 400px;
height: 275px;
position: fixed;
border: 2px dashed #95D69E;
outline: solid 4px #fff;
background: #fff;
font-family: century gothic;
font-size: 11px;
color: #A8B5BD;
top: 350px;
left: 450px;
overflow: auto;
}

 h{
 position: absolute;
border-bottom: 5px double #95D69E;
top: 20px;
left:20px;
font-family: mistral;
font-size: 30px;
color:#A8B5BD;
text-transform: uppercase;
letter-spacing: 15px;
}

#fuki{
position: absolute;
margin-top:15px;
margin-left:300px;
}

</style>

<div id="high">
<span onclick="document.getElementById('container').innerHTML=document.getElementById('tab1').innerHTML;" class="nav1"></span>
<span onclick="document.getElementById('container').innerHTML=document.getElementById('tab2').innerHTML;" class="nav2"></span>
<span onclick="document.getElementById('container').innerHTML=document.getElementById('tab3').innerHTML;" class="nav3"></span>
<span onclick="document.getElementById('container').innerHTML=document.getElementById('tab4').innerHTML;" class="nav4"></span>
</div>

<div id="container"><h>hey bro</h><div style="margin-top:70px;margin-left:20px;margin-right:20px;margin-bottom:10px;"><center>WHATEVER AT YOUR HOME!</center></div></div>

<div id="tab1"><h>hey bro</h><div style="margin-top:70px;margin-left:20px;margin-right:20px;margin-bottom:10px;"><center>WHATEVER AT YOUR HOME</center></div></div>

<div id="tab2"><h>About</h><div style="margin-top:70px;margin-left:20px;margin-right:20px;margin-bottom:10px;">ABOUT YOURSELF BERE</div></div>

<div id="tab3"><h>Accounts</h><div style="margin-top:70px;margin-left:20px;margin-right:20px;margin-bottom:10px;"><center>ACCOUNTS HERE!</center>></div></div>

<div id="tab4"><h>Credits</h><div style="margin-top:70px;margin-left:20px;margin-right:20px;margin-bottom:10px;"><center>
<br>Made by <a href="our.chatango.com"><font color="85C5DE"><i>Our</i></font></a> for personal use <br> Do <u>not</u> steal, redistribute or sell<br>
<font color="#85C5DE">No copyright infringement was intended. All rights goes to the respective owners.<br><br></font>
Images from Google Images,Tumblr,Deviantart!! <br><br>

Best view on Google Chrome<br></center></div></div>

<div id="box"></div>
<div id="box3"><div style="margin-left:10px;margin-right:10px;margin-bottom:10px;margin-top:-30px;">D<br>E<br>F<br>I<br>N<br>E<br><br>Y<br>O<br>U<br>R<br>S<br>E<br>L<br>F</div></div>
<div id="box1"><div style="position: absolute;margin-top:15px;margin-left:20px;font-family: trebuchet ms;font-size:15px;color:#fff;">NAVIGATIONS;</div>
<div id="fuki"><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="120" height="20">
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
    <param name="bgcolor" value="#FEF5E8" />
    <param name="FlashVars" value="mp3=http://dl.findmp3.mobi/206317407/shigatsu+wa+kimi+no+uso+wacci+by+kirameki+kaori+and+kousei+ver+final+ep+insert+songdl+link.mp3&amp;width=120&amp;height=20&amp;autoplay=1&amp;loop=1&amp;shuffle=2&amp;showslider=0&amp;buttonwidth=30&amp;bgcolor=95d69e&amp;bgcolor1=95d69e&amp;bgcolor2=95d69e&amp;buttoncolor=ffffff&amp;buttonovercolor=A8B5BD&amp;showlist=0" /></div></div>