Vorlage:Tabellenstile/styles

aus Wikipedia, der freien Enzyklopädie
Zur Navigation springen Zur Suche springen

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

[Quelltext bearbeiten]
<templatestyles src="Tabellenstile/styles.css" />

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

.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

[Quelltext bearbeiten]

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

Siehe jeweils die verlinkten Projektseiten.