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