MediaWiki:Tooltips.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* Main CSS class of the tooltip */
.main-tooltip {
--gl-tooltip-border-size: 14;
background-color: unset;
border: calc(1px * var(--gl-tooltip-border-size)) solid;
border-image: var(--gl-tooltip) var(--gl-tooltip-border-size) fill;
color: var(--gl-on-background);
font: 500 1rem/1 var(--gl-font-base_-_font-family);
text-shadow: var(--gl-font-shadow);
text-transform: uppercase;
margin-bottom: .5em;
max-width: 400px;
padding: 0 .5em;
text-align: center;
transform: translateY(20px);
width: fit-content !important;
}
/* Adds padding to the wrapper to make space for a shadow */
#tooltip-wrapper {
padding: 3px 7px 2px 3px;
}
/* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */
.has-redlinks,
.tooltip-loading,
.advanced-tooltip .tooltip-contents {
display: none;
}
.tooltips-init-complete {
cursor: help;
}
/* Align images with text the same way it's in page content */
/* Was probably better to play with the classes but that would cause ton of side effects */
.main-tooltip img {
vertical-align: middle;
}