MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 960: / Line 960: @@
    white-space: nowrap;
 }
-/* ============================================
+/* Welcome Page */
-   Welcome Page — full-screen banner splash
+/* Hide all chrome on Welcome */
-   ============================================ */
-/* ---- DESKTOP (Vector 2022) ---- */
-/* Hide all chrome + custom toolbar */
 body.page-Welcome #mw-navigation,
 body.page-Welcome #mw-panel,
 body.page-Welcome #footer,
 body.page-Welcome .mw-footer,
-body.page-Welcome .mw-footer-container,
 body.page-Welcome #siteSub,
 body.page-Welcome #contentSub,
@@ Line 978: / Line 972: @@
 body.page-Welcome .mw-indicators,
 body.page-Welcome .vector-header,
-body.page-Welcome .vector-header-container,
 body.page-Welcome .vector-page-toolbar,
-body.page-Welcome .vector-page-titlebar,
 body.page-Welcome .vector-sticky-header,
-body.page-Welcome .mw-portlet-dock-bottom,
+body.page-Welcome .mw-page-container,
 body.page-Welcome #gr-static-bar,
 body.page-Welcome #se-docnav-btn,
 body.page-Welcome #gra-toggle,
 body.page-Welcome #se-scrolltop {
    display: none !important;
 }
+body.page-Welcome .mw-page-container
-/* Lock the page to one viewport, no scroll */
+/* Put the banner directly on the body of the Welcome page */
-html,
 body.page-Welcome {
-   height: 100% !important;
+   background-image: url('/images/banner.jpeg') !important;
+  background-size: contain !important;
+  background-repeat: no-repeat !important;
+  background-position: center center !important;
+  background-attachment: fixed !important;
+  background-color: #3a0d0d !important;
+  cursor: pointer;
+}
+/* Make the content area transparent so the body banner shows through */
+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 {
+  background: transparent !important;
+  border: none !important;
+  box-shadow: none !important;
+  min-height: 100vh;
+}
+/* Kill the white everywhere it's painted */
+body.page-Welcome,
+body.page-Welcome .mw-page-container,
+body.page-Welcome .mw-page-container-inner,
+body.page-Welcome .mw-content-container,
+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 {
+  background: transparent !important;
+  border: none !important;
+  box-shadow: none !important;
    margin: 0 !important;
-   padding: 0
+   padding: 0 !important;
+}
+/* Put the banner on the body and force it full height */
+body.page-Welcome {
+  background-image: url('/images/banner.jpeg') !important;
+  background-size: contain !important;
+  background-repeat: no-repeat !important;
+  background-position: center center !important;
+  background-attachment: fixed !important;
+  background-color: #3a0d0d !important;
+  min-height: 100vh !important;
+  cursor: pointer;
+}
+/* ---- Minerva (mobile) splash for Welcome ---- */
+/* Hide all chrome on Welcome */
+body.skin-minerva.page-Welcome .header-container,
+body.skin-minerva.page-Welcome .minerva-header,
+body.skin-minerva.page-Welcome #mw-mf-page-center > .header-container,
+body.skin-minerva.page-Welcome .banner-container,
+body.skin-minerva.page-Welcome .pre-content,
+body.skin-minerva.page-Welcome #page-actions,
+body.skin-minerva.page-Welcome .page-actions-menu,
+body.skin-minerva.page-Welcome .last-modified-bar,
+body.skin-minerva.page-Welcome .post-content,
+body.skin-minerva.page-Welcome #footer,
+body.skin-minerva.page-Welcome .minerva-footer,
+body.skin-minerva.page-Welcome .navigation-drawer,
+body.skin-minerva.page-Welcome .mw-page-title-main,
+body.skin-minerva.page-Welcome #section_0,
+body.skin-minerva.page-Welcome .pre-content .mw-ui-icon,
+body.skin-minerva.page-Welcome h1.mw-first-heading {
+  display: none !important;
+}
+/* Kill white on all Minerva container surfaces */
+body.skin-minerva.page-Welcome,
+body.skin-minerva.page-Welcome #mw-mf-viewport,
+body.skin-minerva.page-Welcome #mw-mf-page-center,
+body.skin-minerva.page-Welcome #content,
+body.skin-minerva.page-Welcome .mw-body,
+body.skin-minerva.page-Welcome #mw-content-text,
+body.skin-minerva.page-Welcome .mw-parser-output,
+body.skin-minerva.page-Welcome #bodyContent {
+  background: transparent !important;
+  border: none !important;
+  box-shadow: none !important;
+  margin: 0 !important;
+  padding: 0 !important;
+}
+/* Put the banner on the body, full height */
+body.skin-minerva.page-Welcome {
+  background-image: url('/images/banner.jpeg') !important;
+  background-size: contain !important;
+  background-repeat: no-repeat !important;
+  background-position: center center !important;
+  background-color: #3a0d0d !important;
+  min-height: 100vh !important;
+  cursor: pointer;
+}