tooltip_rainbow_border.css

/**********************************/
/* Rainbow tooltip & dialog borders
LAST MODIFIED 03/07/2026
/**********************************/

#aHTMLTooltip,
#bhTooltip,
#btTooltip,
#places-tooltip,
.places-tooltip,
.places-tooltip-box,
#remoteBrowserTooltip,
#tooltip,
.tooltip,
tooltip,
#un-toolbar-tooltip,
#urlTooltip {
    appearance: none !important;
    color: darkgreen !important; /*textcolor*/
    max-width: auto !important;
    max-height: auto !important;
    background-color: whitesmoke !important;
    background:
    linear-gradient(#f5f5f5, #f5f5f5) content-box,
    linear-gradient(45deg, red 0%, orange 16.66%, yellow 33.33%, green 50%, blue 66.66%, indigo 83.33%, violet 100%) border-box !important;
    border-radius: 8px !important;
    border: inherit !important;
    padding: 1px !important;
    font-family: inherit !important;
    font-size: 1.1em !important;
    opacity: 1 !important;
    box-shadow: 0 !important;
}

/* Optional: Offset the position so the mouse pointer doesn't block the text */
tooltip:not([position]) {
  margin-top: 8px !important;
}