MediaWiki:Navbox.css: Difference between revisions
MediaWiki interface page
More actions
ReisuDesign (talk | contribs) Created page with ".navbox { width: 100%; font-size: 88%; margin: auto; clear: both; text-align: center; border-radius: 10px !important; overflow: hidden; } .navbox td { padding: 0 !important; } .navbox-inner, .navbox-subgroup { width: 100%; } .navbox-group, .navbox-title, .navbox-abovebelow { padding: 0.25em 1em; line-height: 1.5em; text-align: center; } th.navbox-group { white-space: nowrap; text-align: left; /* Align Left c..." |
ReisuDesign (talk | contribs) No edit summary |
||
| (One intermediate revision by the same user not shown) | |||
| Line 1: | Line 1: | ||
.portable-infobox.pi-theme-navbox { | |||
box-sizing: border-box; | |||
float: none; | |||
margin: 0; | |||
/* fallback width */ | |||
width: 100%; | |||
/* (1px border + 0.5em padding) * 2 = 16px | |||
width: calc(100% - 1em - 2px); */ | |||
} | |||
.portable-infobox.pi-theme-navbox .pi-data-value { | |||
flex-basis: 100%; | |||
width: 100%; | |||
} | |||
.portable-infobox.pi-theme-navbox .pi-data-label { | |||
flex-basis: 200px; | |||
} | |||
.navbox { | .navbox { | ||
width: 100%; | width: 100%; | ||
| Line 226: | Line 245: | ||
/* Portable Navbox */ | /* Portable Navbox */ | ||
.pi-theme-navbox { | .pi-theme-navbox { | ||
--pi-secondary-background: var(-- | --pi-secondary-background: var(--color-progressive); | ||
--pi-secondary-background--label: var(--theme-body-text-color); | --pi-secondary-background--label: var(--theme-body-text-color); | ||
padding: 0 3px; | padding: 0 3px; | ||
| Line 310: | Line 329: | ||
.navbox-title a, | .navbox-title a, | ||
.navbox-group a { | .navbox-group a { | ||
color: var(-- | color: var(--color-progressive); | ||
} | } | ||
| Line 316: | Line 335: | ||
.navbox-group, | .navbox-group, | ||
.navbox-title .mw-collapsible-text { | .navbox-title .mw-collapsible-text { | ||
color: var(-- | color: var(--color-base); | ||
} | } | ||
.navbox-odd { | .navbox-odd { | ||
background: var(-- | background: var(--background-color-1); | ||
} | } | ||
.navbox-subgroup .navbox-title { | .navbox-subgroup .navbox-title { | ||
background: var(-- | background: var(--background-color-2); | ||
} | } | ||
.navbox-subgroup .navbox-subgroup .navbox-title { | .navbox-subgroup .navbox-subgroup .navbox-title { | ||
background: var(-- | background: var(--background-color-6); | ||
} | } | ||
.navbox-title { | .navbox-title { | ||
background: var(-- | background: var(--background-color-4); | ||
} | } | ||
| Line 340: | Line 359: | ||
.navbox-subgroup .navbox-group, | .navbox-subgroup .navbox-group, | ||
.navbox-subgroup .navbox-abovebelow { | .navbox-subgroup .navbox-abovebelow { | ||
color: var(-- | color: var(--color-base); | ||
background: var(--pi-rows-color)!important; | background: var(--pi-rows-color)!important; | ||
} | } | ||