MediaWiki:Monobook.css: Difference between revisions
Jump to navigation
Jump to search
Die Seite wurde neu angelegt: „→Das folgende CSS wird für Benutzer der Benutzeroberfläche MonoBook geladen: →MonoBook: Logo größer, zentriert, ohne Verzerrung: #p-logo, #p-logo a, .skin-monobook #p-logo a, .skin-monobook .mw-wiki-logo { display: block; width: 180px; →Breite des Logo-Bereichs anpassen: height: 120px; →Höhe des Logo-Bereichs anpassen (Portrait passt besser mit etwas mehr Höhe): background-size: contain !important; /* skali…“ |
No edit summary |
||
| Line 15: | Line 15: | ||
/* Optional: etwas Abstand nach unten */ | /* Optional: etwas Abstand nach unten */ | ||
#p-logo { margin-bottom: 0.75rem; } | #p-logo { margin-bottom: 0.75rem; } | ||
/*responsive tests */ | |||
/* <meta name="viewport" content="width=device-width, initial-scale=1"> */ | |||
@media (max-width: 768px) { | |||
#column-content { width: 100% !important; } | |||
#column-one { display: none; } /* Seitenleiste ausblenden */ | |||
body { font-size: 16px; } | |||
} | |||
img { max-width: 100%; height: auto; } | |||
table { display: block; overflow-x: auto; } | |||
Latest revision as of 11:20, 24 September 2025
/* Das folgende CSS wird für Benutzer der Benutzeroberfläche MonoBook geladen */
/* MonoBook: Logo größer, zentriert, ohne Verzerrung */
#p-logo,
#p-logo a,
.skin-monobook #p-logo a,
.skin-monobook .mw-wiki-logo {
display: block;
width: 180px; /* Breite des Logo-Bereichs anpassen */
height: 120px; /* Höhe des Logo-Bereichs anpassen (Portrait passt besser mit etwas mehr Höhe) */
background-size: contain !important; /* skaliert, ohne zu beschneiden */
background-repeat: no-repeat !important;
background-position: center center !important;
}
/* Optional: etwas Abstand nach unten */
#p-logo { margin-bottom: 0.75rem; }
/*responsive tests */
/* <meta name="viewport" content="width=device-width, initial-scale=1"> */
@media (max-width: 768px) {
#column-content { width: 100% !important; }
#column-one { display: none; } /* Seitenleiste ausblenden */
body { font-size: 16px; }
}
img { max-width: 100%; height: auto; }
table { display: block; overflow-x: auto; }