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.

/* =========================================================
   Vector 2022: prevent overlapping duplicate search
   Keep normal header search, hide sticky-header duplicate only
   ========================================================= */

/* Hide only the search inside the sticky header (duplicate) */
.vector-sticky-header input[type="search"],
.vector-sticky-header #searchInput,
.vector-sticky-header .vector-search-box,
.vector-sticky-header form.mw-search,
.vector-sticky-header [role="search"] {
  display: none !important;
}

/* Ensure the normal header search stays visible */
.mw-header input[type="search"],
.mw-header #searchInput,
.mw-header .vector-search-box,
.mw-header form.mw-search,
.mw-header [role="search"] {
  display: block !important;
}

/* =========================================================
   Lumenward search appearance (style only)
   No layout changes. No display changes.
   ========================================================= */

/* Search input — light mock look */
.mw-header input[type="search"],
.mw-header #searchInput {
  background: #f6f6f6 !important;
  border: 1px solid #e6e6e6 !important;
  border-radius: 999px !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
  color: #0a0a0a !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Focus: subtle */
.mw-header input[type="search"]:focus,
.mw-header #searchInput:focus {
  background: #ffffff !important;
  border-color: #bdbdbd !important;
}

/* Placeholder tone */
.mw-header input[type="search"]::placeholder,
.mw-header #searchInput::placeholder {
  color: #6a6a6a !important;
  opacity: 1 !important;
}

/* If there is a search button/icon, make it match (no show/hide) */
.mw-header button,
.mw-header .searchButton,
.mw-header .mw-ui-button {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}