MediaWiki:Common.css
From Aftermarket Games
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 Games Developed heading and game listings */
.aftermarket-developer-games {
margin-top: 5px;
}
.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;
}
/* Hide the Additional query heading on Developer pages */
body:has(.aftermarket-developer) h2:has(+ #pfForm) {
display: none;
}
/* Developer profile editing link */
.aftermarket-developer-edit {
margin: 8px 0 20px;
font-size: 0.9em;
}
.aftermarket-developer-edit a,
.aftermarket-developer-edit a.new {
color: #54595d;
text-decoration: none;
}
.aftermarket-developer-edit a::before {
content: "✎ ";
}
.aftermarket-developer-edit a:hover {
color: #36c;
text-decoration: underline;
}
/* Developer profile image alignment */
.aftermarket-developer-profile {
align-items: flex-start !important;
}
.aftermarket-developer-profile .aftermarket-platform-photo {
display: block;
align-self: flex-start;
height: auto;
margin: 0;
padding: 0;
line-height: 0;
}
.aftermarket-developer-profile .aftermarket-platform-photo p {
margin: 0;
padding: 0;
}
.aftermarket-developer-profile .aftermarket-platform-photo img {
display: block;
}