MediaWiki:Common.css: Unterschied zwischen den Versionen
Erscheinungsbild
Admin (Diskussion | Beiträge) CSS für Standard Layout mit Templates |
Admin (Diskussion | Beiträge) Standard Vector 2022 Layout mit original Werten |
||
| Zeile 1: | Zeile 1: | ||
/* Standard | /* Standard Vector 2022 Layout - Originale Werte */ | ||
/* Max-Width wie im Original */ | |||
.mw-page-container { | .mw-page-container { | ||
max-width: | max-width: 99.75rem !important; | ||
margin: 0 auto !important; | margin: 0 auto !important; | ||
padding-left: 1.5rem !important; | |||
padding-right: 1.5rem !important; | |||
} | } | ||
/* Hauptseite | /* Grid Layout für Hauptseite */ | ||
.mw- | .mw-page-container-inner { | ||
display: grid !important; | |||
column-gap: 24px !important; | |||
} | } | ||
/* | /* Bei großen Bildschirmen (1120px+) */ | ||
.mw- | @media screen and (min-width: 1120px) { | ||
.mw-page-container-inner { | |||
grid-template-columns: 12.25rem minmax(0, 1fr) !important; | |||
grid-template-areas: | |||
'siteNotice siteNotice' | |||
'columnStart pageContent' | |||
'footer footer' !important; | |||
} | |||
.mw-page-container, | |||
.vector-header-container .mw-header { | |||
padding-left: 2.75rem !important; | |||
padding-right: 2.75rem !important; | |||
} | |||
} | } | ||
/* | /* Body Layout */ | ||
.mw-body { | .mw-body { | ||
max-width: 100%; | display: grid !important; | ||
grid-template-columns: minmax(0, 59.25rem) min-content !important; | |||
grid-template-areas: | |||
'titlebar columnEnd' | |||
'toolbar columnEnd' | |||
'content columnEnd' !important; | |||
} | |||
/* Content Bereich */ | |||
.mw-content-container { | |||
grid-area: pageContent !important; | |||
max-width: 100% !important; | |||
} | |||
/* Tabellen Standard */ | |||
.mw-parser-output table.wikitable { | |||
max-width: 100% !important; | |||
} | } | ||
/* Responsive Anpassungen */ | /* Responsive Anpassungen */ | ||
@media screen and (max-width: | @media screen and (max-width: 1120px) { | ||
.mw- | .mw-page-container-inner { | ||
grid-template-columns: minmax(0, 1fr) !important; | |||
} | |||
.mw-body { | |||
grid-template-columns: minmax(0, 1fr) !important; | |||
} | } | ||
} | } | ||
Aktuelle Version vom 13. Juni 2026, 16:24 Uhr
/* Standard Vector 2022 Layout - Originale Werte */
/* Max-Width wie im Original */
.mw-page-container {
max-width: 99.75rem !important;
margin: 0 auto !important;
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
/* Grid Layout für Hauptseite */
.mw-page-container-inner {
display: grid !important;
column-gap: 24px !important;
}
/* Bei großen Bildschirmen (1120px+) */
@media screen and (min-width: 1120px) {
.mw-page-container-inner {
grid-template-columns: 12.25rem minmax(0, 1fr) !important;
grid-template-areas:
'siteNotice siteNotice'
'columnStart pageContent'
'footer footer' !important;
}
.mw-page-container,
.vector-header-container .mw-header {
padding-left: 2.75rem !important;
padding-right: 2.75rem !important;
}
}
/* Body Layout */
.mw-body {
display: grid !important;
grid-template-columns: minmax(0, 59.25rem) min-content !important;
grid-template-areas:
'titlebar columnEnd'
'toolbar columnEnd'
'content columnEnd' !important;
}
/* Content Bereich */
.mw-content-container {
grid-area: pageContent !important;
max-width: 100% !important;
}
/* Tabellen Standard */
.mw-parser-output table.wikitable {
max-width: 100% !important;
}
/* Responsive Anpassungen */
@media screen and (max-width: 1120px) {
.mw-page-container-inner {
grid-template-columns: minmax(0, 1fr) !important;
}
.mw-body {
grid-template-columns: minmax(0, 1fr) !important;
}
}