Sablon:Éghajlattáblázat/style.css

/* General */
.weatherbox,
.weatherbox.wikitable {
	margin: auto;
	text-align: center;
	background-color: #f5f5dc;
}
.weatherbox caption {
	background-color: #eaecf0;
	font-size: 120%;
	border: 1px solid #a2a9b1;
	border-bottom: none;
	padding: .2em .4em;
	text-align: center;
}
.weatherbox th {
	background-color: inherit !important;
	font-size: 90%;
}
.weatherbox td {
	font-weight: bold;
	font-size: 85%;
}
.weatherbox th[scope="row"] {
	text-align: left;
	width: 30%;
}
.weatherbox th:last-child:not(.title),
.weatherbox td:last-child:not(.footnote) {
	border-left-width: medium;
}
.weatherbox .footnote {
	font-weight: normal;
	font-size: 88%;
	font-style: italic;
}

/* Temperature */
.weatherbox .temp-low {
	background-color: #00008c;
	color: white;
}
.weatherbox .temp--15 {
	background-color: #0000dc;
	color: white;
}
.weatherbox .temp--12 {
	background-color: #1e5aff;
}
.weatherbox .temp--9 {
	background-color: #508cff;
}
.weatherbox .temp--6 {
	background-color: #a0c8f0;
}
.weatherbox .temp--3 {
	background-color: #c8dcf0;
}
.weatherbox .temp-0 {
	background-color: #ffffff;
}
.weatherbox .temp-3 {
	background-color: #ffff44;
}
.weatherbox .temp-6 {
	background-color: #eeff00;
}
.weatherbox .temp-9 {
	background-color: #ffee00;
}
.weatherbox .temp-12 {
	background-color: #eeee00;
}
.weatherbox .temp-15 {
	background-color: #ffcc00;
}
.weatherbox .temp-18 {
	background-color: #ffa500;
}
.weatherbox .temp-21 {
	background-color: #ff8c00;
}
.weatherbox .temp-24 {
	background-color: #ff6600;
}
.weatherbox .temp-27 {
	background-color: #ff5000;
}
.weatherbox .temp-30 {
	background-color: #ff0000;
}
.weatherbox .temp-33 {
	background-color: #e80000;
}
.weatherbox .temp-36 {
	background-color: #d10000;
}
.weatherbox .temp-39 {
	background-color: #ba0000;
}
.weatherbox .temp-42 {
	background-color: #a30000;
	color: white;
}
.weatherbox .temp-high {
	background-color: #8c0000;
	color: white;
}
.weatherbox .temp-unknown {
	background-color: #f8f9fa;
}

/* Pericipation */
.weatherbox .peri-0 {
	background-color: #f0ffff;
}
.weatherbox .peri-10 {
	background-color: #dcf0ff;
}
.weatherbox .peri-20 {
	background-color: #c8dcff;
}
.weatherbox .peri-30 {
	background-color: #b4c8ff;
}
.weatherbox .peri-40 {
	background-color: #a0b4ff;
}
.weatherbox .peri-50 {
	background-color: #8ca0ff;
}
.weatherbox .peri-60 {
	background-color: #788cff;
}
.weatherbox .peri-70 {
	background-color: #6478ff;
}
.weatherbox .peri-80 {
	background-color: #5064ff;
}
.weatherbox .peri-90 {
	background-color: #3c50ff;
}
.weatherbox .peri-100 {
	background-color: #283cff;
	color: white;
}
.weatherbox .peri-110 {
	background-color: #1428ff;
	color: white;
}
.weatherbox .peri-120 {
	background-color: #0000ff;
	color: white;
}
.weatherbox .peri-130 {
	background-color: #0000b4;
	color: white;
}
.weatherbox .peri-140 {
	background-color: #00008c;
	color: white;
}
.weatherbox .peri-high {
	background-color: #000064;
	color: white;
}
.weatherbox .peri-unknown {
	background-color: #000064;
	color: white;
}

/* Sun */
.weatherbox .sun-5 {
	background-color: #e80000;
}
.weatherbox .sun-25 {
	background-color: #ff0000;
}
.weatherbox .sun-45 {
	background-color: #ff2800;
}
.weatherbox .sun-65 {
	background-color: #ff5000;
}
.weatherbox .sun-85 {
	background-color: #ff6600;
}
.weatherbox .sun-105 {
	background-color: #ff8c00;
}
.weatherbox .sun-125 {
	background-color: #ffa500;
}
.weatherbox .sun-145 {
	background-color: #ffcc00;
}
.weatherbox .sun-165 {
	background-color: #ffdd00;
}
.weatherbox .sun-185 {
	background-color: #eeee00;
}
.weatherbox .sun-205 {
	background-color: #ffee00;
}
.weatherbox .sun-225 {
	background-color: #eeff00;
}
.weatherbox .sun-245 {
	background-color: #ffff44;
}
.weatherbox .sun-high {
	background-color: #ffff77;
}
.weatherbox .sun-veryhigh {
	background-color: #ffff77;
	color: #f00;
}
.weatherbox .sun-unknown {
	background-color: #ffff77;
}

/* Daily sun */
.weatherbox .dailysun-0 {
	background-color: #ff0000;
}
.weatherbox .dailysun-2 {
	background-color: #ff5000;
}
.weatherbox .dailysun-4 {
	background-color: #ff8c00;
}
.weatherbox .dailysun-6 {
	background-color: #ffa500;
}
.weatherbox .dailysun-8 {
	background-color: #ffcc00;
}
.weatherbox .dailysun-10 {
	background-color: #ffdd00;
}
.weatherbox .dailysun-12 {
	background-color: #eeee00;
}
.weatherbox .dailysun-14 {
	background-color: #ffee00;
}
.weatherbox .dailysun-16 {
	background-color: #eeff00;
}
.weatherbox .dailysun-18 {
	background-color: #ffff44;
}
.weatherbox .dailysun-20 {
	background-color: #ffff77;
}
.weatherbox .dailysun-high {
	background-color: #ffff99;
}
.weatherbox .dailysun-veryhigh {
	background-color: #ffff99;
	color: #f00;
}
.weatherbox .dailysun-unknown {
	background-color: #ffff99;
}