updates 1.0 css

<style>
/*~colors/font/widths~*/
.updatesbyfoom {
    width: 100px; /* width of the updates tab */
    background: black; /* background color of the updates tab */
    font-family: "Calibri"; /* the font of the thing */
    font-size: 10px; /* font size of the updates TEXT (not the updates title) */
    height: 11px; /* should be the same number as the TITLES font size */
}

.updatesbyfoom .ubftitle {
    font-size: 11px; /* font size of the TITLE */
    font-weight: bold; /* just delete this whole line if u dont want it bold */
    letter-spacing:2px; /* letter spacing */
    color: white; /* color */
    font-family: inherit; /* if u want a different font just replace inherit with the name of the font */
}

.updatesbyfoom:hover .ubftitle {
    background: rgba(0,0,0,0.5); /* updates title color on hover (it doesnt have to be rgba, it can just be a color name like black, blue, red, etc. or it can be a hex code) */
}

.updatesbyfoom {
    padding: 10px;
    overflow: hidden;
    position: fixed;
    z-index: 3000000;
    top: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    left:10px;
}

.updatesbyfoom .ubftitle {
    text-align: center;
    padding: 10px;
    margin: -10px;
    margin-bottom: 5px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.updatesbyfoom:hover {
    background: transparent;
    opacity: 1;
    height: 100%;
}
</style>