MediaWiki:Gadget-dewikiCommonStyle.css

/*
 * Farbdefinitionen für Rahmen und Hintergründe
 */
:root {
	/* 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: #000000;
}

/* 
 * 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.hintergrundfarbe1 > th,
table > * > tr > th.hintergrundfarbe1,
table.hintergrundfarbe1,
.hintergrundfarbe1 {
	background-color: var(--dewiki-hintergrundfarbe1);
}
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);
}
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"]) {
	background-color: var(--background-color-base, #ffffff);
	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);
}