Vorlage:Tabellenstile/styles.css

aus Wikipedia, der freien Enzyklopädie
Zur Navigation springen Zur Suche springen
/* 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;
}