Helmstedt-Wiki:Technik/Skin/Gadgets/dewikiCommonStyle

Einheitliche Überschrift für Technik -Projektseiten.

Parameter

Text: Überschrift
Shortcut: optional; für Gadgets
Logo: optional; Datei-Titel
LogoPixel: optional; Logo-Größe in Pixeln, Vorgabe: 40

Das Gadget dewikiCommonStyle ist nicht für Benutzerkonten konfigurierbar.

Es bewirkt die zentrale Definition der projektweit genutzten Hintergrund- und Rahmenfarbenklassen.

Die Definitionen befanden sich bis November 2023 in der allgemeinen MediaWiki:Common.css.

Profil

{{#invoke:MediaWikiGadgetDefinition|f|SCOPE=site|TEMPLATE=1|IGNORE=Überschrift|Überschriftsstufe}}

CSS

<syntaxhighlight lang="css">/*

* Farbdefinitionen für Rahmen und Hintergründe
*/

root {

/* Wie Seitenhintergrund */ --dewiki-hintergrundfarbe-basis: var(--background-color-base, #ffffff); /* Wie wikitable-Tabellenhintergrund */ --dewiki-hintergrundfarbe1: var(--background-color-neutral-subtle, #f8f9fa); /* „Weiß“, neutral */ --dewiki-hintergrundfarbe2: #ffffff; /* „Gelb“, auffällig */ --dewiki-hintergrundfarbe3: #ffff40; /* Sehr auffällig */ --dewiki-hintergrundfarbe4: #ffaa00; /* Neutral, abgesetzt, wie wikitable-Tabellenkopf */ --dewiki-hintergrundfarbe5: var(--background-color-neutral, #eaecf0); /* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */ --dewiki-hintergrundfarbe6: #b3b7ff; --dewiki-hintergrundfarbe7: #ffcbcb; --dewiki-hintergrundfarbe8: #ffebad; --dewiki-hintergrundfarbe9: #b9ffc5;

/* Wie wikitable-Rahmenfarbe */ --dewiki-rahmenfarbe1: var(--border-color-base, #a2a9b1); /* Unauffällig, geringer Kontrast */ --dewiki-rahmenfarbe2: var(--border-color-muted, #eaecf0); /* „Rot“, auffällig */ --dewiki-rahmenfarbe3: #c00000; /* Neutrale Farbe, deutlich */ --dewiki-rahmenfarbe4: #8888aa; /* „Schwarz“, hoher Kontrast */ --dewiki-rahmenfarbe5: var(--color-base, #202122); }

/*

* Die Angaben der Rahmenstärke dienen der Bequemlichkeit, so dass man
* für dünne Rahmen nur noch „border-style“ angeben muss.
*/

.rahmenfarbe1 { border-width: 1px; border-color: var(--dewiki-rahmenfarbe1); } .rahmenfarbe2 { border-width: 1px; border-color: var(--dewiki-rahmenfarbe2); } .rahmenfarbe3 { border-width: 1px; border-color: var(--dewiki-rahmenfarbe3); } .rahmenfarbe4 { border-width: 1px; border-color: var(--dewiki-rahmenfarbe4); } .rahmenfarbe5 { border-width: 1px; border-color: var(--dewiki-rahmenfarbe5); }

/*

* Die hohe Selektorenspezifität ist für das Überschreiben
* der Kopfzellenfarbe in wikitables nötig
*/

table > * > tr.hintergrundfarbe-basis > th, table > * > tr > th.hintergrundfarbe-basis, table.hintergrundfarbe-basis, .hintergrundfarbe-basis { background-color: var(--dewiki-hintergrundfarbe-basis); color: var(--color-base, #202122); } table > * > tr.hintergrundfarbe1 > th, table > * > tr > th.hintergrundfarbe1, table.hintergrundfarbe1, .hintergrundfarbe1 { background-color: var(--dewiki-hintergrundfarbe1); color: var(--color-base, #202122); } table > * > tr.hintergrundfarbe2 > th, table > * > tr > th.hintergrundfarbe2, table.hintergrundfarbe2, .hintergrundfarbe2 { background-color: var(--dewiki-hintergrundfarbe2); color: #202122; } table > * > tr.hintergrundfarbe3 > th, table > * > tr > th.hintergrundfarbe3, table.hintergrundfarbe3, .hintergrundfarbe3 { background-color: var(--dewiki-hintergrundfarbe3); color: #202122; } table > * > tr.hintergrundfarbe4 > th, table > * > tr > th.hintergrundfarbe4, table.hintergrundfarbe4, .hintergrundfarbe4 { background-color: var(--dewiki-hintergrundfarbe4); color: #202122; } table > * > tr.hintergrundfarbe5 > th, table > * > tr > th.hintergrundfarbe5, table.hintergrundfarbe5, .hintergrundfarbe5 { background-color: var(--dewiki-hintergrundfarbe5); color: var(--color-base, #202122); } table > * > tr.hintergrundfarbe6 > th, table > * > tr > th.hintergrundfarbe6, table.hintergrundfarbe6, .hintergrundfarbe6 { background-color: var(--dewiki-hintergrundfarbe6); color: #202122; } table > * > tr.hintergrundfarbe7 > th, table > * > tr > th.hintergrundfarbe7, table.hintergrundfarbe7, .hintergrundfarbe7 { background-color: var(--dewiki-hintergrundfarbe7); color: #202122; } table > * > tr.hintergrundfarbe8 > th, table > * > tr > th.hintergrundfarbe8, table.hintergrundfarbe8, .hintergrundfarbe8 { background-color: var(--dewiki-hintergrundfarbe8); color: #202122; } table > * > tr.hintergrundfarbe9 > th, table > * > tr > th.hintergrundfarbe9, table.hintergrundfarbe9, .hintergrundfarbe9 { background-color: var(--dewiki-hintergrundfarbe9); color: #202122; }

/*

* Zebra-Tabellen. Bei Verwendung zusammen mit „rowspan“ richtet sich die Farbe
* jeder Zelle nach der ersten Zeile, zu der die Zelle gehört.
*/

table.wikitable.zebra > tbody > :nth-child(even):not([class*="hintergrundfarbe"], [style*="background"]) { background-color: var(--dewiki-hintergrundfarbe-basis); color: var(--color-base, #202122); }

/*

* Unterstrichelung für Abkürzungen weniger aufdringlich als vorgegeben, damit
* die Auszeichnungen nicht wegen Aufdringlichkeit entfernt werden.
* April 2024: „border-bottom“ wird nur noch für ältere Brwoser unterstützt,
* vgl. Regel in mediawiki.skinning/normalize.less
*/

abbr[title]:not(:hover), .explain[title]:not(:hover) { border-bottom-color: rgba(50%, 50%, 50%, .5); text-decoration-color: rgba(50%, 50%, 50%, .5); }</syntaxhighlight>