MediaWiki:Common.css-backup
Erscheinungsbild
Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.
- Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
- Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
- Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
/*
* This is the CSS common to all desktop skins on en.Wikipedia.
* Styling inside .mw-parser-output should generally use TemplateStyles.
*/
/* Reset italic styling set by user agent */
/*
* This is the CSS common to all desktop skins on en.Wikipedia.
* Styling inside .mw-parser-output should generally use TemplateStyles.
*/
/* Reset italic styling set by user agent */
cite,
dfn {
font-style: inherit;
}
/* Straight quote marks for <q> */
q {
quotes: '"' '"' "'" "'";
}
/* Avoid collision of blockquote with floating elements by swapping margin and padding */
blockquote {
overflow: hidden;
margin: 1em 0;
padding: 0 40px;
}
/* Consistent size for <small>, <sub> and <sup> */
small {
font-size: 85%;
}
.mw-body-content sub,
.mw-body-content sup {
font-size: 80%;
}
/* Same spacing for indented and unindented paragraphs on talk pages */
.ns-talk .mw-body-content dd {
margin-top: 0.4em;
margin-bottom: 0.4em;
}
/* Reduce page jumps by hiding collapsed/dismissed content */
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),
/* Avoid FOUC/reflows on collapsed elements. */
/* This copies MediaWiki's solution for T42812 to apply to innercollapse/outercollapse (T325115). */
/* TODO: Use :is() selector at some reasonable future when support is good for Most Clients */
/* Reference: https://gerrit.wikimedia.org/g/mediawiki/core/+/ecda06cb2aef55b77c4b4d7ecda492d634419ead/resources/src/jquery/jquery.makeCollapsible.styles.less#75 */
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > p,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > table,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > thead + tbody,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) tr:not( :first-child ),
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) .mw-collapsible-content,
/* Different margin on references */
.references {
margin-bottom: 0.5em;
}
/* Cite customizations */
span[ rel="mw:referencedBy" ] {
counter-reset: mw-ref-linkback 0;
}
span[ rel='mw:referencedBy' ] > a::before {
content: counter( mw-ref-linkback, lower-alpha );
font-size: 80%;
font-weight: bold;
font-style: italic;
}
a[ rel="mw:referencedBy" ]::before {
font-weight: bold;
content: "^";
}
span[ rel="mw:referencedBy" ]::before {
content: "^ ";
}
/* Styling for jQuery makeCollapsible, matching that of collapseButton */
.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {
font-weight: normal;
padding-right: 0.2em;
padding-left: 0.2em;
}
.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
/* @noflip */
float: left;
}
/* Lists in wikitable data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
/* @noflip */
text-align: left;
}
/* Change the external link icon to a PDF icon for all PDF files */
.mw-parser-output a[href$=".pdf"].external,
.mw-parser-output a[href*=".pdf?"].external,
.mw-parser-output a[href*=".pdf#"].external,
.mw-parser-output a[href$=".PDF"].external,
.mw-parser-output a[href*=".PDF?"].external,
.mw-parser-output a[href*=".PDF#"].external {
background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right;
/* @noflip */
padding: 8px 18px 8px 0;
}
/* System messages styled similarly to fmbox */
/* for .mw-warning-with-logexcerpt, behavior of this line differs between
* the edit-protected notice and the special:Contribs for blocked users
* The latter has specificity of 3 classes so we have to triple up here.
*/
.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background-color: var(--background-color-error-subtle, #ffdbdb);
padding: 0.25em 0.9em;
box-sizing: border-box;
}
/* default colors for partial block message */
/* gotta get over the hump introduced by the triple class above */
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt {
border-color: var(--border-color-warning, #ab7f2a);
background-color: var(--background-color-warning-subtle, #fef6e7);
}
/* Minimum thumb width */
@media (min-width: 640px) {
figure[typeof~='mw:File/Thumb'],
figure[typeof~='mw:File/Frame'],
.thumbinner {
min-width: 100px;
}
}
/* Prevent floating boxes from overlapping any category listings,
file histories, edit previews, and edit [Show changes] views. */
#mw-subcategories,
#mw-pages,
#mw-category-media,
#filehistory,
#wikiPreview,
#wikiDiff {
clear: both;
}
/* larger inline math */
.mwe-math-mathml-inline {
font-size: 118%;
}
/* Make <math display="block"> be left aligned with one space indent for
* compatibility with style conventions
*/
.mwe-math-fallback-image-display,
.mwe-math-mathml-display {
margin-left: 1.6em !important;
margin-top: 0.6em;
margin-bottom: 0.6em;
}
.mwe-math-mathml-display math {
display: inline;
}
@media screen {
/* Put a chequered background behind images, only visible if they have transparency,
* except on main, user, and portal namespaces
*/
body:not(.ns-0):not(.ns-2):not(.ns-100) .gallerybox .thumb img {
background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
}
/* Display "From Wikipedia, the free encyclopedia" in skins that support it,
do not apply to print mode */
#siteSub {
display: block;
}
/* Make the list of references smaller
* Keep in sync with Template:Refbegin/styles.css
* And Template:Reflist/styles.css
*/
.references {
font-size: 60%;
}
}
/* Infoboxes */
.infobox {
border: 1px solid #a2a9b1;
color: black;
padding: 0.2em;
font-size: 88%;
line-height: 1.5em;
border-spacing: 3px;
margin: 0.5em 0;
}
@media screen {
.infobox {
background-color: var(--background-color-neutral-subtle, #f8f9fa);
}
}
@media (max-width: 640px) {
.infobox {
width: 100%;
}
.infobox .nowrap {
white-space: normal;
}
}
@media (min-width: 640px) {
.infobox {
/* @noflip */
margin-left: 1em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
width: 22em;
}
}
.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
vertical-align: top;
}
.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
/* @noflip */
text-align: left;
}
/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
font-size: 125%;
font-weight: bold;
text-align: center;
}
.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
padding: 0.2em;
}
/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
text-align: center;
}
/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
/* @noflip */
text-align: right;
}
/* Normal font styling for wikitable row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row],
.wikitable.plainrowheaders th[scope=rowgroup] {
font-weight: normal;
/* @noflip */
text-align: left;
}
/* Remove underlines from certain links */
.nounderlines a,
.IPA a:link,
.IPA a:visited {
text-decoration: none !important;
}
/* Prevent line breaks in silly places where desired (nowrap)
and links when we don't want them to (nowraplinks a) */
.nowrap,
.nowraplinks a {
white-space: nowrap;
}
/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
white-space: normal;
}
/* texhtml class for inline math (based on generic times-serif class) */
/* remove spans when this is TemplateStyled */
span.texhtml {
font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
font-size: 118%;
line-height: 1;
/* Force tabular and lining display for texhtml */
font-variant-numeric: lining-nums tabular-nums;
font-kerning: none;
}
span.texhtml span.texhtml {
font-size: 100%;
}
@media (min-width: 640px) {
span.texhtml {
white-space: nowrap;
}
}
/* Prevent flags in tables from collapsing: Fix for T116318
* TODO: Remove when [[phab:T368469]] merges [[phab:T367463]] for the other skins
*/
@media (max-width: 640px) {
.flagicon a > img,
.flagicon noscript > img {
max-width: none !important;
}
}
@media screen {
.nochecker .gallerybox .thumb img {
background-image: none;
}
}
/*
* Put anything you mean to be a sitewide addition above the TemplateStyles
* comment above.
*/
/* ==============================================================
MediaWiki:Common.css — bereinigte, konsolidierte Fassung
Leitlinie: Tokens → Content → SyntaxHighlight → Edit → Headings → References
Stand: 2025‑11‑15
============================================================== */
/* ==============================================================
1) Webfonts: XCharter (Same-Origin
============================================================== */
@font-face {
font-family: "XCharter";
src:
local("XCharter"),
local("XCharter Roman"),
local("XCharter-Roman"),
url("/mediawiki/resources/fonts/xcharter/XCharter-Roman.woff2") format("woff2"),
url("/mediawiki/resources/fonts/xcharter/XCharter-Roman.woff") format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "XCharter";
src:
local("XCharter Italic"),
local("XCharter-Italic"),
url("/mediawiki/resources/fonts/xcharter/XCharter-Italic.woff2") format("woff2"),
url("/mediawiki/resources/fonts/xcharter/XCharter-Italic.woff") format("woff");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "XCharter";
src:
local("XCharter Bold"),
local("XCharter-Bold"),
url("/mediawiki/resources/fonts/xcharter/XCharter-Bold.woff2") format("woff2"),
url("/mediawiki/resources/fonts/xcharter/XCharter-Bold.woff") format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "XCharter";
src:
local("XCharter Bold Italic"),
local("XCharter-BoldItalic"),
url("/mediawiki/resources/fonts/xcharter/XCharter-BoldItalic.woff2") format("woff2"),
url("/mediawiki/resources/fonts/xcharter/XCharter-BoldItalic.woff") format("woff");
font-weight: 700;
font-style: italic;
font-display: swap;
}
/* ==============================================================
2) DESIGN-TOKENS (Stellschrauben)
============================================================== */
:root {
/* Typografie Fließtext */
--content-size: 1.075em;
--content-scale: 1.00;
--content-line: 1.40;
--content-track: 0.08em;
--para-gap: 0.5em;
--list-gap: 0.30em;
/* Code/Monospace */
--code-size: 1.04rem;
--code-line: 1.40;
--code-inline-scale: 1.00;
--radius-s: 3px;
--radius-m: 4px;
/* Flächen & Auswahl */
--surface: #ececec;
--selection: rgba(127, 167, 255, 0.28);
--selection-strong: rgba(127, 167, 255, 0.38);
/* Blockquote-Fläche */
--quote-bg: var(--surface);
/* Überschriften-Skala */
--h1: 1.500em;
--h2: 1.500em;
--h3: 1.333em;
--h4: 1.167em;
--h5: 1.083em;
--h6: 1.083em;
}
/* Night-Profil: nur Werte umschalten */
.skin-theme-clientpref-night {
/* Nur Werte, die in dieser Datei genutzt werden */
--surface: #232323;
--selection: rgba(127, 167, 255, 0.35);
--selection-strong: rgba(127, 167, 255, 0.45);
--quote-bg: #1c1c1c;
}
/* Day-Profil-Overrides entfallen: nicht benötigt (Basiswerte in :root) */
/* ==============================================================
1) CONTENT-BINDUNG (Lesen) – global, skin-agnostisch
============================================================== */
.mw-parser-output {
font-family: "XCharter", serif;
font-size: calc(var(--content-size) * var(--content-scale));
line-height: calc(var(--content-line) + 0);
letter-spacing: calc(var(--content-track) + 0em);
hyphens: none;
-webkit-hyphens: none;
-ms-hyphens: none;
}
.mw-parser-output p { margin-top: 0; margin-bottom: calc(var(--para-gap) + 0px); }
.mw-parser-output li { margin-bottom: calc(var(--list-gap) + 0px); }
/* Headings im Content: Tracking angleichen, Farben erben */
.mw-parser-output h1, .mw-parser-output h2, .mw-parser-output h3,
.mw-parser-output h4, .mw-parser-output h5, .mw-parser-output h6 {
font-family: inherit;
letter-spacing: calc(var(--content-track) + 0em);
color: inherit;
}
/* Blockquote – Linienfarbe nach Theme (dezentes Grau) */
.skin-theme-clientpref-day .mw-parser-output blockquote { border-left-color: #d0d0d0; }
.skin-theme-clientpref-night .mw-parser-output blockquote { border-left-color: #3a3a3a; }
.mw-parser-output blockquote p { margin: 0.5em 0; }
/* Optionale Content-Flächen – pre ist hier bewusst NICHT enthalten */
.mw-parser-output .hat-surface,
.mw-parser-output .infobox {
background: var(--surface);
border: 1px solid currentColor;
}
/* Globale Textselektion */
::selection { background: var(--selection); color: currentColor; text-shadow: none; }
::-moz-selection { background: var(--selection); color: currentColor; text-shadow: none; }
/* Im VisualEditor etwas kräftiger */
.ve-ce-surface ::selection, .ve-ce-surface ::-moz-selection { background: var(--selection-strong); color: currentColor; }
/* ==============================================================
2) SYNTAXHIGHLIGHT – zentral
============================================================== */
/* Inline-Code (skaliert proportional zum Umfeld) */
.mw-parser-output code,
.mw-parser-output tt,
.mw-parser-output kbd,
.mw-parser-output samp {
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
font-size: calc(1em * var(--code-inline-scale));
line-height: calc(var(--code-line) + 0);
letter-spacing: 0;
padding: 0.05em 0.25em;
border-radius: calc(var(--radius-s) + 0px);
border: 1px solid currentColor;
background-color: transparent;
color: currentColor;
}
/* Inline-Code-Hintergrund nach Theme, ohne var() in Farbposition */
.skin-theme-clientpref-day .mw-parser-output code,
.skin-theme-clientpref-day .mw-parser-output tt,
.skin-theme-clientpref-day .mw-parser-output kbd,
.skin-theme-clientpref-day .mw-parser-output samp { background-color: #ececec; }
.skin-theme-clientpref-night .mw-parser-output code,
.skin-theme-clientpref-night .mw-parser-output tt,
.skin-theme-clientpref-night .mw-parser-output kbd,
.skin-theme-clientpref-night .mw-parser-output samp { background-color: #262626; color: #bababa; border-color: #606060; }
/* Block-Code – Rahmenfarbe nach Theme (dezentes Grau) */
.skin-theme-clientpref-day .mw-parser-output pre,
.skin-theme-clientpref-day .mw-parser-output .mw-highlight pre { border-color: #d0d0d0; }
.skin-theme-clientpref-night .mw-parser-output pre,
.skin-theme-clientpref-night .mw-parser-output .mw-highlight pre { border-color: #606060; }
/* Block-Code */
.mw-parser-output pre,
.mw-parser-output .mw-highlight pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
font-size: 1em; /* folgt der Vector-Basis + deinem Offset */
line-height: calc(var(--code-line) + 0);
letter-spacing: 0;
margin: 0.8em 0;
border-radius: calc(var(--radius-m) + 0px);
border: 1px solid currentColor;
background-color: transparent;
color: inherit;
overflow: auto;
}
/* MediaWiki-Codeviewer neutralisieren (Gutter: kein Innenabstand) */
.mw-parser-output .mw-code pre,
.mw-parser-output pre.mw-code {
background: transparent;
border: 0;
padding: 0;
margin: 0.8em 0;
color: inherit;
box-sizing: border-box;
}
/* Tokenfarben – ohne var(), nach Theme getrennt */
.skin-theme-clientpref-day .mw-parser-output .mw-highlight .c { color: #5f6672; } /* comment */
.skin-theme-clientpref-day .mw-parser-output .mw-highlight .k { color: #074090; } /* keyword */
.skin-theme-clientpref-day .mw-parser-output .mw-highlight .s { color: #984c07; } /* string */
.skin-theme-clientpref-day .mw-parser-output .mw-highlight .nf { color: #4b1fa3; } /* function */
.skin-theme-clientpref-night .mw-parser-output .mw-highlight .c { color: #97a0aa; }
.skin-theme-clientpref-night .mw-parser-output .mw-highlight .k { color: #95c4fb; }
.skin-theme-clientpref-night .mw-parser-output .mw-highlight .s { color: #f6c96d; }
.skin-theme-clientpref-night .mw-parser-output .mw-highlight .nf { color: #bfaaf7; }
/* Sicherheitsnetz: keine externen Link-Icons in Code */
.mw-parser-output .mw-highlight a { background-image: none; }
/* ==============================================================
3) EDIT-BINDUNG (Schreiben)
============================================================== */
/* VisualEditor: gleiche Typografie wie im Content */
.ve-ce-surface {
font-family: "XCharter", serif;
font-size: calc(var(--content-size) * 1);
line-height: calc(var(--content-line) + 0);
letter-spacing: calc(var(--content-track) + 0em);
hyphens: none;
}
/* Wikitext-Editor (CodeMirror & Fallback) */
.cm-editor, .CodeMirror, #wpTextbox1 {
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
font-size: calc(var(--code-size) * 1);
line-height: calc(var(--code-line) + 0);
letter-spacing: 0;
}
/* ==============================================================
4) ÜBERSCHRIFTEN (Content + Seitentitel)
============================================================== */
/* Seitentitel (echtes H1) – NUR #firstHeading */
#firstHeading,
#firstHeading .mw-page-title-main {
font-size: calc(1em * var(--content-scale) * 1.5);
font-style: normal;
}
/* Body-Headings erben Schriftfamilie */
.mw-parser-output h1,
.mw-parser-output h2,
.mw-parser-output h3,
.mw-parser-output h4,
.mw-parser-output h5,
.mw-parser-output h6 {
font-weight: 300;
font-family: inherit;
}
/* Punktgrößen-Verhältnis der Überschriften */
.mw-parser-output h1 { font-size: calc(var(--h1) * 1); font-style: italic; }
.mw-parser-output h2 { font-size: calc(var(--h2) * 1); }
.mw-parser-output h3 { font-size: calc(var(--h3) * 1); }
.mw-parser-output h4 { font-size: calc(var(--h4) * 1); }
.mw-parser-output h5 { font-size: calc(var(--h5) * 1); }
.mw-parser-output h6 { font-size: calc(var(--h6) * 1); font-style: italic; }
/* Linienkennungen */
.mw-parser-output h1 { border-top: 3px solid #a2a9b1; border-bottom: none; border-left: 3px solid #a2a9b1; }
.mw-parser-output h2 { border-top: 3px dotted #a2a9b1; border-bottom: none; border-left: 3px dotted #a2a9b1; }
.mw-parser-output h3 { border-top: 2px dashed #a2a9b1; border-left: 2px dashed #a2a9b1; }
.mw-parser-output h4 { border-top: 2px dotted #a2a9b1; border-left: 2px dotted #a2a9b1; }
.mw-parser-output h5 { border-top: 1px dashed #a2a9b1; border-left: 1px dashed #a2a9b1; }
.mw-parser-output h6 { border-top: 1px dotted #a2a9b1; border-left: 1px dotted #a2a9b1; }
/* ==============================================================
5) REFERENCES / FUSSNOTEN
============================================================== */
/* Klickbarkeit & Dark/Light-Hintergrund (nur Wrapper) */
.mw-parser-output .mw-references-wrap {
background: var(--surface);
color: inherit;
border: 1px solid currentColor;
opacity: 1;
pointer-events: auto;
position: relative;
z-index: 1;
}
/* Inline-Marker */
.mw-parser-output .reference { font-size: 0.75em; line-height: 0; letter-spacing: 0; }
/* Referenzliste */
.mw-parser-output .references { font-size: 0.92em; line-height: 1.35; margin: 0; padding-left: 1.5em; }
.mw-parser-output .references li { margin: 0.35em 0; }
/* Ziel-Highlight beim Sprung zur Fußnote */
.mw-parser-output .references li:target { background: rgba(127,167,255,0.18); outline: 1px solid currentColor; }
/* Backlink dezenter */
.mw-parser-output .mw-cite-backlink a { text-decoration: none; border-bottom: 1px dotted currentColor; }
.mw-parser-output .mw-cite-backlink a:hover { text-decoration: underline; }
/* Semantische Hilfsklassen (aus Vector hierher gezogen) */
.mw-parser-output .u-small, .mw-parser-output .anmerkung { font-size: 0.92em; line-height: 1.35; }
.mw-parser-output .u-xsmall, .mw-parser-output .fußnote { font-size: 0.85em; line-height: 1.32; }
/* ==============================================================
6) KLEINKRAM
============================================================== */
/* Figcaption transparent, Farben erben */
.mw-body .mw-body-content figcaption { background-color: transparent; color: inherit; }
/* ==============================================================
7) NIGHT – Code-Farbe zuverlässig durchsetzen (am Dateiende lassen)
============================================================== */
/* Inline-Code (auch in Überschriften) */
.skin-theme-clientpref-night .mw-parser-output code,
.skin-theme-clientpref-night .mw-parser-output tt,
.skin-theme-clientpref-night .mw-parser-output kbd,
.skin-theme-clientpref-night .mw-parser-output samp { color: #bababa; }
/* Block-Code */
.skin-theme-clientpref-night .mw-parser-output pre,
.skin-theme-clientpref-night .mw-parser-output .mw-highlight pre { color: #f7f7f7 }
/* MediaWiki-Codeansicht */
.skin-theme-clientpref-night pre.mw-code,
.skin-theme-clientpref-night .mw-code pre { color: #f7f7f7 }
/* Night – Code-Text klar rendern (ohne Weichzeichner-Anmutung) */
.skin-theme-clientpref-night .mw-parser-output code,
.skin-theme-clientpref-night .mw-parser-output tt,
.skin-theme-clientpref-night .mw-parser-output kbd,
.skin-theme-clientpref-night .mw-parser-output samp,
.skin-theme-clientpref-night .mw-parser-output pre,
.skin-theme-clientpref-night .mw-parser-output .mw-highlight pre,
.skin-theme-clientpref-night pre.mw-code,
.skin-theme-clientpref-night .mw-code pre {
-webkit-font-smoothing: antialiased;
}
/* ==============================================================
8) Anpassungen View-Edit VisualEditor, Quelltexteditor
============================================================== */
/* VE: Basistypo am Container setzen … */
.ve-init-mw-desktopArticleTarget .ve-ce-surface {
font-size: calc(var(--content-size) * var(--content-scale));
line-height: calc(var(--content-line) + 0);
letter-spacing: calc(var(--content-track) + 0em);
font-family: "XCharter", serif;
}
/* … und sauber vererben (kein eigener Reset auf den VE-Knoten) */
.ve-init-mw-desktopArticleTarget .ve-ce-documentNode,
.ve-init-mw-desktopArticleTarget .ve-ce-branchNode {
font: inherit;
line-height: inherit;
letter-spacing: inherit;
}
/* VE-Headings: dieselben Tokens wie im View verwenden */
.ve-init-mw-desktopArticleTarget .ve-ce-surface h1 { font-size: calc(var(--h1) * 1); font-style: italic; }
.ve-init-mw-desktopArticleTarget .ve-ce-surface h2 { font-size: calc(var(--h2) * 1); }
.ve-init-mw-desktopArticleTarget .ve-ce-surface h3 { font-size: calc(var(--h3) * 1); }
.ve-init-mw-desktopArticleTarget .ve-ce-surface h4 { font-size: calc(var(--h4) * 1); }
.ve-init-mw-desktopArticleTarget .ve-ce-surface h5 { font-size: calc(var(--h5) * 1); }
.ve-init-mw-desktopArticleTarget .ve-ce-surface h6 { font-size: calc(var(--h6) * 1); font-style: italic; }
/* Editor-Form als Basisträger der Größe */
.mw-editform {
font-size: calc(var(--content-size) * var(--content-scale));
line-height: calc(var(--content-line) + 0);
letter-spacing: calc(var(--content-track) + 0em);
font-family: "XCharter", serif;
}
/* CodeMirror 6/5 + Fallback-Textarea: nur vom Form-Basiswert erben */
.mw-editform .cm-editor, .mw-editform .CodeMirror, .mw-editform #wpTextbox1, .mw-editform .wikitext-ui-text {
font: inherit; /* Größe/Familie direkt übernehmen */
line-height: calc(var(--code-line) + 0);
letter-spacing: 0; /* Monospace: kein Tracking */
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
}
/* ==============================================================
9) Anpassungen View-Edit VisualEditor, Quelltexteditor für Listen, Tabellen Blockquote
============================================================== */
/* --- AufEinWort: Listen-Feintuning (View + VisualEditor) --- */
.mw-body {
/* Stellschrauben — hier nur Zahlen ändern */
--aewi-ul-offset: 1em; /* ganze UL nach rechts (Marker + Text) */
--aewi-ol-offset: 0.5em; /* ganze OL nach rechts (Zahl + Text) */
--aewi-ul-pad: 1.5em; /* Abstand Marker–Text bei UL */
--aewi-ol-pad: 2.0em; /* Abstand Zahl–Text bei OL (Zweck: Platz für 2-stellig) */
}
/* View-Modus */
.mw-parser-output ul { margin-left: calc(var(--aewi-ul-offset) + 0px); padding-left: calc(var(--aewi-ul-pad) + 0px); list-style-position: outside; }
.mw-parser-output ol { margin-left: calc(var(--aewi-ol-offset) + 0px); padding-left: calc(var(--aewi-ol-pad) + 0px); list-style-position: outside; }
/* VisualEditor-Edit-Modus */
.ve-ui-surface .mw-body ul { margin-left: calc(var(--aewi-ul-offset) + 0px); padding-left: calc(var(--aewi-ul-pad) + 0px); list-style-position: outside; }
.ve-ui-surface .mw-body ol { margin-left: calc(var(--aewi-ol-offset) + 0px); padding-left: calc(var(--aewi-ol-pad) + 0px); list-style-position: outside; }
/* Übergang P→Liste (dein Fix) */
.mw-parser-output p + ul, .mw-parser-output p + ol,
.ve-ui-surface .mw-body p + ul, .ve-ui-surface .mw-body p + ol {
margin-top: 0;
}
/* ==============================================================
10) wikitable Gestaltung Tabellen allgemein
============================================================== */
/* AufEinWort — wikitable Basis (hell/dunkel via Token-Variablen) */
.mw-parser-output .wikitable {
background: transparent; /* kein flächiger Hintergrund */
border: 0; /* kein äußerer Rahmen */
border-collapse: collapse; /* saubere Kanten */
/*width: 100%; /* volle Inhaltsbreite */
/* Farbe kommt aus dem Fließtext; wenn nötig: color: var(--fg); */
}
/* Zellen: Luft und standardmäßig keine Zellentrenner */
.mw-parser-output .wikitable th,
.mw-parser-output .wikitable td {
padding: 0.35rem 0.5rem; /* Leseluft */
border: 0; /* keine vertikalen Trennlinien */
/* color: var(--fg); // optional erzwingen */
}
.skin-theme-clientpref-day .mw-parser-output .wikitable tr + tr > th,
.skin-theme-clientpref-day .mw-parser-output .wikitable tr + tr > td { border-top: 1px solid #d0d0d0; }
.skin-theme-clientpref-night .mw-parser-output .wikitable tr + tr > th,
.skin-theme-clientpref-night .mw-parser-output .wikitable tr + tr > td { border-top: 1px solid #3a3a3a; }
/* Tabellenüberschrift (caption) linksbündig */
.mw-parser-output .wikitable > caption {
text-align: left;
}
/* Kopfzellen links + optional dezente Absetzung der Kopfzeile */
.mw-parser-output .wikitable th {
text-align: left; /* Standard in MediaWiki ist mittig → hier links */
font-weight: 600; /* etwas kräftiger für Kopfzellen */
}
.skin-theme-clientpref-day .mw-parser-output .wikitable thead th,
.skin-theme-clientpref-day .mw-parser-output .wikitable > * > tr:first-child > th { border-bottom: 1px solid #d0d0d0; }
.skin-theme-clientpref-night .mw-parser-output .wikitable thead th,
.skin-theme-clientpref-night .mw-parser-output .wikitable > * > tr:first-child > th { border-bottom: 1px solid #3a3a3a; }
.smw-property-page-results .header-title {
color: #bfaaf7;
background-color: transparent;
}
.smw-ui-pagination .page-link {
background-color: #262626;
}
.smw-ui-input-filter {
background-color: #262626;
}
.smw-ui-input-filter input {
color: #F8F8F8 !important;
}
.ve-ce-mwEntityNode-nbsp {
background-color: #262626;
}
.smw-indicator-vertical-bar-loader {
display: none;
}