MediaWiki:Gadget-main-navbox.css: Difference between revisions
No edit summary |
No edit summary |
||
Line 3: | Line 3: | ||
--rgwiki-main-navbox-color-hue: 240deg; | --rgwiki-main-navbox-color-hue: 240deg; | ||
--rgwiki-main-navbox-color-saturation: 20%; | --rgwiki-main-navbox-color-saturation: 20%; | ||
--rgwiki-main-navbox-color-lightness-caption: 85%; | |||
--rgwiki-main-navbox-color-lightness-header: 90%; | --rgwiki-main-navbox-color-lightness-header: 90%; | ||
--rgwiki-main-navbox-color-lightness-row: 95%; | --rgwiki-main-navbox-color-lightness-row: 95%; | ||
Line 23: | Line 24: | ||
min-width: 400px; | min-width: 400px; | ||
width: 100%; /* <- This is optional. Without this, the navboxes work fine and are only as wide as they need to be, which may be desirable in some cases. However, there is a drawback: the "collapse" buttons move after they are clicked. Setting width to 100% makes it so the buttons always stay in the same place. */ | width: 100%; /* <- This is optional. Without this, the navboxes work fine and are only as wide as they need to be, which may be desirable in some cases. However, there is a drawback: the "collapse" buttons move after they are clicked. Setting width to 100% makes it so the buttons always stay in the same place. */ | ||
--rgwiki-main-navbox-color-caption: hsl(var(--rgwiki-main-navbox-color-hue), var(--rgwiki-main-navbox-color-saturation), var(--rgwiki-main-navbox-color-lightness-caption)); | |||
} | } | ||
.rgwiki-main-navbox caption { | .rgwiki-main-navbox caption { | ||
font-weight: bold; | font-weight: bold; | ||
background-color: var(--rgwiki-main-navbox-color-caption); | |||
padding: 2px; | |||
box-sizing: border-box; | |||
margin: 3px; | |||
} | } | ||