Ameliorations CSS et font diverses
Release Creation / build (release) Successful in 1m25s

This commit is contained in:
2026-04-26 22:44:23 +02:00
parent 8e5fb9aca1
commit c3ce628e24
46 changed files with 193 additions and 181 deletions
+17 -17
View File
@@ -34,7 +34,7 @@
.stat-value, .attr-display {
color: var(--cel-orange);
font-family: var(--cel-font-title);
font-size: 1.05em;
font-size: 1.1576em;
font-weight: bold;
line-height: 1.2;
}
@@ -49,7 +49,7 @@
border-bottom: 1px solid var(--cel-orange-light);
color: var(--cel-orange);
font-family: var(--cel-font-title);
font-size: 1em;
font-size: 1.1025em;
font-weight: bold;
}
}
@@ -60,7 +60,7 @@
.armor-malus-value {
color: #e06040;
font-family: var(--cel-font-title);
font-size: 1.05em;
font-size: 1.1576em;
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: 1em;
font-size: 1.1025em;
text-transform: uppercase;
letter-spacing: 0.05em;
}
@@ -279,7 +279,7 @@
font-family: var(--cel-font-title);
font-weight: bold;
text-transform: uppercase;
font-size: 1.1em;
font-size: 1.2128em;
letter-spacing: 0.04em;
display: flex;
align-items: center;
@@ -380,7 +380,7 @@
.faction-aspect-summary-title {
color: var(--cel-green);
font-family: var(--cel-font-title);
font-size: 1em;
font-size: 1.1025em;
letter-spacing: 0.04em;
text-transform: uppercase;
line-height: 1.05;
@@ -423,7 +423,7 @@
.value {
color: var(--cel-orange);
font-family: var(--cel-font-title);
font-size: 1.02em;
font-size: 1.1246em;
line-height: 1;
}
}
@@ -483,7 +483,7 @@
.value {
color: var(--cel-orange);
font-family: var(--cel-font-title);
font-size: 0.9em;
font-size: 0.9923em;
}
}
@@ -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.05em; letter-spacing: 0.06em; text-transform: uppercase; }
th { padding: 5px 8px; font-family: var(--cel-font-title); font-size: 1.1576em; letter-spacing: 0.06em; text-transform: uppercase; }
}
.faction-row {
@@ -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.05em;
font-size: 1.1576em;
letter-spacing: 0.05em;
text-transform: uppercase;
}
@@ -838,7 +838,7 @@
text-align: center;
.cel-input-std();
font-family: var(--cel-font-title);
font-size: 1.1em;
font-size: 1.2128em;
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.1em;
font-size: 1.2128em;
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.78em;
font-size: 0.86em;
padding: 5px 12px;
cursor: pointer;
font-family: var(--cel-font-title);
@@ -941,7 +941,7 @@
}
th {
font-family: var(--cel-font-title);
font-size: 0.9em;
font-size: 0.9923em;
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.85em;
font-size: 0.9371em;
text-transform: uppercase;
letter-spacing: 0.07em;
color: var(--cel-orange);
@@ -1030,7 +1030,7 @@
flex: 1;
.anomaly-name {
font-family: var(--cel-font-title);
font-size: 1em;
font-size: 1.1025em;
color: var(--cel-orange);
font-weight: bold;
}
@@ -1110,7 +1110,7 @@
background: var(--cel-green);
border: 1px solid var(--cel-orange);
color: var(--cel-orange);
font-size: 0.72em;
font-size: 0.7938em;
padding: 2px 8px;
cursor: pointer;
font-family: var(--cel-font-title);
+5 -5
View File
@@ -85,7 +85,7 @@
border-bottom: 1px solid rgba(196,154,26,0.5);
color: var(--cel-orange);
font-family: var(--cel-font-title);
font-size: 1.4em;
font-size: 1.5435em;
font-weight: bold;
letter-spacing: 0.06em;
padding: 2px 4px;
@@ -94,7 +94,7 @@
.actor-name {
font-family: var(--cel-font-title);
font-size: 1.4em;
font-size: 1.5435em;
color: var(--cel-orange);
letter-spacing: 0.06em;
margin: 0;
@@ -180,7 +180,7 @@
}
.stat-value {
font-size: 1.4em;
font-size: 1.5435em;
font-family: var(--cel-font-title);
color: var(--cel-orange);
font-weight: bold;
@@ -242,7 +242,7 @@
padding: 8px 16px;
color: rgba(240,232,212,0.8);
font-family: var(--cel-font-title);
font-size: 0.85em;
font-size: 0.9371em;
text-transform: uppercase;
letter-spacing: 0.07em;
cursor: pointer;
@@ -331,7 +331,7 @@
.wound-value {
font-family: var(--cel-font-title);
font-size: 0.95em;
font-size: 1.0474em;
font-weight: bold;
white-space: nowrap;
line-height: 1.2;
+7 -7
View File
@@ -22,7 +22,7 @@
.anomaly-section-title {
font-family: var(--cel-font-title);
font-size: 0.78em;
font-size: 0.86em;
text-transform: uppercase;
letter-spacing: 0.07em;
color: var(--cel-green-dark, #0c4c0c);
@@ -77,7 +77,7 @@
border-bottom: 1px solid var(--cel-orange-light);
color: var(--cel-orange);
font-family: var(--cel-font-title);
font-size: 1.2em;
font-size: 1.323em;
font-weight: bold;
padding: 2px 4px;
}
@@ -147,7 +147,7 @@
padding: 5px 12px;
color: rgba(240,232,212,0.7);
font-family: var(--cel-font-title);
font-size: 0.78em;
font-size: 0.86em;
text-transform: uppercase;
letter-spacing: 0.07em;
cursor: pointer;
@@ -228,7 +228,7 @@
.scores-stat-col {
.scores-stat-name {
font-family: var(--cel-font-title);
font-size: 0.75em;
font-size: 0.8269em;
color: var(--cel-orange); // gold
text-transform: uppercase;
border-bottom: 1px solid var(--cel-border);
@@ -369,7 +369,7 @@
align-items: center;
gap: 4px;
label { font-size: 0.75em; color: var(--cel-orange-light); white-space: nowrap; }
select { background: rgba(0,0,0,0.3); border: 1px solid var(--cel-orange); color: var(--cel-orange); font-family: var(--cel-font-title); border-radius: 3px; padding: 2px 4px; font-size: 0.85em; }
select { background: rgba(0,0,0,0.3); border: 1px solid var(--cel-orange); color: var(--cel-orange); font-family: var(--cel-font-title); border-radius: 3px; padding: 2px 4px; font-size: 0.9371em; }
}
}
.weapon-damage-badge {
@@ -381,7 +381,7 @@
border-radius: 6px;
padding: 6px 12px;
.damage-label { font-size: 0.72em; text-transform: uppercase; color: var(--cel-orange-light); letter-spacing: 0.05em; }
.damage-value { font-family: var(--cel-font-title); font-size: 1.6em; font-weight: bold; color: var(--cel-orange); min-width: 28px; text-align: center; }
.damage-value { font-family: var(--cel-font-title); font-size: 1.764em; font-weight: bold; color: var(--cel-orange); min-width: 28px; text-align: center; }
.damage-hint { font-size: 0.78em; color: var(--cel-cream); font-style: italic; }
}
}
@@ -407,7 +407,7 @@
label { font-size: 0.72em; text-transform: uppercase; color: var(--cel-orange-light); letter-spacing: 0.05em; }
.armure-stat-value {
input[type="number"], span {
font-family: var(--cel-font-title); font-size: 1.8em; font-weight: bold; color: var(--cel-orange);
font-family: var(--cel-font-title); font-size: 1.9845em; font-weight: bold; color: var(--cel-orange);
text-align: center; background: transparent; border: none; width: 40px;
}
}
+1 -1
View File
@@ -2,7 +2,7 @@
.cel-section-header() {
font-family: var(--cel-font-title);
font-size: 0.78em;
font-size: 0.86em;
text-transform: uppercase;
letter-spacing: 0.1em;
// Gold instead of vivid green — Art Déco elegance
+8 -8
View File
@@ -19,7 +19,7 @@
.npc-type-badge {
font-family: var(--cel-font-title);
font-size: 0.8em;
font-size: 0.882em;
letter-spacing: 0.05em;
text-transform: uppercase;
border-radius: 3px;
@@ -65,7 +65,7 @@
.domain-label-primary {
font-family: var(--cel-font-title);
font-weight: bold;
font-size: 1.1em;
font-size: 1.2128em;
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--cel-orange);
@@ -88,7 +88,7 @@
input.domain-value-input {
width: 40px;
.cel-input-std();
font-size: 1.2em;
font-size: 1.323em;
text-align: center;
font-family: var(--cel-font-title);
}
@@ -116,7 +116,7 @@
.domain-value {
font-family: var(--cel-font-title);
font-size: 1.4em;
font-size: 1.5435em;
font-weight: bold;
color: var(--cel-orange);
min-width: 20px;
@@ -151,7 +151,7 @@
padding: 5px 10px;
font-family: var(--cel-font-title);
font-weight: bold;
font-size: 0.9em;
font-size: 0.9923em;
text-transform: uppercase;
letter-spacing: 0.06em;
border-bottom: 1px solid rgba(196,154,26,0.4);
@@ -197,7 +197,7 @@
color: var(--cel-orange);
font-family: var(--cel-font-title);
font-weight: bold;
font-size: 0.9em;
font-size: 0.9923em;
text-transform: uppercase;
letter-spacing: 0.06em;
border-radius: 4px 4px 0 0;
@@ -222,7 +222,7 @@
.faction-name {
font-family: var(--cel-font-title);
color: var(--cel-orange);
font-size: 0.95em;
font-size: 1.0474em;
}
.faction-none {
@@ -269,7 +269,7 @@
font-family: var(--cel-font-title);
font-weight: bold;
text-transform: uppercase;
font-size: 1.1em;
font-size: 1.2128em;
letter-spacing: 0.04em;
display: flex;
align-items: center;
+31 -31
View File
@@ -30,7 +30,7 @@
.roll-actor {
font-family: var(--cel-font-title, "CopaseticNF", serif);
color: var(--cel-orange-light, #ddb84a);
font-size: 0.82em;
font-size: 0.9041em;
letter-spacing: 0.07em;
text-transform: uppercase;
opacity: 0.9;
@@ -38,7 +38,7 @@
.roll-skill-line {
font-family: var(--cel-font-title, "CopaseticNF", serif);
font-size: 1.31em;
font-size: 1.4443em;
color: var(--cel-cream, #f0e8d4);
margin-top: 2px;
@@ -63,7 +63,7 @@
.dval, .nb-dice {
font-family: var(--cel-font-title, "CopaseticNF", serif);
font-size: 1.78em;
font-size: 1.9625em;
color: var(--cel-orange, #e07b00);
font-weight: bold;
line-height: 1;
@@ -127,7 +127,7 @@
.moon-text {
font-family: var(--cel-font-title, "CopaseticNF", serif);
font-size: 0.92em;
font-size: 1.0143em;
color: var(--cel-green, #0c4c0c);
}
}
@@ -252,7 +252,7 @@
.destin-main {
font-family: var(--cel-font-title, "CopaseticNF", serif);
font-size: 0.95em;
font-size: 1.0474em;
color: var(--cel-green, #0c4c0c);
display: block;
}
@@ -338,7 +338,7 @@
flex: 1;
.puiser-main {
font-family: var(--cel-font-title, "CopaseticNF", serif);
font-size: 0.95em;
font-size: 1.0474em;
color: var(--cel-accent, #6b1e28);
display: block;
}
@@ -414,7 +414,7 @@
flex: 1;
.fortune-main {
font-family: var(--cel-font-title, "CopaseticNF", serif);
font-size: 0.95em;
font-size: 1.0474em;
color: var(--cel-green, #0c4c0c);
display: block;
}
@@ -459,7 +459,7 @@
.preview-formula {
font-family: var(--cel-font-title, "CopaseticNF", serif);
font-size: 1.68em;
font-size: 1.8522em;
color: var(--cel-orange, #e07b00);
font-weight: bold;
letter-spacing: 0.04em;
@@ -481,7 +481,7 @@
.moon-effect-label {
display: block;
font-family: var(--cel-font-title);
font-size: 0.76em;
font-size: 0.8379em;
font-weight: bold;
color: var(--cel-border, #7a5c20);
text-transform: uppercase;
@@ -498,7 +498,7 @@
.moon-effect-btn {
font-family: var(--cel-font-title);
font-size: 0.82em;
font-size: 0.9041em;
font-weight: bold;
padding: 4px 11px;
border-radius: 4px;
@@ -535,7 +535,7 @@
align-items: center;
gap: 4px;
margin-top: 6px;
font-size: 0.8em;
font-size: 0.882em;
font-family: var(--cel-font-title);
font-style: italic;
padding: 3px 9px;
@@ -590,7 +590,7 @@
color: var(--cel-orange, #e07b00);
font-weight: bold;
letter-spacing: 0.05em;
font-size: 0.97em;
font-size: 1.0694em;
}
.skill-info {
color: var(--cel-cream, #f0e8d4);
@@ -624,7 +624,7 @@
border-radius: 4px;
background: white;
font-weight: bold;
font-size: 1.1em;
font-size: 1.2128em;
font-family: var(--cel-font-title, "CopaseticNF", serif);
box-shadow: 1px 1px 2px rgba(0,0,0,0.12);
color: var(--cel-text, #2f2413);
@@ -661,7 +661,7 @@
.fl-sum { font-weight: bold; color: var(--cel-text, #2f2413); }
.fl-total {
font-family: var(--cel-font-title, "CopaseticNF", serif);
font-size: 1.58em;
font-size: 1.742em;
color: var(--cel-orange, #e07b00);
font-weight: bold;
line-height: 1;
@@ -699,7 +699,7 @@
padding: 2px 10px;
border-radius: 12px;
font-weight: bold;
font-size: 1.1em;
font-size: 1.2128em;
font-family: var(--cel-font-title, "CopaseticNF", serif);
letter-spacing: 0.05em;
@@ -774,7 +774,7 @@
.damage-value {
font-family: var(--cel-font-title, "CopaseticNF", serif);
font-size: 1.99em;
font-size: 2.194em;
line-height: 1;
color: var(--cel-orange, #e07b00);
}
@@ -892,7 +892,7 @@
.moon-die-type {
font-family: var(--cel-font-title, "CopaseticNF", serif);
font-size: 1em;
font-size: 1.1025em;
font-weight: bold;
letter-spacing: 0.06em;
text-transform: uppercase;
@@ -1010,7 +1010,7 @@
.welcome-title {
font-family: var(--cel-font-title, "CopaseticNF", serif);
color: var(--cel-orange, #e07b00);
font-size: 1.03em;
font-size: 1.1356em;
letter-spacing: 0.05em;
text-transform: uppercase;
}
@@ -1088,7 +1088,7 @@
.portrait-message-title {
font-family: var(--cel-font-title, "CopaseticNF", serif);
color: var(--cel-orange, #e07b00);
font-size: 1.03em;
font-size: 1.1356em;
letter-spacing: 0.05em;
text-transform: uppercase;
}
@@ -1208,7 +1208,7 @@
font-family: var(--cel-font-title, "CopaseticNF", serif);
text-transform: uppercase;
letter-spacing: 0.05em;
font-size: 0.92em;
font-size: 1.0143em;
}
.faction-aspect-points {
@@ -1239,7 +1239,7 @@
em {
font-style: normal;
font-family: var(--cel-font-title, "CopaseticNF", serif);
font-size: 1.1em;
font-size: 1.2128em;
color: var(--cel-orange, #e07b00);
line-height: 1;
}
@@ -1335,7 +1335,7 @@
background: rgba(224,123,0,0.12);
color: var(--cel-orange, #e07b00);
font-family: var(--cel-font-title, "CopaseticNF", serif);
font-size: 0.76em;
font-size: 0.8379em;
line-height: 1;
cursor: help;
vertical-align: middle;
@@ -1357,7 +1357,7 @@
color: var(--cel-orange, #e07b00);
font-family: var(--cel-font-title, "CopaseticNF", serif);
margin-bottom: 4px;
font-size: 0.86em;
font-size: 0.9482em;
}
}
@@ -1398,7 +1398,7 @@
.faction-aspect-active-value {
color: var(--cel-orange, #e07b00);
font-family: var(--cel-font-title, "CopaseticNF", serif);
font-size: 0.97em;
font-size: 1.0694em;
}
.faction-aspect-empty {
@@ -1483,7 +1483,7 @@
.form-corps-pnj {
.corps-pnj-input {
width: 70px;
font-size: 1.16em;
font-size: 1.2789em;
font-weight: bold;
text-align: center;
font-family: var(--cel-font-title, "CopaseticNF", serif);
@@ -1572,7 +1572,7 @@
.form-threshold-fixed {
.threshold-value {
font-size: 1.26em;
font-size: 1.3892em;
font-weight: bold;
font-family: var(--cel-font-title, "CopaseticNF", serif);
color: var(--cel-orange, #e07b00);
@@ -1609,14 +1609,14 @@
.opposition-main {
font-weight: bold;
font-size: 0.95em;
font-size: 1.0474em;
font-family: var(--cel-font-title, "CopaseticNF", serif);
color: var(--cel-orange, #e07b00);
}
.opposition-sub {
font-size: 0.79em;
opacity: 0.7;
color: #8a7060;
font-style: italic;
}
}
@@ -1651,7 +1651,7 @@
.moon-standalone-title {
font-family: var(--cel-font-title);
font-size: 1em;
font-size: 1.1025em;
font-weight: bold;
color: var(--cel-green-dark, #0c4c0c);
text-transform: uppercase;
@@ -1688,7 +1688,7 @@
.moon-standalone-phase {
font-family: var(--cel-font-title);
font-size: 1.0em;
font-size: 1.1025em;
font-weight: bold;
color: var(--cel-text, #333);
}
@@ -1783,7 +1783,7 @@
color: var(--cel-orange, #e07b00);
font-weight: bold;
letter-spacing: 0.05em;
font-size: 0.97em;
font-size: 1.0694em;
}
.skill-info {
color: var(--cel-cream, #f0e8d4);