/* popup bubble for download button */ .bubble { position:relative; } .bubble:hover > .dpop, .bubble > .dpop, .dpop { -webkit-transition-duration: .20s; -webkit-transition-property: background,color,border,opacity,top; } .dpop { background:#FFF; border:1px solid #888888; display:block; left:30px; width: 150px; opacity:0; padding:6px; position:absolute; top:-80px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -webkit-box-shadow:rgba(68,68,68,.7) 0px 3px 8px; } .bubble:hover > .dpop:after, .dpop:after { border-color:#fff transparent transparent; border-style:solid; border-width:10px 10px; bottom:-20px; content:"\00a0"; display:block; /* reduce the damage in FF3.0 */ height:0; left:75px; position:absolute; width:0; } .bubble:hover > .dpop { background:#FFF; border:1px solid #888888; display:block; left:30px; width: 150px; opacity:1; padding:6px; position:absolute; top:-90px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -webkit-box-shadow:rgba(68,68,68,.7) 0px 3px 8px; } .popup-contents { width: 138px; background-color: white; color: #666; font-size: 12px; line-height: 1.2em; } td { text-align:center; } .popup-contents a { color: #666; } /* CSS hack to hide bubble in IE */ .dpop, .bubble:hover > .dpop { display: none; } html:not([dummy]) .dpop, html:not([dummy]) .bubble:hover > .dpop { display: block; }