MediaWiki:Monobook.css: Difference between revisions

From bwCloud-OS
Jump to navigation Jump to search
Admin (talk | contribs)
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…“
 
Admin (talk | contribs)
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; }