Vorlage:Tabellenstile/styles

CSS

/* tabelle-zeile-aktiv */
table.wikitable.tabelle-zeile-aktiv tr:hover td,
table.wikitable.mw-datatable tr:hover td {
    background-color: #eaf3ff;
}
@media screen {
	html.skin-theme-clientpref-night table.wikitable.tabelle-zeile-aktiv tr:hover td,
	html.skin-theme-clientpref-night table.wikitable.mw-datatable tr:hover td {
	    background-color: #404142;
	    color: var(--color-base, #eaecf0);
	}
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os table.wikitable.tabelle-zeile-aktiv tr:hover td,
	html.skin-theme-clientpref-os table.wikitable.mw-datatable tr:hover td {
    	background-color: #404142;
	    color: var(--color-base, #eaecf0);
	}
}

/* tabelle-kopf-fixiert */
@media screen and (min-width: 721px) {
	table.wikitable.tabelle-kopf-fixiert th,
	table.wikitable.tabelle-kopf-fixiert tr.tabelle-zaehler-kopf::before {
		position: sticky;
		top: 0;
		z-index: 12;
	}
	table.wikitable.tabelle-kopf-fixiert {
		border-collapse: separate;
		border-spacing: 0;
		border-bottom-style: none;
		border-left-style: none;
	}
	table.wikitable.tabelle-kopf-fixiert th,
	table.wikitable.tabelle-kopf-fixiert td {
		border-right-style: none;
		border-top-style: none;
	}
}

/* tabelle-zaehler */
table.wikitable.tabelle-zaehler {
	counter-reset: tabZaehler;
}
table.wikitable.tabelle-zaehler tr::before {
	display: table-cell;
	padding-right: 0.5em;
	padding-left: 0.5em;
	text-align: right;
	vertical-align: inherit;
	background-color: var(--dewiki-hintergrundfarbe5);
	content: "";
}
table.wikitable.tabelle-zaehler:not(.tabelle-kopf-fixiert) tr:not(.tabelle-zaehler-kein)::before {
	border-top: 1px solid #a2a9b1;
}
table.wikitable.tabelle-zaehler.tabelle-kopf-fixiert tr:not(.tabelle-zaehler-kein)::before {
	border-left: 1px solid #a2a9b1;
	border-bottom: 1px solid #a2a9b1;
}
table.wikitable.tabelle-zaehler:not(.sortable) tbody tr:not(:first-child):not(.tabelle-zaehler-auslassen):not(.tabelle-zaehler-kein),
table.wikitable.tabelle-zaehler.sortable tbody tr:not(.tabelle-zaehler-auslassen):not(.tabelle-zaehler-kein) {
	counter-increment: tabZaehler;
}
table.wikitable.tabelle-zaehler:not(.sortable) tbody tr:not(:first-child):not(.tabelle-zaehler-versteckt):not(.tabelle-zaehler-kein)::before,
table.wikitable.tabelle-zaehler.sortable tbody tr:not(.tabelle-zaehler-versteckt):not(.tabelle-zaehler-kein)::before {
	content: attr(data-zaehler-vor) counter(tabZaehler) attr(data-zaehler-nach);
}
table.wikitable.tabelle-zaehler:not(.sortable) tbody tr:first-child::before,
table.wikitable.tabelle-zaehler.sortable thead tr:first-child::before {
	font-weight: bold;
	content: attr(data-zaehler-spalte);
}
table.wikitable.tabelle-zaehler tr.hintergrundfarbe-basis::before {
	background-color: var(--dewiki-hintergrundfarbe-basis);
}
table.wikitable.tabelle-zaehler tr.hintergrundfarbe1::before {
	background-color: var(--dewiki-hintergrundfarbe1);
}
table.wikitable.tabelle-zaehler tr.hintergrundfarbe2::before {
	background-color: var(--dewiki-hintergrundfarbe2);
}
table.wikitable.tabelle-zaehler tr.hintergrundfarbe3::before {
	background-color: var(--dewiki-hintergrundfarbe3);
}
table.wikitable.tabelle-zaehler tr.hintergrundfarbe4::before {
	background-color: var(--dewiki-hintergrundfarbe4);
}
table.wikitable.tabelle-zaehler tr.hintergrundfarbe6::before {
	background-color: var(--dewiki-hintergrundfarbe6);
}
table.wikitable.tabelle-zaehler tr.hintergrundfarbe7::before {
	background-color: var(--dewiki-hintergrundfarbe7);
}
table.wikitable.tabelle-zaehler tr.hintergrundfarbe8::before {
	background-color: var(--dewiki-hintergrundfarbe8);
}
table.wikitable.tabelle-zaehler tr.hintergrundfarbe9::before {
	background-color: var(--dewiki-hintergrundfarbe9);
}

/* prettytable */
.prettytable {
	background-color: #f8f9fa;
	border: 1px solid #a2a9b1;
	border-collapse: collapse;
	color: black;
	margin: 1em 0;
}
table.prettytable > * > tr > th,
table.prettytable > * > tr > td {
	border: 1px solid #a2a9b1;
	padding: .2em .4em;
}
table.prettytable > * > tr > th {
	text-align: center;
}
table.prettytable > caption {
	font-weight: bold;
}

Die Programmierung ist gegen Bearbeitung geschützt ((Sichter) Dreiviertelschutz).

Kopiervorlage

<templatestyles src="Tabellenstile/styles.css" />

Funktion

Nicht mehr für alle Seiten angebotene Dekorationen von Tabellen sollen weiterhin über den Klassennamen verfügbar gemacht werden.

Klassen

.tabelle-: Präfix für alle lokalen Neudefinitionen ab 2022
.tabelle-kopf-fixiert: Tabellenkopf beim Scrollen am oberen Rand fixieren; Die Klasse wirkt auf sämtliche th-Elemente einer Tabelle, also auch auf der ersten Kopfzeile nachfolgend angeordnete Kopfzellen. Die Separierung der Zellenränder dient zur Vermeidung von unschönen Darstellungen durch die Definition des z-Index.
.tabelle-zaehler: automatisch Zeilennummer voranstellen; Die Klasse bewirkt, dass vor der eigentlichen definierten ersten Tabellenspalte eine weitere Spalte eingefügt wird, die eine automatisch hochgezählte Zeilennummer enthält. Mit zusätzlichen Klassen und Attributen an der jeweiligen Zeile kann das Standardverhalten beeinflusst werden.; Hilfe:Tabellen/Zählung
.tabelle-zeile-aktiv (.mw-datatable): Datenzeile am Mauszeiger hervorheben; Die Klasse mw-datatable wurde Mitte 2021 durch MediaWiki nicht mehr angeboten – phab:T287997.; Hilfe:Tabellen #mw-datatable; Sie war 2011/2012 global bereitgestellt worden, wäre jedoch eigentlich nur für internen Gebrauch auf durch MediaWiki generierte Spezialseiten gedacht gewesen und nicht zur Verwendung im Wikitext der Projekte. Ab März 2022 Angleichung an Namensschema für Tabellenstile mit Präfix tabelle-.
.prettytable: Tabelle allgemein aufhübschen; Rahmenlinien und Abstände; Diese Klasse war 2005/2006 lokal in der deutschsprachigen Wikipedia eingeführt worden. MediaWiki:Common.css, zuvor Vorlage:prettytable.; Sie wurde global durch wikitable abgelöst und soll perspektivisch überall wegfallen. Sofern Seiten noch nicht auf gleichartiges Erscheinungsbild mittels wikitable umgerüstet wurden, kann diese Spezifikation in die Seite eingebunden werden.; Hilfe:Tabellen/prettytable

Kompatibilität

Die wesentlichen Spezifikationen sind synchronisiert mit althergebrachten Formaten in der deutschsprachigen Wikipedia bzw. durch MediaWiki.

Beispiele

Siehe jeweils die verlinkten Projektseiten.