.nav > li > a:hover,
.nav > li > a:focus {
background-color: transparent;
}
.nav > li.disabled > a,
.nav > li.disabled > button {
color: #777;
}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus,
.nav > li.disabled > button:hover,
.nav > li.disabled > button:focus {
color: #777;
}
.navbar-default {
background-color: #333333;
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > button {
color: #ffffff;
fill: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > button:hover,
.navbar-default .navbar-nav > li > button:focus {
color: #e6e6e6;
fill: #e6e6e6;
background-color: #1a8dbe;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > button,
.navbar-default .navbar-nav > .active > button:hover,
.navbar-default .navbar-nav > .active > button:focus,
.navbar-default .navbar-nav > li > a.is-active,
.navbar-default .navbar-nav > li > a.is-active:hover,
.navbar-default .navbar-nav > li > a.is-active:focus,
.navbar-default .navbar-nav > li > button.is-active,
.navbar-default .navbar-nav > li > button.is-active:hover,
.navbar-default .navbar-nav > li > button.is-active:focus {
color: #f3f3f3;
fill: #f3f3f3;
background-color: #1f1f1f;
}
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus,
.navbar-default .navbar-nav > .disabled > button,
.navbar-default .navbar-nav > .disabled > button:hover,
.navbar-default .navbar-nav > .disabled > button:focus {
color: #ccc;
fill: #ccc;
background-color: transparent;
}
.navbar-default .dropdown-menu {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.navbar-default .dropdown-menu > li > a:hover, .navbar-default .dropdown-menu > li > a:focus,
.navbar-default .dropdown-menu > li > button:hover,
.navbar-default .dropdown-menu > li > button:focus {
background-color: #f5f5f5;
}
.navbar-default .dropdown-menu > li > a.is-active,
.navbar-default .dropdown-menu > li > button.is-active {
background-color: #e6e6e6;
color: #4d4d4d;
font-weight: 500;
}
.navbar-default .dropdown-menu > li > a.is-active:hover, .navbar-default .dropdown-menu > li > a.is-active:focus,
.navbar-default .dropdown-menu > li > button.is-active:hover,
.navbar-default .dropdown-menu > li > button.is-active:focus {
cursor: default;
}
.navbar-default .navbar-toggle {
border-radius: 0;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #222222;
}
.navbar-default .navbar-collapse {
border-color: #ffffff;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > button,
.navbar-default .navbar-nav > .open > button:hover,
.navbar-default .navbar-nav > .open > button:focus {
background-color: #1f1f1f;
color: #f3f3f3;
}
.navbar-default .dropdown img {
border-radius: 50%;
}
.navbar-default .profile img {
border: 2px solid white;
width: 24px;
height: 24px;
overflow: hidden;
}
.navbar-search .form-group {
border-radius: 5px;
}
.navbar-search .form-submit {
border-radius: 0 5px 5px 0;
}
.navbar__open-search-block {
background: rgba(51, 51, 51, 0.95);
}
.navbar-nav__icon {
fill: #ffffff;
}
.navbar-secondary {
background-color: #1f80aa;
}
.navbar-secondary .navbar-nav a, .navbar-secondary .navbar-nav button {
color: #fff;
}
.navbar-secondary .navbar-nav li.active a, .navbar-secondary .navbar-nav li.active button {
border-bottom-color: #fff;
}
.navbar-secondary .navbar-nav li:not(.active) a:hover,
.navbar-secondary .navbar-nav li:not(.active) button:hover,
.navbar-secondary .navbar-nav li:not(.active) a:focus,
.navbar-secondary .navbar-nav li:not(.active) button:focus {
outline: none;
background-color: rgba(0, 0, 0, 0.3);
border-bottom-color: rgba(0, 0, 0, 0.3);
}
.navbar-scrollable:after {
background: linear-gradient(to right, rgba(31, 128, 170, 0), #1f80aa);
}
@media (min-width: 900px) {
.search-take-over .form-text {
color: #ffffff;
}
.search-take-over .form-text:focus {
border-color: #ffffff;
box-shadow: 0 2px 0 0 #ffffff;
}
}
@media (max-width: 599px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > button {
color: #ffffff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > button:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > button:focus {
color: #e6e6e6;
background-color: #1a8dbe;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > .active > button,
.navbar-default .navbar-nav .open .dropdown-menu > .active > button:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > button:focus {
color: #f3f3f3;
background-color: #1f1f1f;
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > button,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > button:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > button:focus {
color: #ccc;
background-color: transparent;
}
}
@media (max-width: 899px) {
.navbar-collapse .dropdown-menu li a,
.navbar-collapse .dropdown-menu li button {
color: #ffffff;
}
.navbar-collapse .dropdown-menu li a:hover, .navbar-collapse .dropdown-menu li a:focus,
.navbar-collapse .dropdown-menu li button:hover,
.navbar-collapse .dropdown-menu li button:focus {
background-color: #1f80aa;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > button {
color: #4d4d4d;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > button:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > button:focus {
color: #404040;
background-color: #f5f5f5;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > .active > button,
.navbar-default .navbar-nav .open .dropdown-menu > .active > button:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > button:focus {
color: #ffffff;
background-color: #1f80aa;
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > button,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > button:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > button:focus {
color: #4d4d4d;
background-color: #777;
}
}
View source
- .nav > li > a:hover,
- .nav > li > a:focus {
- background-color: transparent;
- }
-
- .nav > li.disabled > a,
- .nav > li.disabled > button {
- color: #777;
- }
-
- .nav > li.disabled > a:hover, .nav > li.disabled > a:focus,
- .nav > li.disabled > button:hover,
- .nav > li.disabled > button:focus {
- color: #777;
- }
-
- .navbar-default {
- background-color: #333333;
- }
-
- .navbar-default .navbar-nav > li > a,
- .navbar-default .navbar-nav > li > button {
- color: #ffffff;
- fill: #ffffff;
- }
-
- .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
- .navbar-default .navbar-nav > li > button:hover,
- .navbar-default .navbar-nav > li > button:focus {
- color: #e6e6e6;
- fill: #e6e6e6;
- background-color: #1a8dbe;
- }
-
- .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
- .navbar-default .navbar-nav > .active > button,
- .navbar-default .navbar-nav > .active > button:hover,
- .navbar-default .navbar-nav > .active > button:focus,
- .navbar-default .navbar-nav > li > a.is-active,
- .navbar-default .navbar-nav > li > a.is-active:hover,
- .navbar-default .navbar-nav > li > a.is-active:focus,
- .navbar-default .navbar-nav > li > button.is-active,
- .navbar-default .navbar-nav > li > button.is-active:hover,
- .navbar-default .navbar-nav > li > button.is-active:focus {
- color: #f3f3f3;
- fill: #f3f3f3;
- background-color: #1f1f1f;
- }
-
- .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus,
- .navbar-default .navbar-nav > .disabled > button,
- .navbar-default .navbar-nav > .disabled > button:hover,
- .navbar-default .navbar-nav > .disabled > button:focus {
- color: #ccc;
- fill: #ccc;
- background-color: transparent;
- }
-
- .navbar-default .dropdown-menu {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- }
-
- .navbar-default .dropdown-menu > li > a:hover, .navbar-default .dropdown-menu > li > a:focus,
- .navbar-default .dropdown-menu > li > button:hover,
- .navbar-default .dropdown-menu > li > button:focus {
- background-color: #f5f5f5;
- }
-
- .navbar-default .dropdown-menu > li > a.is-active,
- .navbar-default .dropdown-menu > li > button.is-active {
- background-color: #e6e6e6;
- color: #4d4d4d;
- font-weight: 500;
- }
-
- .navbar-default .dropdown-menu > li > a.is-active:hover, .navbar-default .dropdown-menu > li > a.is-active:focus,
- .navbar-default .dropdown-menu > li > button.is-active:hover,
- .navbar-default .dropdown-menu > li > button.is-active:focus {
- cursor: default;
- }
-
- .navbar-default .navbar-toggle {
- border-radius: 0;
- }
-
- .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
- background-color: #222222;
- }
-
- .navbar-default .navbar-collapse {
- border-color: #ffffff;
- }
-
- .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus,
- .navbar-default .navbar-nav > .open > button,
- .navbar-default .navbar-nav > .open > button:hover,
- .navbar-default .navbar-nav > .open > button:focus {
- background-color: #1f1f1f;
- color: #f3f3f3;
- }
-
- .navbar-default .dropdown img {
- border-radius: 50%;
- }
-
- .navbar-default .profile img {
- border: 2px solid white;
- width: 24px;
- height: 24px;
- overflow: hidden;
- }
-
- .navbar-search .form-group {
- border-radius: 5px;
- }
-
- .navbar-search .form-submit {
- border-radius: 0 5px 5px 0;
- }
-
- .navbar__open-search-block {
- background: rgba(51, 51, 51, 0.95);
- }
-
- .navbar-nav__icon {
- fill: #ffffff;
- }
-
- .navbar-secondary {
- background-color: #1f80aa;
- }
-
- .navbar-secondary .navbar-nav a, .navbar-secondary .navbar-nav button {
- color: #fff;
- }
-
- .navbar-secondary .navbar-nav li.active a, .navbar-secondary .navbar-nav li.active button {
- border-bottom-color: #fff;
- }
-
- .navbar-secondary .navbar-nav li:not(.active) a:hover,
- .navbar-secondary .navbar-nav li:not(.active) button:hover,
- .navbar-secondary .navbar-nav li:not(.active) a:focus,
- .navbar-secondary .navbar-nav li:not(.active) button:focus {
- outline: none;
- background-color: rgba(0, 0, 0, 0.3);
- border-bottom-color: rgba(0, 0, 0, 0.3);
- }
-
- .navbar-scrollable:after {
- background: linear-gradient(to right, rgba(31, 128, 170, 0), #1f80aa);
- }
-
- @media (min-width: 900px) {
- .search-take-over .form-text {
- color: #ffffff;
- }
- .search-take-over .form-text:focus {
- border-color: #ffffff;
- box-shadow: 0 2px 0 0 #ffffff;
- }
- }
-
- @media (max-width: 599px) {
- .navbar-default .navbar-nav .open .dropdown-menu > li > a,
- .navbar-default .navbar-nav .open .dropdown-menu > li > button {
- color: #ffffff;
- }
- .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
- .navbar-default .navbar-nav .open .dropdown-menu > li > button:hover,
- .navbar-default .navbar-nav .open .dropdown-menu > li > button:focus {
- color: #e6e6e6;
- background-color: #1a8dbe;
- }
- .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
- .navbar-default .navbar-nav .open .dropdown-menu > .active > button,
- .navbar-default .navbar-nav .open .dropdown-menu > .active > button:hover,
- .navbar-default .navbar-nav .open .dropdown-menu > .active > button:focus {
- color: #f3f3f3;
- background-color: #1f1f1f;
- }
- .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus,
- .navbar-default .navbar-nav .open .dropdown-menu > .disabled > button,
- .navbar-default .navbar-nav .open .dropdown-menu > .disabled > button:hover,
- .navbar-default .navbar-nav .open .dropdown-menu > .disabled > button:focus {
- color: #ccc;
- background-color: transparent;
- }
- }
-
- @media (max-width: 899px) {
- .navbar-collapse .dropdown-menu li a,
- .navbar-collapse .dropdown-menu li button {
- color: #ffffff;
- }
- .navbar-collapse .dropdown-menu li a:hover, .navbar-collapse .dropdown-menu li a:focus,
- .navbar-collapse .dropdown-menu li button:hover,
- .navbar-collapse .dropdown-menu li button:focus {
- background-color: #1f80aa;
- }
- .navbar-default .navbar-nav .open .dropdown-menu > li > a,
- .navbar-default .navbar-nav .open .dropdown-menu > li > button {
- color: #4d4d4d;
- }
- .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
- .navbar-default .navbar-nav .open .dropdown-menu > li > button:hover,
- .navbar-default .navbar-nav .open .dropdown-menu > li > button:focus {
- color: #404040;
- background-color: #f5f5f5;
- }
- .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
- .navbar-default .navbar-nav .open .dropdown-menu > .active > button,
- .navbar-default .navbar-nav .open .dropdown-menu > .active > button:hover,
- .navbar-default .navbar-nav .open .dropdown-menu > .active > button:focus {
- color: #ffffff;
- background-color: #1f80aa;
- }
- .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus,
- .navbar-default .navbar-nav .open .dropdown-menu > .disabled > button,
- .navbar-default .navbar-nav .open .dropdown-menu > .disabled > button:hover,
- .navbar-default .navbar-nav .open .dropdown-menu > .disabled > button:focus {
- color: #4d4d4d;
- background-color: #777;
- }
- }