Template:Navbox/styles.css: Difference between revisions

/*
 * Navbox — collapsible bottom navigation box.
 * Works with MediaWiki's built-in mw-collapsible JS.
 */

.mw-navbox {
    border: 1px solid var(--border-color-base, #a2a9b1);
    background: var(--background-color-neutral-subtle, #f8f9fa);
    color: var(--color-base, #202122);
    font-size: 88%;
    margin: 1em auto 0;
    width: 100%;
    clear: both;
}
.mw-navbox-title {
    background: #cee0f2;
    color: var(--color-base, #202122);
    font-weight: bold;
    text-align: center;
    padding: 3px 6px;
    border-bottom: 1px solid var(--border-color-base, #a2a9b1);
    position: relative;
}
.mw-navbox .mw-collapsible-toggle {
    position: absolute;
    right: 6px;
    top: 3px;
    font-weight: normal;
    font-size: 95%;
}
.mw-navbox table {
    width: 100%;
    border-collapse: collapse;
}
.mw-navbox td {
    padding: 2px 6px;
    vertical-align: top;
    border-top: 1px solid var(--border-color-subtle, #c8ccd1);
}
.mw-navbox-group {
    font-weight: bold;
    white-space: nowrap;
    text-align: right;
    padding-right: 8px;
    width: 15%;
    color: var(--color-subtle, #54595d);
    border-right: 1px solid var(--border-color-base, #a2a9b1);
}
.mw-navbox-list { padding-left: 6px; }

/* Dark — title bar */
@media screen {
    html.skin-theme-clientpref-night .mw-navbox-title { background: #1a3a5c; color: #eaecf0; }
}
@media screen and (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os .mw-navbox-title { background: #1a3a5c; color: #eaecf0; }
}