bottom right

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

#button {
    position:fixed;
    z-index:999;
    bottom:250px;
    right:50px;
}

.update1, .update2, .update3, .update4, .update5 {
    position:absolute;
    width:130px;
    margin-right:140px;
    margin-top:-40px;
    opacity:0;
    right: -350px;
    overflow:hidden;
    padding:10px;
    font-family:Calibri;
    font-size:8px;
    text-transform:uppercase;
    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-right: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-right: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 {
    right:0px;
    opacity:1;
    margin-right:55px;
}

.fandom2 {
    width:35px;
    height:35px;
    padding-right: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-right: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 {
    right:0px;
    opacity:1;
    margin-right:55px;
}

.fandom3 {
    width:35px;
    height:35px;
    padding-right: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-right: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 {
    right:0px;
    opacity:1;
    margin-right:55px;
}

.fandom4 {
    width:35px;
    height:35px;
    padding-right: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-right: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 {
    right:0px;
    opacity:1;
    margin-right:55px;
}

.fandom5 {
    width:35px;
    height:35px;
    padding-right: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-right: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 {
    right:0px;
    opacity:1;
    margin-right:55px;
}

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