Vorlage:Startseite/style.css

/** Game Versions **/
.category-container.category-container--wiki-stats,
.category-container.category-container--version-pu,
.category-container.category-container--version-ptu,
.category-container.category-container--version-evo,
.category-container.category-container--version-soon {
	color: #fff;
	justify-content: center;
	padding: 0;
}

.category-container.category-container--version-pu p,
.category-container.category-container--version-ptu p,
.category-container.category-container--version-evo p,
.category-container.category-container--version-soon p {
	margin: 0;
	display: flex;
	justify-content: space-between;
	padding: 0.5rem 0.8rem;;
	flex-wrap: wrap;
}


.category-container.category-container--version-pu p a,
.category-container.category-container--version-ptu p a,
.category-container.category-container--version-evo p a,
.category-container.category-container--version-soon p a {
	color: #fff !important;
}

.category-container.category-container--version-pu {
  background-color: var(--color-success);
}

.category-container.category-container--version-ptu {
  background-color: #e5b831;
}
.category-container.category-container--version-evo {
  background-color: var(--color-destructive);
}
.category-container.category-container--version-soon {
  background-color: #2e419f;
}

.category-container__version-name {
  font-weight: bold;
  text-transform: uppercase;
  padding-right: 0.5rem;
}

.category-container.category-container--wiki-stats p {
	text-align: center;
	margin: 0;
	color: var(--color-base);
	padding: 0.625rem;
}

/** Social Links **/
.category-container.discord,
.category-container.twitter,
.category-container.youtube {
  padding: 0;
}

.category-container.discord {
  background-color: #5865F2;
}

.category-container.twitter {
  background-color: #1D9BF0;
}

.category-container.youtube {
background-color: #FF0000;
}

.category-container.discord a,
.category-container.twitter a,
.category-container.youtube a {
  padding: 0;
  display: flex;
  align-items: center;
}

.category-container.discord a img,
.category-container.twitter a img,
.category-container.youtube a img {
	padding: 1.4rem;
	margin: 0 auto;
	object-fit: contain !important;
	min-height: auto;
	max-height: 6rem;
	display: block;
}

.category-row .mw-message-box {
	flex-grow: 1;
}


@media (max-width: 575.98px) {
	.category-container.category-container--wiki-stats {
	    flex-basis: calc( 100% - 0.5rem );
	}
}