Template:Climate/style.css

@media all and (max-width: 720px){ body.skin-minerva .climate-table { float: none !important; clear: none !important; margin-right: 0 !important; } body.skin-minerva .climate-table .infobox .infobox { /* display: none;*/ } }

table.climate-table { width: 30em; margin: 1em; padding: 0.5em; text-align: center; font-size: 80%; border: 1px solid #9EBDC7; box-shadow: 2px 2px 5px #9EBDC7; border-radius: 3px; background: #f3f3ff; color: #333; /* define color so it is not inverted in night mode */ white-space:nowrap; }

table.climate-table th { background: #CEE0E7; }

.climate-table .infobox { background-color: #f9f9f9; color: black; }

html.skin-theme-clientpref-night .climate-table .infobox { color: #f9f9f9; background-color: black; }

html.skin-theme-clientpref-night .climate-table .climate-red { color: #ff4747 !important; }

@media (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .climate-table .infobox { color: #f9f9f9; background-color: black; }	html.skin-theme-clientpref-os .climate-table .climate-red { color: #ff4747 !important; } }