MediaWiki:Vector-2022.css: Difference between revisions

From openwfm
(new)
Tag: Reverted
(Undo revision 8337 by Jmandel (talk))
Tag: Undo
Line 1: Line 1:
/* Add a banner image without creating layout shift */
body.skin-vector-2022::before {
body.skin-vector-2022::before {
   content: "";
   content: "";
Line 8: 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: -1;
   z-index: 0; /* below header */
   pointer-events: none;
   pointer-events: none;
}
}


/* Reduce the space added by the skin */
/* Push page content below the banner */
body.skin-vector-2022 .mw-page-container {
body.skin-vector-2022 .mw-page-container {
   margin-top: -110px; /* Pull up the container */
   position: relative;
   padding-top: 220px; /* Still leaves space for banner to not overlap text */
  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;
}
}

Revision as of 21:46, 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;
}