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.

/* ===== Main Page Styling (cards) ===== */
.mainpage-hero{ text-align:center; margin:10px auto 24px; }
.mainpage-title{ font-size:28px; font-weight:800; letter-spacing:.3px; margin-top:8px; }
.mainpage-sub{ opacity:.8; margin-top:4px; }

.mainpage-grid{
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px;
  max-width:1100px; margin:24px auto; padding:0 12px;
}
@media (max-width:1000px){ .mainpage-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:560px){ .mainpage-grid{ grid-template-columns:1fr; } }

.mainpage-card{
  background:rgba(255,214,90,.06);
  border:1px solid rgba(255,214,90,.18);
  border-radius:14px;
  transition:transform .12s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease;
}
.mainpage-card:hover{
  background:rgba(255,214,90,.12);
  border-color:rgba(255,214,90,.35);
  box-shadow:0 6px 18px rgba(0,0,0,.35);
  transform:translateY(-2px);
}

/* Make the whole card clickable */
.mainpage-card-link{
  display:block; padding:16px 18px; text-decoration:none !important;
  color:inherit; /* preserves Citizen theme colors */
}

.mainpage-card-title{
  font-weight:700; margin-bottom:6px; color:#ffd65a;
}
.mainpage-card-title a{ color:#ffd65a !important; text-decoration:none !important; }
.mainpage-card-title a:hover{ text-shadow:0 0 6px rgba(255,214,90,.8); }

.mainpage-card-desc{ opacity:.85; line-height:1.45; }

.mainpage-updates{ max-width:900px; margin:28px auto 10px; padding:0 12px; }