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 {
|
||||
|
||||
Reference in New Issue
Block a user