Template:Canada census/styles.css

/* {{pp-template}} */
/* styles used in Template:Canada census */
.canada-census {
	display: inline-block;
	margin: 5px 5px 5px 0;
	border: 1px solid #a2a9b1;
	background-color: var(--background-color-neutral-subtle, #f8f9fa);
	padding: 5px;
	font-size: 95%;
}

.canada-census-caption {
	padding: 1px 2em;
	font-weight: bold;
}

.canada-census-caption,
.canada-census-header-row th,
.canada-census-footnotes {
	background: lavender;
	text-align: center;
}

/* For dark mode. */
@media screen {
    html.skin-theme-clientpref-night .canada-census-caption, 
    html.skin-theme-clientpref-night .canada-census-header-row th, 
    html.skin-theme-clientpref-night .canada-census-footnotes { 
    	background: inherit !important;
    }
}
/* For automatic dark mode. */
@media screen and (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os .canada-census-caption, 
    html.skin-theme-clientpref-os .canada-census-header-row th, 
    html.skin-theme-clientpref-os .canada-census-footnotes { 
    	background: inherit !important;
    }
}
.canada-census > table {
	margin: 3px auto;
	border-spacing: 3px 0;
}

@media (min-width: 720px) {
	.canada-census-header-row th {
		width: 13em;
	}
}

.canada-census-data-row {
	vertical-align: top;
	font-size: 90%;
}

.canada-census-footnotes {
	font-size: 90%;
}

.canada-census-data-row th {
	padding: 3px;
	text-align: left;
}

.canada-census-data-row td {
	padding: 3px;
	position: relative;
	left: -2px;
}

.canada-census-data-row td + td {
	border-left: 1px #bbb solid;
}
.canada-census-footnotes {
	padding: 1px;
}