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

/* Aftermarket Games: Game and Platform titles */
body:has(.aftermarket-game) #firstHeading,
body:has(.aftermarket-game) .mw-first-heading,
body:has(.aftermarket-game) .mw-page-title-main,
body:has(.aftermarket-platform) #firstHeading,
body:has(.aftermarket-platform) .mw-first-heading,
body:has(.aftermarket-platform) .mw-page-title-main {
    font-size: 2em !important;
    font-weight: 700 !important;
}
/* Aftermarket Games: Platform game directory */
.aftermarket-platform-games ul {
    list-style: none !important;
    padding-left: 0;
    margin-left: 0;
}

.aftermarket-platform-games li {
    margin-bottom: 6px;
}
/* Aftermarket Games: Platform device photograph */
.aftermarket-platform-photo {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    height: 215px;
    line-height: 0;
    margin: 0;
}

.aftermarket-platform-photo p {
    margin: 0;
}

/* Aftermarket Games: Dynamic Developer listings */


/* Dynamic Developer page heading */
.aftermarket-developer {
  font-family: "Linux Libertine", Georgia, "Times New Roman", serif;
font-size: 3.8em;
    font-weight: 700;
    line-height: 1.05;
    margin-top: -80px;
    margin-bottom: 8px;
    padding-bottom: 4px;
    border-bottom: 4px solid #36c;
}
/* Remove MediaWiki paragraph spacing inside Developer headings */
.aftermarket-developer p {
    margin: 0;
    padding: 0;
}


/* Space between Developer heading and game listings */
.aftermarket-developer-games {
    margin-top: 20px;
}
.aftermarket-developer-games ul {
    column-count: 4;
    column-gap: 24px;
    list-style: none !important;
    padding-left: 0;
    margin-left: 0;
}

.aftermarket-developer-games li {
    break-inside: avoid;
    margin-bottom: 6px;
}

/* Adjust columns for smaller screens */
@media (max-width: 700px) {
    .aftermarket-developer-games ul {
        column-count: 2;
    }
}

/* Hide the generic title on dynamic Developer listings only */
body:has(.aftermarket-developer) #firstHeading,
body:has(.aftermarket-developer) .mw-first-heading {
    display: none;
}

/* Hide the extra query form on dynamic Developer pages */
body:has(.aftermarket-developer) #pfForm {
    display: none;
}