. navigation-header {
margin : 1 em 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-bottom : 4 em ;
margin-left : 0 ;
}
. navigation-header-tabs # leadtab a {
color : #fff ;
}
. navigation-header-tabs # emergencytab {
border-top : 0.5 em 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 : 1 em ;
font-weight : bold ;
text-transform : uppercase ;
}
. navigation-header-tabs li . selected {
background-color : #f8f9fa ;
border-left : 0.5 em solid #07015a ;
}
. navigation-header-tabs li a {
color : #36c ;
}
. navigation-header-tabs . mw-selflink {
color : #000 ;
}
. navigation-header-tabs . navigation-header-content {
font-size : 1 em ;
background-color : #07015a ;
border-bottom : 2 px solid #07015a ;
padding : 1 em ;
}
. navigation-header-tabs . navigation-header-icon {
display : inline-block ;
margin : 0 0.5 em 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 : .5 em .5 em 0 0 ;
border-top : 0.5 em solid #07015a ;
font-size : 1 em ;
}
. navigation-header-tabs li . selected {
border-left : 0 ;
}
}
/* Default theme: Blue */
. navigation-header . blue-theme . navigation-header-tabs li {
border-top : 0.5 em solid #07015a ;
}
. navigation-header . blue-theme . navigation-header-tabs li . selected {
border-left : 0.5 em solid #07015a ;
}
. navigation-header . blue-theme . navigation-header-tabs . navigation-header-content {
background-color : #07015a ;
border-bottom : 2 px 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.5 em solid #666 ;
}
. navigation-header . gray-theme . navigation-header-tabs li . selected {
border-left : 0.5 em solid #666 ;
}
. navigation-header . gray-theme . navigation-header-tabs . navigation-header-content {
background-color : #666 ;
border-bottom : 2 px 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 ;
}
}