Refactor header: card-based layout with colored stat cards

- Replace flat ul/li header with .header-banner + .header-stat-cards
- 5 colored stat cards: LOI (amber), CHAOS (red), BONNE AVENTURE (green),
  VIGUEUR (maroon), ÂME (navy)
- Profile image: 90px with golden border + hover glow
- Character name: large serif font (CentaurMT) with transparent bg
- Fix overflow: visible on .stat-card to prevent select dropdown clipping
- Fix label colors: dark (#1a1008) instead of white for readability
- VIGUEUR big value: Signika/sans-serif font (avoids CentaurMT 1/I confusion)
- Consistent font sizes and alignment across all stat fields

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
2026-04-03 07:53:44 +02:00
parent 9754bbc3a8
commit c28414dd22
4 changed files with 559 additions and 408 deletions

View File

@@ -265,12 +265,11 @@
}
.fvtt-mournblade-cyd-2-0 .sheet-header .profile-img {
-webkit-box-flex: 0;
-ms-flex: 0 0 80px;
flex: 0 0 80px;
height: 80px;
width: 80px;
margin-right: 10px;
/* Overridden by actor-styles.less .header-banner .profile-img (90px) */
flex: 0 0 90px;
height: 90px;
width: 90px;
margin-right: 0;
object-fit: cover;
object-position: 50% 0;
cursor: pointer;