MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* =========================================================
   Lumenward — stable global header layout
   Skin: Vector 2022
   ========================================================= */


/* ---------------------------------------------------------
   Text logo styling (λ LUMENWARD)
   --------------------------------------------------------- */
.mw-logo,
.mw-logo a,
.mw-logo a:visited,
.mw-logo a:hover,
.mw-logo a:active {
  color: #000 !important;
  text-decoration: none !important;
}


/* ---------------------------------------------------------
   Remove "Powered by MediaWiki"
   --------------------------------------------------------- */
#footer-poweredby,
#footer-poweredbyico,
.mw-poweredby {
  display: none !important;
}


/* ---------------------------------------------------------
   HEADER LAYOUT
   Logo = left
   Search = true center of page
   User/Login = far right
   --------------------------------------------------------- */

/* Header container */
.mw-header .vector-header-container {
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: center !important;
}

/* Left: logo/menu */
.mw-header .vector-header-start {
  justify-self: start !important;
}

/* Middle: full-width centering lane */
.mw-header .vector-header-middle {
  justify-self: center !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
}

/* Right: user/login tools */
.mw-header .vector-header-end {
  justify-self: end !important;
  margin-left: auto !important;
  display: flex !important;
  justify-content: flex-end !important;
}

/* ---------------------------------------------------------
   SEARCH BAR — perfectly centered on page
   --------------------------------------------------------- */

.mw-header .vector-header-middle .vector-search-box,
.mw-header .vector-header-middle .vector-search-box-vue,
.mw-header .vector-header-middle form.mw-search,
.mw-header .vector-header-middle #p-search {
  width: min(720px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}