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; | ||
} | } | ||
/* | /* --- NEW COMPACT CHECKBOX GRID --- */ | ||
/* This forces Page Forms checkboxes into a strict Excel-like grid */ | |||
.checkbox-grid { | .checkbox-grid { | ||
display: grid; | display: grid; | ||
/* This | /* 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: | gap: 6px; | ||
width: 100%; | width: 100%; | ||
margin-top: 5px; | |||
} | } | ||
/* | /* Style the individual checkbox items as clean boxes */ | ||
.checkbox-grid span | .checkbox-grid span { | ||
display: flex; | display: flex !important; | ||
align-items: center; | align-items: center; | ||
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 */
