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