Wikipedia:Community bulletin board/divbox/styles.css

.wp-comm-bulletin { flex-wrap:wrap; overflow:auto; text-align:left; }

.wp-comm-bulletin-header { margin: -0.1em -0.1em 0.1em; border-bottom: 2px solid #FFF; padding:0.1em; text-align:center; font-weight:bold; }

.wp-comm-bulletin-box { box-sizing:border-box; margin:0.2em 0; border-left:1px solid #FFF; border-right:1px solid #FFF; padding:0.1em; }

.wp-comm-bulletin-events { background-color:#F5FFFA; }

.wp-comm-bulletin-events .wp-comm-bulletin-header { background-color:#E6FFF2; }

.wp-comm-bulletin-wp-notices { background-color:#F2FFE6; clear:both; }

.wp-comm-bulletin-wp-notices .wp-comm-bulletin-header { background-color:#E0F2CE; }

.wp-comm-bulletin-news { background-color:#FFFAF5; }

.wp-comm-bulletin-news .wp-comm-bulletin-header { background-color:#FFF2E6; }

.wp-comm-bulletin-rfcs { background-color:#FAF5FF; }

.wp-comm-bulletin-rfcs .wp-comm-bulletin-header { background-color:#F2E6FF; }

.wp-comm-bulletin-notices .wp-comm-bulletin-header { background-color:#F5F5C0 }

@media all and (min-width: 1000px) { .wp-comm-bulletin { display: flex; }	.wp-comm-bulletin-box { flex: 1 1 50%; } }

@media screen { html.skin-theme-clientpref-night .wp-comm-bulletin-header, html.skin-theme-clientpref-night .wp-comm-bulletin-news, html.skin-theme-clientpref-night .wp-comm-bulletin-wp-notices, html.skin-theme-clientpref-night .wp-comm-bulletin-events, html.skin-theme-clientpref-night .wp-comm-bulletin-rfcs { background-color: var(--background-color-base) !important; } }

@media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .wp-comm-bulletin-header, html.skin-theme-clientpref-os .wp-comm-bulletin-news, html.skin-theme-clientpref-os .wp-comm-bulletin-wp-notices, html.skin-theme-clientpref-os .wp-comm-bulletin-events, html.skin-theme-clientpref-os .wp-comm-bulletin-rfcs { background-color: var(--background-color-base) !important; } }