/*** NÃO MEXER ***/ a.tooltip:hover {position: relative;z-index: 100;} /*** AQUI VOCÊ PODE MUDAR A COR DO BG E DA FONTE ***/ a.tooltip:before {background: #448579;color: #fff;content: attr(data-tooltip);display: none; /*** MUDE O TAMANHO DA FONTE E A FONT-FAMILY, SE QUISER. NÃO INDICO QUE MUDEM OS NÚMEROS DO PADDING OU BORDER-RADIUS ***/ font: 12px Arial;padding: 5px 10px;position: absolute;top: 35px;right: 0;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px; /*** MUDE A COR DA SOMBRA, SE QUISER ***/ -moz-box-shadow: 0px 0px 4px #999;-webkit-box-shadow: 0px 0px 4px #999;box-shadow: 0px 0px 4px #999; } /*** AQUI É A COR DO TRIÂNGULO... SUGIRO QUE SÓ MUDEM A COR DO BG MESMO ***/ a.tooltip:after {border-width: 8px;border-style: solid;border-color: transparent transparent #448579 transparent;content: ""; display: none;height: 3px; width: 2px;position: absolute;top: 17px;right: 20px;} /*** NÃO MUDE NADA AQUI ***/ a.tooltip:hover:after, a.tooltip:hover:before { display: block;}