MediaWiki:Vector.css: Unterschied zwischen den Versionen

Aus GreenWay2 WIKI
Zur Navigation springen Zur Suche springen
(Vector Dark Mode)
 
(Header fix v2)
 
Zeile 1: Zeile 1:
/* Vector Skin Dark Mode */
/* Vector Skin - Hintergrundbild Fix */


/* Hauptcontainer */
/* ALLES transparent machen */
.skin-vector .mw-page-container {
html.skin-vector,
     background: #1a1a1a !important;
body.skin-vector,
body.skin-vector-legacy,
.skin-vector #mw-page-base,
.skin-vector #mw-head-base,
.skin-vector-legacy #mw-page-base,
.skin-vector-legacy #mw-head-base {
     background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}
}


.skin-vector .mw-body {
/* Der weisse Streifen oben */
     background: #242424 !important;
#mw-page-base {
     border-color: #4a4a4a !important;
     background: transparent !important;
     color: #e0e0e0 !important;
     background-color: transparent !important;
    background-image: none !important;
     height: 0 !important;
}
}


.skin-vector #mw-content-text {
#mw-head-base {
     background: #242424 !important;
     background: transparent !important;
}
    background-color: transparent !important;
 
     background-image: none !important;
/* Vector 2022 spezifisch */
.skin-vector-2022 .mw-page-container {
     background: #1a1a1a !important;
}
}


.skin-vector-2022 .mw-body {
/* Header Container */
     background: #242424 !important;
div#mw-head,
    border: none !important;
#mw-head {
     background: rgba(26, 26, 26, 0.95) !important;
}
}


.skin-vector-2022 .vector-body {
/* Content */
    background: #242424 !important;
.skin-vector #content,
}
.skin-vector .mw-body,
 
/* Legacy Vector */
.skin-vector-legacy #content {
.skin-vector-legacy #content {
     background: #242424 !important;
     background: rgba(36, 36, 36, 0.95) !important;
     border-color: #4a4a4a !important;
     border-color: #4a4a4a !important;
}
}


.skin-vector-legacy #mw-page-base {
/* Panel */
    background: #1a1a1a !important;
.skin-vector #mw-panel,
}
.skin-vector-legacy #mw-panel {
 
.skin-vector-legacy #mw-head-base {
    background: #1a1a1a !important;
}
 
/* Panel/Sidebar */
.skin-vector #mw-panel {
    background: #1a1a1a !important;
}
 
.skin-vector .vector-menu-portal .vector-menu-heading {
    color: #c9a227 !important;
}
 
/* Content area - wichtig! */
.skin-vector .mw-parser-output {
    color: #e0e0e0 !important;
}
 
/* Header area */
.skin-vector .mw-header {
    background: #1a1a1a !important;
}
 
.skin-vector #p-personal {
    background: transparent !important;
}
 
/* Tabs */
.skin-vector .vector-menu-tabs {
     background: transparent !important;
     background: transparent !important;
}
.skin-vector .vector-menu-tabs li a {
    color: #ffd700 !important;
}
.skin-vector .vector-menu-tabs li.selected {
    background: #3d3d3d !important;
}
}

Aktuelle Version vom 19. Februar 2026, 21:48 Uhr

/* Vector Skin - Hintergrundbild Fix */

/* ALLES transparent machen */
html.skin-vector,
body.skin-vector,
body.skin-vector-legacy,
.skin-vector #mw-page-base,
.skin-vector #mw-head-base,
.skin-vector-legacy #mw-page-base,
.skin-vector-legacy #mw-head-base {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* Der weisse Streifen oben */
#mw-page-base {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    height: 0 !important;
}

#mw-head-base {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* Header Container */
div#mw-head,
#mw-head {
    background: rgba(26, 26, 26, 0.95) !important;
}

/* Content */
.skin-vector #content,
.skin-vector .mw-body,
.skin-vector-legacy #content {
    background: rgba(36, 36, 36, 0.95) !important;
    border-color: #4a4a4a !important;
}

/* Panel */
.skin-vector #mw-panel,
.skin-vector-legacy #mw-panel {
    background: transparent !important;
}