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.

/* Layout Containers */
.sc-container { max-width: 1200px; margin: 0 auto; color: #fff; }
.sc-main-layout { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 20px; }

/* Category Tiles (The Grid at the Top) */
.sc-tile-grid { 
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); 
    gap: 8px; 
    margin-bottom: 25px; 
}
.sc-tile { 
    background: rgba(255,255,255,0.05); 
    border: 1px solid #333; 
    padding: 12px; 
    text-align: left; 
    font-size: 13px; 
    font-weight: bold; 
    text-transform: uppercase;
    transition: background 0.3s;
}
.sc-tile:hover { background: rgba(164, 119, 25, 0.2); border-color: #a47719; }

/* The Large Cards */
.sc-card { 
    background: rgba(0,0,0,0.3); 
    border: 1px solid #222; 
    border-radius: 2px; 
    padding: 20px; 
    position: relative;
}
.sc-featured { flex: 2; min-width: 350px; border-top: 2px solid #a47719; }
.sc-sidebar { flex: 1; min-width: 280px; }

/* The Action Buttons (Discord, Patreon, etc.) */
.sc-btn { 
    display: block; 
    padding: 14px; 
    margin-bottom: 10px; 
    text-align: center; 
    font-weight: bold; 
    color: #fff !important; 
    text-decoration: none !important; 
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 14px;
}
.sc-discord { background: #5865F2; }
.sc-patreon { background: #FF424D; }
.sc-kofi { background: #FF5E5B; }
.sc-reddit { background: #FF4500; }

/* Statistics Box */
.sc-stats { display: flex; gap: 30px; margin-top: 20px; border-top: 1px solid #333; padding-top: 15px; font-size: 12px; }
.sc-stat-val { display: block; font-size: 22px; font-weight: bold; color: #a47719; }