Ads keep us online. Without them, we wouldn't exist. We don't have
paywalls or sell mods - we never will. But every month we have large bills
and running ads is our only way to cover them. Please consider unblocking us. Thank you from GameBanana <3
/* categories icons - equal width, centered */ #CategoriesListModule record .Icon, #SubcategoriesListModule record .Icon{ min-width:60px; text-align:center; }
/* handle categories without icons */ #CategoriesListModule record .Info, #SubcategoriesListModule record .Info{ margin-left:1em; padding-left:60px; }
/* do not apply the latter rule to categories with icons */ #CategoriesListModule record .Icon+ .Info, #SubcategoriesListModule record .Icon+.Info{ margin-left:0; padding-left:0; }
/* the 3rd column handles the whitespace in the li tag in subcategories */ #CategoriesListModule record .Info.SubcategoriesListWrapper li { display: grid; grid-template-columns:55pxauto10px100px; white-space:nowrap; }
/* handle subcategories without icons */ #CategoriesListModule record .Info.SubcategoriesListWrapper li a { grid-column-start:2; }
/* has not been implemented for SubcategoriesListModule */ #SubcategoriesListModule record itemcount { margin-left:1em; }
/*
AUTHOR: s0nought , https://github.com/s0nought
LICENSE: Unrestricted reuse in any form, for any purpose.
WARRANTY: THERE IS NO WARRANTY, TO THE EXTENT PERMITTED BY LAW.
*/
This code changes the way categories and subcategories lists are rendered.
Changes:
Icon wrappers (not to be confused with the icons themselves) are 60px in width
Icons are centered
Subcats lists display changed from flex to grid (looks like a table now)
This code applies to any page on gamebanana.com
Tested in the latest desktop version of Firefox
See screenshots below.
Knows "issues":
If there is no icon for the category (subcategory), there will be a blank space to the left of the category (subcategory) title.