updates 1 by meem

#cake {/*the styling of the whole updates box*/
    line-height:100%;/*don't change this!*/
    display:block;/*don't change this either lol*/
    border:1px solid #E6E6E6;/*the border of the whole box; 1px is the width, #eee is the hex color (go to colorpicker.com and pick one)*/
    height:12px;/*the height of the box before hover*/
    width:35px;/*the width of the box before hover*/
    padding:0px 5px 5px 5px;/*don't change this!*/
    z-index:0;/*don't change this!*/
    top:65px;/*distance from top of page*/
    left:15px;/*distance from left of page*/
    color:#585858;/*color of text*/
    position:fixed;/*don't change this!*/
    background:#fff;/*background color of updates box*/
    overflow:hidden;/*don't change this!*/
    text-align:center;/*text alignment of everything in updates box*/
    -moz-transition-duration:0.6s;
    -webkit-transition-duration:0.6s;
    -o-transition-duration:0.6s;
}

#cake:hover {/*the updates box after hover*/
    height:70px;/*the height of the box after hover*/
    width:90px;/*the width of the box after hover*/
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}

#pie {/*the title of the updates box*/
    line-height:17px;/*don't change this!*/
    font-family:calibri;/*the font of the updates title*/
    text-transform:uppercase;/*can be uppercase, lowercase, none*/
    font-size:8px;/*font size of updates title*/
}

#cream {/*the actual updates*/
    font-size:9px;/*the font size of the actual updates*/
    font-family:calibri;/*the font of the actual updates*/
    width:90px;/*if you increase the width of #updatesbox:hover , increase the width of #inside by the same value. for instance, if you increase the width of #updatesbox:hover from 90px to 100px, change the width of #inside to 100px*/
    line-height:10px;/*don't change this!*/
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}

#updates {/*the styling of the whole updates box*/
     line-height:100%;/*don't change this!*/
    display:block;/*don't change this either lol*/
    border:1px solid #e6e6e7;/*the border of the whole box; 1px is the width, #eee is the hex color (go to colorpicker.com and pick one)*/
    height:12px;/*the height of the box before hover*/
    width:35px;/*the width of the box before hover*/
    padding:0px 5px 5px 5px;/*don't change this!*/
    z-index:0;/*don't change this!*/
    top:40px;/*distance from top of page*/
    left:15px;/*distance from left of page*/
    color:#585858;/*color of text*/
    position:fixed;/*don't change this!*/
    background:#fff;/*background color of updates box*/
    overflow:hidden;/*don't change this!*/
    text-align:center;/*text alignment of everything in updates box*/
    -moz-transition-duration:0.6s;
    -webkit-transition-duration:0.6s;
    -o-transition-duration:0.6s;
}

#updates:hover {/*the updates box after hover*/
    height:128px;/*the height of the box after hover*/
    width:90px;/*the width of the box after hover*/
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}

#updatestitles {/*the title of the updates box*/
    line-height:17px;/*don't change this!*/
    font-family:calibri;/*the font of the updates title*/
    text-transform:uppercase;/*can be uppercase, lowercase, none*/
    font-size:8px;/*font size of updates title*/
}

#insides {/*the actual updates*/
    font-size:9px;/*the font size of the actual updates*/
    font-family:calibri;/*the font of the actual updates*/
    width:90px;/*if you increase the width of #updatesbox:hover , increase the width of #inside by the same value. for instance, if you increase the width of #updatesbox:hover from 90px to 100px, change the width of #inside to 100px*/
    line-height:10px;/*don't change this!*/
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}

    #updatesbox {/*the styling of the whole updates box*/
    line-height:100%;/*don't change this!*/
    display:block;/*don't change this either lol*/
    border:1px solid #e6e6e7;/*the border of the whole box; 1px is the width, #eee is the hex color (go to colorpicker.com and pick one)*/
    height:12px;/*the height of the box before hover*/
    width:35px;/*the width of the box before hover*/
    padding:0px 5px 5px 5px;/*don't change this!*/
    z-index:0;/*don't change this!*/
    top:15px;/*distance from top of page*/
    left:15px;/*distance from left of page*/
    color:#585858;/*color of text*/
    position:fixed;/*don't change this!*/
    background:#fff;/*background color of updates box*/
    overflow:hidden;/*don't change this!*/
    text-align:center;/*text alignment of everything in updates box*/
    -moz-transition-duration:0.6s;
    -webkit-transition-duration:0.6s;
    -o-transition-duration:0.6s
}

#updatesbox:hover {/*the updates box after hover*/
    height:105px;/*the height of the box after hover*/
    width:90px;/*the width of the box after hover*/
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}

#updatestitle {/*the title of the updates box*/
    line-height:17px;/*don't change this!*/
    font-family:calibri;/*the font of the updates title*/
    text-transform:uppercase;/*can be uppercase, lowercase, none*/
    font-size:8px;/*font size of updates title*/
}

#inside {/*the actual updates*/
    font-size:9px;/*the font size of the actual updates*/
    font-family:calibri;/*the font of the actual updates*/
    width:90px;/*if you increase the width of #updatesbox:hover , increase the width of #inside by the same value. for instance, if you increase the width of #updatesbox:hover from 90px to 100px, change the width of #inside to 100px*/
    line-height:10px;/*don't change this!*/
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}