Amélioration du rendu des polices
Release Creation / build (release) Successful in 1m22s

This commit is contained in:
2026-04-27 21:54:04 +02:00
parent a99eeaccba
commit 58478d56ea
6 changed files with 193 additions and 193 deletions
+44 -44
View File
@@ -24,7 +24,7 @@
min-width: 54px;
label {
font-size: 0.58em;
font-size: 0.6em;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--cel-orange-light);
@@ -34,12 +34,12 @@
.stat-value, .attr-display {
color: var(--cel-orange);
font-family: var(--cel-font-title);
font-size: 1.1576em;
font-size: 1.2em;
font-weight: bold;
line-height: 1.2;
}
.attr-sep { color: rgba(196,154,26,0.5); margin: 0 1px; font-size: 0.85em; }
.attr-sep { color: rgba(196,154,26,0.5); margin: 0 1px; font-size: 0.8em; }
input.attr-val, input.attr-max {
width: 24px;
@@ -49,7 +49,7 @@
border-bottom: 1px solid var(--cel-orange-light);
color: var(--cel-orange);
font-family: var(--cel-font-title);
font-size: 1.1025em;
font-size: 1.1em;
font-weight: bold;
}
}
@@ -60,7 +60,7 @@
.armor-malus-value {
color: #e06040;
font-family: var(--cel-font-title);
font-size: 1.1576em;
font-size: 1.2em;
font-weight: bold;
}
label { color: #e06040; opacity: 0.8; }
@@ -92,7 +92,7 @@
.stat-name {
font-family: var(--cel-font-title);
font-weight: bold;
font-size: 1.1025em;
font-size: 1.1em;
text-transform: uppercase;
letter-spacing: 0.05em;
}
@@ -121,7 +121,7 @@
border: 1px solid var(--cel-orange);
border-radius: 4px;
background: rgba(224, 123, 0, 0.08);
font-size: 0.78em;
font-size: 0.8em;
cursor: default;
.res-die-icon {
@@ -164,7 +164,7 @@
justify-content: space-between;
padding: 3px 8px;
border-bottom: 1px solid rgba(122,92,32,0.18);
font-size: 0.85em;
font-size: 0.8em;
// Alternating cream-dark rows for legibility
&:nth-child(even) { background: var(--cel-cream-dark); }
@@ -279,7 +279,7 @@
font-family: var(--cel-font-title);
font-weight: bold;
text-transform: uppercase;
font-size: 1.2128em;
font-size: 1.2em;
letter-spacing: 0.04em;
display: flex;
align-items: center;
@@ -293,7 +293,7 @@
height: 14px;
border-radius: 50%;
border: 1px solid currentColor;
font-size: 0.65em;
font-size: 0.7em;
font-family: var(--cel-font-body);
font-weight: bold;
text-transform: none;
@@ -349,7 +349,7 @@
gap: 6px;
padding: 4px 8px;
background: rgba(139,115,85,0.1);
font-size: 0.85em;
font-size: 0.8em;
label { color: var(--cel-border); }
input[type="number"] { width: 40px; .cel-input-std(); }
}
@@ -380,7 +380,7 @@
.faction-aspect-summary-title {
color: var(--cel-green);
font-family: var(--cel-font-title);
font-size: 1.1025em;
font-size: 1.1em;
letter-spacing: 0.04em;
text-transform: uppercase;
line-height: 1.05;
@@ -393,7 +393,7 @@
color: var(--cel-orange);
cursor: pointer;
text-decoration: none;
font-size: 0.84em;
font-size: 0.8em;
white-space: nowrap;
}
@@ -413,7 +413,7 @@
.label {
display: block;
font-size: 0.66em;
font-size: 0.7em;
text-transform: uppercase;
letter-spacing: 0.03em;
color: var(--cel-border);
@@ -423,7 +423,7 @@
.value {
color: var(--cel-orange);
font-family: var(--cel-font-title);
font-size: 1.1246em;
font-size: 1.1em;
line-height: 1;
}
}
@@ -448,7 +448,7 @@
.faction-aspect-active-title {
margin-bottom: 4px;
color: var(--cel-border);
font-size: 0.68em;
font-size: 0.7em;
text-transform: uppercase;
letter-spacing: 0.04em;
line-height: 1.1;
@@ -477,20 +477,20 @@
.name {
color: var(--cel-green);
font-size: 0.88em;
font-size: 0.9em;
}
.value {
color: var(--cel-orange);
font-family: var(--cel-font-title);
font-size: 0.9923em;
font-size: 1em;
}
}
.faction-aspect-empty {
color: #666;
font-style: italic;
font-size: 0.84em;
font-size: 0.8em;
}
}
@@ -505,7 +505,7 @@
background-image: url("../assets/ui/fond_cadrille.jpg");
background-blend-mode: soft-light;
color: var(--cel-orange);
th { padding: 5px 8px; font-family: var(--cel-font-title); font-size: 1.1576em; letter-spacing: 0.06em; text-transform: uppercase; }
th { padding: 5px 8px; font-family: var(--cel-font-title); font-size: 1.2em; letter-spacing: 0.06em; text-transform: uppercase; }
}
.faction-row {
@@ -542,7 +542,7 @@
}
.faction-count {
font-size: 0.85em;
font-size: 0.8em;
font-weight: bold;
color: var(--cel-orange);
min-width: 16px;
@@ -569,7 +569,7 @@
border-bottom: 1px solid rgba(122,92,32,0.25);
color: var(--cel-green);
font-family: var(--cel-font-title);
font-size: 1.1576em;
font-size: 1.2em;
letter-spacing: 0.05em;
text-transform: uppercase;
}
@@ -578,7 +578,7 @@
display: flex;
flex-direction: column;
gap: 4px;
font-size: 0.88em;
font-size: 0.9em;
}
.factions-legend-row {
@@ -634,7 +634,7 @@
}
.item-tag {
font-size: 0.75em;
font-size: 0.8em;
padding: 1px 7px;
border-radius: 10px;
background: rgba(12,76,12,0.15);
@@ -661,7 +661,7 @@
justify-content: center;
min-width: 20px;
min-height: 20px;
font-size: 1.08rem;
font-size: 1.1rem;
line-height: 1;
}
}
@@ -684,7 +684,7 @@
}
.equip-empty {
font-size: 0.85em;
font-size: 0.8em;
font-style: italic;
color: var(--cel-border);
padding: 4px 8px;
@@ -736,7 +736,7 @@
.biography-portrait-empty {
padding: 14px;
color: var(--cel-border);
font-size: 0.82em;
font-size: 0.8em;
font-style: italic;
text-align: center;
line-height: 1.5;
@@ -769,7 +769,7 @@
border-radius: 4px;
background: linear-gradient(180deg, rgba(255,255,255,0.82), rgba(233,223,201,0.95));
color: var(--cel-green);
font-size: 0.82em;
font-size: 0.8em;
font-weight: bold;
cursor: pointer;
@@ -790,7 +790,7 @@
.biography-portrait-hint {
margin: 0;
font-size: 0.78em;
font-size: 0.8em;
font-style: italic;
color: var(--cel-border);
}
@@ -838,7 +838,7 @@
text-align: center;
.cel-input-std();
font-family: var(--cel-font-title);
font-size: 1.2128em;
font-size: 1.2em;
font-weight: bold;
color: var(--cel-green);
}
@@ -848,7 +848,7 @@
border-color: rgba(122,92,32,0.4);
.xp-depense-value {
font-family: var(--cel-font-title);
font-size: 1.2128em;
font-size: 1.2em;
font-weight: bold;
color: var(--cel-border);
}
@@ -858,7 +858,7 @@
background: var(--cel-green);
border: 1px solid var(--cel-orange);
color: var(--cel-orange);
font-size: 0.86em;
font-size: 0.9em;
padding: 5px 12px;
cursor: pointer;
font-family: var(--cel-font-title);
@@ -875,14 +875,14 @@
.xp-log-table {
width: 100%;
border-collapse: collapse;
font-size: 0.82em;
font-size: 0.8em;
margin-bottom: 8px;
thead tr {
background: rgba(12,76,12,0.35);
th {
color: var(--cel-orange-light);
font-size: 0.75em;
font-size: 0.8em;
text-transform: uppercase;
letter-spacing: 0.04em;
padding: 3px 6px;
@@ -918,7 +918,7 @@
.xp-ref {
margin-top: 6px;
summary {
font-size: 0.78em;
font-size: 0.8em;
color: var(--cel-orange-light);
cursor: pointer;
letter-spacing: 0.03em;
@@ -930,7 +930,7 @@
.xp-ref-table {
width: 100%;
border-collapse: collapse;
font-size: 0.82em;
font-size: 0.8em;
margin-top: 6px;
thead tr {
@@ -941,7 +941,7 @@
}
th {
font-family: var(--cel-font-title);
font-size: 0.9923em;
font-size: 1em;
letter-spacing: 0.05em;
text-transform: uppercase;
padding: 4px 8px;
@@ -987,7 +987,7 @@
.anomaly-block-title {
font-family: var(--cel-font-title);
font-size: 0.9371em;
font-size: 0.9em;
text-transform: uppercase;
letter-spacing: 0.07em;
color: var(--cel-orange);
@@ -1000,7 +1000,7 @@
text-align: center;
color: var(--cel-border);
font-style: italic;
font-size: 0.85em;
font-size: 0.8em;
display: flex;
align-items: center;
justify-content: center;
@@ -1030,12 +1030,12 @@
flex: 1;
.anomaly-name {
font-family: var(--cel-font-title);
font-size: 1.1025em;
font-size: 1.1em;
color: var(--cel-orange);
font-weight: bold;
}
.anomaly-subtype {
font-size: 0.75em;
font-size: 0.8em;
color: var(--cel-cream, #f0e8d4);
text-transform: uppercase;
letter-spacing: 0.05em;
@@ -1057,7 +1057,7 @@
margin-bottom: 6px;
.anomaly-level-label {
font-size: 0.72em;
font-size: 0.7em;
text-transform: uppercase;
color: var(--cel-cream, #f0e8d4);
opacity: 0.7;
@@ -1085,7 +1085,7 @@
flex-wrap: wrap;
.anomaly-uses-label {
font-size: 0.72em;
font-size: 0.7em;
text-transform: uppercase;
color: var(--cel-cream, #f0e8d4);
opacity: 0.7;
@@ -1110,7 +1110,7 @@
background: var(--cel-green);
border: 1px solid var(--cel-orange);
color: var(--cel-orange);
font-size: 0.7938em;
font-size: 0.8em;
padding: 2px 8px;
cursor: pointer;
font-family: var(--cel-font-title);