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