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: force neutral link + logo colors (no layout changes)
   ========================================================= */

/* Logo text: always black */
.mw-logo a,
.mw-logo a:visited,
.mw-logo a:hover,
.mw-logo a:active {
  color: #000 !important;
  text-decoration: none !important;
}

/* All links: black (including visited) */
a,
a:visited {
  color: #111 !important;
}

/* Hover: underline only (no color shift) */
a:hover,
a:focus {
  color: #111 !important;
  text-decoration: underline !important;
}

/* Contents / TOC links specifically (these are the ones showing purple) */
.vector-toc a,
.vector-toc a:visited,
#toc a,
#toc a:visited {
  color: #111 !important;
}

/* =========================================================
   Lumenward: prevent GitHub/Discord from wrapping/truncating
   (targets the wrapper you added via Common.js)
   ========================================================= */
#lumenward-header-links {
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
}

#lumenward-header-links a {
  white-space: nowrap !important;
}

/* =========================================================
   Lumenward: remove magnifying-glass icon inside the search input
   (Vector 2022 / Codex)
   ========================================================= */
.cdx-search-input__icon {
  display: none !important;
}
.cdx-search-input__input {
  padding-left: 10px !important; /* keep text aligned after icon removal */
}

/* =========================================================
   Lumenward: force logo to a single line (Vector 2022 safe)
   ========================================================= */

/* Prevent line breaks in the logo */
.mw-logo,
.mw-logo a {
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* Ensure lambda + text stay together */
.mw-logo a span,
.mw-logo a {
  white-space: nowrap !important;
}

/* Optional: tighten spacing if needed */
.mw-logo a {
  gap: 6px; /* adjust or remove if unnecessary */
}

/* =========================================================
   Lumenward: Center footer content (Vector 2022)
   ========================================================= */

#footer {
  text-align: center !important;
}

#footer ul,
#footer-info,
#footer-places,
#footer-icons {
  float: none !important;
  display: inline-block !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#footer li {
  float: none !important;
  display: inline !important;
  margin: 0 8px !important;
}

/* =========================================================
   Vector 2022: Center header search (single source of truth)
   - Search is centered on the page
   - Left header (logo + GitHub/Discord) remains left
   - User icons remain far right
   ========================================================= */

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

/* Center ONLY the real search widgets (Vector’s actual search containers) */
.mw-header .vector-search-box,
.mw-header .vector-search-box-vue,
.mw-header #p-search {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;

  /* width of the centered search */
  width: min(620px, calc(100vw - 760px)) !important;
  margin: 0 !important;
  z-index: 1 !important;
}

/* Keep user/login tools on the far right (and above if anything overlaps) */
.mw-header .vector-header-end,
.mw-header .vector-user-links,
.mw-header .mw-header-user,
.mw-header .vector-user-menu,
.mw-header .vector-user-menu-container,
.mw-header #p-personal {
  position: relative !important;
  z-index: 2 !important;
}

/* Mobile: don't absolute-center (avoid overlaps) */
@media (max-width: 900px) {
  .mw-header .vector-search-box,
  .mw-header .vector-search-box-vue,
  .mw-header #p-search {
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: 100% !important;
    margin: 8px 0 0 !important;
  }
}