MediaWiki:Common.css

From MiiWiki
Revision as of 03:11, 22 January 2022 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;
	}
}

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

/* Module navboxes */
.module-navbox > span.mw-collapsible-toggle {
    font-weight: bold;
    transform: translate(-8px,3.15px)
}

.lua-navbox td, .lua-navbox th {
	padding: 5px;
}

.lua-navbox td {
    width: 100%;
}

.lua-navbox tr:nth-child(even) td {
    background: rgba(0,0,0,.1)
}

.lua-navbox tr:last-of-type th {
    border-radius: 0 0 0 12px;
}

.lua-navbox tr:last-of-type td {
    border-radius: 0 0 12px 0
}

.lua-navbox ul {
    margin: 0;
}

.lua-navbox ul li {
    display: inline;
}

.lua-navbox ul li:not(:last-child):after { 
    content: " • "
}

@media screen and (max-width: 925px) {
    .lua-navbox {
        width: 100%;
        text-align: center;
    }
    .lua-navbox th, .lua-navbox td {
        display: block;
    }
    .lua-navbox td {
        margin-top: 2px;
    }
    .lua-navbox tr:last-of-type th {
        border-radius: 0
    }
    .lua-navbox tr:last-of-type td {
        border-radius: 0 0 12px 12px
    }
}

/* Userbox */
#userbox-container {
	max-width: 100%;
}
@media screen and (min-width: 800px) {
	#userbox-container {
	max-width: 40%;
}
}
@media screen and (min-width: 1350px) {
	#userbox-container {
	max-width: 30%;
}
}