Jump to content

MediaWiki:Common.css: Difference between revisions

From λ LUMENWARD
No edit summary
No edit summary
Line 1: Line 1:
/* =========================================================
/* =========================================================
   Vector 2022 — FIX search positioning (safe & minimal)
   Lumenward: force neutral link + logo colors (no layout changes)
   ========================================================= */
   ========================================================= */


/* Ensure middle zone actually occupies center space */
/* Logo text: always black */
.vector-header-middle {
.mw-logo a,
  flex: 1 1 auto !important;
.mw-logo a:visited,
   display: flex !important;
.mw-logo a:hover,
   justify-content: center !important;
.mw-logo a:active {
   color: #000 !important;
   text-decoration: none !important;
}
}


/* Keep left and right zones fixed */
/* All links: black (including visited) */
.vector-header-start,
a,
.vector-header-end {
a:visited {
   flex: 0 0 auto !important;
   color: #111 !important;
}
}


/* Search width */
/* Hover: underline only (no color shift) */
.vector-header-middle .vector-search-box,
a:hover,
.vector-header-middle .vector-search-box-vue,
a:focus {
.vector-header-middle form.mw-search {
   color: #111 !important;
   width: 100%;
   text-decoration: underline !important;
   max-width: 520px;
}
}


/* Remove magnifying glass icon */
/* Contents / TOC links specifically (these are the ones showing purple) */
.vector-search-box .search-toggle,
.vector-toc a,
.vector-search-box-vue .cdx-search-input__icon {
.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;
   display: none !important;
}
}
 
.cdx-search-input__input {
/* Fix padding after icon removal */
   padding-left: 10px !important; /* keep text aligned after icon removal */
.vector-search-box input[type="search"],
.vector-search-box-vue input[type="search"],
#searchInput {
   padding-left: 10px !important;
}
}

Revision as of 12:59, 14 December 2025

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