MediaWiki:Common.css: Difference between revisions
From MiiWiki
Jump to navigationJump to search
mNo edit summary |
mNo edit summary |
||
Line 157: | Line 157: | ||
/* Userbox */ | /* Userbox */ | ||
@media screen and (min-width: | #userbox-container { | ||
max-width: 100%; | |||
} | |||
@media screen and (min-width: 800px) { | |||
#userbox-container { | #userbox-container { | ||
max-width: 40%; | max-width: 40%; | ||
Line 164: | Line 167: | ||
@media screen and (min-width: 1350px) { | @media screen and (min-width: 1350px) { | ||
#userbox-container { | #userbox-container { | ||
max-width: | max-width: 30%; | ||
} | } | ||
} | } |
Revision as of 03:11, 22 January 2022
/* 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%; } }