UTT (Slide-Out) - TR CSS

#container-top-right {
    /*don't change anything*/
    position:fixed;
    z-index:999;
    right:0px;
    top:0px;

    /*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-right: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-right {
    font-size:10px;
    font-family:calibri;
    text-align:center;
    width:100px; /*should match the image width*/
    right:10px; /*should match the image margin*/

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

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

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