MediaWiki:Common.css
Appearance
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.
/* SideQuest branding through supported site CSS, without changing MediaWiki core. */
.mw-body-content { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.7; }
.sq-hero { padding: 2rem; border-radius: 12px; background: #211630; color: #f8fafc; border-top: 4px solid #a855f7; margin: 0 0 1.25rem; }
.sq-eyebrow { color: #e0b8ff; letter-spacing: .12em; font-size: .75rem; font-weight: 700; }
.sq-title { font-size: clamp(1.6rem, 4vw, 2.6rem); font-weight: 750; line-height: 1.2; margin: .6rem 0 1rem; }
.sq-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 1.5rem 0; }
.sq-card { padding: 1.2rem 1.4rem; border: 1px solid var(--border-color-base, #a2a9b1); border-radius: 9px; border-top: 3px solid #9333ea; }
.sq-card h2 { font-family: inherit; font-size: 1.15rem; margin-top: 0; }
.sq-review { border-left: 4px solid #a66b00; padding: .8rem 1rem; margin: 1rem 0; background: var(--background-color-warning-subtle, #fff4cc); color: var(--color-base, #202122); font-size: .92rem; }
.sq-fact { border-left: 3px solid #9333ea; padding: .5rem 1rem; margin: 1rem 0; }
.sq-table-scroll { overflow-x: auto; max-width: 100%; margin: 1rem 0; }
.sq-bonus-table { width: 100%; margin: 0; font-size: .94rem; }
.sq-bonus-table th, .sq-bonus-table td { padding: .65rem .75rem; vertical-align: top; }
.sq-bonus-table td:nth-child(n+3) { white-space: nowrap; }
.sq-bonus-table caption { text-align: left; font-weight: 600; padding: .5rem 0; }
.sq-infobox { width: 100%; max-width: 34rem; }
@media (max-width: 640px) { .sq-grid { grid-template-columns: 1fr; } .sq-hero { padding: 1.3rem; } .sq-card { padding: 1rem; } }