/* Bootstrap 3 navbar customizer: http://apps.rotten77.cz/b3nc/ */ .navbar-default { background-color: #936bad; border-color: #6b4385; } .navbar-default .navbar-nav>li>a, .navbar-default .navbar-brand { color: #ffffff; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-brand:hover { color: #ffffff; background-color: #6b4385; } .navbar-default .navbar-toggle { border-color:#ffffff; } .navbar-default .navbar-toggle .icon-bar { background:#ffffff; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus, .navbar-nav>li>.dropdown-menu { background-color: #6b4385; color: #ffffff; } .dropdown-menu .divider { background-color: #936bad; } .dropdown-menu>li>a { color: #ffffff; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff; background-color: #936bad; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #ffffff; background-color: #936bad; } .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:active, .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 { color: #ffffff; background-color: #6b4385; } }