IMplémentation de la ajorité des remarques de Nepherius
This commit is contained in:
341
styles/roll.less
341
styles/roll.less
@@ -857,4 +857,345 @@
|
||||
padding: 2px 4px;
|
||||
}
|
||||
}
|
||||
|
||||
.form-target-row {
|
||||
background: rgba(12, 76, 12, 0.12);
|
||||
border: 1px solid rgba(196, 154, 26, 0.3);
|
||||
border-radius: 4px;
|
||||
padding: 4px 8px;
|
||||
|
||||
label {
|
||||
color: var(--cel-orange, #e07b00);
|
||||
font-weight: bold;
|
||||
font-size: 0.85em;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
|
||||
i { color: #e07b00; }
|
||||
}
|
||||
|
||||
select {
|
||||
flex: 1;
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
color: #f0e0c0;
|
||||
border: 1px solid rgba(196, 154, 26, 0.5);
|
||||
border-radius: 3px;
|
||||
padding: 2px 4px;
|
||||
font-size: 0.85em;
|
||||
max-width: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
.form-target-confirmed {
|
||||
background: rgba(12, 76, 12, 0.2);
|
||||
border: 1px solid rgba(196, 154, 26, 0.5);
|
||||
border-radius: 4px;
|
||||
padding: 5px 10px;
|
||||
|
||||
.target-confirmed-badge {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
color: var(--cel-orange, #e07b00);
|
||||
font-size: 0.88em;
|
||||
font-style: italic;
|
||||
|
||||
i { opacity: 0.8; }
|
||||
}
|
||||
}
|
||||
|
||||
.form-ranged-mod {
|
||||
background: rgba(60, 20, 0, 0.12);
|
||||
border: 1px solid rgba(200, 100, 60, 0.35);
|
||||
border-radius: 4px;
|
||||
padding: 4px 8px;
|
||||
|
||||
label {
|
||||
color: #e08060;
|
||||
font-size: 0.85em;
|
||||
font-weight: bold;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
|
||||
i { color: #e08060; }
|
||||
}
|
||||
|
||||
select {
|
||||
flex: 1;
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
color: #f0e0c0;
|
||||
border: 1px solid rgba(200, 100, 60, 0.4);
|
||||
border-radius: 3px;
|
||||
padding: 2px 4px;
|
||||
font-size: 0.85em;
|
||||
}
|
||||
}
|
||||
|
||||
.form-threshold-fixed {
|
||||
.threshold-value {
|
||||
font-size: 1.2em;
|
||||
font-weight: bold;
|
||||
font-family: var(--cel-font-title, "CopaseticNF", serif);
|
||||
color: var(--cel-orange, #e07b00);
|
||||
padding: 2px 10px;
|
||||
background: rgba(0,0,0,0.2);
|
||||
border: 1px solid rgba(224,123,0,0.4);
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
.form-opposition-row {
|
||||
padding: 5px 8px;
|
||||
border: 1px solid rgba(180, 140, 60, 0.35);
|
||||
border-radius: 5px;
|
||||
background: rgba(60, 30, 0, 0.15);
|
||||
|
||||
.opposition-toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
cursor: pointer;
|
||||
|
||||
input[type="checkbox"] { flex-shrink: 0; }
|
||||
|
||||
.opposition-icon {
|
||||
font-size: 1.2em;
|
||||
color: var(--cel-orange, #e07b00);
|
||||
}
|
||||
|
||||
.opposition-text {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1px;
|
||||
|
||||
.opposition-main {
|
||||
font-weight: bold;
|
||||
font-size: 0.9em;
|
||||
font-family: var(--cel-font-title, "CopaseticNF", serif);
|
||||
color: var(--cel-orange, #e07b00);
|
||||
}
|
||||
|
||||
.opposition-sub {
|
||||
font-size: 0.75em;
|
||||
opacity: 0.7;
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Bandeau opposition dans le chat
|
||||
.fvtt-celestopol .dice-roll .roll-result-banner.opposition {
|
||||
background: linear-gradient(135deg, rgba(60, 60, 80, 0.8), rgba(40, 40, 60, 0.9));
|
||||
border-color: rgba(150, 140, 200, 0.5);
|
||||
color: #c8c0e0;
|
||||
}
|
||||
|
||||
// ── Dé de la Lune — Carte autonome ──────────────────────────────────────────
|
||||
|
||||
.celestopol-roll.moon-standalone-card {
|
||||
padding: 8px 12px;
|
||||
background: var(--cel-parchment, #f5eed8);
|
||||
border: 1px solid var(--cel-border, rgba(196,154,26,0.4));
|
||||
border-radius: 4px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 6px;
|
||||
|
||||
.moon-standalone-header {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
gap: 6px;
|
||||
border-bottom: 1px solid rgba(196,154,26,0.3);
|
||||
padding-bottom: 4px;
|
||||
|
||||
.moon-standalone-title {
|
||||
font-family: var(--cel-font-title);
|
||||
font-size: 1em;
|
||||
font-weight: bold;
|
||||
color: var(--cel-green-dark, #0c4c0c);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.06em;
|
||||
}
|
||||
|
||||
.moon-standalone-actor {
|
||||
font-size: 0.85em;
|
||||
color: var(--cel-text, #333);
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
|
||||
.moon-standalone-main {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
padding: 6px 8px;
|
||||
background: rgba(0,0,0,0.04);
|
||||
border-radius: 3px;
|
||||
border-left: 3px solid transparent;
|
||||
|
||||
.moon-standalone-symbol {
|
||||
font-size: 2em;
|
||||
line-height: 1;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.moon-standalone-info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 2px;
|
||||
}
|
||||
|
||||
.moon-standalone-phase {
|
||||
font-family: var(--cel-font-title);
|
||||
font-size: 0.95em;
|
||||
font-weight: bold;
|
||||
color: var(--cel-text, #333);
|
||||
}
|
||||
|
||||
.moon-standalone-value {
|
||||
font-size: 0.8em;
|
||||
color: var(--cel-text-light, #666);
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
&.moon-triomphe { border-left-color: var(--cel-green, #0c4c0c); }
|
||||
&.moon-brio { border-left-color: var(--cel-border, #7a5c20); }
|
||||
&.moon-contrecoup { border-left-color: #c07800; }
|
||||
&.moon-catastrophe{ border-left-color: #8b1e2e; }
|
||||
}
|
||||
|
||||
.moon-interpret-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
|
||||
.moon-interpret-label {
|
||||
font-size: 0.72em;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.07em;
|
||||
color: #888;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.moon-fortune {
|
||||
font-size: 0.85em;
|
||||
font-weight: bold;
|
||||
border-radius: 3px;
|
||||
padding: 1px 8px;
|
||||
|
||||
&.bonne-fortune {
|
||||
background: rgba(12, 76, 12, 0.12);
|
||||
color: var(--cel-green, #0c4c0c);
|
||||
border: 1px solid rgba(12,76,12,0.3);
|
||||
}
|
||||
|
||||
&.mauvaise-fortune {
|
||||
background: rgba(139, 30, 46, 0.1);
|
||||
color: #8b1e2e;
|
||||
border: 1px solid rgba(139,30,46,0.3);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Réutilise les styles .moon-die-result existants pour le bloc narratif
|
||||
.moon-die-result {
|
||||
margin-top: 2px;
|
||||
padding: 6px 8px;
|
||||
}
|
||||
}
|
||||
|
||||
// ── Message d'initiative ──────────────────────────────────────────────────────
|
||||
.celestopol.chat-initiative {
|
||||
border: 1px solid var(--cel-orange, #e07b00);
|
||||
border-radius: 4px;
|
||||
overflow: hidden;
|
||||
font-family: var(--cel-font-body, "Palatino Linotype", serif);
|
||||
|
||||
.roll-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
background-color: var(--cel-green, #0c4c0c);
|
||||
background-image: url("../assets/ui/fond_cadrille.jpg");
|
||||
background-blend-mode: soft-light;
|
||||
padding: 6px 8px;
|
||||
border-bottom: 2px solid var(--cel-orange, #e07b00);
|
||||
|
||||
.actor-img {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
object-fit: cover;
|
||||
border: 1px solid var(--cel-orange, #e07b00);
|
||||
border-radius: 2px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.roll-info {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1px;
|
||||
|
||||
.actor-name {
|
||||
font-family: var(--cel-font-title, "CopaseticNF", serif);
|
||||
color: var(--cel-orange, #e07b00);
|
||||
font-weight: bold;
|
||||
letter-spacing: 0.05em;
|
||||
font-size: 0.92em;
|
||||
}
|
||||
.skill-info {
|
||||
color: var(--cel-cream, #f0e8d4);
|
||||
font-size: 0.77em;
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.initiative-banner {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 10px 8px 8px;
|
||||
background-color: var(--cel-green, #0c4c0c);
|
||||
background-image: url("../assets/ui/fond_cadrille.jpg");
|
||||
background-blend-mode: soft-light;
|
||||
color: #ffd870;
|
||||
font-family: var(--cel-font-title, "CopaseticNF", serif);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.1em;
|
||||
text-shadow: 0 1px 3px rgba(0,0,0,0.7);
|
||||
|
||||
.initiative-score-wrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.initiative-icon {
|
||||
font-size: 1.1em;
|
||||
opacity: 0.9;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.initiative-score {
|
||||
font-size: 2.4em;
|
||||
font-weight: bold;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.initiative-detail {
|
||||
font-size: 0.65em;
|
||||
opacity: 0.75;
|
||||
font-style: italic;
|
||||
font-family: var(--cel-font-body, serif);
|
||||
text-transform: none;
|
||||
letter-spacing: 0.03em;
|
||||
margin-top: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user