updates tab #2

#updates {
background-color:#000;/*-- Adjusts the background color--*/

width:50px; /*-The width of it w/o hover -*/

height:50px; /*--The height of it w/o hover--*/

font-size:9px;

font-family:consolas;

color:#fff;

border-radius:0px 60px 0px 0px; /*Change 60 to 0 if you don't want it rounded*/

/*--I would suggest not touching whatever's bellow this...*/
left:0.5px;

bottom:0px;

position:fixed;

overflow:hidden;

opacity 0.8s;

-webkit-transition: linear;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;

z-index:999;
}


#header {
margin-top:25px; /*HOW FAR THE PLUS IS FROM THE TOP*/

margin-bottom:20px; /*HOW FAR THE PLUS IS FROM THE BOTTOM*/

margin-left:-5px; /*HOW FAR LEFT THE PLUS IS FROM THE LEFT*/

font-size:12px; /*FONT SIZE*/

font-family:consolas; /*FONT*/

color:#fff;
/*DONT TOUCH*/
-webkit-transition: linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;
}



#updates:hover{
width:125px; /*HOW WIDE THE UPDATES TAB IS (WHEN HOVERED)*/

height:200px; /*HOW TALL THE UPDATES TAB IS (WHEN HOVERED)*/

border-radius:0px; /*IF YOU DONT WANT IT ROUNDED WHEN HOVERED KEEP IT AT 0*/

}

#updates:hover #header{

/*SHOULD YOU WANT TO MOVE THE PLUS SIGN (WHEN THE TAB IS HOVERED) THIS IS WHERE YOU CAN CONTROL IT*/

margin-top:10px;

margin-left:0px;

margin-bottom:4px;
}