Template:Motorsport season/styles.css

/* {{pp-template}} */
/* Styles for Template:Motorsport season */
.motorsport-season-nav {
	margin: auto;
	width: min-content;
	text-align: center; 
	border: 1px solid #a2a9b1;
	background-color: #f8f9fa;
	padding: 0.5em;
	font-size: 95%;
}

.motorsport-season-nav-header,
.motorsport-season-nav-subheader {
	border-bottom: 1px #aaa solid;
	padding: 0 1em;
}

.motorsport-season-nav-header {
	font-weight: bold;
}

.motorsport-season-nav-body {
	display: flex;
	align-items: flex-start;
}

.motorsport-season-nav-label,
.motorsport-season-nav-links {
	flex: 1 1 auto;
	padding: 0.2em 0.1em;
}

.motorsport-season-nav-label {
	text-align: right;
}

.motorsport-season-nav-label:after {
	content: ":";
}

.motorsport-season-nav-links + .motorsport-season-nav-label {
	flex-grow: 0;
}

.motorsport-season-nav-links {
	text-align: left;
}

@media only screen and (min-width: 769px) {
	.motorsport-season-nav {
		float: right;
		margin: 0.5em 0 0.5em 1em;
		min-width: 19em;
	}
}


@media screen {
    html.skin-theme-clientpref-night .motorsport-season-nav {
	  background: transparent;
	}
}


@media screen and ( prefers-color-scheme: dark) {
    /* automatic mode */
    html.skin-theme-clientpref-os .motorsport-season-nav {
      background: transparent;
    }
}