Template:Archive top/styles.css

/* {{pp-template|small=yes}} */
.archive-top {
	background-color: #EDEAFF;
	color: inherit;
	padding: 0 0.6em;
	border: 1px solid #8779DD;
}

.archive-top-result .side-box-abovebelow {
	background-color: #c3c3c3;
	color: inherit;
	text-align: center;
	font-size: 110%;
	font-weight: bold;
}

@media screen {
	html.skin-theme-clientpref-night .archive-top {
		background-color: #181424;
		border: 1px solid #8072d6;
		color: #fff;
	}
  
	html.skin-theme-clientpref-night .archive-top-result .side-box-abovebelow {
		background-color: #141126;
		color: #fff;
	}
  
}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .archive-top {
		background-color: #181424;
		border: 1px solid #8072d6;
		color: #fff;
	}
	
	html.skin-theme-clientpref-os .archive-top-result .side-box-abovebelow {
		background-color: #141126;
		color: #fff;
	}
}

@media (min-width: 640px) {
	.archive-top-result {
		width: 30%;
	}
}