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