Template:Navbox/Styles.css

.navbox { border: 1px solid #426787; border-radius: 0.25rem; clear: both; font-size: 0.875rem; margin-top: 0.5rem; padding: 0.125rem; width: 100%; }

.navbox__header { display: flex; flex-shrink: 0; justify-content: space-between;

background-color: #336089; border-radius: 0.25rem; font-size: 1rem; font-weight: bold; margin-bottom: 0.125rem; padding: 0.25rem; } .navbox__header:hover { background-color: #245681; } .navbox__header.mw-collapsible-toggle { float: none; } .navbox__header.mw-collapsible-toggle-collapsed { margin-bottom: 0; }

/* The ensures that the title is properly centered */ .navbox__toggle-button { flex: 0 0 4rem; } .navbox__title { flex-shrink: 0; } .navbox__toggle-button-counterbalance { flex: 0 1 4rem; flex-basis: 4rem; }

.navbox__toggle-button { font-weight: normal; text-align: center; } .navbox__toggle-button::before { content: '[' } .navbox__toggle-button::after { content: ']'; } .navbox__toggle-button-text { color: #f4f26b; } .navbox__header:hover .navbox__toggle-button-text { text-decoration: underline; }

.navbox__body { display: flex; }

.navbox__rows { display: grid; align-items: center; }

.navbox__row-header { display: flex; align-items: center; justify-content: center; height: calc(100% - 0.25rem);

background-color: #336089; border-radius: 0.25rem; font-weight: bold; padding: 0.125rem 0.5rem; }

.navbox__row-links { display: flex; align-items: center; height: calc(100% - 0.25rem); padding: 0.125rem 0.25rem; }

.navbox__image { display: none; }

.navbox__footer { background-color: #336089; border-radius: 0.25rem; font-weight: bold; padding: 0.25rem; text-align: center; }

@media (min-width: 53.125rem) { .navbox__rows { grid-template-columns: auto 1fr auto; grid-template-rows: auto; gap: 0.125rem; margin-bottom: 0.125rem; }	.navbox__row-header { grid-column: 1; }   .navbox__row-links { grid-column: 2; }   .navbox__row-links--even { background-color: #1a4d7a; border-radius: 0.25rem; } }

@media (min-width: 68.75rem) { .navbox__image { display: block; align-self: center; flex: 1 0 15%; padding: 0.25rem; }   .navbox__image img { width: 100%; height: inherit; } }