uberwald/fvtt-celestopol
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 14 Wiki Activity

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

Browse Source
This commit is contained in:
LeRatierBretonnier
2026-04-27 21:54:04 +02:00
parent a99eeaccba
commit 58478d56ea
6 changed files with 193 additions and 193 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/roll.less
+99 -99
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.9041em;
font-size: 0.9em;
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.4443em;
font-size: 1.4em;
color: var(--cel-cream, #f0e8d4);
margin-top: 2px;
@@ -58,24 +58,24 @@
justify-content: center;
flex-wrap: wrap;
gap: 4px;
font-size: 0.86em;
font-size: 0.9em;
color: var(--cel-cream, #f0e8d4);
.dval, .nb-dice {
font-family: var(--cel-font-title, "CopaseticNF", serif);
font-size: 1.9625em;
font-size: 2em;
color: var(--cel-orange, #e07b00);
font-weight: bold;
line-height: 1;
}
.dlabel { font-size: 0.82em; text-transform: uppercase; letter-spacing: 0.04em; opacity: 0.75; }
.dlabel { font-size: 0.8em; text-transform: uppercase; letter-spacing: 0.04em; opacity: 0.75; }
.dminus { color: #f0a0a0; font-weight: bold; }
.deq { opacity: 0.55; }
.ddice { color: var(--cel-orange, #e07b00); }
}
.wound-info {
font-size: 0.77em;
font-size: 0.8em;
color: #f0a0a0;
margin-top: 3px;
}
@@ -117,17 +117,17 @@
display: flex;
align-items: center;
justify-content: center;
font-size: 0.68em;
font-size: 0.7em;
color: white;
}
}
}
.moon-icon { font-size: 1.26em; flex-shrink: 0; }
.moon-icon { font-size: 1.3em; flex-shrink: 0; }
.moon-text {
font-family: var(--cel-font-title, "CopaseticNF", serif);
font-size: 1.0143em;
font-size: 1em;
color: var(--cel-green, #0c4c0c);
}
}
@@ -152,7 +152,7 @@
label {
flex: 0 0 110px;
font-size: 0.82em;
font-size: 0.8em;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--cel-border, #7a5c20);
@@ -165,7 +165,7 @@
padding: 3px 7px;
background: rgba(255,255,255,0.85);
font-family: inherit;
font-size: 0.89em;
font-size: 0.9em;
color: var(--cel-text, #2f2413);
&:focus { outline: 1px solid var(--cel-orange, #e07b00); }
@@ -233,7 +233,7 @@
display: flex;
align-items: center;
justify-content: center;
font-size: 0.68em;
font-size: 0.7em;
color: white;
}
}
@@ -242,7 +242,7 @@
}
.destin-icon {
font-size: 1.16em;
font-size: 1.2em;
color: var(--cel-orange, #e07b00);
flex-shrink: 0;
}
@@ -252,20 +252,20 @@
.destin-main {
font-family: var(--cel-font-title, "CopaseticNF", serif);
font-size: 1.0474em;
font-size: 1.1em;
color: var(--cel-green, #0c4c0c);
display: block;
}
.destin-bonus {
font-size: 0.76em;
font-size: 0.8em;
color: var(--cel-border, #7a5c20);
font-style: italic;
}
}
.destin-count {
font-size: 0.79em;
font-size: 0.8em;
font-weight: bold;
color: var(--cel-green, #0c4c0c);
background: rgba(196,154,26,0.2);
@@ -326,7 +326,7 @@
display: flex;
align-items: center;
justify-content: center;
font-size: 0.79em;
font-size: 0.8em;
color: white;
}
}
@@ -338,19 +338,19 @@
flex: 1;
.puiser-main {
font-family: var(--cel-font-title, "CopaseticNF", serif);
font-size: 1.0474em;
font-size: 1.1em;
color: var(--cel-accent, #6b1e28);
display: block;
}
.puiser-sub {
font-size: 0.73em;
font-size: 0.7em;
color: rgba(0,0,0,0.45);
font-style: italic;
}
}
.puiser-cost {
font-size: 0.84em;
font-size: 0.8em;
font-weight: bold;
color: var(--cel-accent, #6b1e28);
background: rgba(107,30,40,0.1);
@@ -398,14 +398,14 @@
display: flex;
align-items: center;
justify-content: center;
font-size: 0.63em;
font-size: 0.6em;
color: white;
}
}
}
.fortune-icon {
font-size: 1.16em;
font-size: 1.2em;
color: var(--cel-green, #0c4c0c);
flex-shrink: 0;
}
@@ -414,19 +414,19 @@
flex: 1;
.fortune-main {
font-family: var(--cel-font-title, "CopaseticNF", serif);
font-size: 1.0474em;
font-size: 1.1em;
color: var(--cel-green, #0c4c0c);
display: block;
}
.fortune-bonus {
font-size: 0.76em;
font-size: 0.8em;
color: var(--cel-border, #7a5c20);
font-style: italic;
}
}
.fortune-badge {
font-size: 0.84em;
font-size: 0.8em;
font-weight: bold;
color: var(--cel-green, #0c4c0c);
background: rgba(12,76,12,0.12);
@@ -450,7 +450,7 @@
gap: 10px;
.preview-label {
font-size: 0.73em;
font-size: 0.7em;
text-transform: uppercase;
letter-spacing: 0.07em;
color: var(--cel-border, #7a5c20);
@@ -459,7 +459,7 @@
.preview-formula {
font-family: var(--cel-font-title, "CopaseticNF", serif);
font-size: 1.8522em;
font-size: 1.9em;
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.8379em;
font-size: 0.8em;
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.9041em;
font-size: 0.9em;
font-weight: bold;
padding: 4px 11px;
border-radius: 4px;
@@ -523,7 +523,7 @@
}
.moon-effect-narrative {
font-size: 0.76em;
font-size: 0.8em;
color: var(--cel-border, #7a5c20);
font-style: italic;
align-self: center;
@@ -535,7 +535,7 @@
align-items: center;
gap: 4px;
margin-top: 6px;
font-size: 0.882em;
font-size: 0.9em;
font-family: var(--cel-font-title);
font-style: italic;
padding: 3px 9px;
@@ -590,16 +590,16 @@
color: var(--cel-orange, #e07b00);
font-weight: bold;
letter-spacing: 0.05em;
font-size: 1.0694em;
font-size: 1.1em;
}
.skill-info {
color: var(--cel-cream, #f0e8d4);
font-size: 0.81em;
font-size: 0.8em;
font-style: italic;
.stat-lbl { color: var(--cel-orange-light, #ddb84a); }
.sep { margin: 0 2px; opacity: 0.5; }
}
.wound-info { font-size: 0.73em; color: #f0a0a0; }
.wound-info { font-size: 0.7em; color: #f0a0a0; }
}
.moon-badge { display: none; }
@@ -624,7 +624,7 @@
border-radius: 4px;
background: white;
font-weight: bold;
font-size: 1.2128em;
font-size: 1.2em;
font-family: var(--cel-font-title, "CopaseticNF", serif);
box-shadow: 1px 1px 2px rgba(0,0,0,0.12);
color: var(--cel-text, #2f2413);
@@ -653,15 +653,15 @@
padding: 5px 10px 4px;
background: var(--cel-cream, #f0e8d4);
border-top: 1px solid rgba(122,92,32,0.2);
font-size: 0.87em;
font-size: 0.9em;
color: #555;
.fl-label { color: rgba(0,0,0,0.4); font-size: 0.92em; text-transform: uppercase; letter-spacing: 0.04em; margin-right: 2px; }
.fl-label { color: rgba(0,0,0,0.4); font-size: 0.9em; text-transform: uppercase; letter-spacing: 0.04em; margin-right: 2px; }
.fl-ndice { color: var(--cel-green, #0c4c0c); font-weight: bold; }
.fl-sum { font-weight: bold; color: var(--cel-text, #2f2413); }
.fl-total {
font-family: var(--cel-font-title, "CopaseticNF", serif);
font-size: 1.742em;
font-size: 1.7em;
color: var(--cel-orange, #e07b00);
font-weight: bold;
line-height: 1;
@@ -684,14 +684,14 @@
padding: 5px 12px 6px;
background: var(--cel-cream, #f0e8d4);
border-top: 1px solid rgba(122,92,32,0.2);
font-size: 0.86em;
font-size: 0.9em;
.vs-wrap {
display: flex;
align-items: baseline;
gap: 5px;
}
.vs-label { color: rgba(0,0,0,0.35); text-transform: uppercase; font-size: 0.84em; }
.vs-label { color: rgba(0,0,0,0.35); text-transform: uppercase; font-size: 0.8em; }
.diff-label{ font-style: italic; color: var(--cel-green, #0c4c0c); }
.diff-val { color: rgba(0,0,0,0.45); }
@@ -699,7 +699,7 @@
padding: 2px 10px;
border-radius: 12px;
font-weight: bold;
font-size: 1.2128em;
font-size: 1.2em;
font-family: var(--cel-font-title, "CopaseticNF", serif);
letter-spacing: 0.05em;
@@ -719,7 +719,7 @@
// ── Destin utilisé ──
.used-info {
text-align: center;
font-size: 0.81em;
font-size: 0.8em;
color: var(--cel-orange, #e07b00);
padding: 3px 8px;
background: rgba(196,154,26,0.1);
@@ -757,7 +757,7 @@
}
.damage-header {
font-size: 0.76em;
font-size: 0.8em;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--cel-border, #7a5c20);
@@ -774,13 +774,13 @@
.damage-value {
font-family: var(--cel-font-title, "CopaseticNF", serif);
font-size: 2.194em;
font-size: 2.2em;
line-height: 1;
color: var(--cel-orange, #e07b00);
}
.damage-unit {
font-size: 0.86em;
font-size: 0.9em;
color: var(--cel-green, #0c4c0c);
font-weight: bold;
}
@@ -814,7 +814,7 @@
background: var(--cel-green, #0c4c0c);
color: var(--cel-orange-light, #ddb84a);
padding: 4px 10px;
font-size: 0.82em;
font-size: 0.8em;
font-weight: bold;
cursor: pointer;
@@ -858,7 +858,7 @@
background: rgba(12,76,12,0.1);
color: var(--cel-green, #0c4c0c);
font-weight: bold;
font-size: 0.95em;
font-size: 0.9em;
}
// ── Résultat dé de lune ──
@@ -871,7 +871,7 @@
font-family: var(--cel-font-body, serif);
.moon-die-face {
font-size: 1.89em;
font-size: 1.9em;
line-height: 1;
flex-shrink: 0;
}
@@ -884,7 +884,7 @@
}
.moon-die-phase {
font-size: 0.76em;
font-size: 0.8em;
opacity: 0.75;
text-transform: uppercase;
letter-spacing: 0.05em;
@@ -892,14 +892,14 @@
.moon-die-type {
font-family: var(--cel-font-title, "CopaseticNF", serif);
font-size: 1.1025em;
font-size: 1.1em;
font-weight: bold;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.moon-die-desc {
font-size: 0.76em;
font-size: 0.8em;
font-style: italic;
opacity: 0.85;
line-height: 1.3;
@@ -936,13 +936,13 @@
border-top: 2px solid rgba(0,0,0,0.1);
.result-icon {
font-size: 0.89em;
font-size: 0.9em;
opacity: 0.85;
letter-spacing: 0.15em;
}
.result-label { font-size: 1.26em; line-height: 1.2; }
.result-label { font-size: 1.3em; line-height: 1.2; }
.result-desc {
font-size: 0.68em;
font-size: 0.7em;
letter-spacing: 0.08em;
margin-top: 2px;
opacity: 0.8;
@@ -1010,7 +1010,7 @@
.welcome-title {
font-family: var(--cel-font-title, "CopaseticNF", serif);
color: var(--cel-orange, #e07b00);
font-size: 1.1356em;
font-size: 1.1em;
letter-spacing: 0.05em;
text-transform: uppercase;
}
@@ -1018,7 +1018,7 @@
.welcome-body {
padding: 9px 11px 10px;
color: var(--cel-text, #2f2413);
font-size: 0.88em;
font-size: 0.9em;
line-height: 1.45;
p {
@@ -1038,7 +1038,7 @@
display: block;
margin-bottom: 2px;
color: var(--cel-border, #7a5c20);
font-size: 0.76em;
font-size: 0.8em;
font-weight: bold;
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.1356em;
font-size: 1.1em;
letter-spacing: 0.05em;
text-transform: uppercase;
}
@@ -1101,7 +1101,7 @@
.portrait-message-name {
margin-bottom: 8px;
color: var(--cel-green, #0c4c0c);
font-size: 0.88em;
font-size: 0.9em;
font-weight: bold;
letter-spacing: 0.04em;
text-transform: uppercase;
@@ -1208,7 +1208,7 @@
font-family: var(--cel-font-title, "CopaseticNF", serif);
text-transform: uppercase;
letter-spacing: 0.05em;
font-size: 1.0143em;
font-size: 1em;
}
.faction-aspect-points {
@@ -1216,7 +1216,7 @@
flex-wrap: wrap;
gap: 5px;
margin-bottom: 4px;
font-size: 0.84em;
font-size: 0.8em;
}
.faction-aspect-point-card {
@@ -1230,7 +1230,7 @@
border: 1px solid rgba(122,92,32,0.18);
strong {
font-size: 0.76em;
font-size: 0.8em;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--cel-border, #7a5c20);
@@ -1239,14 +1239,14 @@
em {
font-style: normal;
font-family: var(--cel-font-title, "CopaseticNF", serif);
font-size: 1.2128em;
font-size: 1.2em;
color: var(--cel-orange, #e07b00);
line-height: 1;
}
}
.faction-aspect-source-line {
font-size: 0.82em;
font-size: 0.8em;
color: var(--cel-border, #7a5c20);
}
@@ -1256,7 +1256,7 @@
border-radius: 4px;
background: rgba(184, 74, 46, 0.08);
color: var(--cel-accent, #6b1e28);
font-size: 0.84em;
font-size: 0.8em;
}
.faction-aspect-tag-list,
@@ -1274,7 +1274,7 @@
background: rgba(12, 76, 12, 0.08);
border: 1px solid rgba(12, 76, 12, 0.18);
color: var(--cel-green, #0c4c0c);
font-size: 0.76em;
font-size: 0.8em;
font-weight: bold;
}
@@ -1288,7 +1288,7 @@
label {
display: block;
margin-bottom: 2px;
font-size: 0.71em;
font-size: 0.7em;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--cel-border, #7a5c20);
@@ -1303,7 +1303,7 @@
border-radius: 3px;
padding: 2px 6px;
background: rgba(255,255,255,0.9);
font-size: 0.82em;
font-size: 0.8em;
color: var(--cel-text, #2f2413);
box-sizing: border-box;
}
@@ -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.8379em;
font-size: 0.8em;
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.9482em;
font-size: 0.9em;
}
}
@@ -1365,7 +1365,7 @@
display: flex;
align-items: center;
gap: 4px;
font-size: 0.78em;
font-size: 0.8em;
}
.faction-aspect-active-list {
@@ -1398,13 +1398,13 @@
.faction-aspect-active-value {
color: var(--cel-orange, #e07b00);
font-family: var(--cel-font-title, "CopaseticNF", serif);
font-size: 1.0694em;
font-size: 1.1em;
}
.faction-aspect-empty {
color: rgba(0,0,0,0.5);
font-style: italic;
font-size: 0.78em;
font-size: 0.8em;
}
.faction-aspect-remove-block {
@@ -1433,7 +1433,7 @@
border-left: 3px solid #c0392b;
border-radius: 4px;
color: #f0c0c0;
font-size: 0.89em;
font-size: 0.9em;
.wound-icon { font-size: 1em; }
}
}
@@ -1453,9 +1453,9 @@
align-items: center;
gap: 0.3em;
margin-bottom: 1px;
font-size: 0.89em;
font-size: 0.9em;
color: var(--cel-orange, #e07b00);
.weapon-icon-small { font-size: 0.95em; }
.weapon-icon-small { font-size: 0.9em; }
.weapon-degats-small {
font-weight: bold;
color: var(--cel-border, #7a5c20);
@@ -1470,20 +1470,20 @@
align-items: center;
gap: 0.4em;
margin-bottom: 2px;
font-size: 0.95em;
font-size: 0.9em;
color: var(--cel-orange, #e07b00);
.weapon-icon { font-size: 1em; }
.weapon-degats {
font-weight: bold;
color: var(--cel-border, #7a5c20);
font-size: 0.89em;
font-size: 0.9em;
}
}
.form-corps-pnj {
.corps-pnj-input {
width: 70px;
font-size: 1.2789em;
font-size: 1.3em;
font-weight: bold;
text-align: center;
font-family: var(--cel-font-title, "CopaseticNF", serif);
@@ -1504,7 +1504,7 @@
label {
color: var(--cel-orange, #e07b00);
font-weight: bold;
font-size: 0.89em;
font-size: 0.9em;
display: flex;
align-items: center;
gap: 5px;
@@ -1519,7 +1519,7 @@
border: 1px solid rgba(196, 154, 26, 0.5);
border-radius: 3px;
padding: 2px 4px;
font-size: 0.89em;
font-size: 0.9em;
max-width: 200px;
}
}
@@ -1535,7 +1535,7 @@
align-items: center;
gap: 6px;
color: var(--cel-orange, #e07b00);
font-size: 0.92em;
font-size: 0.9em;
font-style: italic;
i { opacity: 0.8; }
@@ -1550,7 +1550,7 @@
label {
color: var(--cel-accent, #6b1e28);
font-size: 0.89em;
font-size: 0.9em;
font-weight: bold;
display: flex;
align-items: center;
@@ -1566,13 +1566,13 @@
border: 1px solid rgba(200, 100, 60, 0.4);
border-radius: 3px;
padding: 2px 4px;
font-size: 0.89em;
font-size: 0.9em;
}
}
.form-threshold-fixed {
.threshold-value {
font-size: 1.3892em;
font-size: 1.4em;
font-weight: bold;
font-family: var(--cel-font-title, "CopaseticNF", serif);
color: var(--cel-orange, #e07b00);
@@ -1598,7 +1598,7 @@
input[type="checkbox"] { flex-shrink: 0; }
.opposition-icon {
font-size: 1.26em;
font-size: 1.3em;
color: var(--cel-orange, #e07b00);
}
@@ -1609,13 +1609,13 @@
.opposition-main {
font-weight: bold;
font-size: 1.0474em;
font-size: 1.1em;
font-family: var(--cel-font-title, "CopaseticNF", serif);
color: var(--cel-orange, #e07b00);
}
.opposition-sub {
font-size: 0.79em;
font-size: 0.8em;
color: #8a7060;
font-style: italic;
}
@@ -1651,7 +1651,7 @@
.moon-standalone-title {
font-family: var(--cel-font-title);
font-size: 1.1025em;
font-size: 1.1em;
font-weight: bold;
color: var(--cel-green-dark, #0c4c0c);
text-transform: uppercase;
@@ -1659,7 +1659,7 @@
}
.moon-standalone-actor {
font-size: 0.89em;
font-size: 0.9em;
color: var(--cel-text, #333);
font-style: italic;
}
@@ -1688,13 +1688,13 @@
.moon-standalone-phase {
font-family: var(--cel-font-title);
font-size: 1.1025em;
font-size: 1.1em;
font-weight: bold;
color: var(--cel-text, #333);
}
.moon-standalone-value {
font-size: 0.84em;
font-size: 0.8em;
color: var(--cel-text-light, #666);
font-style: italic;
}
@@ -1711,7 +1711,7 @@
gap: 8px;
.moon-interpret-label {
font-size: 0.76em;
font-size: 0.8em;
text-transform: uppercase;
letter-spacing: 0.07em;
color: rgba(0,0,0,0.45);
@@ -1719,7 +1719,7 @@
}
.moon-fortune {
font-size: 0.89em;
font-size: 0.9em;
font-weight: bold;
border-radius: 3px;
padding: 1px 8px;
@@ -1783,11 +1783,11 @@
color: var(--cel-orange, #e07b00);
font-weight: bold;
letter-spacing: 0.05em;
font-size: 1.0694em;
font-size: 1.1em;
}
.skill-info {
color: var(--cel-cream, #f0e8d4);
font-size: 0.81em;
font-size: 0.8em;
font-style: italic;
}
}
@@ -1815,19 +1815,19 @@
}
.initiative-icon {
font-size: 1.16em;
font-size: 1.2em;
opacity: 0.9;
font-style: normal;
}
.initiative-score {
font-size: 2.52em;
font-size: 2.5em;
font-weight: bold;
line-height: 1;
}
.initiative-detail {
font-size: 0.68em;
font-size: 0.7em;
opacity: 0.75;
font-style: italic;
font-family: var(--cel-font-body, serif);