„MediaWiki:Gadget-Descriptions.css“ – Versionsunterschied
Erscheinungsbild
KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
/* Basis ( | /* Basis-Variablen nur für Wikibase-Tooltip kapseln */ | ||
.skin-vector .wikibase-wbtooltip-tip { | |||
--tt-bg: #fff; | |||
--tt-fg: #202122; | |||
--tt-bd: #a2a9b1; | |||
--tt-shadow: 0 2px 8px rgba(0,0,0,.15); | |||
} | |||
/* Tooltip-Kästchen */ | |||
.skin-vector .wikibase-wbtooltip-tip .tipsy-inner { | .skin-vector .wikibase-wbtooltip-tip .tipsy-inner { | ||
background: | background: var(--tt-bg); | ||
color: | color: var(--tt-fg); | ||
border: 1px solid | border: 1px solid var(--tt-bd); | ||
border-radius: 4px; | border-radius: 4px; | ||
box-shadow: | box-shadow: var(--tt-shadow); | ||
padding: 8px 10px; | padding: 8px 10px; | ||
font-size: 0.875rem; | font-size: 0.875rem; | ||
line-height: 1.45; | line-height: 1.45; | ||
max-width: 56ch; | max-width: 56ch; | ||
overflow-wrap: anywhere; | overflow-wrap: anywhere; | ||
} | } | ||
.skin-vector .wikibase-wbtooltip-tip .tipsy-inner strong { font-weight: 600; } | |||
.skin-vector .wikibase-wbtooltip-tip { z-index: 1100; } | .skin-vector .wikibase-wbtooltip-tip { z-index: 1100; } | ||
/* Pfeil ( | /* Pfeil färben (Tipsy nutzt jeweils nur eine Seite) */ | ||
.skin-vector .wikibase-wbtooltip-tip | .skin-vector .wikibase-wbtooltip-tip .tipsy-arrow { | ||
border-top-color: var(--tt-bd); | |||
border-right-color: var(--tt-bd); | |||
border-bottom-color: var(--tt-bd); | |||
border-left-color: var(--tt-bd); | |||
} | |||
/* | /* Vector: Nutzer hat explizit „Dunkel“ gewählt */ | ||
html.skin-theme-clientpref-night .wikibase-wbtooltip-tip | html.skin-theme-clientpref-night .wikibase-wbtooltip-tip { | ||
--tt-bg: #202122; | |||
--tt-fg: #eaecf0; | |||
--tt-bd: #54595d; | |||
--tt-shadow: 0 6px 24px rgba(0,0,0,.6); | |||
} | } | ||
/* | /* Vector: „System“ + OS dunkel */ | ||
@media (prefers-color-scheme: dark) { | @media (prefers-color-scheme: dark) { | ||
html.skin-theme-clientpref-os .wikibase-wbtooltip-tip | html.skin-theme-clientpref-os .wikibase-wbtooltip-tip { | ||
--tt-bg: #202122; | |||
--tt-fg: #eaecf0; | |||
--tt-bd: #54595d; | |||
--tt-shadow: 0 6px 24px rgba(0,0,0,.6); | |||
} | } | ||
} | } | ||
Aktuelle Version vom 2. Dezember 2025, 12:27 Uhr
/* Basis-Variablen nur für Wikibase-Tooltip kapseln */
.skin-vector .wikibase-wbtooltip-tip {
--tt-bg: #fff;
--tt-fg: #202122;
--tt-bd: #a2a9b1;
--tt-shadow: 0 2px 8px rgba(0,0,0,.15);
}
/* Tooltip-Kästchen */
.skin-vector .wikibase-wbtooltip-tip .tipsy-inner {
background: var(--tt-bg);
color: var(--tt-fg);
border: 1px solid var(--tt-bd);
border-radius: 4px;
box-shadow: var(--tt-shadow);
padding: 8px 10px;
font-size: 0.875rem;
line-height: 1.45;
max-width: 56ch;
overflow-wrap: anywhere;
}
.skin-vector .wikibase-wbtooltip-tip .tipsy-inner strong { font-weight: 600; }
.skin-vector .wikibase-wbtooltip-tip { z-index: 1100; }
/* Pfeil färben (Tipsy nutzt jeweils nur eine Seite) */
.skin-vector .wikibase-wbtooltip-tip .tipsy-arrow {
border-top-color: var(--tt-bd);
border-right-color: var(--tt-bd);
border-bottom-color: var(--tt-bd);
border-left-color: var(--tt-bd);
}
/* Vector: Nutzer hat explizit „Dunkel“ gewählt */
html.skin-theme-clientpref-night .wikibase-wbtooltip-tip {
--tt-bg: #202122;
--tt-fg: #eaecf0;
--tt-bd: #54595d;
--tt-shadow: 0 6px 24px rgba(0,0,0,.6);
}
/* Vector: „System“ + OS dunkel */
@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .wikibase-wbtooltip-tip {
--tt-bg: #202122;
--tt-fg: #eaecf0;
--tt-bd: #54595d;
--tt-shadow: 0 6px 24px rgba(0,0,0,.6);
}
}