Vorlage:Tabellenstile/styles

Aus ÖsterreichWiki
< Vorlage:Tabellenstile
Version vom 25. Juli 2023, 08:32 Uhr von Karl Gruber (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „{{Dokumentation/styleSeite|css=1}} == Funktion == Nicht mehr für alle Seiten angebotene Dekorationen von Tabellen sollen weiterhin über den Klassennamen verf…“)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)
Zur Navigation springen Zur Suche springen
Diese Vorlage(n) wurde(n) fast unverändert von der deutschsprachigen Wikipedia übernommen. Es wurden nur geringfügige technische, stilistische und organisatorische Anpassungen ans ÖsterreichWiki durchgeführt.

CSS

/* tabelle-zeile-aktiv */
table.wikitable.tabelle-zeile-aktiv tr:hover td,
table.wikitable.mw-datatable tr:hover td {
    background-color: #eaf3ff;
}

/* 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;
	}
}
@media screen and (min-width: 1000px) {
	html.client-js.vector-sticky-header-enabled table.wikitable.tabelle-kopf-fixiert th,
	html.client-js.vector-sticky-header-enabled table.wikitable.tabelle-kopf-fixiert tr.tabelle-zaehler-kopf::before {
		top: 3.125rem;
	}
}

/* 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: #eaecf0;
	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.hintergrundfarbe1::before {
	background-color: #f8f9fa;
}
table.wikitable.tabelle-zaehler tr.hintergrundfarbe2::before {
	background-color: #ffffff;
}
table.wikitable.tabelle-zaehler tr.hintergrundfarbe3::before {
	background-color: #ffff40;
}
table.wikitable.tabelle-zaehler tr.hintergrundfarbe4::before {
	background-color: #ffaa00;
}
table.wikitable.tabelle-zaehler tr.hintergrundfarbe6::before {
	background-color: #b3b7ff;
}
table.wikitable.tabelle-zaehler tr.hintergrundfarbe7::before {
	background-color: #ffcbcb;
}
table.wikitable.tabelle-zaehler tr.hintergrundfarbe8::before {
	background-color: #ffebad;
}
table.wikitable.tabelle-zaehler tr.hintergrundfarbe9::before {
	background-color: #b9ffc5;
}

/* 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 {
	/* background-color: #eaecf0; */
	text-align: center;
}
table.prettytable > caption {
	font-weight: bold;
}

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. <section begin="Klassen" />

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

<section end="Klassen" />

Kompatibilität

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

Beispiele

Siehe jeweils die verlinkten Projektseiten.