MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
Line 961: Line 961:
}
}
/* Welcome Page */
/* Welcome Page */
.inaugural-banner {
/* Hide all wiki chrome on the Welcome page */
   width: 100%;
body.page-Welcome #mw-navigation,
   max-width: 1120px;
body.page-Welcome #mw-panel,
   margin: 0 auto;
body.page-Welcome #footer,
   aspect-ratio: 16 / 9;           /* match your banner's proportions */
body.page-Welcome #siteSub,
body.page-Welcome #contentSub,
body.page-Welcome #firstHeading,
body.page-Welcome .mw-page-title-main,
body.page-Welcome #p-personal,
body.page-Welcome .mw-indicators,
body.page-Welcome .vector-header,
body.page-Welcome .vector-page-toolbar,
body.page-Welcome .mw-footer,
body.page-Welcome .vector-sticky-header {
   display: none !important;
}
 
/* Strip layout padding/margins so content goes edge to edge */
body.page-Welcome,
body.page-Welcome #content,
body.page-Welcome .mw-body,
body.page-Welcome #mw-content-text,
body.page-Welcome .mw-parser-output,
body.page-Welcome #bodyContent {
   margin: 0 !important;
   padding: 0 !important;
   border: none !important;
  background: #3a0d0d !important;   /* matches banner's dark maroon edge */
}
 
/* The banner fills the whole viewport */
body.page-Welcome .inaugural-splash {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
   background-image: url('/images/banner.jpeg');
   background-image: url('/images/banner.jpeg');
   background-size: contain;
   background-size: contain;         /* whole banner visible, no cropping */
   background-repeat: no-repeat;
   background-repeat: no-repeat;
   background-position: center;
   background-position: center;
  background-color: #3a0d0d;        /* fills letterbox areas */
   cursor: pointer;
   cursor: pointer;
   outline: none;
   outline: none;
}
   z-index: 1000;
.inaugural-banner:focus {
   box-shadow: 0 0 0 3px #b8860b;
}
}