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.

/* CSS placed here will be applied to all skins */

/* --- TABLE FIXES --- */

/* Force tables to use 100% width when this class is used */
.fullwidth {
    width: 100% !important;
}

/* Optional: Prevent Game Mode from wrapping onto two lines */
.nowrap {
    white-space: nowrap;
}

/* STRONG FIX: Disable links in ALL sortable table headers */
table.wikitable th a,
table.wikitable th.headerSort a {
    pointer-events: none !important; /* Makes clicks pass through to the sort button */
    cursor: pointer !important;      /* Shows the hand cursor for sorting */
    color: black !important;         /* Forces text to look black, not blue */
    text-decoration: none !important; /* Removes the underline */
}

/* Hide columns based on the 'hide' parameter */
.hide-Genre .col-genre, 
.hide-Platform .col-platform, 
.hide-Mode .col-mode,
.hide-Players .col-players {
    display: none !important;
}

/* --- NEW COMPACT CHECKBOX GRID --- */
/* This forces Page Forms checkboxes into a strict Excel-like grid */

.checkbox-grid {
    display: grid;
    /* This creates columns that are min 140px wide but stretch to fill space */
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); 
    gap: 6px; 
    width: 100%;
    margin-top: 5px;
}

/* Style the individual checkbox items as clean boxes */
.checkbox-grid span {
    display: flex !important;
    align-items: center;
    background: #fcfcfc;
    border: 1px solid #eee; /* Subtle border */
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 0.9em;
    height: 28px;       /* Force every item to be the exact same height */
    white-space: nowrap; /* Prevent text from wrapping inside the box */
    overflow: hidden;
}

/* Hover effect so users know where they are clicking */
.checkbox-grid span:hover {
    background: #f0f8ff;
    border-color: #3366cc;
    cursor: pointer;
}

/* CRITICAL FIX: Hide the invisible <br> tags Page Forms generates */
/* This removes the "staircase" effect and gaps */
.checkbox-grid br {
    display: none !important;
}