MediaWiki:CustomWikiTable.css

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

• Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
• Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
• Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken

.wikitable {
	background-color: #f8f9fa;
	color: #222;
	margin: 1em 0;
	border: 1px solid #a2a9b1;
	border-collapse: collapse
}

.wikitable>*>tr>td,
.wikitable>*>tr>th,
.wikitable>tr>td,
.wikitable>tr>th {
	border: 1px solid #a2a9b1;
	padding: .2em .4em
}

.wikitable>*>tr>th,
.wikitable>tr>th {
	background-color: #eaecf0;
	text-align: center
}

.wikitable>caption {
	font-weight: 700
}

@media screen and (max-width:600px) {
	.wikitable {
		border: 0
	}

	.wikitable caption {
		font-size: 1.3em
	}

	.wikitable th {
		display: block;
		width: 100%;
		border: 0 !important
	}

	.wikitable td,
	.wikitable tr {
		border-bottom: 1px solid #ddd;
		display: block
	}

	.wikitable td {
		font-size: .8em;
		text-align: left;
		word-wrap: anywhere
	}

	.wikitable td::before {
		content: attr(data-label);
		float: left;
		font-weight: 700;
		text-transform: uppercase
	}

	.wikitable td:last-child {
		border-bottom: 0
	}

	.wikitable td:nth-of-type(odd) {
		font-weight: 700
	}
}