MediaWiki:Common.css: Difference between revisions

Revision as of 18:54, 13 December 2025

/* =========================================================
   Lumenward — Light Wiki Mock (GLOBAL, WAF-safe, no wildcards)
   Target: Vector 2022 (but mostly safe across skins)
   ========================================================= */

/* --- Base colors & typography --- */
html, body {
  background: #ffffff !important;
  color: #0a0a0a !important;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !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" */
a { text-decoration: none; }
a:hover { text-decoration: underline; }

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

/* Avoid left offset when sidebar is gone */
.mw-page-container-inner {
  grid-template-columns: 1fr !important;
}

/* --- Article card look on ALL pages --- */
/* The main content surface */
.mw-body,
.mw-content-ltr,
.mw-content-rtl,
#content,
#mw-content-text {
  background: transparent !important;
}

/* Card wrapper: apply to content area */
#mw-content-text {
  margin: 18px auto 28px !important;
  padding: 0 !important;
  max-width: 1100px !important;
}

/* Card surface: parser output is the article "paper" */
.mw-parser-output {
  background: #f6f6f6 !important;
  border: 1px solid #e6e6e6 !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.08) !important;
  overflow: hidden !important;
}

/* Header strip: page title area */
.mw-page-title-main {
  font-size: 26px !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
}
.mw-page-title {
  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;
}

/* Paragraphs */
.mw-parser-output p {
  margin: 10px 0 !important;
}

/* Tables and infoboxes: soften */
.mw-parser-output table {
  border-color: #e6e6e6 !important;
}

/* Make edit-section links less prominent (but not removed) */
.mw-editsection,
.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 --- */
.mw-specialpage #mw-content-text {
  max-width: 1100px !important;
}