MediaWiki:Common.css: Difference between revisions

Revision as of 19:02, 13 December 2025

/* =========================================================
   Main Page: keep ONE search bar (header), hide sticky duplicate
   ========================================================= */

/* 1) HIDE the sticky/duplicate header (this is the second search UI) */
.page-Main_Page .vector-sticky-header,
.page-Main_Page .vector-sticky-header-container {
  display: none !important;
}

/* 2) SHOW the normal header search no matter what previous rules did */
.page-Main_Page .mw-header #p-search,
.page-Main_Page .mw-header .vector-search-box,
.page-Main_Page .mw-header .mw-search {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* 3) Make the header search look like the hero */
.page-Main_Page .mw-header .vector-search-box {
  max-width: 720px !important;
  margin: 28px auto 0 !important;
}

@@ Line 1: / Line 1: @@
 /* =========================================================
-    Main Page = full lander using the built-in header search
+    Main Page: keep ONE search bar (header), hide sticky duplicate
-   (no embedded forms, no scripts, WAF-safe)
     ========================================================= */
-/* Apply ONLY on Main Page */
+/* 1) HIDE the sticky/duplicate header (this is the second search UI) */
-.page-Main_Page #mw-content-text {
+.page-Main_Page .vector-sticky-header,
-  max-width: none !important;
+.page-Main_Page .vector-sticky-header-container {
-  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 */
+/* 2) SHOW the normal header search no matter what previous rules did */
-.page-Main_Page .mw-body,
+.page-Main_Page .mw-header #p-search,
-.page-Main_Page .mw-body-content,
+.page-Main_Page .mw-header .vector-search-box,
-.page-Main_Page #content {
+.page-Main_Page .mw-header .mw-search {
-  background: #fff !important;
+   display: block !important;
-  border: 0 !important;
+   visibility: visible !important;
-  box-shadow: none !important;
+   opacity: 1 !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 */
+/* 3) Make the header search look like the hero */
 .page-Main_Page .mw-header .vector-search-box {
-  display: flex !important;
    max-width: 720px !important;
    margin: 28px auto 0 !important;
 }