MediaWiki:Common.css: Difference between revisions

Revision as of 19:00, 13 December 2025

/* =========================================================
   Main Page = full lander using the built-in header search
   (no embedded forms, no scripts, WAF-safe)
   ========================================================= */

/* Apply ONLY on Main Page */
.page-Main_Page #mw-content-text {
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Hide the normal page title + article chrome on Main Page */
.page-Main_Page .mw-page-title,
.page-Main_Page .mw-page-title-main,
.page-Main_Page .mw-parser-output {
  display: none !important;
}

/* Make the main area a clean canvas */
.page-Main_Page .mw-body,
.page-Main_Page .mw-body-content,
.page-Main_Page #content {
  background: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Center the entire header row like a lander */
.page-Main_Page .mw-header {
  border-bottom: 1px solid #e6e6e6 !important;
}

/* Make the top search bar the "hero" */
.page-Main_Page .vector-search-box,
.page-Main_Page #p-search,
.page-Main_Page .mw-search {
  max-width: 720px !important;
  margin: 28px auto 0 !important;
}

/* Style the search input to match your light mock */
.page-Main_Page input[type="search"],
.page-Main_Page #searchInput {
  width: 100% !important;
  padding: 12px 14px !important;
  border: 1px solid #e6e6e6 !important;
  border-radius: 999px !important;
  background: #f6f6f6 !important;
  color: #0a0a0a !important;
  font-size: 14px !important;
  outline: none !important;
}

/* Make the search button match (Vector uses different markup across versions) */
.page-Main_Page .vector-search-box button,
.page-Main_Page .mw-ui-button,
.page-Main_Page .searchButton {
  border-radius: 999px !important;
  border: 1px solid #e6e6e6 !important;
  background: #f6f6f6 !important;
  color: #3a3a3a !important;
}

/* Add a centered “hero” headline under the header without touching content */
.page-Main_Page #content::before {
  content: "A public resource for objective facts";
  display: block;
  text-align: center;
  margin: 26px auto 10px;
  max-width: 900px;
  padding: 0 18px;
  font-size: 32px;
  font-weight: 900;
  letter-spacing: .01em;
  color: #0a0a0a;
}

.page-Main_Page #content::after {
  content: "Search above. Uncertainty is stated explicitly; competing interpretations are described rather than resolved rhetorically.";
  display: block;
  text-align: center;
  margin: 10px auto 46px;
  max-width: 900px;
  padding: 0 18px;
  font-size: 14px;
  line-height: 1.7;
  color: #3a3a3a;
}

/* =========================================================
   Main Page: prevent duplicate/overlapping search (Vector 2022)
   Keep header search, hide secondary search UI
   ========================================================= */

/* Hide the secondary/sticky search widget if present */
.page-Main_Page #p-search,
.page-Main_Page .vector-sticky-header .vector-search-box,
.page-Main_Page .vector-sticky-header-container,
.page-Main_Page .vector-search-box-vue,
.page-Main_Page .mw-search {
  display: none !important;
}

/* Ensure the normal header search remains visible */
.page-Main_Page .mw-header .vector-search-box {
  display: flex !important;
  max-width: 720px !important;
  margin: 28px auto 0 !important;
}