MediaWiki:Vector-2022.css: Difference between revisions

From openwfm
(Undo revision 8334 by Jmandel (talk))
Tags: Undo Reverted
(rv rv)
Tag: Manual revert
Line 1: Line 1:
/* HEADER IMAGE BACKGROUND */
/* Add a banner image without creating layout shift */
body.skin-vector-2022 .mw-page-container {
  position: relative;
  padding-top: 110px; /* Reserve space for banner image */
}
 
body.skin-vector-2022::before {
body.skin-vector-2022::before {
   content: "";
   content: "";
  display: block;
   position: fixed;
   position: absolute;
   top: 0;
   top: 0;
   left: 0;
   left: 0;
Line 15: Line 9:
   background: url("/images/c/cb/Openwfm.png") no-repeat center center;
   background: url("/images/c/cb/Openwfm.png") no-repeat center center;
   background-size: cover;
   background-size: cover;
  z-index: 0; /* below header */
  pointer-events: none;
}
/* Push page content below the banner */
body.skin-vector-2022 .mw-page-container {
  position: relative;
   z-index: 1;
   z-index: 1;
   pointer-events: none; /* Prevent blocking interaction */
   padding-top: 110px; /* match banner height */
  background: white;
}
}


/* ENSURE SITE HEADER CONTENT STAYS ABOVE */
/* Keep top nav above the image */
body.skin-vector-2022 .vector-header {
body.skin-vector-2022 .vector-header {
   position: relative;
   position: relative;
   z-index: 2;
   z-index: 2;
   background: transparent;
   background: transparent;
  padding: 0;
  margin: 0;
}
}

Revision as of 21:44, 6 August 2025

/* Add a banner image without creating layout shift */
body.skin-vector-2022::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 110px;
  background: url("/images/c/cb/Openwfm.png") no-repeat center center;
  background-size: cover;
  z-index: 0; /* below header */
  pointer-events: none;
}

/* Push page content below the banner */
body.skin-vector-2022 .mw-page-container {
  position: relative;
  z-index: 1;
  padding-top: 110px; /* match banner height */
  background: white;
}

/* Keep top nav above the image */
body.skin-vector-2022 .vector-header {
  position: relative;
  z-index: 2;
  background: transparent;
}