MediaWiki:Common.css: Difference between revisions
From MiiWiki
Jump to navigationJump to search
mNo edit summary |
mNo edit summary |
||
Line 98: | Line 98: | ||
display: none; | display: none; | ||
} /* May not work on old browsers */ | } /* May not work on old browsers */ | ||
/* Module navboxes */ | |||
.module-navbox > span.mw-collapsible-toggle { | |||
font-weight: bold; | |||
transform: translate(-8px,3.15px) | |||
} | |||
.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 | |||
} | |||
} |
Revision as of 14:21, 6 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 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 } }