gistfile1.css

.container {    
    top: -5000px;
    width: 135px;
    -webkit-transition: top 0ms ease-in-out 600ms, opacity 400ms ease-in-out 200ms;
    -moz-transition: top 0ms ease-in-out 600ms, opacity 400ms ease-in-out 200ms;
    -o-transition: top 0ms ease-in-out 600ms, opacity 400ms ease-in-out 200ms;
    transition: top 0ms ease-in-out 600ms, opacity 400ms ease-in-out 200ms;
    margin: 0 0 0 -68px;
    position: absolute;
    opacity: 0;
}

.icon:hover .container {
    top: 100%;
    opacity: 1;
    -webkit-transition: top 0ms ease-in-out 0ms, opacity 200ms ease-in-out 0ms;
    -moz-transition: top 0ms ease-in-out 0ms, opacity 200ms ease-in-out 0ms;
    -o-transition: top 0ms ease-in-out 0ms, opacity 200ms ease-in-out 0ms;
    transition: top 0ms ease-in-out 0ms, opacity 200ms ease-in-out 0ms;
}

.hint {
    min-width: inherit;
    max-width: inherit;
    .border-radius (3px);
    padding: 10px;
    position: relative;
    .inline-block();
    vertical-align: top;
}