Zum Inhalt springen

„MediaWiki:Gadget-Descriptions.css“ – Versionsunterschied

aus AufEinWort, der freien Forschung
KKeine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
 
Zeile 1: Zeile 1:
/* Basis (hell) */
/* 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: #fff;
   background: var(--tt-bg);
   color: #202122;
   color: var(--tt-fg);
   border: 1px solid #a2a9b1;
   border: 1px solid var(--tt-bd);
   border-radius: 4px;
   border-radius: 4px;
   box-shadow: 0 2px 8px rgba(0,0,0,.15);
   box-shadow: var(--tt-shadow);
   padding: 8px 10px;
   padding: 8px 10px;
   font-size: 0.875rem; /* ~14px */
   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; }
.skin-vector .wikibase-wbtooltip-tip .tipsy-inner strong { font-weight: 600; }


/* Pfeil (hell) */
/* Pfeil färben (Tipsy nutzt jeweils nur eine Seite) */
.skin-vector .wikibase-wbtooltip-tip.tipsy-n  .tipsy-arrow,
.skin-vector .wikibase-wbtooltip-tip .tipsy-arrow {
.skin-vector .wikibase-wbtooltip-tip.tipsy-ne .tipsy-arrow,
  border-top-color:    var(--tt-bd);
.skin-vector .wikibase-wbtooltip-tip.tipsy-nw .tipsy-arrow { border-top-color: #a2a9b1; }
  border-right-color:  var(--tt-bd);
.skin-vector .wikibase-wbtooltip-tip.tipsy-s .tipsy-arrow,
  border-bottom-color: var(--tt-bd);
.skin-vector .wikibase-wbtooltip-tip.tipsy-se .tipsy-arrow,
  border-left-color:   var(--tt-bd);
.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> */
/* Vector: Nutzer hat explizit „Dunkel“ gewählt */
html.skin-theme-clientpref-night .wikibase-wbtooltip-tip .tipsy-inner {
html.skin-theme-clientpref-night .wikibase-wbtooltip-tip {
   background: #202122;
   --tt-bg: #202122;
   color: #eaecf0;
   --tt-fg: #eaecf0;
   border-color: #54595d;
   --tt-bd: #54595d;
   box-shadow: 0 6px 24px rgba(0,0,0,.6);
   --tt-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“) */
/* Vector: „System“ + OS dunkel */
@media (prefers-color-scheme: dark) {
@media (prefers-color-scheme: dark) {
   html.skin-theme-clientpref-os .wikibase-wbtooltip-tip .tipsy-inner {
   html.skin-theme-clientpref-os .wikibase-wbtooltip-tip {
     background: #202122;
     --tt-bg: #202122;
     color: #eaecf0;
     --tt-fg: #eaecf0;
     border-color: #54595d;
     --tt-bd: #54595d;
     box-shadow: 0 6px 24px rgba(0,0,0,.6);
     --tt-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; }
}
}

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);
  }
}