Hover Sidebar for Navigation

PASTE THIS UNDER <STYLE>:


/*** HOVER DROP DOWN MENU/DESCRIPTION... ***/
a {color:;text-decoration:none;-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;transition: all 1s ease-out;}

.fufu {width:30px;margin-left: 30px; -webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;transition: all 1s ease-out;}

.fufu:hover {-webkit-transform: translate(1em,0);-moz-transform: translate(1em,0);-o-transform: translate(1em,0);}

#biter

#bite a {display:block}

#bite .death {margin-top:-45px; margin-left: 30px;filter: alpha(opacity = 0);opacity:0;-webkit-transition: all 1s ease-out;-moz-transition: all 0.7s ease-out;transition: all 1s ease-out;}

#bite:hover .death {margin-top:-10px;margin-left: 30px;-webkit-transition: all 0.1s ease-out;-moz-transition: all 0.1s ease-out;transition: all 0.1s ease-out; filter: alpha(opacity = 100);filter: alpha(opacity = 100);opacity:100;}


/*** ROUND NAVIGATION BUTTON***/
div.navigate a{
background: #fff; color: #a8a8a8; border: 1px solid #ebd3df; display:block; width: 48px; height: 15px; text-align: center; padding-top:2px; margin-left:2px; margin-top:2px; position:relative; text-align: center; z-index:1; font-weight: normal; display: inline-block;
}
div.navigate a:hover{
background: #fff; letter-spacing:1px; border: 1px solid #FBBBB9;-moz-border-radius:7px; -webkit-border-radius:7px;
}


/*** SIDING NAVIGATION BUTTON***/
div.button a{
display: inline-block;
color: #a8a8a8;
background-color:#ebd3df;
height:15px;
width: 280px;
padding-left:5px;
padding-top:2px;
border-right: 4px solid #FBBBB9;
}

div.button a:hover{
width: 132px;
text-align:right;
border-right: 55px solid #FBBBB9;
padding-right:2px;
color: #a8a8a8;
background-color:#f1e9ec;
-webkit-transition: 0.5s;
-moz-border-radius:7px; -webkit-border-radius:7px;
}


/*** SIDEBAR ***/

div#sidebar2{
width:300px;
position:fixed;
height:400px;
margin-top:200px;
margin-left:120px;
padding:5px;
top: 0px;
left: 5px;
border: 2px solid #FBBBB9;
background-color: #fff;
}

div#sidebar3{
width:300px;
position:fixed;
height:400px;
margin-top:200px;
margin-left:120px;
padding:5px;
background-color:#fff;
top: 0px;
left: 5px;
border: 2px solid #ebd3df;

}


PASTE THIS UNDER <BODY>:


<!-- SIDEBAR -->
<div id="bite">
<h4><center>
<div id="sidebar2"><br>
<h5>{title}</h5><br>

<img src="http://24.media.tumblr.com/tumblr_lwtb3cB7ag1r74hg4o1_500.jpg" width="300px"><br><br>
{description}


</div>

</center></h4>

<div class="death">
<div align="center">
<div id="sidebar3">
<div class="navigate">
<a href="/">HOME</a>
<a href="/ask">ASK</a>
<a href="/archive">ARCHIVE</a>
<a href="http://themesforya.tumblr.com/">©CREDIT</a>
</div><br>
<img src="http://25.media.tumblr.com/tumblr_lwk3vaOf1z1qfwihyo1_500.jpg" width="300px"><br><br>

<div class="button">
<a href="LINK URL">LINK NAME</a>
<a href="LINK URL">LINK NAME</a>
<a href="LINK URL">LINK NAME</a>
<a href="LINK URL">LINK NAME</a>
<a href="LINK URL">LINK NAME</a>
<a href="LINK URL">LINK NAME</a>
<a href="LINK URL">LINK NAME</a>
<a href="LINK URL">LINK NAME</a>
<a href="LINK URL">LINK NAME</a>
</div><br>


</div>
</div>
</div>