MediaWiki:Common.css
From MiiWiki
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: 1600px) { #userbox-container { max-width: 40%; } }