MediaWiki:Common.css: Unterschied zwischen den Versionen
Aus Dunkelherzen Wiki
DRP (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
DRP (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung Markierung: Manuelle Zurücksetzung |
||
| (9 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 6: | Zeile 6: | ||
height: 160px; /* gewünschte Höhe */ | height: 160px; /* gewünschte Höhe */ | ||
} | } | ||
.charakter-grid { | .charakter-grid { | ||
display: flex; | display: flex; | ||
| Zeile 19: | Zeile 17: | ||
.charakter-card { | .charakter-card { | ||
width: | width: 200px; | ||
text-align: center; | text-align: center; | ||
border: 1px solid #ccc; | |||
padding: 10px; | |||
margin: 10px; | |||
background-color: #fff; | |||
box- | box-sizing: border-box; | ||
transition: transform 0.2s; | transition: transform 0.2s ease; | ||
} | } | ||
.charakter-card:hover { | .charakter-card:hover { | ||
transform: scale(1. | transform: scale(1.05); | ||
} | } | ||
.charakter-name { | .charakter-name { | ||
font-weight: bold; | font-weight: bold; | ||
margin-top: | margin-top: 10px; | ||
} | |||
.charakter-card img { | |||
max-width: 100%; | |||
height: auto; | |||
display: block; | |||
margin: 0 auto; | |||
} | } | ||
Aktuelle Version vom 24. Juli 2025, 19:18 Uhr
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
#p-logo a {
background-size: contain !important;
background-repeat: no-repeat;
background-position: center center;
height: 160px; /* gewünschte Höhe */
}
.charakter-grid {
display: flex;
flex-wrap: wrap;
gap: 12px;
justify-content: flex-start;
align-items: flex-start;
margin-top: 1em;
}
.charakter-card {
width: 200px;
text-align: center;
border: 1px solid #ccc;
padding: 10px;
margin: 10px;
background-color: #fff;
box-sizing: border-box;
transition: transform 0.2s ease;
}
.charakter-card:hover {
transform: scale(1.05);
}
.charakter-name {
font-weight: bold;
margin-top: 10px;
}
.charakter-card img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
