@import 'compass'; .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; word-wrap: break-word; @include box-shadow(0 0 5px #ddd); } .ui-widget { font-size: 1em; font-size: 1rem; line-height: 1.2; } /* Round corners */ .ui-corner-all { @include border-radius(4px); } .ui-widget-content { border: 1px solid #dddddd; background: #eeeeee; color: #333333; } /* hide the back links in the tooltips */ .footnote-tooltip .footnote-back-link-wrapper { display: none; } /* jQuery UI accessibility live region. jQuery UI ships this rule in its own stylesheet, but many themes don't load jQuery UI CSS — without it, the aria-live log region renders as visible duplicate text at the end of . We provide it here so the screen-reader-only region stays visually hidden. */ .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }