Untitled

<html>
<head>
<script language=javascript>document.title=("Baka")</script>

<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic' rel='stylesheet' type='text/css'>

<script>function changeNavigation(id) {document.getElementById('box').innerHTML=document.getElementById(id).innerHTML}</script>

<style type="text/css">

.logo_div, .fpix_header, .topad, .fpix_asl_table, .profile_text,
.nc_profile, #left_container, #profilephoto, #flash_close_butt,
#start_chat_but, .uppermenu, #buyers_ad, #flashcontent, .yellow_but,
.bottombar, .byline, .top-links { visibility: hidden; display: none;}

::selection {
background:#e0e0e0;
}

::-moz-selection {
background:#e0e0e0;
}

::-webkit-scrollbar {background-color: #c0c0c0; height:8px; width:8px; border:3px solid #707070;}
::-webkit-scrollbar-thumb:vertical {background-color:#c0c0c0; border:1px solid #202020; height:50px;}
::-webkit-scrollbar-thumb:horizontal {background-color:#c0c0c0; border:1px solid #202020; height:8px;}

body{
background-image: url('https://i.imgur.com/fMy5XGI.jpg?1') !important;
background-position:left bottom!important;
background-color: #fff;
font:10px calibri;
color:#ffffff;
margin:0px;
height:0px;
width:0px;
}

body, a, a:hover { cursor:url(''), auto;
}

h1 {
background: #c0c0c0;
letter-spacing: 2px;
color: #000000;
font-family: ms ui gothic;
text-transform: uppercase;
font-size: 10px;
}

pre {
background: #c0c0c0;
color: #ffffff;
text-align: center;
font-family: consolas;
font-size: 10px;
letter-spacing: 2px;
text-transform: uppercase;
}

b, strong {
color: #c0c0c0;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 1px;
}

i, em {
color: #c0c0c0;
}

#box {
position:fixed;
left:652px;
top:297px;
z-index:99;
background:#fff;
overflow:auto;
color:#b0b0b0;
font-family: calibri;
font-size: 10px;
width:275px;
height:150px;
padding:10px;
border: 1px solid #c0c0c0;
}

#navi {position:fixed;left:650px;top:275px; width: 200px; height: 75px; padding: 2px;
}

.tabs{
width:60px;
padding: 2px;
margin-left: 0px;
margin-bottom: 0px;
border:1px solid #c0c0c0;
text-align:center;
font-size: 10px;
color: #000000;
background-color:#ffffff;
font-family: consolas;
text-transform:uppercase;
z-index:99;
display: inline-block;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}

.tabs:hover {
background: #c0c0c0;
color: #fff;
border:1px solid #b0b0b0;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}

#tab1, #tab2 {
display:none;
}

</style>
</head>
<body>

<div id="navi">
<div onclick="changeNavigation('tab1')" class="tabs">❤</div>
<div onclick="changeNavigation('tab2')" class="tabs">❤</div>
</div>

<div id="box">
</div>

<div id="tab1">
</div>

<div id="tab2">
</div>

</body>
</html>