UTT (Slide-Out) - TL CSS

#container-top-left {
    position:fixed; /*don't change*/
    z-index:999; /*don't change*/
    top:0px; /*don't change*/
    left:10px; /*higher number = farther to right*/

    /*transition speed: 0.1 = fastest and 1 = slowest*/
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    }

    #container-top-left:hover {
        top:150px; /*WHAT YOU WILL NEED TO CHANGE ACCORDING TO HOW MANY LINES OF TEXT YOU HAVE (higher number for more text)*/

        /*transition speed: 0.1 = fastest and 1 = slowest*/
        -webkit-transition: all .7s ease-in-out;
        -moz-transition: all .7s ease-in-out;
        -o-transition: all .7s ease-in-out;
    }

#text-top-left {
    font-size:10px;
    font-family:calibri;
    text-align:center;
    width:100px; /*should match the image width*/

    /*don't change anything below this*/
    padding:0px 0px 15px 0px;
    position:absolute;
    bottom:0px;
}

#image-top-left img {
    width: 100px; /*should match the text width*/

    /*don't change anything below this*/
    height: auto;
    position:absolute;
}