Fandoms Update Tab (Part 1)

/***** FANDOMS UPDATES TAB by APRILCARSTAIRS @ tumblr *****/

#button {
    position:fixed;
    top:50px;
    left:10px;
}

.update1, .update2, .update3, .update4, .update5 {
    position:absolute;
    width:130px;
    margin-left:140px;
    margin-top:-30px;
    opacity:0;
    left: -350px;
    overflow:hidden;
    padding:10px;
    font-family:Calibri;
    font-size:8px;
    letter-spacing:1px;
    text-align:center;
    -moz-transition:all 0.7s ease-out;
    -webkit-transition:all 0.7s ease-out;
    -o-transition:all 0.7s ease-out;
}

.fandom1 {
    width:35px;
    height:35px;
    padding-left:10px;
    position:absolute;
    -moz-transition:all 0.5s ease-out;
    -webkit-transition:all 0.5s ease-out;
    -o-transition:all 0.5s ease-out;
}

.fandom1:hover {
    padding-left:20px;
    -moz-transition:all 0.7s ease-out;
    -webkit-transition:all 0.7s ease-out;
    -o-transition:all 0.7s ease-out;
}


.fandom1:hover .update1 {
    left:0px;
    opacity:1;
    margin-left:55px;
}

.fandom2 {
    width:35px;
    height:35px;
    padding-left:10px;
    margin-top:40px;
    position:absolute;
    -moz-transition:all 0.5s ease-out;
    -webkit-transition:all 0.5s ease-out;
    -o-transition:all 0.5s ease-out;
}

.fandom2:hover {
    padding-left:20px;
    -moz-transition:all 0.7s ease-out;
    -webkit-transition:all 0.7s ease-out;
    -o-transition:all 0.7s ease-out;
}

.fandom2:hover .update2 {
    left:0px;
    opacity:1;
    margin-left:55px;
}

.fandom3 {
    width:35px;
    height:35px;
    padding-left:10px;
    margin-top:80px;
    position:absolute;
    -moz-transition:all 0.5s ease-out;
    -webkit-transition:all 0.5s ease-out;
    -o-transition:all 0.5s ease-out;
}


.fandom3:hover {
    padding-left:20px;
    -moz-transition:all 0.7s ease-out;
    -webkit-transition:all 0.7s ease-out;
    -o-transition:all 0.7s ease-out;
}

.fandom3:hover .update3 {
    left:0px;
    opacity:1;
    margin-left:55px;
}

.fandom4 {
    width:35px;
    height:35px;
    padding-left:10px;
    margin-top:120px;
    position:absolute;
    -moz-transition:all 0.5s ease-out;
    -webkit-transition:all 0.5s ease-out;
    -o-transition:all 0.5s ease-out;
}


.fandom4:hover {
    padding-left:20px;
    -moz-transition:all 0.7s ease-out;
    -webkit-transition:all 0.7s ease-out;
    -o-transition:all 0.7s ease-out;
}

.fandom4:hover .update4 {
    left:0px;
    opacity:1;
    margin-left:55px;
}

.fandom5 {
    width:35px;
    height:35px;
    padding-left:10px;
    margin-top:160px;
    position:absolute;
    -moz-transition:all 0.5s ease-out;
    -webkit-transition:all 0.5s ease-out;
    -o-transition:all 0.5s ease-out;
}


.fandom5:hover {
    padding-left:20px;
    -moz-transition:all 0.7s ease-out;
    -webkit-transition:all 0.7s ease-out;
    -o-transition:all 0.7s ease-out;
}

.fandom5:hover .update5 {
    left:0px;
    opacity:1;
    margin-left:55px;
}

.titlehds{
    margin-top:0px;
    padding:0px 0px;
    line-height:20px;
    text-align:center;
    text-transform:uppercase;
    font-size:10px;
    color:#eeeeee;
    background:#444444;
}

/**to here**/