Jump to content

MediaWiki:Common.css: Difference between revisions

From Cameroon Heritage Encyclopedia
No edit summary
No edit summary
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
/* ==============================
/* ==============================
   Header background – Vector 2022
   Vector 2022 – Header background
   ============================== */
   ============================== */


.skin-vector-2022 .mw-header {
.skin-vector-2022 .mw-header-container {
     background-image: url("/wiki/Special:Redirect/file/Bgheader.jpg");
     background-image: url("/wiki/Special:Redirect/file/Bgheader.jpg");
     background-size: cover;
     background-size: cover;
Line 11: Line 12:
}
}


/* Improve contrast */
/* Make text and icons readable */
.skin-vector-2022 .mw-header,
.skin-vector-2022 .mw-header-container,
.skin-vector-2022 .mw-header a,
.skin-vector-2022 .mw-header-container a,
.skin-vector-2022 .mw-header .mw-ui-icon {
.skin-vector-2022 .mw-header-container .mw-ui-icon {
     color: #ffffff;
     color: #ffffff;
}
}


/* Dark overlay so text is readable */
/* Dark overlay */
.skin-vector-2022 .mw-header::before {
.skin-vector-2022 .mw-header-container::before {
     content: "";
     content: "";
     position: absolute;
     position: absolute;
Line 27: Line 28:
}
}


.skin-vector-2022 .mw-header > * {
.skin-vector-2022 .mw-header-container > * {
     position: relative;
     position: relative;
     z-index: 1;
     z-index: 1;
}
}

Revision as of 06:31, 9 February 2026

/* CSS placed here will be applied to all skins */

/* ==============================
   Vector 2022 – Header background
   ============================== */

.skin-vector-2022 .mw-header-container {
    background-image: url("/wiki/Special:Redirect/file/Bgheader.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Make text and icons readable */
.skin-vector-2022 .mw-header-container,
.skin-vector-2022 .mw-header-container a,
.skin-vector-2022 .mw-header-container .mw-ui-icon {
    color: #ffffff;
}

/* Dark overlay */
.skin-vector-2022 .mw-header-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 0;
}

.skin-vector-2022 .mw-header-container > * {
    position: relative;
    z-index: 1;
}