Module:Administrators' noticeboard archives/styles.css

 .an-archives{
 text-align:center;
 border:1pxsolid#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>ul,
 .an-archives-list{
 line-height:inherit;
 list-style:none;
 margin:0;
 padding:0;/* Reset Minerva default */
 }

 .an-archives-listli{
 display:inline-block;
 margin-bottom:0;
 }

 @media(max-width:720px){
 .an-archives-listli{
 padding:00.15em;
 }
 }

 @media(min-width:720px){
 .an-archives{
 float:right;
 clear:right;
 margin:001em1em;
 width:25.5em;
 }

 .an-archives-list{
 display:grid;
 grid-template-columns:repeat(10,1fr);
 }

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

 @mediaprint{
 .an-archives{
 display:none;
 }
 }

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