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 29: Line 29:
/* ... (Keep your existing table CSS here) ... */
/* ... (Keep your existing table CSS here) ... */


/* SMART GRID FOR FORMS */
/* --- SMART GRID FOR FORMS --- */
/* This forces checkbox lists to align in perfect equal boxes */
/* This forces checkbox lists to align in perfect columns */
.pf-checkbox-grid {
.checkbox-grid {
     display: grid;
     display: grid;
     /* Create columns that are at least 140px wide, but stretch to fill space */
     /* This automatically calculates how many columns fit in the row */
     grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));  
     grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));  
     gap: 10px; /* Space between items */
     gap: 10px; /* Space between items */
Line 39: Line 39:
}
}


/* Ensure the checkbox and text stay together */
/* Optional: Make the individual items look cleaner */
.pf-checkbox-grid span.checkboxLabel {
.checkbox-grid span.checkboxLabel {
     display: flex;
     display: flex;
     align-items: center;
     align-items: center;
     background: #fff;
     white-space: nowrap;
    padding: 5px;
    border: 1px solid #eee; /* Subtle border for each item */
    border-radius: 4px;
}
 
.pf-checkbox-grid span.checkboxLabel:hover {
    background: #f0f8ff;
    border-color: #3366cc;
}
}

Revision as of 12:10, 10 February 2026

/* CSS placed here will be applied to all skins */
/* 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;
}
/* CSS placed here will be applied to all skins */

/* ... (Keep your existing table CSS here) ... */

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

/* Optional: Make the individual items look cleaner */
.checkbox-grid span.checkboxLabel {
    display: flex;
    align-items: center;
    white-space: nowrap;
}