Fix creature sheet: complete TECHNIQUE tab + copper theme

- Fix tabGroups 'stats'→'principal' (tab content was invisible)
- Add 'creature' CSS class to distinguish from personnage sheet
- New header layout: stat cards (Ressources, Vigueur, Combat)
- Rewrite creature template with full TECHNIQUE tab content:
  * Attributes with icons and level dropdowns (0-35)
  * Vitesse input
  * Santé section (Vigueur seuil)
  * Actions de combat (Initiative, Monté/Déf. totale, Assommer,
    Coup bas, Immobiliser, Repousser, Désengager)
  * Adversités section (reuses personnage CSS classes)
- Copper/orange CSS theme for .creature class overrides
- Add .stat-derived-value CSS for non-editable derived stats

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
2026-04-03 09:35:12 +02:00
parent f0969c9eb4
commit b255a628fe
4 changed files with 254 additions and 236 deletions

View File

@@ -2669,6 +2669,20 @@ li {
border-top: 1px solid rgba(255, 255, 255, 0.06);
margin-top: 1px;
}
.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-derived-value {
flex: 1;
min-width: 0;
height: 20px;
line-height: 20px;
font-size: 0.82rem;
font-weight: 700;
font-family: "Signika", "Arial Narrow", sans-serif;
font-variant-numeric: lining-nums tabular-nums;
color: #f0dfc0;
text-align: center;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
display: block;
}
.fvtt-mournblade-cyd-2-0.actor .sheet-tabs {
margin: 0;
padding: 0 0.5rem;
@@ -3548,40 +3562,38 @@ li {
background: linear-gradient(135deg, rgba(0, 60, 0, 0.15) 0%, rgba(20, 80, 20, 0.1) 100%);
border-bottom: 1px solid rgba(34, 139, 34, 0.3);
}
.fvtt-mournblade-cyd-2-0.actor.pnj-sheet .background-sheet-header-creature {
background: linear-gradient(135deg, rgba(80, 40, 0, 0.15) 0%, rgba(100, 50, 0, 0.1) 100%);
border: 2px solid rgba(205, 127, 50, 0.5);
border-radius: 4px;
padding: 0;
}
.fvtt-mournblade-cyd-2-0.actor.pnj-sheet .sheet-box.color-bg-archetype {
.fvtt-mournblade-cyd-2-0.actor.creature .sheet-box.color-bg-archetype {
background: linear-gradient(135deg, rgba(60, 30, 0, 0.08) 0%, rgba(80, 40, 0, 0.05) 100%);
}
.fvtt-mournblade-cyd-2-0.actor.pnj-sheet .sheet-header {
flex: 0 0 auto !important;
padding: 0;
.fvtt-mournblade-cyd-2-0.actor.creature .stat-card {
border-color: rgba(180, 100, 20, 0.5);
border-top-color: rgba(205, 127, 50, 0.8);
}
.fvtt-mournblade-cyd-2-0.actor.pnj-sheet .profile-img {
width: 80px;
height: 80px;
border-radius: 8px;
border: 2px solid rgba(205, 127, 50, 0.6);
object-fit: cover;
cursor: pointer;
flex-shrink: 0;
.fvtt-mournblade-cyd-2-0.actor.creature .stat-card .stat-card-title {
color: #cd7f32;
border-bottom-color: rgba(180, 100, 20, 0.3);
}
.fvtt-mournblade-cyd-2-0.actor.pnj-sheet nav.tabs .item.active {
.fvtt-mournblade-cyd-2-0.actor.creature nav.tabs .item.active {
border-bottom-color: rgba(205, 127, 50, 0.8);
color: #cd7f32;
}
.fvtt-mournblade-cyd-2-0.actor.pnj-sheet .section-title {
color: #b8734d;
border-bottom-color: rgba(205, 127, 50, 0.3);
.fvtt-mournblade-cyd-2-0.actor.creature nav.tabs .item:hover:not(.active) {
color: #d4a060;
}
.fvtt-mournblade-cyd-2-0.actor.pnj-sheet .items-title-bg {
.fvtt-mournblade-cyd-2-0.actor.creature .section-title {
color: #b8734d;
border-left-color: rgba(205, 127, 50, 0.8);
}
.fvtt-mournblade-cyd-2-0.actor.creature .items-title-bg {
background: linear-gradient(135deg, rgba(80, 40, 0, 0.15) 0%, rgba(100, 50, 0, 0.1) 100%);
border-bottom: 1px solid rgba(205, 127, 50, 0.3);
}
.fvtt-mournblade-cyd-2-0.actor.creature .items-title-bg .items-title-text {
color: #cd7f32;
}
.fvtt-mournblade-cyd-2-0.actor.creature .adversite-section .adversite-section-title {
color: #cd7f32;
}
.gm-tools-section .grid .item-list .flexrow.item .label-name {
flex: 1;
min-width: 12rem;