Vorlage:NavCards/styles.css: Unterschied zwischen den Versionen
Die Seite wurde neu angelegt: „→Container: responsive Grid: .nav-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 14px; margin: 0.5rem 0 1rem 0; } →Einzelne Karte: .nav-card { border: 1px solid #D8DFEA; border-radius: 12px; background: #FFFFFF; box-shadow: 0 1px 2px rgba(0,0,0,0.06); overflow: hidden; transition: transform .12s ease, box-shadow .12s ease; text-align: center; } →Kopfzeile im Huskywiki-Style: .na…“ |
KKeine Bearbeitungszusammenfassung |
||
| Zeile 60: | Zeile 60: | ||
.skin-dark .nav-card__header a { color: #d7e7ff; } | .skin-dark .nav-card__header a { color: #d7e7ff; } | ||
.skin-dark .nav-card__meta { color: #9aa9b8; } | .skin-dark .nav-card__meta { color: #9aa9b8; } | ||
/* Spezielle Hervorhebung für Spieler-Rollen */ | |||
.nav-card.role { | |||
border: 2px solid #00205B; | |||
background: linear-gradient(180deg, #f0f5ff 0%, #ffffff 100%); | |||
} | |||
.nav-card.role .nav-card__header { | |||
font-size: 1.15rem; | |||
color: #00205B; | |||
text-transform: uppercase; | |||
letter-spacing: 0.5px; | |||
} | |||
/* kleine farbliche Akzente je Rolle */ | |||
.nav-card.role.torhueter .nav-card__header { | |||
border-left: 6px solid #1e40af; /* dunkleres Blau */ | |||
} | |||
.nav-card.role.verteidiger .nav-card__header { | |||
border-left: 6px solid #16a34a; /* grün */ | |||
} | |||
.nav-card.role.stuermer .nav-card__header { | |||
border-left: 6px solid #dc2626; /* rot */ | |||
} | |||