Template:Topicbox/styles.css

.topicbox { border:1px solid #44718a; border-radius: 0.45em; background-color: #CEE0F2; width: 100%; margin-bottom: 1em; } .topicbox tbody > tr:not(:nth-child(3)) td { text-align: left; width: 90%; } .topicbox tbody > tr:nth-child(2) > td { background-color:#F5FAFF; } .topicbox tbody > tr:nth-child(3) > td { background-color:#FAFAFF; }

@media screen { /* forced night mode */ html.skin-theme-clientpref-night .topicbox { background-color: transparent; color: inherit; }

html.skin-theme-clientpref-night .topicbox tbody > tr:nth-child(3) > td, html.skin-theme-clientpref-night .topicbox tbody > tr:nth-child(2) > td { background-color: transparent; } }

@media screen and (prefers-color-scheme: dark) { /* automatic mode */ html.skin-theme-clientpref-os .topicbox { background-color: transparent; color: inherit; }	html.skin-theme-clientpref-os .topicbox tbody > tr:nth-child(3) > td, html.skin-theme-clientpref-os .topicbox tbody > tr:nth-child(2) > td { background-color: transparent; } }