MediaWiki:Common.css: Difference between revisions

Revision as of 14:35, 28 December 2021

/* CSS placed here will be applied to all skins */
/* Colored usernames for staff members. */

/* Moderators */
.mw-userlink[title="User:PinkYoshiFan"],
.mw-userlink[title="User:Trig Jegman"],
#whomod a { color: #DA004E !important; }

/* Administrators */
.mw-userlink[title="User:x"],
#whoadmin a { color: #843DA4 !important; }

/* Bureaucrats */
.mw-userlink[title="User:Kirb"],
#whocrat a { color: #42D1FF !important; }

/* Wikitables */
table.wikitable {
	background: #E0FAFF; /* Fallback, don't remove */
	background: hsl(190,100%,95%);
    margin: 1em 0;
    color: black;
}

table.wikitable > * > tr > td, table.wikitable > * > tr > th {
    border: 1px solid;
    padding: 0.2em 0.4em;
}

/* -- Blue -- */
table.wikitable > * > tr > th { background: hsl(190,75%,80%) }
table.wikitable > * > tr:nth-child(odd) > td { background: hsl(190,75%,90%) }
table.wikitable > * > tr > td, table.wikitable > * > tr > th { border-color: hsl(190,60%,40%) }

/* -- Green -- */
table.wikitable.table-green { background: hsl(120,100%,95%) }
table.wikitable.table-green > * > tr > th { background: hsl(120,75%,80%) }
table.wikitable.table-green > * > tr:nth-child(odd) > td {	background: hsl(120,100%,90%) }
table.wikitable.table-green > * > tr > td, table.wikitable.table-green > * > tr > th { border-color: hsl(120,60%,40%) }

/* -- Red -- */
table.wikitable.table-red { background: hsl(0,100%,95%) }
table.wikitable.table-red > * > tr > th { background: hsl(0,75%,80%) }
table.wikitable.table-red > * > tr:nth-child(odd) > td {	background: hsl(0,100%,90%) }
table.wikitable.table-red > * > tr > td, table.wikitable.table-red > * > tr > th { border-color: hsl(0,60%,40%) }

/* -- Yellow -- */
table.wikitable.table-yellow { background: hsl(55,100%,95%) }
table.wikitable.table-yellow > * > tr > th { background: hsl(55,75%,80%) }
table.wikitable.table-yellow > * > tr:nth-child(odd) > td {	background: hsl(55,100%,90%) }
table.wikitable.table-yellow > * > tr > td, table.wikitable.table-yellow > * > tr > th { border-color: hsl(55,60%,40%) }

/* -- Purple -- */
table.wikitable.table-purple { background: hsl(290,100%,95%) }
table.wikitable.table-purple > * > tr > th { background: hsl(290,75%,80%) }
table.wikitable.table-purple > * > tr:nth-child(odd) > td {	background: hsl(290,100%,90%) }
table.wikitable.table-purple > * > tr > td, table.wikitable.table-purple > * > tr > th { border-color: hsl(290,60%,40%) }

/* -- Pink -- */
table.wikitable.table-pink { background: hsl(320,100%,95%) }
table.wikitable.table-pink > * > tr > th { background: hsl(320,75%,80%) }
table.wikitable.table-pink > * > tr:nth-child(odd) > td {	background: hsl(320,100%,90%) }
table.wikitable.table-pink > * > tr > td, table.wikitable.table-pink > * > tr > th { border-color: hsl(320,60%,40%) }

/* Infobox-related */
@media screen and (max-width: 835px) {
	.miiInfobox {
		float: unset!important;
		width: auto!important;
		margin: 0 0 .75rem!important;
	}
}

.infobox-image img {
	max-width: 100%;
	height: auto
}

/* Main page */
@media screen and (max-width: 985px) {
	#mainPageGrid {
		grid-template-columns: repeat(1,1fr)!important
	}
	#mainPagePanel div:first-of-type > div:first-of-type {
		text-align: center;
		line-height: 1;
	}
}

@media screen and (max-width: 525px) {
	#featuredArticle-responsive {
		flex-direction: column;
	}
}

/* Empty stuff */
#siteNotice:empty {
	display: none;
} /* May not work on old browsers */