Modul:Radsportplatzierungen/styles.css

/* == (a) basic assignments == */

.m-radsportplatzierungen-wrapper table {
	text-align: center;
}

/* first column */
.m-radsportplatzierungen-wrapper tbody th:first-child {
	text-align: left;
	width: 180px;
	white-space: nowrap;
}

/* row headers (not upper left corner) */
.m-radsportplatzierungen-wrapper tbody tr:not(:first-child) th:first-child {
	font-weight: normal;
}

.m-radsportplatzierungen-mobile {
	display: none;
}

/* == (b) optimization for smaller viewports == */

@media only screen and (max-width: 720px)  {
	
	/* === (b1) switch to mobile texts === */
	
	.m-radsportplatzierungen-mobile {
		display: inline;
	}
	
	.m-radsportplatzierungen-desktop {
		display: none;
	}
	
	/* === (b2) fixed first column === */
	
	.m-radsportplatzierungen-wrapper {
		position: relative;
		width:100%;
		z-index: 1;
		overflow: auto;
	}
	
	.m-radsportplatzierungen-wrapper table {
		min-width: 300px;
		border-collapse: separate;
		border-spacing: 0;
		border-top-style: none;
		border-left-style: none;
	}
	
	.m-radsportplatzierungen-wrapper tbody th:first-child {
		position: sticky;
		left: 0;
		z-index: 2;
	}
	
	/* border adjustments for .wikitable caused by position:sticky */
	.m-radsportplatzierungen-wrapper .wikitable > * > tr > td {
		border-bottom-style: none;
		border-right-style: none;
	}
	
	.m-radsportplatzierungen-wrapper .wikitable > * > tr > th {
		border-bottom-style: none;
	}
	
	/* switch logic so right border of row header is shown while scrolling */
	.m-radsportplatzierungen-wrapper .wikitable > * > tr > td:nth-child(2),
	.m-radsportplatzierungen-wrapper .wikitable > * > tr > th:nth-child(2) {
		border-left-style: none;
	}
	
	.m-radsportplatzierungen-wrapper .wikitable > * > tr > th:not(:first-child) {
		border-right-style: none;
	}
	
	/* special fix for minerva skin */
	body.skin-minerva .m-radsportplatzierungen-wrapper .wikitable > * > tr > *:last-child {
		border-right-style: solid;
	}

	body.skin-minerva .m-radsportplatzierungen-wrapper .wikitable > * > tr:last-child > * {
		border-bottom-style: solid;
	}
}