MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* ===========================
   ConquestPS – Main Page polish (scoped)
   =========================== */

body.page-Main_Page {
  /* Subtle dark gradient background */
  --bg1: #0f1014;
  --bg2: #121318;
  --brand: #ffd65a;
  --brand-strong: #ffdf7b;
  --text-muted: rgba(255,255,255,0.72);

  background: radial-gradient(1200px 600px at 50% -10%, #1b1d25 0%, var(--bg2) 55%, var(--bg1) 100%) !important;
}

/* Centered page content */
body.page-Main_Page .mw-parser-output {
  max-width: 1100px;
  margin: 0 auto;
  padding: 24px 16px 56px;
}

/* --- HERO --- */
body.page-Main_Page .mainpage-hero {
  text-align: center;
  margin: 10px auto 28px;
}

body.page-Main_Page .mainpage-hero .hero-logo {
  display: inline-block;
  margin-bottom: 10px;
  filter: drop-shadow(0 6px 18px rgba(0,0,0,.5));
}

body.page-Main_Page .mainpage-title {
  font-size: clamp(26px, 3.2vw, 38px);
  font-weight: 800;
  letter-spacing: .2px;
  line-height: 1.2;
  margin-top: 6px;
}

body.page-Main_Page .mainpage-sub {
  margin-top: 6px;
  color: var(--text-muted);
}

/* --- GRID & CARDS --- */
body.page-Main_Page .mainpage-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin: 26px 0 16px;
}

@media (max-width: 1024px) {
  body.page-Main_Page .mainpage-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 560px) {
  body.page-Main_Page .mainpage-grid { grid-template-columns: 1fr; }
}

body.page-Main_Page .mainpage-card-link {
  display: block;
  text-decoration: none !important;
  color: inherit !important;
}

body.page-Main_Page .mainpage-card {
  position: relative;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));
  border: 1px solid rgba(255, 214, 90, .18);
  border-radius: 16px;
  padding: 18px 18px 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
  backdrop-filter: blur(6px);
}

body.page-Main_Page .mainpage-card:hover {
  transform: translateY(-3px);
  border-color: rgba(255,214,90,.4);
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  box-shadow: 0 14px 36px rgba(0,0,0,.35);
}

body.page-Main_Page .mainpage-card-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 800;
  color: var(--brand);
  margin-bottom: 6px;
}

body.page-Main_Page .mainpage-card-title .badge {
  width: 26px; height: 26px;
  display: inline-grid;
  place-items: center;
  border-radius: 8px;
  background: rgba(255,214,90,.12);
  border: 1px solid rgba(255,214,90,.25);
  font-size: 15px;
}

body.page-Main_Page .mainpage-card-desc {
  color: var(--text-muted);
  line-height: 1.5;
}

/* --- UPDATES --- */
body.page-Main_Page .mainpage-updates {
  margin-top: 28px;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  padding: 16px 18px;
}

body.page-Main_Page .mainpage-updates h3 {
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 800;
  color: #fff;
}

body.page-Main_Page .mainpage-updates ul {
  margin: 6px 0 0 18px;
}

/* Optional: hide “Powered by MediaWiki” pill in Citizen footer */
.citizen-footer__poweredby { display: none !important; }