Jump to content

MediaWiki:Vector-2022.css: Difference between revisions

From Cameroon Heritage Encyclopedia
Created page with "============================== Vector 2022 header background ==============================: .mw-header { background: url("/wiki/Special:Redirect/file/Bgheader.jpg") center / cover no-repeat !important; }"
 
No edit summary
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
/* ==============================
/* ==============================
   Vector 2022 header background
   Vector 2022 – Header background
   ============================== */
   ============================== */


.mw-header {
.mw-header {
     background: url("/wiki/Special:Redirect/file/Bgheader.jpg") center / cover no-repeat !important;
    position: relative;
     background-image: url("/wiki/index.php?title=Special:Redirect/file/Bgheader.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
 
/* White overlay to brighten the image */
.mw-header::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.6); /* increase/decrease to taste */
    z-index: 0;
}
 
/* Ensure text/icons stay on top */
.mw-header > * {
    position: relative;
    z-index: 1;
}
 
/* Make header text dark and readable */
.mw-header,
.mw-header a,
.mw-header .mw-ui-icon {
    color: #1f1f1f !important;
}
}

Latest revision as of 06:55, 9 February 2026

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

.mw-header {
    position: relative;
    background-image: url("/wiki/index.php?title=Special:Redirect/file/Bgheader.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* White overlay to brighten the image */
.mw-header::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.6); /* increase/decrease to taste */
    z-index: 0;
}

/* Ensure text/icons stay on top */
.mw-header > * {
    position: relative;
    z-index: 1;
}

/* Make header text dark and readable */
.mw-header,
.mw-header a,
.mw-header .mw-ui-icon {
    color: #1f1f1f !important;
}