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 > ol,
.an-archives-list {
	line-height: inherit;
	list-style: none;
	margin: 0;
	padding: 0; /* Reset Minerva default */
}

.an-archives-list {
	display: flex;
	flex-wrap: wrap;
}

/* fits 10 per row above 720px with the various other padding involved */
.an-archives-list li {
	margin-bottom: 0;
	width: 2.5em;
	padding: 0.05em 0.15em;
}

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

	.an-archives-search {
		white-space: nowrap;
	}
}

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

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%);
	}
}