Jump to content

MediaWiki:Common.css: Difference between revisions

From λ LUMENWARD
No edit summary
No edit summary
Line 1: Line 1:
/* =========================================================
/* =========================================================
   Lumenward — minimal, stable global adjustments
   Lumenward — stable global header layout
   Skin: Vector 2022
   Skin: Vector 2022
   ========================================================= */
   ========================================================= */
Line 19: Line 19:


/* ---------------------------------------------------------
/* ---------------------------------------------------------
   Remove "Powered by MediaWiki" everywhere
   Remove "Powered by MediaWiki"
   --------------------------------------------------------- */
   --------------------------------------------------------- */
#footer-poweredby,
#footer-poweredby,
Line 29: Line 29:


/* ---------------------------------------------------------
/* ---------------------------------------------------------
   Header layout (Vector 2022)
   HEADER LAYOUT
   Keep: logo left · search middle · user tools right
   Logo = left
  Search = true center of page
  User/Login = far right
   --------------------------------------------------------- */
   --------------------------------------------------------- */
/* Header container */
.mw-header .vector-header-container {
.mw-header .vector-header-container {
   display: flex !important;
   display: grid !important;
  grid-template-columns: auto 1fr auto !important;
   align-items: center !important;
   align-items: center !important;
  gap: 16px !important;
}
}


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


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


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


/* ---------------------------------------------------------
/* ---------------------------------------------------------
   Move ONLY the search bar slightly right (Vector 2022)
   SEARCH BAR — perfectly centered on page
   --------------------------------------------------------- */
   --------------------------------------------------------- */


/* Make sure the middle header zone centers its contents */
.mw-header .vector-header-middle {
  display: flex !important;
  justify-content: center !important;
}
/* Hit the real search wrapper in Vector 2022 (multiple safe selectors) */
.mw-header .vector-header-middle .vector-search-box,
.mw-header .vector-header-middle .vector-search-box,
.mw-header .vector-header-middle .vector-search-box-vue,
.mw-header .vector-header-middle .vector-search-box-vue,
Line 72: Line 72:
.mw-header .vector-header-middle #p-search {
.mw-header .vector-header-middle #p-search {
   width: min(720px, 100%) !important;
   width: min(720px, 100%) !important;
   margin-left: 80px !important;   /* move right */
   margin-left: auto !important;
   margin-right: 0 !important;
   margin-right: auto !important;
}
}

Revision as of 19:42, 13 December 2025

/* =========================================================
   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;
}