User:Cake/common.css
Note: After saving, you have to bypass your browser's cache to see the changes. The simplest method that will work for most users is to hold down the ⇧ Shift key and click the Reload toolbar button. For details and other methods, see Help:Clear your browser cache.
/* ===== Hoverbox ([[Template:Tooltip]], [[Template:Item link]]) ===== */
.hoverbox {
display: inline-block;
}
.hoverbox__display {
display: block;
visibility: hidden;
opacity: 0;
position: absolute;
padding: 8px;
transition: opacity 0.25s;
}
.hoverbox__display.is-visible {
visibility: visible;
opacity: 1;
}
.hoverbox__activator {
display: inline;
}
.hoverbox__icon {
vertical-align: -0.125em;
}
.hoverbox-display-container {
position: fixed;
z-index: 9999;
width: 100%;
}
/* ===== Tooltip hoverbox ([[Template:Tooltip]]) ===== */
.c-tooltip__activator {
position: relative;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: initial;
cursor: help;
}
.c-tooltip__display {
box-sizing: border-box;
border: 1px solid #7f7f7f;
padding: 0.5em 1.5em;
text-align: unset;
max-width: 32em;
font-size: 12px;
line-height: 1.5;
font-weight: normal;
color: #7f7f7f;
background-color: #000;
}