Grayscale Theme

<style>

body{
background-image: url('http://cdn.inspirationhut.net/wp-content/uploads/2013/05/201.png')!important;
background-repeat: repeat!important;
}

#some{
width:150px;
height:30px;
background: #000;
position: fixed;
top: 85px;
left:290px;
text-align: center;
font-family:century gothic;
font-size: 23px;
letter-spacing: 5px;
color: #fff;
text-transform: uppercase;
text-shadow: 1px 1px 1px #fff;
-webkit-transform: rotate(10deg);
-ms-transform: rotate(10deg);
transform: rotate(10deg);
}

#tall{
height: 100%;
width: 100px;
position: fixed;
top:0px;
left:0px;
background-image: url('http://static.tumblr.com/1f1tzta/k8Ynhy5ag/static.gif')!important;
background-repeat: repeat!important;
}

#box{
background: #aaa;
width: 100px;
height:100px;
position: fixed;
top: 100px;
left:50px;
}

#box2 {
width:200px;
height:200px;
position:fixed;
top:100px;
left:200px;
background: #aaaaaa;
color: #fff;
font-family: trebuchet ms;
font-size: 11px;
text-transform: uppercase;
}

#box3{
width:200px;
height:75px;
position:fixed;
top:320px;
left:200px;
background: #aaaaaa;
color: #000;
font-family: trebuchet ms;
font-size: 11px;
}

#high{
position: fixed;
width:100px;
top: 225px;
left:50px;
}

#navi{
position: absolute;
width:95px;
padding:5px;
text-align: center;
font-family: century gothic;
font-size: 11px;
color: #000;
background: #aaa;
text-transform: uppercase;
-webkit-transition: all 1s ease;
transition: all 1s ease;}


#navi:hover{
color: #aaa;
background: #000;
-webkit-transition: all 1s ease;
transition: all 1s ease;}

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

#fuki{
position:fixed;
top:375px;
left:43px;
width:100px;
}

#container{
position: fixed;
top: 100px;
left: 500px;
width: 400px;
height: 295px;
background: #fff;
border: 2px dashed #aaa;
outline: solid 5px #fff;
overflow: auto;
color: #000;
font-family: trebuchet ms;
font-size: 12px;
}

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


</style>
<div id="tall"></div>

<div id="high">
<span onclick="document.getElementById('container').innerHTML=document.getElementById('tab1').innerHTML;" id="navi">Home</span><BR><BR>
<span onclick="document.getElementById('container').innerHTML=document.getElementById('tab2').innerHTML;" id="navi">About</span><br><br>
<span onclick="document.getElementById('container').innerHTML=document.getElementById('tab3').innerHTML;" id="navi">Accs</span><br><br>
<span onclick="document.getElementById('container').innerHTML=document.getElementById('tab4').innerHTML;" id="navi">Credit</span></div>

<div id="box2"><div style="margin:20px;">HI, Navigations are to the left, if you wanna know about me then click on "about". I make chatango themes but im really lazy to make for others because idk but yeah.<br><br>Feel free to PM about anything or ask me questions! I like answering to people XD! See you soon</div></div>
<div id="box"><div style="margin:12px"><img src="http://40.media.tumblr.com/61bdcdaf5ed2d8f22e801d32e332094f/tumblr_mu42lf4Xwi1rybiymo1_500.jpg" style="position: absolute; width:75px; height:75px;"/></div></div>
<div id="box3"><div style="margin:20px;"><center><i>Best Viewed on:</i><br><b>Google Chrome</b><br><b>Microsoft Edge</b></center></div></div>
<div id="some"><div style="margin:0px;">hello</div></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="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=https://a.tumblr.com/tumblr_nt7l0dJvof1rph8sao1.mp3|http://k007.kiwi6.com/hotlink/4xolu9s0p1/Linus_Blanket_-_Signal_Waltz.mp3&amp;width=120&amp;height=20&amp;autoplay=1&amp;loop=1&amp;shuffle=2&amp;showslider=0&amp;buttonwidth=30&amp;bgcolor=aaaaaa&amp;bgcolor1=aaaaaa&amp;bgcolor2=aaaaaa&amp;buttoncolor=000000&amp;buttonovercolor=ffffff&amp;showlist=0" /></div>