„MediaWiki:Common.css-backup“ – Versionsunterschied
Erscheinungsbild
Die Seite wurde neu angelegt: „ →Das folgende CSS wird für alle Benutzeroberflächen geladen.: .mw-page-title-separator { display: none; } .mw-page-title-namespace { display: none; }“ |
K Klaus verschob die Seite MediaWiki:Common.css nach MediaWiki:Common.css-backup |
||
| (530 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
/* | /* | ||
* 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 */ | |||
.mw- | /* | ||
* 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; | |||
} | } | ||
.mw-page-title- | |||
display: none; | /* 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: 90%; | |||
} | |||
} | |||
/* 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; | |||
} | } | ||
Aktuelle Version vom 11. September 2026, 05:18 Uhr
/*
* 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: 90%;
}
}
/* 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;
}