Template:Archives/styles.css

.archives {
	text-align: center;
	padding: 0.2em 0;
	box-sizing: border-box;
	/* ombox ombox-notice colors */
	border: 1px solid #a2a9b1;
	background-color: #f8f9fa;
}

.archives-talk {
	/* tmbox tmbox-notice colors */
	border: 1px solid #c0c090;
	background-color: #f8eaba;
}

.archives-image {
	padding: 0.6em 0 0.25em;
}

.archives-title {
	font-weight: bold;
}

.archives-collapsible {
	/* work around jumpy collapsible centered text */
	margin: 0 3.5em;
}

.archives-list {
	text-align: left;
	padding: 0 0.6em;
}

.archives-list-auto {
	text-align: center;
}

.archives-search {
	padding-bottom: 0.7em;
}

.archives-auto {
	padding: 0.2em 0.6em;
	border-top: 1px solid #a2a9b1;
}

.archives-talk .archives-auto {
	border-top: 1px solid #c0c090;
}

@media all and (min-width: 720px) {
	.archives-small {
		/* @noflip */
		clear: right;
		/* @noflip */
		float: right;
		/* @noflip */
		margin: 0.25em 0 0.25em 1em;
		/*
		 * really need to get this fixed to be in ems before we start spreading
		 * this width around
		 */
		width: 238px;
		font-size: 88%;
		line-height: 1.25em;
	}

	.archives-banner {
		display: flex;
		margin: 0.25em 10%;
		/* idk about having both width and min-width declared */
		width: 80%;
		min-width: 80%;
		align-items: center;
	}
	
	/* we want this to take up all the space */
	.archives-banner .archives-flex-child {
		flex-basis: 100%;
	}
	
	.archives-banner .archives-image {
		/* .mbox-image */
		padding: 0.1em 0 0.1em 0.9em;
	}
	
	.archives-banner .archives-list {
		text-align: center;
	}

	/* only make the banner smaller because the default size of -small is 88% */
	.archives-banner .archives-auto,
	.archives-banner .archives-edit {
		font-size: 88%;
	}
}