MediaWiki:Common.css: Difference between revisions

Latest revision as of 11:20, 26 August 2025

/* CSS placed here will be applied to all skins */

.main-page-mccwiki {
	font-family: 'Nunito', sans-serif;
	text-transform: uppercase;
	font-size: 1.5em;
	text-align:center;
	color:white;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	background-color: #700008;
}

.title-image img {
    max-width: 1000px;
    height: auto;
    width: 100%;
}

.tradeable-display {
	display: flex;
	flex-wrap: wrap;
}

.tradeable-display > div {
	width: 25%;
}

.wikitable th, .wikitable td {
  text-align: center;
}

.pixelated, .pi-image-thumbnail {
	image-rendering: pixelated;
}

.wikitable .afix {
	width: 150px;
	image-rendering: pixelated;
}

.image-thumbnail img, .afix img, .infobox-image img {
	width: 100%;
	height: auto;
}

.pi-section-navigation .pi-section-tab,.pi-media-collection .pi-tab-link {
	border-bottom-left-radius: var(--border-radius--medium);
	border-bottom-right-radius: var(--border-radius--medium);
}

.pi-section-navigation .pi-section-tab.pi-section-active,.pi-section-navigation .pi-section-tab.current,.pi-media-collection .pi-tab-link.current {
	border-bottom-width: 2px;
}

.portable-infobox .pi-section-navigation,.portable-infobox .pi-media-collection-tabs {
	padding: 5px 0;
}

.pi-title {
	text-align: center;
}

.gamepasstable td {
 width: 120px;
}

.citizen-typeahead__item-md .citizen-typeahead__thumbnail {
    background-color: inherit;
}

.citizen-footer__ad{
	margin-left: auto;
}

.citizen-footer__ad img {
	height: 10rem;
}

@media only screen and (max-width: 790px) {
	.citizen-footer__ad {
		height: 9rem;
	}
}

@media only screen and (max-width: 760px) {
	.citizen-footer__ad {
		margin-left: inherit;
	}
	
	.tradeable-display > div {
	width: 50%;
}
}

/* Limit Template:Badge outer card width to 750px */
@media only screen and (min-width: 750px) {
	.badge-card {
		width: 750px;
	}
}

/* Increase width of Vendor infobox labels */
.portable-infobox.pi-type-vendor .pi-data-label {
	flex-basis: 100px;
}

/* white-text class that adapts based on the theme  */
.skin-citizen-dark .white-text {
    color: white
}
.skin-citizen-light .white-text {
    color: black
}