MediaWiki:Common.css: Unterschied zwischen den Versionen
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 70: | Zeile 70: | ||
/* HERO-BILD OBEN */ | /* HERO-BILD OBEN */ | ||
.pixo-card-hero { | /*.pixo-card-hero { | ||
position: relative; | position: relative; | ||
width: 100%; | width: 100%; | ||
height: | height: 120px; | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
| Zeile 82: | Zeile 82: | ||
object-fit: cover; | object-fit: cover; | ||
display: block; | display: block; | ||
} */ | |||
/* Höhe und Hintergrund des oberen Kartenbereichs vereinheitlichen */ | |||
.pixo-card-hero { | |||
height: 120px; /* gleiche Höhe wie dein Hunt-Bild */ | |||
padding: 0; | |||
margin: 0; | |||
background: #11141b; /* oder transparent, je nach Wunsch */ | |||
border: 0; | |||
} | |||
/* Bild darin ohne eigenen Rand/Abstand */ | |||
.pixo-card-hero img { | |||
display: block; | |||
width: 100%; | |||
height: 100%; | |||
object-fit: cover; | |||
margin: 0; | |||
padding: 0; | |||
border: 0; | |||
} | } | ||
Version vom 12. Februar 2026, 03:08 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: 100%;
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;
}
/* HERO-BILD OBEN */
/*.pixo-card-hero {
position: relative;
width: 100%;
height: 120px;
overflow: hidden;
}
.pixo-card-hero img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} */
/* Höhe und Hintergrund des oberen Kartenbereichs vereinheitlichen */
.pixo-card-hero {
height: 120px; /* gleiche Höhe wie dein Hunt-Bild */
padding: 0;
margin: 0;
background: #11141b; /* oder transparent, je nach Wunsch */
border: 0;
}
/* Bild darin ohne eigenen Rand/Abstand */
.pixo-card-hero img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
margin: 0;
padding: 0;
border: 0;
}
/* Bild in Pixo-Kachel komplett rahmenlos machen */
.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;
}
*/