Jump to content

MediaWiki:Common.css: Difference between revisions

From λ LUMENWARD
← Older editNewer edit →
Kauku (talk | contribs)
Bureaucrats, Interface administrators, Administrators
956 edits
No edit summary
No edit summary
Line 1: Line 1:
/* =========================================================
/* =========================================================
   Lumenward — Light Wiki Mock (GLOBAL, WAF-safe, no wildcards)
   Main Page = full lander using the built-in header search
  Target: Vector 2022 (but mostly safe across skins)
  (no embedded forms, no scripts, WAF-safe)
   ========================================================= */
   ========================================================= */


/* --- Base colors & typography --- */
/* Apply ONLY on Main Page */
html, body {
.page-Main_Page #mw-content-text {
   background: #ffffff !important;
   max-width: none !important;
  color: #0a0a0a !important;
   margin: 0 !important;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
   padding: 0 !important;
   line-height: 1.55 !important;
}
 
/* Make the header wordmark black */
.mw-logo,
.mw-logo a,
.mw-logo a:visited,
.mw-logo a:hover,
.mw-logo a:active {
   color: #000 !important;
}
}
.mw-logo a:hover { text-decoration: none !important; }


/* Links: restrained, not "Wikipedia-blue loud" */
/* Hide the normal page title + article chrome on Main Page */
a { text-decoration: none; }
.page-Main_Page .mw-page-title,
a:hover { text-decoration: underline; }
.page-Main_Page .mw-page-title-main,
 
.page-Main_Page .mw-parser-output {
/* --- Page width & centering (uniform) --- */
.mw-page-container-inner,
.mw-content-container,
#content {
  max-width: 1220px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
 
/* --- Remove visual clutter safely (keep functionality) --- */
/* Keep sidebar logic but hide it visually for a clean mock look */
#mw-panel,
.mw-sidebar,
.mw-sidebar-container,
.vector-sidebar,
.vector-sidebar-container {
   display: none !important;
   display: none !important;
}
}


/* Avoid left offset when sidebar is gone */
/* Make the main area a clean canvas */
.mw-page-container-inner {
.page-Main_Page .mw-body,
   grid-template-columns: 1fr !important;
.page-Main_Page .mw-body-content,
.page-Main_Page #content {
   background: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}
}


/* --- Article card look on ALL pages --- */
/* Center the entire header row like a lander */
/* The main content surface */
.page-Main_Page .mw-header {
.mw-body,
   border-bottom: 1px solid #e6e6e6 !important;
.mw-content-ltr,
.mw-content-rtl,
#content,
#mw-content-text {
   background: transparent !important;
}
}


/* Card wrapper: apply to content area */
/* Make the top search bar the "hero" */
#mw-content-text {
.page-Main_Page .vector-search-box,
   margin: 18px auto 28px !important;
.page-Main_Page #p-search,
   padding: 0 !important;
.page-Main_Page .mw-search {
  max-width: 1100px !important;
   max-width: 720px !important;
   margin: 28px auto 0 !important;
}
}


/* Card surface: parser output is the article "paper" */
/* Style the search input to match your light mock */
.mw-parser-output {
.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;
   background: #f6f6f6 !important;
   border: 1px solid #e6e6e6 !important;
   color: #0a0a0a !important;
   border-radius: 10px !important;
   font-size: 14px !important;
   box-shadow: 0 10px 30px rgba(0,0,0,.08) !important;
   outline: none !important;
  overflow: hidden !important;
}
}


/* Header strip: page title area */
/* Make the search button match (Vector uses different markup across versions) */
.mw-page-title-main {
.page-Main_Page .vector-search-box button,
  font-size: 26px !important;
.page-Main_Page .mw-ui-button,
  font-weight: 900 !important;
.page-Main_Page .searchButton {
  letter-spacing: .02em !important;
   border-radius: 999px !important;
}
   border: 1px solid #e6e6e6 !important;
.mw-page-title {
   background: #f6f6f6 !important;
  background: #f0f0f0 !important;
  border-bottom: 1px solid #e6e6e6 !important;
  margin: 0 !important;
  padding: 18px 18px 12px !important;
}
 
/* Remove extra spacing above the title area */
.mw-body-content {
  margin-top: 0 !important;
}
 
/* Article body padding */
.mw-parser-output > * {
  padding-left: 18px;
  padding-right: 18px;
}
.mw-parser-output > *:first-child {
  padding-top: 16px;
}
.mw-parser-output > *:last-child {
   padding-bottom: 18px;
}
 
/* Section headers like your mock (small uppercase) */
.mw-parser-output h2 {
  margin: 22px 0 10px !important;
   font-size: 14px !important;
   font-weight: 900 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: #3a3a3a !important;
  border: 0 !important;
}
.mw-parser-output h3 {
  margin: 18px 0 8px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
   color: #3a3a3a !important;
   color: #3a3a3a !important;
}
}


/* Paragraphs */
/* Add a centered “hero” headline under the header without touching content */
.mw-parser-output p {
.page-Main_Page #content::before {
  margin: 10px 0 !important;
   content: "A public resource for objective facts";
}
   display: block;
 
   text-align: center;
/* Tables and infoboxes: soften */
   margin: 26px auto 10px;
.mw-parser-output table {
   max-width: 900px;
   border-color: #e6e6e6 !important;
   padding: 0 18px;
}
   font-size: 32px;
 
   font-weight: 900;
/* Make edit-section links less prominent (but not removed) */
   letter-spacing: .01em;
.mw-editsection,
   color: #0a0a0a;
.mw-editsection a {
   font-size: 12px !important;
   color: #777 !important;
  font-weight: 700 !important;
   text-transform: uppercase !important;
   letter-spacing: .06em !important;
}
 
/* --- Footer cleanup (safe) --- */
#footer-poweredby,
#footer-poweredbyico,
.mw-poweredby {
   display: none !important;
}
 
/* Keep footer but make it quiet */
#footer {
   color: #666 !important;
   font-size: 12px !important;
   border-top: 1px solid #e6e6e6 !important;
   margin-top: 22px !important;
}
}


/* --- Make Special pages visually consistent too --- */
.page-Main_Page #content::after {
.mw-specialpage #mw-content-text {
  content: "Search above. Uncertainty is stated explicitly; competing interpretations are described rather than resolved rhetorically.";
   max-width: 1100px !important;
  display: block;
  text-align: center;
  margin: 10px auto 46px;
   max-width: 900px;
  padding: 0 18px;
  font-size: 14px;
  line-height: 1.7;
  color: #3a3a3a;
}
}

Revision as of 18:58, 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;
}
Retrieved from "https://lumenward.com/index.php?title=MediaWiki:Common.css&oldid=22"