Corrections sur factions, aspects, degats et fiches PNJs
This commit is contained in:
@@ -355,6 +355,145 @@
|
||||
}
|
||||
}
|
||||
|
||||
.factions-layout {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) 210px;
|
||||
gap: 12px;
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
.faction-aspect-summary {
|
||||
grid-column: 1 / -1;
|
||||
border: 1px solid rgba(122,92,32,0.35);
|
||||
background: linear-gradient(180deg, rgba(255,248,232,0.95), rgba(240,229,209,0.9));
|
||||
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.35);
|
||||
padding: 7px 9px;
|
||||
|
||||
.faction-aspect-summary-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.faction-aspect-summary-title {
|
||||
color: var(--cel-green);
|
||||
font-family: var(--cel-font-title);
|
||||
font-size: 1em;
|
||||
letter-spacing: 0.04em;
|
||||
text-transform: uppercase;
|
||||
line-height: 1.05;
|
||||
}
|
||||
|
||||
.faction-aspect-manage {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
color: var(--cel-orange);
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
font-size: 0.84em;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.faction-aspect-points {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: 6px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.faction-aspect-point {
|
||||
min-width: 0;
|
||||
padding: 4px 6px;
|
||||
border: 1px solid rgba(122,92,32,0.25);
|
||||
background: rgba(255,255,255,0.45);
|
||||
border-radius: 4px;
|
||||
|
||||
.label {
|
||||
display: block;
|
||||
font-size: 0.66em;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.03em;
|
||||
color: var(--cel-border);
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
||||
.value {
|
||||
color: var(--cel-orange);
|
||||
font-family: var(--cel-font-title);
|
||||
font-size: 1.02em;
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.faction-aspect-source-line {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 4px;
|
||||
margin-bottom: 6px;
|
||||
font-size: 0.8em;
|
||||
line-height: 1.2;
|
||||
color: var(--cel-green);
|
||||
}
|
||||
|
||||
.faction-aspect-source {
|
||||
padding: 0 6px;
|
||||
border-radius: 9px;
|
||||
background: rgba(12,76,12,0.08);
|
||||
border: 1px solid rgba(12,76,12,0.2);
|
||||
}
|
||||
|
||||
.faction-aspect-active-title {
|
||||
margin-bottom: 4px;
|
||||
color: var(--cel-border);
|
||||
font-size: 0.68em;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.04em;
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
||||
.faction-aspect-active-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.faction-aspect-chip {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
padding: 2px 6px;
|
||||
border-radius: 999px;
|
||||
border: 1px solid rgba(122,92,32,0.25);
|
||||
background: rgba(255,255,255,0.55);
|
||||
line-height: 1.1;
|
||||
|
||||
&.is-relevant {
|
||||
border-color: rgba(12,76,12,0.35);
|
||||
background: rgba(12,76,12,0.1);
|
||||
}
|
||||
|
||||
.name {
|
||||
color: var(--cel-green);
|
||||
font-size: 0.88em;
|
||||
}
|
||||
|
||||
.value {
|
||||
color: var(--cel-orange);
|
||||
font-family: var(--cel-font-title);
|
||||
font-size: 0.9em;
|
||||
}
|
||||
}
|
||||
|
||||
.faction-aspect-empty {
|
||||
color: #666;
|
||||
font-style: italic;
|
||||
font-size: 0.84em;
|
||||
}
|
||||
}
|
||||
|
||||
// Factions table
|
||||
.factions-table {
|
||||
width: 100%;
|
||||
@@ -396,12 +535,9 @@
|
||||
background: rgba(255,255,255,0.3);
|
||||
transition: background 0.1s;
|
||||
&[data-action] { cursor: pointer; }
|
||||
// Dot neutre (centre, index 4)
|
||||
&.neutral { border-color: #888; }
|
||||
&.neutral.filled { background: #aaa; border-color: #888; }
|
||||
// Dots positifs (alliés) → or
|
||||
&.pos.filled { background: var(--cel-orange); border-color: var(--cel-orange); }
|
||||
// Dots négatifs (hostiles) → rouge terracotta
|
||||
&.neg.filled { background: #b84a2e; border-color: #b84a2e; }
|
||||
}
|
||||
|
||||
@@ -421,6 +557,48 @@
|
||||
}
|
||||
}
|
||||
|
||||
.factions-legend {
|
||||
border: 1px solid rgba(122,92,32,0.35);
|
||||
background: linear-gradient(180deg, rgba(255,248,232,0.95), rgba(240,229,209,0.9));
|
||||
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.35);
|
||||
padding: 8px 10px;
|
||||
|
||||
.factions-legend-title {
|
||||
margin-bottom: 6px;
|
||||
padding-bottom: 4px;
|
||||
border-bottom: 1px solid rgba(122,92,32,0.25);
|
||||
color: var(--cel-green);
|
||||
font-family: var(--cel-font-title);
|
||||
font-size: 1.05em;
|
||||
letter-spacing: 0.05em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.factions-legend-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
font-size: 0.88em;
|
||||
}
|
||||
|
||||
.factions-legend-row {
|
||||
display: grid;
|
||||
grid-template-columns: 28px minmax(0, 1fr);
|
||||
gap: 8px;
|
||||
align-items: baseline;
|
||||
}
|
||||
|
||||
.factions-legend-value {
|
||||
color: var(--cel-orange);
|
||||
font-weight: bold;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.factions-legend-label {
|
||||
color: var(--cel-green);
|
||||
}
|
||||
}
|
||||
|
||||
// Biography / Equipment
|
||||
.equipments-section {
|
||||
margin-bottom: 12px;
|
||||
@@ -446,6 +624,7 @@
|
||||
|
||||
.item-row {
|
||||
.cel-item-row();
|
||||
gap: 10px;
|
||||
|
||||
&.is-equipped {
|
||||
background: rgba(12, 76, 12, 0.12);
|
||||
@@ -469,6 +648,22 @@
|
||||
&.equipped { color: var(--cel-green); }
|
||||
&:hover { color: var(--cel-orange); }
|
||||
}
|
||||
|
||||
.item-controls {
|
||||
opacity: 1;
|
||||
gap: 10px;
|
||||
flex-shrink: 0;
|
||||
|
||||
a {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-width: 20px;
|
||||
min-height: 20px;
|
||||
font-size: 1.08rem;
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.equip-empty {
|
||||
|
||||
@@ -221,6 +221,10 @@
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.manage-faction-aspects-btn {
|
||||
font-size: 1em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -415,13 +415,18 @@
|
||||
}
|
||||
.equipped-box {
|
||||
border-color: var(--cel-green);
|
||||
min-width: 170px;
|
||||
.equipped-switch {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
cursor: pointer;
|
||||
input[type="checkbox"] { display: none; }
|
||||
.switch-label {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-family: var(--cel-font-ui);
|
||||
font-size: 0.9em;
|
||||
color: var(--cel-border);
|
||||
@@ -429,7 +434,13 @@
|
||||
border: 1px solid var(--cel-border);
|
||||
border-radius: 20px;
|
||||
transition: all 0.2s;
|
||||
white-space: nowrap;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
min-height: 34px;
|
||||
line-height: 1.2;
|
||||
text-align: center;
|
||||
white-space: normal;
|
||||
overflow-wrap: anywhere;
|
||||
&.on {
|
||||
color: var(--cel-green-light);
|
||||
border-color: var(--cel-green);
|
||||
|
||||
142
styles/npc.less
142
styles/npc.less
@@ -251,7 +251,7 @@
|
||||
.track-section {
|
||||
border: 1px solid var(--cel-border);
|
||||
border-radius: 4px;
|
||||
margin-bottom: 8px;
|
||||
margin-bottom: 12px;
|
||||
overflow: hidden;
|
||||
|
||||
.track-header {
|
||||
@@ -259,27 +259,78 @@
|
||||
background-image: url("../assets/ui/fond_cadrille.jpg");
|
||||
background-blend-mode: soft-light;
|
||||
color: var(--cel-orange);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 5px 8px;
|
||||
font-family: var(--cel-font-title);
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
font-size: 0.9em;
|
||||
letter-spacing: 0.06em;
|
||||
border-bottom: 1px solid rgba(196,154,26,0.4);
|
||||
|
||||
.track-title {
|
||||
font-family: var(--cel-font-title);
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
font-size: 1.1em;
|
||||
letter-spacing: 0.04em;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
}
|
||||
|
||||
.track-help {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
border-radius: 50%;
|
||||
border: 1px solid currentColor;
|
||||
font-size: 0.65em;
|
||||
font-family: var(--cel-font-body);
|
||||
font-weight: bold;
|
||||
text-transform: none;
|
||||
letter-spacing: 0;
|
||||
cursor: help;
|
||||
opacity: 0.7;
|
||||
transition: opacity 0.15s;
|
||||
flex-shrink: 0;
|
||||
&:hover { opacity: 1; }
|
||||
}
|
||||
}
|
||||
|
||||
.track-boxes {
|
||||
display: flex;
|
||||
padding: 8px;
|
||||
gap: 6px;
|
||||
gap: 8px;
|
||||
flex-wrap: wrap;
|
||||
background: var(--cel-cream);
|
||||
|
||||
.track-box {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 2px;
|
||||
.box-label { font-size: 0.65em; color: var(--cel-border); }
|
||||
width: 22px;
|
||||
min-height: 22px;
|
||||
border: 2px solid var(--cel-border);
|
||||
border-radius: 2px;
|
||||
background: rgba(255,255,255,0.45);
|
||||
transition: background 0.1s, border-color 0.1s;
|
||||
|
||||
&.filled {
|
||||
background: var(--cel-orange);
|
||||
border-color: var(--cel-orange);
|
||||
}
|
||||
|
||||
&[data-action] { cursor: pointer; }
|
||||
|
||||
.box-label {
|
||||
font-size: 0.6em;
|
||||
color: var(--cel-border);
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
&.filled .box-label { color: rgba(30,10,0,0.65); }
|
||||
}
|
||||
}
|
||||
|
||||
@@ -290,11 +341,84 @@
|
||||
padding: 4px 8px;
|
||||
background: rgba(139,115,85,0.1);
|
||||
font-size: 0.85em;
|
||||
label { color: var(--cel-border); }
|
||||
input[type="number"] { width: 40px; .cel-input-std(); }
|
||||
}
|
||||
}
|
||||
|
||||
.description-section {
|
||||
.tab.equipement {
|
||||
.equip-section {
|
||||
margin-bottom: 14px;
|
||||
|
||||
.section-header {
|
||||
.cel-section-header();
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
i { opacity: 0.75; }
|
||||
span { flex: 1; }
|
||||
a { color: var(--cel-orange); cursor: pointer; }
|
||||
}
|
||||
|
||||
.item-row {
|
||||
.cel-item-row();
|
||||
gap: 10px;
|
||||
|
||||
&.is-equipped {
|
||||
background: rgba(12, 76, 12, 0.12);
|
||||
border-left: 3px solid var(--cel-green);
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.item-tag {
|
||||
font-size: 0.75em;
|
||||
padding: 1px 7px;
|
||||
border-radius: 10px;
|
||||
background: rgba(12,76,12,0.15);
|
||||
border: 1px solid rgba(12,76,12,0.3);
|
||||
color: #3a5a1e;
|
||||
white-space: nowrap;
|
||||
&.malus { background: rgba(192,68,68,0.1); border-color: rgba(192,68,68,0.35); color: #922; }
|
||||
}
|
||||
|
||||
.equip-toggle {
|
||||
color: var(--cel-border);
|
||||
&.equipped { color: var(--cel-green); }
|
||||
&:hover { color: var(--cel-orange); }
|
||||
}
|
||||
|
||||
.item-controls {
|
||||
opacity: 1;
|
||||
gap: 10px;
|
||||
flex-shrink: 0;
|
||||
|
||||
a {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-width: 20px;
|
||||
min-height: 20px;
|
||||
font-size: 1.08rem;
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.equip-empty {
|
||||
font-size: 0.85em;
|
||||
font-style: italic;
|
||||
color: var(--cel-border);
|
||||
padding: 4px 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.notes-section {
|
||||
margin-bottom: 12px;
|
||||
.section-header { .cel-section-header(); }
|
||||
}
|
||||
|
||||
.description-section, .notes-section {
|
||||
margin-top: 8px;
|
||||
.enriched-html { font-size: 0.9em; line-height: 1.6; }
|
||||
}
|
||||
|
||||
408
styles/roll.less
408
styles/roll.less
@@ -285,6 +285,11 @@
|
||||
|
||||
.form-visibility label { color: #888; }
|
||||
|
||||
.form-faction-aspect select {
|
||||
font-weight: bold;
|
||||
color: var(--cel-green, #0c4c0c);
|
||||
}
|
||||
|
||||
// ── Ligne Puiser dans ses ressources ──
|
||||
.form-puiser-row {
|
||||
border: 1px solid rgba(139,62,72,0.4);
|
||||
@@ -581,6 +586,7 @@
|
||||
.fl-mod.fortune { color: var(--cel-green, #0c4c0c); font-weight: bold; }
|
||||
.fl-mod.wound { color: #922; }
|
||||
.fl-asp { color: var(--cel-orange, #e07b00); font-weight: bold; }
|
||||
.fl-faction { color: var(--cel-green, #0c4c0c); font-weight: bold; }
|
||||
.fl-sep { font-weight: bold; color: var(--cel-border, #7a5c20); margin: 0 2px; }
|
||||
.fl-eq { color: #aaa; }
|
||||
.fl-op { color: #aaa; }
|
||||
@@ -646,6 +652,116 @@
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.used-info.used-faction-aspect {
|
||||
color: var(--cel-green, #0c4c0c);
|
||||
background: rgba(12,76,12,0.08);
|
||||
border-top-color: rgba(12,76,12,0.3);
|
||||
}
|
||||
|
||||
.weapon-damage-summary {
|
||||
padding: 8px 12px 10px;
|
||||
background: linear-gradient(180deg, rgba(224,123,0,0.08), rgba(224,123,0,0.02));
|
||||
border-top: 1px solid rgba(122,92,32,0.25);
|
||||
text-align: center;
|
||||
|
||||
&.is-applied {
|
||||
background: linear-gradient(180deg, rgba(12,76,12,0.1), rgba(12,76,12,0.03));
|
||||
}
|
||||
|
||||
&.is-pending {
|
||||
background: linear-gradient(180deg, rgba(122,92,32,0.14), rgba(122,92,32,0.04));
|
||||
}
|
||||
|
||||
.damage-header {
|
||||
font-size: 0.72em;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.08em;
|
||||
color: var(--cel-border, #7a5c20);
|
||||
opacity: 0.85;
|
||||
}
|
||||
|
||||
.damage-main {
|
||||
margin-top: 2px;
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
justify-content: center;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.damage-value {
|
||||
font-family: var(--cel-font-title, "CopaseticNF", serif);
|
||||
font-size: 1.9em;
|
||||
line-height: 1;
|
||||
color: var(--cel-orange, #e07b00);
|
||||
}
|
||||
|
||||
.damage-unit {
|
||||
font-size: 0.82em;
|
||||
color: var(--cel-green, #0c4c0c);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.damage-breakdown,
|
||||
.damage-note {
|
||||
margin-top: 6px;
|
||||
font-size: 0.76em;
|
||||
line-height: 1.4;
|
||||
color: #5c4630;
|
||||
}
|
||||
|
||||
.weapon-damage-actions {
|
||||
margin-top: 8px;
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
select {
|
||||
min-width: 170px;
|
||||
border: 1px solid rgba(122,92,32,0.45);
|
||||
border-radius: 3px;
|
||||
padding: 3px 7px;
|
||||
background: rgba(255,255,255,0.9);
|
||||
}
|
||||
|
||||
.damage-apply-button {
|
||||
border: 1px solid var(--cel-green, #0c4c0c);
|
||||
border-radius: 4px;
|
||||
background: var(--cel-green, #0c4c0c);
|
||||
color: var(--cel-orange-light, #ddb84a);
|
||||
padding: 4px 10px;
|
||||
font-size: 0.78em;
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
|
||||
&:disabled {
|
||||
opacity: 0.7;
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.damage-application-status {
|
||||
margin-top: 8px;
|
||||
padding: 6px 8px;
|
||||
border-radius: 4px;
|
||||
font-size: 0.76em;
|
||||
line-height: 1.4;
|
||||
|
||||
&.is-applied {
|
||||
background: rgba(12,76,12,0.12);
|
||||
border: 1px solid rgba(12,76,12,0.28);
|
||||
color: var(--cel-green, #0c4c0c);
|
||||
}
|
||||
|
||||
&.is-pending {
|
||||
background: rgba(122,92,32,0.12);
|
||||
border: 1px solid rgba(122,92,32,0.28);
|
||||
color: #6b4b12;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ── Fortune fixe badge dans zone dés ──
|
||||
.fortune-fixed-badge {
|
||||
display: inline-flex;
|
||||
@@ -783,6 +899,298 @@
|
||||
}
|
||||
}
|
||||
|
||||
.application.faction-aspect-dialog {
|
||||
width: min(540px, 92vw);
|
||||
}
|
||||
|
||||
.application.faction-aspect-dialog .window-content {
|
||||
padding: 0 !important;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
max-height: min(70vh, 680px);
|
||||
overflow: hidden;
|
||||
background: var(--cel-cream, #f0e8d4);
|
||||
border-top: 2px solid var(--cel-orange, #e07b00);
|
||||
|
||||
> form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 0;
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.dialog-content.standard-form {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
gap: 6px;
|
||||
padding: 8px 10px 6px !important;
|
||||
overflow-y: auto;
|
||||
scrollbar-gutter: stable;
|
||||
overscroll-behavior: contain;
|
||||
min-height: 0;
|
||||
flex: 1 1 auto;
|
||||
align-content: start;
|
||||
}
|
||||
|
||||
.form-footer {
|
||||
display: flex;
|
||||
flex: 0 0 auto;
|
||||
flex-wrap: wrap;
|
||||
gap: 5px;
|
||||
padding: 6px 10px 8px;
|
||||
margin: 0;
|
||||
border-top: 1px solid rgba(122,92,32,0.18);
|
||||
background: rgba(255,255,255,0.28);
|
||||
|
||||
button {
|
||||
min-height: 28px;
|
||||
padding: 3px 8px;
|
||||
border: 1px solid rgba(122,92,32,0.35);
|
||||
border-radius: 4px;
|
||||
background: linear-gradient(180deg, rgba(12,76,12,0.1), rgba(12,76,12,0.03));
|
||||
color: var(--cel-green, #0c4c0c);
|
||||
font-family: var(--cel-font-title, "CopaseticNF", serif);
|
||||
letter-spacing: 0.03em;
|
||||
|
||||
&:hover {
|
||||
border-color: var(--cel-orange, #e07b00);
|
||||
background: linear-gradient(180deg, rgba(224,123,0,0.18), rgba(224,123,0,0.06));
|
||||
color: #7a3e00;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.faction-aspect-box {
|
||||
border: 1px solid rgba(122,92,32,0.22);
|
||||
border-radius: 4px;
|
||||
background: linear-gradient(180deg, rgba(255,255,255,0.55), rgba(255,255,255,0.34));
|
||||
box-shadow: inset 0 1px 0 rgba(255,255,255,0.55);
|
||||
padding: 6px 7px;
|
||||
min-width: 0;
|
||||
|
||||
&:first-child {
|
||||
background: linear-gradient(180deg, rgba(12,76,12,0.08), rgba(255,255,255,0.42));
|
||||
}
|
||||
}
|
||||
|
||||
.faction-aspect-box-title {
|
||||
margin-bottom: 4px;
|
||||
color: var(--cel-green, #0c4c0c);
|
||||
font-family: var(--cel-font-title, "CopaseticNF", serif);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
font-size: 0.88em;
|
||||
}
|
||||
|
||||
.faction-aspect-points {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 5px;
|
||||
margin-bottom: 4px;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
.faction-aspect-point-card {
|
||||
display: inline-flex;
|
||||
flex-direction: column;
|
||||
gap: 2px;
|
||||
min-width: 92px;
|
||||
padding: 4px 6px;
|
||||
border-radius: 4px;
|
||||
background: rgba(255,255,255,0.5);
|
||||
border: 1px solid rgba(122,92,32,0.18);
|
||||
|
||||
strong {
|
||||
font-size: 0.72em;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.04em;
|
||||
color: var(--cel-border, #7a5c20);
|
||||
}
|
||||
|
||||
em {
|
||||
font-style: normal;
|
||||
font-family: var(--cel-font-title, "CopaseticNF", serif);
|
||||
font-size: 1.05em;
|
||||
color: var(--cel-orange, #e07b00);
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.faction-aspect-source-line {
|
||||
font-size: 0.78em;
|
||||
color: var(--cel-border, #7a5c20);
|
||||
}
|
||||
|
||||
.faction-aspect-warning {
|
||||
padding: 7px 9px;
|
||||
border-left: 3px solid #b84a2e;
|
||||
border-radius: 4px;
|
||||
background: rgba(184, 74, 46, 0.08);
|
||||
color: #8b3e2b;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
.faction-aspect-tag-list,
|
||||
.faction-aspect-source-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 3px 4px;
|
||||
}
|
||||
|
||||
.faction-aspect-tag {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
padding: 1px 6px;
|
||||
border-radius: 999px;
|
||||
background: rgba(12, 76, 12, 0.08);
|
||||
border: 1px solid rgba(12, 76, 12, 0.18);
|
||||
color: var(--cel-green, #0c4c0c);
|
||||
font-size: 0.72em;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.form-group {
|
||||
margin-bottom: 4px;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
label {
|
||||
display: block;
|
||||
margin-bottom: 2px;
|
||||
font-size: 0.68em;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.04em;
|
||||
color: var(--cel-border, #7a5c20);
|
||||
}
|
||||
|
||||
input[type="number"],
|
||||
input[type="text"],
|
||||
select {
|
||||
width: 100%;
|
||||
min-height: 28px;
|
||||
border: 1px solid rgba(122,92,32,0.32);
|
||||
border-radius: 3px;
|
||||
padding: 2px 6px;
|
||||
background: rgba(255,255,255,0.9);
|
||||
font-size: 0.78em;
|
||||
color: #2f2413;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
select option {
|
||||
color: #2f2413;
|
||||
background: #fffaf0;
|
||||
}
|
||||
}
|
||||
|
||||
.faction-aspect-pool-group {
|
||||
margin-bottom: 6px;
|
||||
|
||||
input[type="number"] {
|
||||
max-width: 180px;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
.faction-aspect-help-tip {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
margin-left: 4px;
|
||||
border-radius: 50%;
|
||||
border: 1px solid rgba(122,92,32,0.28);
|
||||
background: rgba(224,123,0,0.12);
|
||||
color: var(--cel-orange, #e07b00);
|
||||
font-family: var(--cel-font-title, "CopaseticNF", serif);
|
||||
font-size: 0.72em;
|
||||
line-height: 1;
|
||||
cursor: help;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.faction-aspect-cell-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 3px 6px;
|
||||
}
|
||||
|
||||
.faction-aspect-advanced {
|
||||
margin-top: 2px;
|
||||
padding-top: 3px;
|
||||
border-top: 1px dashed rgba(122,92,32,0.18);
|
||||
|
||||
summary {
|
||||
cursor: pointer;
|
||||
color: var(--cel-orange, #e07b00);
|
||||
font-family: var(--cel-font-title, "CopaseticNF", serif);
|
||||
margin-bottom: 4px;
|
||||
font-size: 0.82em;
|
||||
}
|
||||
}
|
||||
|
||||
.faction-aspect-cell-option {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
font-size: 0.74em;
|
||||
}
|
||||
|
||||
.faction-aspect-active-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 3px;
|
||||
}
|
||||
|
||||
.faction-aspect-active-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
padding: 3px 6px;
|
||||
border-radius: 4px;
|
||||
background: rgba(255,255,255,0.7);
|
||||
color: #2f2413;
|
||||
font-size: 0.76em;
|
||||
|
||||
&.is-relevant {
|
||||
border-left: 3px solid var(--cel-green, #0c4c0c);
|
||||
}
|
||||
}
|
||||
|
||||
.faction-aspect-active-name {
|
||||
color: #2f2413;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.faction-aspect-active-value {
|
||||
color: var(--cel-orange, #e07b00);
|
||||
font-family: var(--cel-font-title, "CopaseticNF", serif);
|
||||
font-size: 0.92em;
|
||||
}
|
||||
|
||||
.faction-aspect-empty {
|
||||
color: #666;
|
||||
font-style: italic;
|
||||
font-size: 0.74em;
|
||||
}
|
||||
|
||||
.faction-aspect-remove-block {
|
||||
margin-top: 6px;
|
||||
padding-top: 6px;
|
||||
border-top: 1px solid rgba(122,92,32,0.18);
|
||||
}
|
||||
|
||||
@media (max-width: 720px) {
|
||||
.faction-aspect-cell-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Notification de blessure cochée lors d'un test de résistance raté
|
||||
.celestopol.chat-roll {
|
||||
|
||||
Reference in New Issue
Block a user