1.43 - Extra Pulldown & New Cloud Icons

This commit is contained in:
fraxle
2026-05-16 23:34:57 +01:00
parent 40f651eb98
commit 048e52a177
8 changed files with 305 additions and 221 deletions
+5 -4
View File
@@ -27,8 +27,8 @@
FONTS
──────────────────────────────────────────────────────────────────────
Fraunces serif display titles, day labels, hour cell
Manrope body sans-serif paragraphs
JetBrains Mono numeric monospace table data, small labels
Manrope body sans-serif paragraphs, small labels
JetBrains Mono numeric monospace table data
════════════════════════════════════════════════════════════════════════ */
@@ -92,9 +92,10 @@ body {
}
.utci-topnav a {
font-family: JetBrains Mono, monospace;
font-family: Manrope, sans-serif;
font-size: 16px;
letter-spacing: 0.1em;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #b09870;
text-decoration: none;
+9 -6
View File
@@ -65,10 +65,11 @@
/* The credits line under the tagline */
.utci-subtitle {
font-family: JetBrains Mono, monospace;
font-family: Manrope, sans-serif;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.18em;
letter-spacing: 0.08em;
margin-top: 10px;
color: #b09870;
}
@@ -121,10 +122,11 @@
}
.utci-search-label {
font-family: JetBrains Mono, monospace;
font-family: Manrope, sans-serif;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.18em;
letter-spacing: 0.08em;
color: #b09870;
display: block;
margin-bottom: 7px;
@@ -193,8 +195,9 @@
margin-top: 7px;
font-size: 10px;
color: #b09870;
font-family: JetBrains Mono, monospace;
letter-spacing: 0.14em;
font-family: Manrope, sans-serif;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
+25 -18
View File
@@ -88,10 +88,11 @@
flex-shrink: 0;
padding: 12px 24px;
cursor: pointer;
font-family: JetBrains Mono, monospace;
font-family: Manrope, sans-serif;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.14em;
letter-spacing: 0.08em;
background: transparent;
border: none;
color: #b09870;
@@ -137,10 +138,11 @@
}
.filter-profiles-label {
font-family: JetBrains Mono, monospace;
font-family: Manrope, sans-serif;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.18em;
letter-spacing: 0.08em;
color: #7a5c2a;
margin-right: 4px;
white-space: nowrap;
@@ -162,10 +164,11 @@
border: 1.5px solid #c9b08a;
background: #f5edd6;
color: #6b4228;
font-family: JetBrains Mono, monospace;
font-family: Manrope, sans-serif;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
letter-spacing: 0.06em;
transition: all 0.15s;
-webkit-user-select: none;
user-select: none;
@@ -198,10 +201,11 @@
}
.col-toggles-label {
font-family: JetBrains Mono, monospace;
font-family: Manrope, sans-serif;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.18em;
letter-spacing: 0.08em;
color: #7a5c2a;
margin-right: 4px;
white-space: nowrap;
@@ -214,10 +218,11 @@
border: 1.5px solid #c9b08a;
background: #f5edd6;
color: #6b4228;
font-family: JetBrains Mono, monospace;
font-family: Manrope, sans-serif;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
letter-spacing: 0.06em;
transition: all 0.15s;
-webkit-user-select: none;
user-select: none;
@@ -297,8 +302,9 @@
gap: 5px;
padding: 5px 12px 5px 10px;
font-size: 12px;
font-family: JetBrains Mono, monospace;
letter-spacing: 0.08em;
font-family: Manrope, sans-serif;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
cursor: pointer;
border: 1.5px solid #c9b08a;
@@ -465,11 +471,11 @@
.utci-table th {
background: #f0e4c4;
color: #6b4f2a;
font-family: JetBrains Mono, monospace;
font-family: Manrope, sans-serif;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.12em;
font-weight: 600;
letter-spacing: 0.07em;
font-weight: 700;
padding: 14px 12px;
text-align: right;
white-space: nowrap;
@@ -478,7 +484,7 @@
@media (max-width: 800px) {
.utci-table th {
font-size: 10px;
letter-spacing: 0.14em;
letter-spacing: 0.08em;
}
}
@@ -703,8 +709,9 @@
}
.utci-band-label {
font-family: JetBrains Mono, monospace;
font-family: Manrope, sans-serif;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
letter-spacing: 0.06em;
}
+31 -21
View File
@@ -128,10 +128,11 @@
letter-spacing: 0;
}
.almanac-subtitle {
font-family: JetBrains Mono, monospace;
font-family: Manrope, sans-serif;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.12em;
letter-spacing: 0.07em;
color: #9a7d5a;
}
.almanac-list {
@@ -177,16 +178,18 @@
line-height: 1.2;
}
.almanac-entry-date {
font-family: JetBrains Mono, monospace;
font-family: Manrope, sans-serif;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
letter-spacing: 0.06em;
color: #c8922a;
white-space: nowrap;
}
.almanac-entry-countdown {
font-family: JetBrains Mono, monospace;
font-family: Manrope, sans-serif;
font-size: 10px;
font-weight: 700;
color: #9a7d5a;
white-space: nowrap;
}
@@ -200,10 +203,11 @@
.almanac-entry-visibility {
display: inline-block;
margin-top: 5px;
font-family: JetBrains Mono, monospace;
font-family: Manrope, sans-serif;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
letter-spacing: 0.06em;
color: #7a9a6a;
background: #eef4e8;
border: 1px solid #c0d8b0;
@@ -250,10 +254,11 @@
border: 1.5px solid #c9b08a;
background: #f5edd6;
color: #6b4228;
font-family: JetBrains Mono, monospace;
font-family: Manrope, sans-serif;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
letter-spacing: 0.06em;
transition: all 0.15s;
user-select: none;
white-space: nowrap;
@@ -328,10 +333,11 @@
.cs-option {
display: block;
padding: 8px 14px;
font-family: JetBrains Mono, monospace;
font-family: Manrope, sans-serif;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
letter-spacing: 0.05em;
color: #4a3420;
cursor: pointer;
transition: background 0.1s, color 0.1s;
@@ -369,8 +375,9 @@
gap: 6px;
padding: 5px 12px 5px 10px;
font-size: 12px;
font-family: JetBrains Mono, monospace;
letter-spacing: 0.08em;
font-family: Manrope, sans-serif;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
cursor: pointer;
border: 1.5px solid #c9b08a;
@@ -430,10 +437,11 @@
padding: 14px 18px;
background: #f0e4c4;
color: #7a5c2a;
font-family: JetBrains Mono, monospace;
font-family: Manrope, sans-serif;
font-size: 11px;
font-weight: 700;
text-align: center;
letter-spacing: 0.12em;
letter-spacing: 0.07em;
text-transform: uppercase;
border: 1.5px solid #c9b08a;
margin-bottom: 18px;
@@ -450,10 +458,10 @@
}
.utci-legend-label {
font-family: JetBrains Mono, monospace;
font-family: Manrope, sans-serif;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 0.18em;
letter-spacing: 0.08em;
color: #7a5c2a;
margin-bottom: 12px;
display: block;
@@ -468,10 +476,11 @@
.utci-legend-item {
padding: 6px 12px;
font-family: JetBrains Mono, monospace;
font-family: Manrope, sans-serif;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
letter-spacing: 0.04em;
flex: 1;
min-width: 110px;
text-align: center;
@@ -536,10 +545,11 @@
margin-top: 36px;
padding-top: 20px;
border-top: 1px solid #d4c0a0;
font-family: JetBrains Mono, monospace;
font-family: Manrope, sans-serif;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.12em;
letter-spacing: 0.07em;
color: #9a7d5a;
line-height: 2.2;
}