MTRNord's Wiki

Template:Navbox/styles.css: Difference between revisions

Browse history interactively
← Older edit
MTRNord (talk | contribs)
Bureaucrats, Check users, Interface administrators, Administrators, Temporary account IP viewers
110 edits
Fix toggle
m Fix collapse button position
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
/*
* Navbox — collapsible bottom navigation box.
* Works with MediaWiki's built-in mw-collapsible JS.
*/
.mw-navbox {
.mw-navbox {
     border: 1px solid var(--border-color-base, #a2a9b1);
     border: 1px solid var(--border-color-base, #a2a9b1);
Line 12: Line 7:
     width: 100%;
     width: 100%;
     clear: both;
     clear: both;
    border-collapse: collapse;
}
}
.mw-navbox-title {
.mw-navbox-title {
Line 20: Line 16:
     padding: 3px 6px;
     padding: 3px 6px;
     border-bottom: 1px solid var(--border-color-base, #a2a9b1);
     border-bottom: 1px solid var(--border-color-base, #a2a9b1);
    position: relative;
}
}
.mw-navbox .mw-collapsible-toggle {
/* Toggle button injected into caption by mw-collapsible JS */
     position: absolute;
.mw-navbox-title .mw-collapsible-toggle {
    right: 6px;
     float: right;
    top: 3px;
     font-weight: normal;
     font-weight: normal;
     font-size: 95%;
     font-size: 95%;
    line-height: inherit;
}
}
.mw-navbox table {
.mw-navbox-inner {
     width: 100%;
     width: 100%;
     border-collapse: collapse;
     border-collapse: collapse;
}
}
.mw-navbox td {
.mw-navbox-inner tr + tr td,
    padding: 2px 6px;
.mw-navbox-inner tr + tr th {
    vertical-align: top;
     border-top: 1px solid var(--border-color-subtle, #c8ccd1);
     border-top: 1px solid var(--border-color-subtle, #c8ccd1);
}
}
Line 42: Line 36:
     white-space: nowrap;
     white-space: nowrap;
     text-align: right;
     text-align: right;
     padding-right: 8px;
     padding: 2px 8px 2px 6px;
     width: 15%;
     width: 15%;
     color: var(--color-subtle, #54595d);
     color: var(--color-subtle, #54595d);
     border-right: 1px solid var(--border-color-base, #a2a9b1);
     border-right: 1px solid var(--border-color-base, #a2a9b1);
    background: var(--background-color-neutral, #eaecf0);
}
.mw-navbox-list {
    padding: 2px 6px;
    text-align: left;
}
}
.mw-navbox-list { padding-left: 6px; }


/* Dark — title bar */
/* Dark — title bar */
@media screen {
@media screen {
     html.skin-theme-clientpref-night .mw-navbox-title { background: #1a3a5c; color: #eaecf0; }
     html.skin-theme-clientpref-night .mw-navbox-title {
        background: #1a3a5c;
        color: #eaecf0;
    }
}
}
@media screen and (prefers-color-scheme: dark) {
@media screen and (prefers-color-scheme: dark) {
     html.skin-theme-clientpref-os .mw-navbox-title { background: #1a3a5c; color: #eaecf0; }
     html.skin-theme-clientpref-os .mw-navbox-title {
        background: #1a3a5c;
        color: #eaecf0;
    }
}
}
Retrieved from "https://wiki.mtrnord.blog/wiki/Template:Navbox/styles.css"