Template:Season/styles.css: Difference between revisions
Use real game asset icons |
Vertically center season icon in tag |
||
| Line 1: | Line 1: | ||
/* Season tags. Colors are the authoritative seasonal palette. */ | /* Season tags. Colors are the authoritative seasonal palette. | ||
The tag is an inline flex row so the season icon stays vertically | |||
centered against the text regardless of font size. */ | |||
.sh-season { | .sh-season { | ||
display: inline- | display: inline-flex; | ||
align-items: center; | |||
gap: 4px; | |||
vertical-align: middle; | |||
font-family: 'VT323', monospace; | font-family: 'VT323', monospace; | ||
font-size: 1.05em; | font-size: 1.05em; | ||
| Line 15: | Line 20: | ||
.sh-season img { | .sh-season img { | ||
height: 14px; | |||
width: auto; | |||
image-rendering: pixelated; | image-rendering: pixelated; | ||
} | } | ||
Latest revision as of 15:38, 11 June 2026
/* Season tags. Colors are the authoritative seasonal palette.
The tag is an inline flex row so the season icon stays vertically
centered against the text regardless of font size. */
.sh-season {
display: inline-flex;
align-items: center;
gap: 4px;
vertical-align: middle;
font-family: 'VT323', monospace;
font-size: 1.05em;
line-height: 1.25;
letter-spacing: 0.5px;
color: #2C1810;
background: #FBF1E1;
padding: 0 8px 1px;
border: 2px solid rgba(44, 24, 16, 0.25);
border-radius: 4px;
white-space: nowrap;
}
.sh-season img {
height: 14px;
width: auto;
image-rendering: pixelated;
}
.sh-season-spring { background: #FFB7C5; }
.sh-season-summer { background: #FFD700; }
.sh-season-fall { background: #E07A5F; }
.sh-season-winter { background: #B8C5D6; }