Template:Navbox/styles.css

.navplate { margin-top: 1.6rem; clear: both; }

.navplate p { margin: 0; }

.navplate-header { line-height: 1.2; }

.navplate-header-label, .navplate-content-header, .navplate-content-item-label { color: var( --color-base--subtle ); letter-spacing: 0.75px; }

.navplate-header-label { font-size: 0.8125rem; }

.navplate-header-title { margin-top: 2px; color: var( --color-base--emphasized ); font-size: 1.2rem; font-weight: bold; }

.navplate-content { position: relative; margin: 10px -20px 0; background: var( --color-surface-3 ); border-radius: var( --border-radius--medium ); font-size: 14px; }

.navplate-content-header { padding: 5px 20px; border-bottom: 1px solid; border-color: var( --border-color-base ); }

.navplate-content-item { display: grid; border-bottom: 1px solid; border-color: var( --border-color-base ); }

.navplate-content-item-label { display: flex; padding: 10px 20px; }

.navplate-content-item-label-icon { margin-right: 8px; }

.navplate-content-item-list { padding: 10px 14px; background: var( --color-surface-2 ); }

.navplate-content-item-list a { display: inline-block; padding: 0 6px; }

.navplate .mw-collapsible-toggle { position: absolute; right: 0; margin-top: -47px; float: none; }

.navplate .mw-collapsible-toggle-default:before, .navplate .mw-collapsible-toggle-default:after { content: none; }

.navplate .mw-collapsible-text { position: relative; right: 0; display: block; padding: 4px 12px; border: 1px solid; border-color: var( --border-color-base ); background: var( --background-color-framed ); border-radius: var( --border-radius--medium ); color: var( --color-base--subtle ); }

.navplate .mw-collapsible-text:hover { background: var( --background-color-framed--hover ); }

.navplate .mw-collapsible-text:active { background: var( --background-color-framed--active ); }

.navplate-content .mw-collapsible-content { overflow: hidden; border-radius: var( --border-radius--medium ); }

@media only screen and ( min-width: 720px ) { .navplate-content { margin-right: 0; margin-left: 0; }

.navplate-content-item { grid-template-columns: 180px auto; }

.navplate-content-item-label { padding-right: 10px; }

.navplate-content-item-list { padding-left: 6px; } }