Updates Tab 02 css

#thing {
    width:180px;
    height:180px;
    position:fixed;
    transition:0.6s ease-in-out;
    -o-transition:0.6s ease-in-out;
    -ms-transition:0.6s ease-in-out;
    -moz-transition:0.6s ease-in-out;
    -webkit-transition:0.6s ease-in-out;
}

#thing:hover #updates {
    height:400px;
    opacity:1;
    transition:0.6s ease-in-out;
    -o-transition:0.6s ease-in-out;
    -ms-transition:0.6s ease-in-out;
    -moz-transition:0.6s ease-in-out;
    -webkit-transition:0.6s ease-in-out;

}

#thing:hover #t {
    margin-top:-10px;
    width:170px;
    -ms-transform:none;
    -moz-transform:none;
    -webkit-transform:none;
    -o-transform:rotate:none;
}

#thing:hover #l {
    margin-top:400px;
    width:170px;
    -ms-transform:none;
    -moz-transform:none;
    -webkit-transform:none;
    -o-transform:none;
}

#thing:hover #l a {
    opacity:1;
}

#l a {
    margin-left:80px;
    font-size:10px;
    text-align:center;
    display:inline-block;
    position:fixed;
    opacity:0;
    margin-top:-5px;
    transition:0.7s ease-in-out;
    -o-transition:0.7s ease-in-out;
    -ms-transition:0.7s ease-in-out;
    -moz-transition:0.7s ease-in-out;
    -webkit-transition:0.7s ease-in-out;
}

#t {
    width:100px;
    height:1px;
    background-color:#777;
    margin:20px 5px 0;
    position:fixed;
    z-index:2;
    -ms-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transition:0.7s ease-in-out;
    -o-transition:0.7s ease-in-out;
    -ms-transition:0.7s ease-in-out;
    -moz-transition:0.7s ease-in-out;
    -webkit-transition:0.7s ease-in-out;
}

#l {
    position:fixed;
    width:100px;
    height:1px;
    background-color:#777;
    margin:20px 5px 0;
    z-index:2;
    -ms-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transition:0.7s ease-in-out;
    -o-transition:0.7s ease-in-out;
    -ms-transition:0.7s ease-in-out;
    -moz-transition:0.7s ease-in-out;
    -webkit-transition:0.7s ease-in-out;
}

#updates {
    z-index:1;
    opacity:0;
    padding:2px 0;
    position:fixed;
    height:20px;
    width:150px;
    color:#777777;
    font-size:11px;
    margin-top:0px;
    margin-left:15px;
    margin-bottom:10px;
    font-family:Times;
    overflow:hidden;
    line-height:110%;
    text-align:justify;
    background:rgba(255, 255, 255, 0.8);
    transition:0.7s ease-in-out;
    -o-transition:0.7s ease-in-out;
    -ms-transition:0.7s ease-in-out;
    -moz-transition:0.7s ease-in-out;
    -webkit-transition:0.7s ease-in-out;
}