Module:Navigation header/styles.css

.navigation-header { margin: 1em 0; box-sizing: border-box; clear: both; background: #fff; }

.navigation-header-tabs .plainlist li { margin: 0; padding: 0; border: none !important; }

.navigation-header-tabs ul { display: flex; flex-direction: column; flex-wrap: wrap; text-align: center; /* noflex */ margin-left: 0; }

.navigation-header-tabs #leadtab a { color: #fff; }

.navigation-header-tabs #emergencytab { border-top: 0.5em solid red; }

.navigation-header-tabs #emergencytab a { color: red; }

.navigation-header-tabs li { flex: 1 1 0; width: 100%; margin: 0; box-sizing: border-box; background-color: inherit; padding: 1em; font-weight: bold; text-transform: uppercase; }

.navigation-header-tabs li.selected { background-color: #f8f9fa; border-left: 0.5em solid #07015a; }

.navigation-header-tabs li a { color: #36c; }

.navigation-header-tabs .mw-selflink { color: #000; }

.navigation-header-tabs .navigation-header-content { font-size: 1em; background-color: #07015a; border-bottom: 2px solid #07015a; padding: 1em; }

.navigation-header-tabs .navigation-header-icon { display: inline-block; margin: 0 0.5em 0 0; vertical-align: text-bottom; }

.navigation-header-tabs .navigation-header-break { clear: both; }

.navigation-header-tabs #leadtab { display: inline-block; color: #fff; background: #07015a; }

@media (min-width: 550px) { .navigation-header-tabs ul { flex-direction: row; padding: 0; margin-top: 0 !important; /* cancels out the sibling styling */ }	.navigation-header-tabs ul > li { display: inline-block; /* noflex */ vertical-align: bottom; /* noflex */ white-space: nowrap; width: auto; margin: .5em .5em 0 0; border-top: 0.5em solid #07015a; font-size: 1em; }	.navigation-header-tabs li.selected { border-left: 0; } }

/* Default theme: Blue */ .navigation-header.blue-theme .navigation-header-tabs li { border-top: 0.5em solid #07015a; }

.navigation-header.blue-theme .navigation-header-tabs li.selected { border-left: 0.5em solid #07015a; }

.navigation-header.blue-theme .navigation-header-tabs .navigation-header-content { background-color: #07015a; border-bottom: 2px solid #07015a; }

.navigation-header.blue-theme .navigation-header-tabs #leadtab { background: #07015a; }

/* Gray theme */ .navigation-header.gray-theme .navigation-header-tabs li { border-top: 0.5em solid #666; }

.navigation-header.gray-theme .navigation-header-tabs li.selected { border-left: 0.5em solid #666; }

.navigation-header.gray-theme .navigation-header-tabs .navigation-header-content { background-color: #666; border-bottom: 2px solid #666; }

.navigation-header.gray-theme .navigation-header-tabs #leadtab { background: #666; }

@media (min-width: 1000px) { .navigation-header-tabs ul > li { flex: 0 1 0; } }