MediaWiki:Common.css: Unterschied zwischen den Versionen
Keine Bearbeitungszusammenfassung Markierung: Zurückgesetzt |
Keine Bearbeitungszusammenfassung Markierung: Zurückgesetzt |
||
| Zeile 71: | Zeile 71: | ||
/* Normale Karte mit Hero-Bild */ | /* Normale Karte mit Hero-Bild */ | ||
.pixo-card-hero { | .pixo-card-hero { | ||
position: | position: absolute; | ||
width: | top: 2px; | ||
height: 140px; /* | left: 2px; | ||
width: 380px; | |||
height: 140px; | |||
object-fit: cover; | |||
display: block; | |||
border: 0; | |||
/* overflow: hidden; */ | |||
} | } | ||
/* Bild im Hero-Bereich */ | /* Bild im Hero-Bereich */ | ||
.pixo-card-hero img { | .pixo-card-hero img { | ||
width: 380px; | width: 380px; | ||
height: 140px; | height: 140px; | ||
Version vom 12. Februar 2026, 03:25 Uhr
/* ========================================
PIXO.GG - Startseite
======================================== */
/* (Optional) Teile der Standard-UI auf der Startseite verstecken */
body.page-Start #mw-panel,
body.page-Start #p-tb,
body.page-Start #footer,
body.page-Start .mw-editsection,
body.page-Start #mw-navigation {
display: none !important;
}
body.page-Start #content {
margin: 0;
padding: 0;
}
body.page-Start #mw-content-text {
padding: 0;
}
/* ========================================
PIXO.GG - Startseite
======================================== */
/* (Optional) Teile der Standard-UI auf der Startseite verstecken */
body.page-Start #mw-panel,
body.page-Start #p-tb,
body.page-Start #footer,
body.page-Start .mw-editsection,
body.page-Start #mw-navigation {
display: none !important;
}
body.page-Start #content {
margin: 0;
padding: 0;
}
body.page-Start #mw-content-text {
padding: 0;
}
/* Grid-Container für Start-Kacheln */
.pixo-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
width: 100%;
}
/* ========================================
Pixo-Kacheln (Spiel-Grid)
======================================== */
/* BASIS-KARTE */
.pixo-card {
display: block;
width: 380px;
margin: 0;
border-radius: 15px;
border: 2px solid #333;
background: #101218;
box-shadow: 0 4px 14px rgba(0,0,0,0.5);
overflow: hidden;
font-family: inherit;
}
/* Normale Karte mit Hero-Bild */
.pixo-card-hero {
position: absolute;
top: 2px;
left: 2px;
width: 380px;
height: 140px;
object-fit: cover;
display: block;
border: 0;
/* overflow: hidden; */
}
/* Bild im Hero-Bereich */
.pixo-card-hero img {
width: 380px;
height: 140px;
object-fit: cover;
display: block;
border: 0;
}
/* Karten OHNE Hero-Bild */
.pixo-card--nohero .pixo-card-hero {
height: auto; /* keine feste Höhe */
padding: 0;
margin: 0;
background: transparent;
border: 0;
}
/* Falls irgendwo Standard-Rand auf Bildern sitzt, hier nochmal hart entfernen */
.pixo-card-hero a,
.pixo-card-hero img {
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
/* TITEL LEICHT INS BILD GELEGT */
.pixo-card-title-text {
position: absolute;
left: 12px;
bottom: 10px;
font-size: 0.9rem;
font-weight: 700;
color: #fff;
text-shadow: 0 0 4px rgba(0,0,0,0.9);
}
/* RUNDES ICON RECHTS (OPTIONAL) */
.pixo-card-icon img {
width: 40px;
height: 40px;
border-radius: 50%;
box-shadow: 0 0 8px rgba(0,0,0,0.8);
object-fit: cover;
}
/* nur auf der Startseite, falls gewünscht
body.page-Start .pixo-card-hero,
body.page-Start .pixo-card-hero a,
body.page-Start .pixo-card-hero img {
display: block;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
*/