Zum Inhalt springen

MediaWiki:Common.css

Aus FISI Wissendatenbank

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
/* Z-Evolutions Corporate Design - Full Dark Fix */

/* 1. Globaler Hintergrund & Fix für weiße Header-Balken */
html, body, .mw-page-container, .mw-header {
    background-color: #050a14 !important;
    background-image: url("/resources/assets/background.jpg") !important;
    background-attachment: fixed !important; 
    background-size: cover !important; 
    background-position: center !important;
    color: #e2e8f0 !important;
}

/* 2. Inhaltsbereich (Content) - Transparenz für den "Glass"-Look */
.mw-body {
    background-color: rgba(11, 18, 33, 0.9) !important; /* Etwas deckender für bessere Lesbarkeit */
    border: 1px solid rgba(88, 145, 255, 0.2) !important;
    border-radius: 8px;
    color: #e2e8f0 !important;
    padding: 20px !important;
    backdrop-filter: blur(8px);
}

/* 3. Header & Navigation (Gäste-Fix) */
.mw-header, .vector-header {
    background: rgba(5, 10, 20, 0.8) !important;
    backdrop-filter: blur(10px);
}

/* 4. Alle Menüs, Sidebars und Popups abdunkeln */
.vector-main-menu, .vector-sidebar-container, .vector-dropdown-content, .mw-portlet {
    background-color: rgba(15, 23, 42, 0.9) !important;
    color: #e2e8f0 !important;
    border: none !important;
}

/* 5. Texte und Links */
h1, h2, h3, h4, .mw-body-content {
    color: #ffffff !important;
}

a {
    color: #5891ff !important;
}
a:visited {
    color: #82aaff !important;
}

/* 6. Suchleiste & Buttons */
.cdx-text-input__input {
    background-color: #0f172a !important;
    color: white !important;
    border: 1px solid #5891ff !important;
}

/* 7. Footer-Bereich */
.mw-footer {
    background: transparent !important;
    color: #64748b !important;
}