/*
    Select link pointing to a .pdf file and in the same time
    pointing to content whose mime type specification is coherent.
    Links which do not have the type attribute set will then not
    be selected.

    Note that the sizes below depends on the file icon.
*/
a[type="application/pdf"][href$=".pdf"]:hover {
    /* Padding and corresponding negative margin : make the icon float
        above the text on the right.
    */
    padding-left :  18px;
    margin-left  : -18px;
    
    /* Padding top and bottom, to make sure the whole picture appears no matter
        how small is the user text size.
    */
    padding-top     : 8px;
    padding-bottom  : 8px;
    
    background-repeat   : no-repeat;
    background-color    : transparent;
    background-image    : url("../images/pdf_icon.gif");
    background-position : center left; /* center left if things go crazy or ugly */   
}

