MediaWiki:Common.css

From MiiWiki
Revision as of 13:52, 28 December 2021 by Kirb (talk | contribs)
Jump to navigationJump to search

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)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* 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;
	}
}

body.page-Mii_Wiki.action-view #siteNotice {
    margin-bottom: 28px;
}