MediaWiki:Common.css: Unterschied zwischen den Versionen
Erscheinungsbild
Sascha (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Sascha (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
/* Z-Evolutions Corporate Design | /* Z-Evolutions Corporate Design - Full Dark Fix */ | ||
/* 1. | /* 1. Globaler Hintergrund & Fix für weiße Header-Balken */ | ||
html, body, .mw-page-container, .mw-header { | |||
body, .mw-page-container { | background-color: #050a14 !important; | ||
background-color: #050a14 !important; | |||
background-image: url("/resources/assets/background.jpg") !important; | background-image: url("/resources/assets/background.jpg") !important; | ||
background-attachment: fixed !important; | background-attachment: fixed !important; | ||
background-size: cover !important; | background-size: cover !important; | ||
background-position: center !important; | background-position: center !important; | ||
color: #e2e8f0 !important; | |||
} | } | ||
/* 2. | /* 2. Inhaltsbereich (Content) - Transparenz für den "Glass"-Look */ | ||
.mw-body { | .mw-body { | ||
background-color: rgba(11, 18, 33, 0. | background-color: rgba(11, 18, 33, 0.9) !important; /* Etwas deckender für bessere Lesbarkeit */ | ||
border: 1px solid # | 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; | color: #e2e8f0 !important; | ||
border: none !important; | |||
} | |||
/* 5. Texte und Links */ | |||
h1, h2, h3, h4, .mw-body-content { | |||
color: #ffffff !important; | |||
} | } | ||
a { | a { | ||
color: #5891ff !important; | color: #5891ff !important; | ||
} | } | ||
a:visited { | |||
color: #82aaff !important; | |||
} | } | ||
/* | /* 6. Suchleiste & Buttons */ | ||
.cdx-text-input__input { | .cdx-text-input__input { | ||
background-color: #0f172a !important; | background-color: #0f172a !important; | ||
color: white !important; | color: white !important; | ||
border: 1px solid #5891ff !important; | border: 1px solid #5891ff !important; | ||
} | |||
/* 7. Footer-Bereich */ | |||
.mw-footer { | |||
background: transparent !important; | |||
color: #64748b !important; | |||
} | } | ||
Version vom 28. April 2026, 21:47 Uhr
/* 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;
}