Fandoms Tabs v2 - part 1

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

    #fandoms {
        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**/