Zum Inhalt springen

MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus FabLab Wiki
CSS für Standard Layout mit Templates
Standard Vector 2022 Layout mit original Werten
 
Zeile 1: Zeile 1:
/* Standard Wiki Layout - Breite begrenzt */
/* Standard Vector 2022 Layout - Originale Werte */
 
/* Max-Width wie im Original */
.mw-page-container {
.mw-page-container {
     max-width: 960px !important;
     max-width: 99.75rem !important;
     margin: 0 auto !important;
     margin: 0 auto !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}
}


/* Hauptseite Layout - Tabellen anpassen */
/* Grid Layout für Hauptseite */
.mw-parser-output > table.wikitable {
.mw-page-container-inner {
     width: 100% !important;
     display: grid !important;
     max-width: 100%;
     column-gap: 24px !important;
}
}


/* Verschachtelte Tabellen (Templates) */
/* Bei großen Bildschirmen (1120px+) */
.mw-parser-output table.wikitable table.wikitable {
@media screen and (min-width: 1120px) {
    width: 100%;
    .mw-page-container-inner {
    box-sizing: border-box;
        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;
    }
}
}


/* Inhaltsbereich */
/* 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: 768px) {
@media screen and (max-width: 1120px) {
     .mw-parser-output > table.wikitable > tbody > tr > td {
     .mw-page-container-inner {
         display: block;
         grid-template-columns: minmax(0, 1fr) !important;
         width: 100% !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;
    }
}
MediaWiki Appliance - Powered by TurnKey Linux