Skip to content

Instantly share code, notes, and snippets.

@t-min
Created December 24, 2014 12:29
Show Gist options
  • Select an option

  • Save t-min/85dbefd88fdd01447e66 to your computer and use it in GitHub Desktop.

Select an option

Save t-min/85dbefd88fdd01447e66 to your computer and use it in GitHub Desktop.
navbar-custom.css
/*navbar*/
.nav li a:hover,
.nav li a:focus {
text-decoration: none;
background-color: #eeeeee;
}
.nav li.disabled a {
color: #999999;
}
.nav li.disabled a:hover,
.nav li.disabled a:focus {
color: #999999;
text-decoration: none;
background-color: transparent;
cursor: not-allowed;
}
.navbar-custom {
background-color: #2fa4e7;
border-color: #1995dc;
box-shadow :0 2px 3px;
}
.navbar-custom .navbar-brand {
color: #ffffff;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
color: #ffffff;
background-color: none;
}
.navbar-custom .navbar-text {
color: #dddddd;
}
.navbar-custom .navbar-nav li a {
color: #ffffff;
}
.navbar-custom .navbar-nav li a:hover,
.navbar-custom .navbar-nav li a:focus {
color: #ffffff;
background-color: #178acc;
}
.navbar-custom .navbar-nav .active a,
.navbar-custom .navbar-nav .active a:hover,
.navbar-custom .navbar-nav .active a:focus {
color: #ffffff;
background-color: #178acc;
}
.navbar-custom .navbar-nav .disabled a,
.navbar-custom .navbar-nav .disabled a:hover,
.navbar-custom .navbar-nav .disabled a:focus {
color: #dddddd;
background-color: transparent;
}
.navbar-custom .navbar-toggle {
border-color: #178acc;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
background-color: #178acc;
}
.navbar-custom .navbar-toggle .icon-bar {
background-color: #ffffff;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
border-color: #1995dc;
}
.navbar-custom .navbar-nav .open a,
.navbar-custom .navbar-nav .open a:hover,
.navbar-custom .navbar-nav .open a:focus {
background-color: #178acc;
color: #ffffff;
}
@media (max-width: 767px) {
.navbar-custom .navbar-nav .open .dropdown-menu li a {
color: #ffffff;
}
.navbar-custom .navbar-nav .open .dropdown-menu li a:hover,
.navbar-custom .navbar-nav .open .dropdown-menu li a:focus {
color: #ffffff;
background-color: #178acc;
}
.navbar-custom .navbar-nav .open .dropdown-menu .active a,
.navbar-custom .navbar-nav .open .dropdown-menu .active a:hover,
.navbar-custom .navbar-nav .open .dropdown-menu .active a:focus {
color: #ffffff;
background-color: #178acc;
}
.navbar-custom .navbar-nav .open .dropdown-menu .disabled a,
.navbar-custom .navbar-nav .open .dropdown-menu .disabled a:hover,
.navbar-custom .navbar-nav .open .dropdown-menu .disabled a:focus {
color: #dddddd;
background-color: transparent;
}
}
.navbar-custom .navbar-link {
color: #ffffff;
}
.navbar-custom .navbar-link:hover {
color: #ffffff;
}
.navbar-custom .btn-link {
color: #ffffff;
}
.navbar-custom .btn-link:hover,
.navbar-custom .btn-link:focus {
color: #ffffff;
}
.navbar-custom .btn-link[disabled]:hover,
fieldset[disabled] .navbar-custom .btn-link:hover,
.navbar-custom .btn-link[disabled]:focus,
fieldset[disabled] .navbar-custom .btn-link:focus {
color: #dddddd;
}
.dropdown-menu {
font-size: 12px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment