Module:Administrators' noticeboard archives/styles.css

.an-archives {
	text-align: center;
	border: 1px solid #a2a9b1;
	padding: 3px;
	font-size: 88.9%; /* 8/9 */
	background-color: var(--background-color-neutral-subtle, #f8f9fa);
	clear: both;
}

.an-archives-caption {
	font-weight: bold;
}

.an-archives-header {
	font-weight: bold;
	font-size: 112.5%; /* 8/9 * 9/8 = 100 */
	background-color: hsl(240, 100%, 90%);
	padding: 2px;
}

.an-archives-header > span {
	font-size: 85%;
}

/* borrowed the primary bits from [[Template:Plainlist/styles.css]] */
.an-archives > ul,
.an-archives-list {
	line-height: inherit;
	list-style: none;
	margin: 0;
	padding: 0; /* Reset Minerva default */
}

.an-archives-list li {
	display: inline-block;
	margin-bottom: 0;
}

@media (max-width: 720px) {
	.an-archives-list li {
		padding: 0 0.15em;
	}
}

@media (min-width: 720px) {
	.an-archives {
		float: right;
		clear: right;
		margin: 0 0 1em 1em;
		width: 25.5em;
	}

	.an-archives-list {
		display: grid;
		grid-template-columns: repeat(10, 1fr);
	}
	
	.an-archives-search {
		white-space: nowrap;
	}
}

@media print {
	.an-archives {
		display: none;
	}
}

@media screen {
	html.skin-theme-clientpref-night .an-archives-header {
		background-color: hsl(240, 100%, 10%);
	}	
}

@media (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .an-archives-header {
		background-color: hsl(240, 100%, 10%);
	}
}