Fade updates tab

/* Paste this somewhere in your CSS */

#updates {
text-align: center;
font-size: 9px;
position:fixed;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
z-index:999;
}

#updates:hover #hidden{opacity:1;-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;}

#hidden {
padding:2px;
margin-left:20px;
margin-top:45px;
width:110px;
opacity:0;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
}

#visible{
    position:fixed;
    z-index:50;
    margin-left:42px;
    margin-top:-30px;
}

#visible img {
text-align: center;
color:#454545;
padding: 5px 0 8px 0;
width: 70px;
height:auto;
}


/* Paste this at the top of your HTML, right after <body> and fill in image and text*/

<div id="updates">

<div id="visible"><img src="IMAGE URL HERE"></div>
<div id="hidden">
YOUR TEXT HERE
</div>
</div>