MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Libre+Barcode+128&family=Ubuntu:wght@400;500;700&display=swap'); /* Colored usernames for staff members. */

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

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

/* Bureaucrats */ .mw-userlink[title="User:Kirb"],
 * 1) 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%) }

/* -- White -- */ table.wikitable.table-white { background: hsl(0deg 0% 100%) } table.wikitable.table-white > * > tr > th { background: hsl(0deg 0% 91%) } table.wikitable.table-white > * > tr:nth-child(odd) > td { background: hsl(208deg 43% 92%) } table.wikitable.table-white > * > tr > td, table.wikitable.table-white > * > tr > th { border-color: hsl(0deg 0% 0%) }

/* -- Gray/Black -- */ table.wikitable.table-gray { background: hsl(0deg 0% 57%); color: #fff; } table.wikitable.table-gray > * > tr > th { background: hsl(0deg 0% 0%) } table.wikitable.table-gray > * > tr:nth-child(odd) > td { background: hsl(0deg 0% 28%) } table.wikitable.table-gray > * > tr > td, table.wikitable.table-gray > * > tr > th { border-color: hsl(0deg 0% 0%) }

/* 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 */ display: none; } /* May not work on old browsers */
 * 1) siteNotice:empty {

/* 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 */ max-width: 100%; } @media screen and (min-width: 550px) { #userbox-container { max-width: 40%; } } @media screen and (min-width: 850px) { #userbox-container { max-width: 30%; } } @media screen and (min-width: 1340px) { #userbox-container { max-width: 20%; } }
 * 1) userbox-container {