MediaWiki:Common.css

From Aftermarket Games
Revision as of 06:27, 13 October 2026 by Soothius (talk | contribs)

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-size: 2em;
    font-weight: 700;
    margin-top: -115px;
    margin-bottom: 24px;
    padding-bottom: 6px;
    border-bottom: 4px solid #36c;
}

.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;
}