Corrections sur factions, aspects, degats et fiches PNJs
This commit is contained in:
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