Updates Tab #01 [CSS]

/** UPDATES TAB BY HYDRATHEMES **/
#updates {
top:10px;
left:10px;
height:10px;
width:120px;
border:1px solid gray;
padding:10px;
padding-bottom:15px;
text-align:center;
font-size:12px;
font-family:arial;
letter-spacing:-0.5px;
font-weight:bold;
text-transform:uppercase;
color:#000;
background:#fff;
position:fixed;
transition:0.5s ease;
-o-transition:0.5s ease;
-moz-transition:0.5s ease;
-webkit-transition:0.5s ease;
}

#updates:hover {
height:100px; /** this height is adjustable **/
transition:0.5s ease;
-o-transition:0.5s ease;
-moz-transition:0.5s ease;
-webkit-transition:0.5s ease;
}

#updates:hover .info {
opacity:1;
transition:0.5s ease;
-o-transition:0.5s ease;
-moz-transition:0.5s ease;
-webkit-transition:0.5s ease;
}

.info {
font-family:arial;
font-size:10px;
font-weight:none;
text-transform:none;
margin-top:5px;
opacity:0;
transition:0.5s ease;
-o-transition:0.5s ease;
-moz-transition:0.5s ease;
-webkit-transition:0.5s ease;
}