Jump to content

MediaWiki:Common.css

From λ LUMENWARD
Revision as of 19:29, 13 December 2025 by Kauku (talk | contribs)

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 — minimal, stable global adjustments
   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" everywhere
   --------------------------------------------------------- */
#footer-poweredby,
#footer-poweredbyico,
.mw-poweredby {
  display: none !important;
}


/* ---------------------------------------------------------
   Search bar positioning
   - True center, nudged slightly right (~80px)
   - Does NOT affect login/user icons or logo
   --------------------------------------------------------- */

/* Make header a positioning context */
.mw-header {
  position: relative !important;
}

/* Position search bar */
.mw-header .vector-search-box,
.mw-header #p-search {
  position: absolute !important;
  left: calc(50% + 80px) !important; /* ~5 spacebars to the right */
  top: 50% !important;
  transform: translate(-50%, -50%) !important;

  width: min(720px, calc(100vw - 520px)) !important;
  margin: 0 !important;
}

/* Mobile safety: revert to normal flow */
@media (max-width: 900px) {
  .mw-header .vector-search-box,
  .mw-header #p-search {
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;

    width: 100% !important;
    margin: 12px 0 0 !important;
  }
}