PC Gaming Shelter
An archive dedicated to preserving PC Gaming history and more

MediaWiki:Common.css: Difference between revisions

From PC Gaming Shelter
No edit summary
No edit summary
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
/* --- TABLE FIXES --- */
/* Force tables to use 100% width when this class is used */
/* Force tables to use 100% width when this class is used */
.fullwidth {
.fullwidth {
Line 18: Line 21:
     text-decoration: none !important; /* Removes the underline */
     text-decoration: none !important; /* Removes the underline */
}
}
/* Hide columns based on the 'hide' parameter */
/* Hide columns based on the 'hide' parameter */
.hide-Genre .col-genre,  
.hide-Genre .col-genre,  
Line 25: Line 29:
     display: none !important;
     display: none !important;
}
}
/* CSS placed here will be applied to all skins */


/* ... (Keep your existing table CSS here) ... */
/* --- NEW COMPACT CHECKBOX GRID --- */
/* This forces Page Forms checkboxes into a strict Excel-like grid */


/* --- SMART GRID FOR FORMS --- */
/* This forces checkbox lists to align in perfect columns */
.checkbox-grid {
.checkbox-grid {
     display: grid;
     display: grid;
     /* This automatically calculates how many columns fit in the row */
     /* This creates columns that are min 140px wide but stretch to fill space */
     grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));  
     grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));  
     gap: 10px; /* Space between items */
     gap: 6px;  
     width: 100%;
     width: 100%;
    margin-top: 5px;
}
}


/* Optional: Make the individual items look cleaner */
/* Style the individual checkbox items as clean boxes */
.checkbox-grid span.checkboxLabel {
.checkbox-grid span {
     display: flex;
     display: flex !important;
     align-items: center;
     align-items: center;
     white-space: nowrap;
     background: #fcfcfc;
}
    border: 1px solid #eee; /* Subtle border */

Revision as of 12:13, 10 February 2026

/* 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 */