updates tab 01 - 1

/* updates tab */

#updates { /* entire updates tab */
    top:15px;
    left:20px;
    position:fixed;
    background-color:transparent;
    width:120px;
    z-index:9999;
    padding:4px;
}


#tab001, #tab002, #tab003, #tab004 { /* individual tab */
    padding:5px;
    margin-top:5px;
    height:14px;
    text-align:center;
    overflow:hidden;
    margin-top:1px1px;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:10px;
    line-height:10px;
    z-index:0;
        -webkit-transition: all 0.7s ease-in-out;
        -moz-transition: all 0.7s ease-in-out;
        -o-transition: all 0.7s ease-in-out;
        transition: all 0.7s ease-in-out;
}

#box001, #box002, #box003, #box004 { /* styling for the hover boxes */
    margin-top:5px;
    width:12px;
    height:12px;
        -webkit-transition: all 0.7s ease-in-out;
        -moz-transition: all 0.7s ease-in-out;
        -o-transition: all 0.7s ease-in-out;
        transition: all 0.7s ease-in-out;
}

#body001, #body002, #body003, #body004 { /* text styling */
    color:#2e2e2e;
    text-align:left;
    line-height:150%;
    font-family:Arial; /* change the font here */
    text-transform:lowercase;
    font-size:9px;
    letter-spacing:1px;
    margin-left:20px;
    padding-top:10px;
}

#tab001:hover #box001, #tab002:hover #box002, #tab003:hover #box003, #tab004:hover #box004 { /* box rotation transition */
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* box colors */
/* change the color of each box here! */
#box001 {
    background-color:#474747;
}
#box002 {
    background-color:#7f7f7f;
}
#box003 {
    background-color:#bfbfbf;
}
#box004 {
    background-color:#e5e5e5;
}

/* tab opening */
/* change the heights of each tab here. make sure it fits the length of your text exactly, otherwise it'll get cut off! */
#tab001:hover{
    height:100px;
}
#tab002:hover {
    height:100px;
}
#tab003:hover {
    height:100px;
}
#tab004:hover {
    height:100px;
}

/* end updates tab */