Quelltext der Seite Hilfe:AEWI/Vector-2022.css

<noinclude>{{aewi.SeitenordnungTest
| Obereinordnung1 = AEWI
| Obereinordnung2 = Kategorie:•Vector-2022.css backup
}}
----</noinclude>=== Sicherung CSS bis 6. September 2025 ===
<syntaxhighlight lang="css">
.bereichfenster-content p:empty {
    display: none;
}

.bereichfenster-content br:last-child {
    display: none;
}
.mw-body p {
    margin: 0.1em 0 1em 0
}

/***********************************************************************
* 🌓 1. DARK MODE ONLY (wirksam nur bei aktiviertem Night Mode)
***********************************************************************/

/* Farbvariablen für Night Mode */
html.skin-theme-clientpref-night {
  --background-color-page: #141414;
  --background-color-content: #1f1f1f;
  --text-color-default: #e6e6e6;
}

/* Invertierung für schwarze Bilder mit transparentem Hintergrund */
html.skin-theme-clientpref-night .skin-invert,
html.skin-theme-clientpref-night .skin-invert-image img {
  filter: invert(100%);
}

/* Spezielle Night-Mode-Hintergründe */
html.skin-theme-clientpref-night {
  .ext-replacetext-searchoptions,
  .mw-highlight-lines pre,
  .content .mw-highlight-lines pre,
  .mw-references-wrap {
    background-color: #2e2e2e !important;
  }

  .ve-ce-linkAnnotation.ve-ce-annotation-active {
    background-color: #0c2d57 !important;
  }
}

/* Bildbeschriftungen transparent */
html.skin-theme-clientpref-night figcaption {
  background-color: transparent !important;
  color: var(--text-color-default) !important;
}

/* Tabellen ohne vordefinierte Farbe: transparent */
html.skin-theme-clientpref-night .wikitable:not([style*="background"]) {
  background-color: transparent !important;
  color: var(--text-color-default) !important;
}

/* Headings im Dark Mode: wie normaler Text */
html.skin-theme-clientpref-night h1,
html.skin-theme-clientpref-night h2,
html.skin-theme-clientpref-night h3,
html.skin-theme-clientpref-night h4,
html.skin-theme-clientpref-night h5,
html.skin-theme-clientpref-night h6 {
  color: inherit !important;
}


/***********************************************************************
* 🌐 2. SKIN-VECTOR-2022 (wirksam im Skin Vector-2022 – Day + Night)
***********************************************************************/

/* Hintergrund und Textfarbe */
body.skin-vector-2022 {
  background-color: var(--background-color-page) !important;
  color: var(--text-color-default) !important;
}

/* Inhaltsbereiche */
.mw-body,
.mw-parser-output {
  background-color: var(--background-color-content) !important;
  color: var(--text-color-default) !important;
}

/* Navigation & Kopfbereiche */
.vector-header,
.vector-page-toolbar,
.vector-toc,
.vector-main-menu-container {
  background-color: var(--background-color-page) !important;
  color: var(--text-color-default) !important;
}


/***********************************************************************
* ⚙️ 3. TECHNISCHE UND EDITOR-FUNKTIONEN (Day + Night)
***********************************************************************/

/* Popup-Vorschauen (PagePreviews) */
.mwe-popups-container {
  height: 310px !important;
  width: 410px !important;
  max-height: 310px !important;
}
.mwe-popups-extract {
  height: 300px !important;
  width: 400px !important;
  max-height: 310px !important;
}

/* Hinweisbanner dauerhaft ausblenden */
.vector-sitenotice-container {
  display: none;
}

/* Namensraum- und Doppelpunkte im Seitentitel ausblenden */
span.mw-page-title-namespace,
span.mw-page-title-separator {
  display: none;
}

/* Externe Links: keine Symbole, kein Padding */
#content a.external {
  background: none !important;
  padding: 0 !important;
}

/* Links optional anders färben (auskommentiert) */
/*
a { color: green; }
a:link { color: black; }
a:visited { color: black; }
a:hover { color: blue; }
a:active { color: black; }
*/

/* Abschnitts-Bearbeiten-Links ausblenden */
.mw-editsection {
  display: none !important;
}

/* Literaturverweise sichtbar halten */
.mw-references-wrap {
  pointer-events: auto !important;
  opacity: 1.0 !important;
}

/* Zitate: kein Innenabstand */
.vector-body blockquote {
  padding: 0 !important;
}

/* Editor-Link-Markierung (VisualEditor) */
.ve-ce-linkAnnotation.ve-ce-annotation-active {
  box-shadow: 0 0 0 1px #c6e0ff;
  border-radius: 2px;
  padding: 2px;
  margin: -2px;
}

</syntaxhighlight>