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

Revision as of 01:48, 12 June 2023

Latest revision as of 23:50, 20 December 2024

(10 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 #c0c0c0;

background-color: var(--background-color-neutral-subtle, #f8f9fa);

color: black;

padding: 0.5em 0.7em;

font-size: 88%;

line-height: 1.5em;

width: 22em;

box-sizing: border-box;

}

@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 23 ⟶ 22:

/* @noflip */

float: right;

/* @noflip */

clear: right;

}

Line 30 ⟶ 27:

/* @noflip */

float: left;

/* @noflip */

clear: left;

}

}

Line 42 ⟶ 37:

.climate-chart-explainer {

font-weight: bold;

font-size: 90%;

}

Line 61 ⟶ 55:

.climate-chart-internal td {

vertical-align: top;

}

.climate-change-explain-bar-temp,

.climate-change-explain-bar-precip {

font-size: 90%;

}

Line 145 ⟶ 134:

.climate-chart-column-high-temp > span,

.climate-chart-column-low-temp > span {

font-size: 7080%;

}

@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%);

}

}