Wikipedia

Module:Climate chart/styles.css: Difference between revisions

Browse history interactively
← Previous edit
Content deleted Content added
make that width 22em
and there
 
(17 intermediate revisions by the same user not shown)
Line 1:
/* {{pp-protected|small=yes}} */
/* TODO: All font-size declarations need review or something */
.climate-chart {
border: 1px solid #a2a9b1c0c0c0;
background-color: var(--background-color-neutral-subtle, #f8f9fa);
padding: 0.2em5em 0.7em;▼
color: black;▼
▲ padding: 0.2em;
font-size: 88%;
line-height: 1.5em;
box-sizing: border-box;
width: 22em;▼
}
 
@media (min-width: 720px) {
/* TODO revisit this later since you can clear nonsensically */
.climate-chart {
/* @noflip */
margin: 0.5em 1em 0.5em 0;
▲ width: 22em;
}
Line 22:
/* @noflip */
float: right;
/* @noflip */
clear: right;
}
Line 29 ⟶ 27:
/* @noflip */
float: left;
/* @noflip */
clear: left;
}
}
Line 41 ⟶ 37:
.climate-chart-explainer {
font-weight: bold;
font-size: 90%;▼
}
 
.climate-chart-internal {
text-align: center;
border-spacing: 3px;▼
padding: 0.2em;
font-size: 90%;
width: 100%;
▲ border-spacing: 3px0;
}
 
.climate-chart-internal th, {▼
width: 1.6em5em;▼
textvertical-align: centertop;▼
▲ font-sizeweight: 90%normal;
}
 
▲.climate-chart-internal th,
.climate-chart-internal td {
vertical-align: top;
Line 102:
}
 
.climate-chart-column-precipvalue {
color: blue;
position: absolute;
bottom: .5em;▼
left: 0;
width: 1.6em;
height: 1.5em;
}
 
.climate-chart-column-precip {
▲ color: blackblue;
▲ bottom: .5em;
text-align: center;
}
Line 124 ⟶ 127:
}
 
.climate-chart-column-high-temp {,
.climate-chart-column-low-temp {
color: red;
position: absolute;
left: 0;
▲ width: 1.6em;
height: 1.5em;
▲ text-align: center;
}
 
.climate-chart-column-high-temp > span {,
.climate-chart-column-low-temp > span {
font-size: 80%;
}
 
@media screen {
html.skin-theme-clientpref-night .climate-chart-column-precip {
color: hsl(240, 100%, 75%);
}
}
 
@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .climate-chart-column-precip {
color: hsl(240, 100%, 75%);
}
}
Retrieved from "https://en.wikipedia.org/wiki/Module:Climate_chart/styles.css"