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;
}
}