MediaWiki:Common.css: Difference between revisions

From Aftermarket Games
No edit summary
No edit summary
Line 33: Line 33:
.aftermarket-platform-photo p {
.aftermarket-platform-photo p {
     margin: 0;
     margin: 0;
}
/* Aftermarket Games: Dynamic Developer listings */
.aftermarket-developer {
    font-size: 2em;
    font-weight: 700;
    margin-bottom: 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;
    }
}
}

Revision as of 06:18, 13 October 2026

/* 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 */
.aftermarket-developer {
    font-size: 2em;
    font-weight: 700;
    margin-bottom: 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;
    }
}