Zum Inhalt springen

MediaWiki:Vector-2022.css

Aus Pixopedia

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

  • Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
  • Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
  • Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
/* Vector-Header sticky machen */
.vector-header,
#mw-header-container {
    position: sticky;
    top: 0;
    z-index: 1000;
}

/* Ausgleich nach unten, damit Content nicht unter dem Header „klebt“ */
.mw-page-container {
    padding-top: 3.5rem; /* ggf. auf Headerhöhe anpassen */
}

/* gesamten Header-Inhalt zentrieren */
.vector-header {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Logo-Link selbst mittig ausrichten */
.vector-header .mw-logo,
.vector-header .mw-logo a {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Optional: Navigationselemente auf die Seiten schieben */
.vector-header-start {
    flex: 1;
}
.vector-header-end {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}