MediaWiki:Vector-2022.css: Difference between revisions

From openwfm
(rv rv)
Tag: Manual revert
(new)
Tag: Reverted
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 9: Line 8:
   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 */
   z-index: -1;
   pointer-events: none;
   pointer-events: none;
}
}


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

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: -1;
  pointer-events: none;
}

/* Reduce the space added by the skin */
body.skin-vector-2022 .mw-page-container {
  margin-top: -110px;  /* Pull up the container */
  padding-top: 220px;  /* Still leaves space for banner to not overlap text */
}