MediaWiki:Tippy.css
From Elwiki
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.
/* Tippy.js */
.tippy-loaded [data-tippy-content] {
opacity: 1;
pointer-events: all;
}
[data-tippy-content] {
opacity: 0;
pointer-events: none;
transition: 0.3s;
}
td [data-tippy-content] {
width: max-content;
}
.tippy-box {
background-color: var(--theme-tone-3);
border-radius: 3px;
border: 1px solid var(--border-color-tone-2);
box-shadow: 0 2px 0 0 rgb(0 0 0 / 15%);
transition: 0.2s !important;
}
.tippy-box:not(.dark-mode .tippy-box) {
background-color: var(--theme-tone-2);
}
.tippy-content {
padding: 0.5rem 0.75rem;
font-size: 0.95rem;
color: var(--text-color);
}
.tippy-arrow {
color: var(--border-color-tone-2);
}
.tippy-box[data-placement^="top"] > .tippy-arrow:before {
bottom: -8px;
}
.tippy-box[data-placement^="bottom"] > .tippy-arrow:before {
top: -8px;
}
.tippy-box[data-state="hidden"] {
opacity: 0;
transform: scale(0.5);
transform-origin: bottom;
}
.tippy-box[data-placement^="bottom"][data-state="hidden"] {
transform-origin: top;
}
.tippy-box[data-placement^="left"][data-state="hidden"] {
transform-origin: left;
}
.tippy-box[data-placement^="right"][data-state="hidden"] {
transform-origin: right;
}
.tippy-btn .content {
display: none;
}
.dark-mode .tippy-btn {
border-color: var(--text-color) !important;
}
.tippy-content hr {
background: var(--border-color-tone-2);
}
.tippy-content img {
max-width: 100%;
height: auto;
}
.dark-mode .tippy-content pre {
background-color: var(--theme-tone-4);
}
