Zum Inhalt springen

„MediaWiki:Gadget-Descriptions.css“ – Versionsunterschied

aus AufEinWort, der freien Forschung
← Zum vorherigen VersionsunterschiedZum nächsten Versionsunterschied →

Nikolaos (Diskussion | Beiträge)

12 Benutzergruppen
266.592 Bearbeitungen
KKeine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
/* —————————————————————
/* Basis (hell) */
  Basis (Light) – gilt immer
.skin-vector .wikibase-wbtooltip-tip .tipsy-inner {
  ————————————————————— */
   background: #fff;
.wbtooltip,
.wb-tooltip,
.mw-wbtooltip,
[class*="wbtooltip"] {
   background-color: #fff;
   color: #202122;
   color: #202122;
   border: 1px solid #a2a9b1;
   border: 1px solid #a2a9b1;
Zeile 16: Zeile 11:
   max-width: 56ch;
   max-width: 56ch;
   overflow-wrap: anywhere;
   overflow-wrap: anywhere;
  z-index: 1100;
}
}
.skin-vector .wikibase-wbtooltip-tip { z-index: 1100; }
.skin-vector .wikibase-wbtooltip-tip .tipsy-inner strong { font-weight: 600; }


/* ID/Label dezent hervorheben */
/* Pfeil (hell) */
.wbtooltip strong,
.skin-vector .wikibase-wbtooltip-tip.tipsy-n  .tipsy-arrow,
.wb-tooltip strong,
.skin-vector .wikibase-wbtooltip-tip.tipsy-ne .tipsy-arrow,
.mw-wbtooltip strong,
.skin-vector .wikibase-wbtooltip-tip.tipsy-nw .tipsy-arrow { border-top-color: #a2a9b1; }
[class*="wbtooltip"] strong {
.skin-vector .wikibase-wbtooltip-tip.tipsy-s  .tipsy-arrow,
  font-weight: 600;
.skin-vector .wikibase-wbtooltip-tip.tipsy-se .tipsy-arrow,
}
.skin-vector .wikibase-wbtooltip-tip.tipsy-sw .tipsy-arrow { border-bottom-color: #a2a9b1; }
 
.skin-vector .wikibase-wbtooltip-tip.tipsy-e  .tipsy-arrow { border-right-color: #a2a9b1; }
/* —————————————————————
.skin-vector .wikibase-wbtooltip-tip.tipsy-w  .tipsy-arrow { border-left-color: #a2a9b1; }
  Dark Mode – Vector-Nachtpräferenz
  (setzt die Klasse am <html>-Element)
  ————————————————————— */
.skin-theme-clientpref-night .wbtooltip,
.skin-theme-clientpref-night .wb-tooltip,
.skin-theme-clientpref-night .mw-wbtooltip,
.skin-theme-clientpref-night [class*="wbtooltip"] {
  background-color: #202122 !important;
  color: #eaecf0 !important;
  border-color: #54595d !important;
  box-shadow: 0 6px 24px rgba(0,0,0,.6) !important;
}


/* Links im Tooltip (falls vorhanden) */
/* Dark: explizit per Vector-Nachtklasse am <html> */
.skin-theme-clientpref-night .wbtooltip a,
html.skin-theme-clientpref-night .wikibase-wbtooltip-tip .tipsy-inner {
.skin-theme-clientpref-night .wb-tooltip a,
  background: #202122;
.skin-theme-clientpref-night .mw-wbtooltip a,
  color: #eaecf0;
.skin-theme-clientpref-night [class*="wbtooltip"] a {
   border-color: #54595d;
   color: #a0d1ff !important;
  box-shadow: 0 6px 24px rgba(0,0,0,.6);
}
}
html.skin-theme-clientpref-night .wikibase-wbtooltip-tip.tipsy-n  .tipsy-arrow,
html.skin-theme-clientpref-night .wikibase-wbtooltip-tip.tipsy-ne .tipsy-arrow,
html.skin-theme-clientpref-night .wikibase-wbtooltip-tip.tipsy-nw .tipsy-arrow { border-top-color: #54595d; }
html.skin-theme-clientpref-night .wikibase-wbtooltip-tip.tipsy-s  .tipsy-arrow,
html.skin-theme-clientpref-night .wikibase-wbtooltip-tip.tipsy-se .tipsy-arrow,
html.skin-theme-clientpref-night .wikibase-wbtooltip-tip.tipsy-sw .tipsy-arrow { border-bottom-color: #54595d; }
html.skin-theme-clientpref-night .wikibase-wbtooltip-tip.tipsy-e  .tipsy-arrow { border-right-color: #54595d; }
html.skin-theme-clientpref-night .wikibase-wbtooltip-tip.tipsy-w  .tipsy-arrow { border-left-color:  #54595d; }


/* —————————————————————
/* Dark über Systempräferenz (Vector: „System“) */
  Dark über OS-Einstellung („Benutze Systempräferenz“)
  (Vector setzt dann .skin-theme-clientpref-os – wir koppeln an prefers-color-scheme)
  ————————————————————— */
@media (prefers-color-scheme: dark) {
@media (prefers-color-scheme: dark) {
   .skin-theme-clientpref-os .wbtooltip,
   html.skin-theme-clientpref-os .wikibase-wbtooltip-tip .tipsy-inner {
  .skin-theme-clientpref-os .wb-tooltip,
     background: #202122;
  .skin-theme-clientpref-os .mw-wbtooltip,
     color: #eaecf0;
  .skin-theme-clientpref-os [class*="wbtooltip"] {
     border-color: #54595d;
     background-color: #202122 !important;
     box-shadow: 0 6px 24px rgba(0,0,0,.6);
     color: #eaecf0 !important;
     border-color: #54595d !important;
     box-shadow: 0 6px 24px rgba(0,0,0,.6) !important;
  }
  .skin-theme-clientpref-os .wbtooltip a,
  .skin-theme-clientpref-os .wb-tooltip a,
  .skin-theme-clientpref-os .mw-wbtooltip a,
  .skin-theme-clientpref-os [class*="wbtooltip"] a {
    color: #a0d1ff !important;
   }
   }
  html.skin-theme-clientpref-os .wikibase-wbtooltip-tip.tipsy-n  .tipsy-arrow,
  html.skin-theme-clientpref-os .wikibase-wbtooltip-tip.tipsy-ne .tipsy-arrow,
  html.skin-theme-clientpref-os .wikibase-wbtooltip-tip.tipsy-nw .tipsy-arrow { border-top-color: #54595d; }
  html.skin-theme-clientpref-os .wikibase-wbtooltip-tip.tipsy-s  .tipsy-arrow,
  html.skin-theme-clientpref-os .wikibase-wbtooltip-tip.tipsy-se .tipsy-arrow,
  html.skin-theme-clientpref-os .wikibase-wbtooltip-tip.tipsy-sw .tipsy-arrow { border-bottom-color: #54595d; }
  html.skin-theme-clientpref-os .wikibase-wbtooltip-tip.tipsy-e  .tipsy-arrow { border-right-color: #54595d; }
  html.skin-theme-clientpref-os .wikibase-wbtooltip-tip.tipsy-w  .tipsy-arrow { border-left-color:  #54595d; }
}
}

Version vom 2. Dezember 2025, 12:20 Uhr

/* Basis (hell) */
.skin-vector .wikibase-wbtooltip-tip .tipsy-inner {
  background: #fff;
  color: #202122;
  border: 1px solid #a2a9b1;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0,0,0,.15);
  padding: 8px 10px;
  font-size: 0.875rem; /* ~14px */
  line-height: 1.45;
  max-width: 56ch;
  overflow-wrap: anywhere;
}
.skin-vector .wikibase-wbtooltip-tip { z-index: 1100; }
.skin-vector .wikibase-wbtooltip-tip .tipsy-inner strong { font-weight: 600; }

/* Pfeil (hell) */
.skin-vector .wikibase-wbtooltip-tip.tipsy-n  .tipsy-arrow,
.skin-vector .wikibase-wbtooltip-tip.tipsy-ne .tipsy-arrow,
.skin-vector .wikibase-wbtooltip-tip.tipsy-nw .tipsy-arrow { border-top-color: #a2a9b1; }
.skin-vector .wikibase-wbtooltip-tip.tipsy-s  .tipsy-arrow,
.skin-vector .wikibase-wbtooltip-tip.tipsy-se .tipsy-arrow,
.skin-vector .wikibase-wbtooltip-tip.tipsy-sw .tipsy-arrow { border-bottom-color: #a2a9b1; }
.skin-vector .wikibase-wbtooltip-tip.tipsy-e  .tipsy-arrow { border-right-color: #a2a9b1; }
.skin-vector .wikibase-wbtooltip-tip.tipsy-w  .tipsy-arrow { border-left-color:  #a2a9b1; }

/* Dark: explizit per Vector-Nachtklasse am <html> */
html.skin-theme-clientpref-night .wikibase-wbtooltip-tip .tipsy-inner {
  background: #202122;
  color: #eaecf0;
  border-color: #54595d;
  box-shadow: 0 6px 24px rgba(0,0,0,.6);
}
html.skin-theme-clientpref-night .wikibase-wbtooltip-tip.tipsy-n  .tipsy-arrow,
html.skin-theme-clientpref-night .wikibase-wbtooltip-tip.tipsy-ne .tipsy-arrow,
html.skin-theme-clientpref-night .wikibase-wbtooltip-tip.tipsy-nw .tipsy-arrow { border-top-color: #54595d; }
html.skin-theme-clientpref-night .wikibase-wbtooltip-tip.tipsy-s  .tipsy-arrow,
html.skin-theme-clientpref-night .wikibase-wbtooltip-tip.tipsy-se .tipsy-arrow,
html.skin-theme-clientpref-night .wikibase-wbtooltip-tip.tipsy-sw .tipsy-arrow { border-bottom-color: #54595d; }
html.skin-theme-clientpref-night .wikibase-wbtooltip-tip.tipsy-e  .tipsy-arrow { border-right-color: #54595d; }
html.skin-theme-clientpref-night .wikibase-wbtooltip-tip.tipsy-w  .tipsy-arrow { border-left-color:  #54595d; }

/* Dark über Systempräferenz (Vector: „System“) */
@media (prefers-color-scheme: dark) {
  html.skin-theme-clientpref-os .wikibase-wbtooltip-tip .tipsy-inner {
    background: #202122;
    color: #eaecf0;
    border-color: #54595d;
    box-shadow: 0 6px 24px rgba(0,0,0,.6);
  }
  html.skin-theme-clientpref-os .wikibase-wbtooltip-tip.tipsy-n  .tipsy-arrow,
  html.skin-theme-clientpref-os .wikibase-wbtooltip-tip.tipsy-ne .tipsy-arrow,
  html.skin-theme-clientpref-os .wikibase-wbtooltip-tip.tipsy-nw .tipsy-arrow { border-top-color: #54595d; }
  html.skin-theme-clientpref-os .wikibase-wbtooltip-tip.tipsy-s  .tipsy-arrow,
  html.skin-theme-clientpref-os .wikibase-wbtooltip-tip.tipsy-se .tipsy-arrow,
  html.skin-theme-clientpref-os .wikibase-wbtooltip-tip.tipsy-sw .tipsy-arrow { border-bottom-color: #54595d; }
  html.skin-theme-clientpref-os .wikibase-wbtooltip-tip.tipsy-e  .tipsy-arrow { border-right-color: #54595d; }
  html.skin-theme-clientpref-os .wikibase-wbtooltip-tip.tipsy-w  .tipsy-arrow { border-left-color:  #54595d; }
}
Abgerufen von „https://aufeinwort.info/w/index.php?title=MediaWiki:Gadget-Descriptions.css&oldid=150523“