1body { 2 padding-top: 70px; // bootstrap default 3} 4 5.navbar-default { 6 background-color: #006495; 7 border-color: #004e74; 8} 9.navbar-default .navbar-brand { 10 color: #ecf0f1; 11} 12.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { 13 color: #ffffff; 14} 15.navbar-default .navbar-text { 16 color: #ecf0f1; 17} 18.navbar-default .navbar-nav > li > a { 19 color: #ecf0f1; 20} 21.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { 22 color: #ffffff; 23} 24.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { 25 color: #ffffff; 26 background-color: #004e74; 27} 28.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { 29 color: #ffffff; 30 background-color: #004e74; 31} 32.navbar-default .navbar-toggle { 33 border-color: #004e74; 34} 35.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { 36 background-color: #004e74; 37} 38.navbar-default .navbar-toggle .icon-bar { 39 background-color: #ecf0f1; 40} 41.navbar-default .navbar-collapse, 42.navbar-default .navbar-form { 43 border-color: #ecf0f1; 44} 45.navbar-default .navbar-link { 46 color: #ecf0f1; 47} 48.navbar-default .navbar-link:hover { 49 color: #ffffff; 50} 51 52@media (max-width: 767px) { 53 .navbar-default .navbar-nav .open .dropdown-menu > li > a { 54 color: #ecf0f1; 55 } 56 .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { 57 color: #ffffff; 58 } 59 .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 { 60 color: #ffffff; 61 background-color: #004e74; 62 } 63} 64 65/* 66 * Veritcal divider 67 */ 68.navbar .divider-vertical { 69 height: 50px; 70 margin: 0 9px; 71 border-right: 1px solid #ecf0f1; 72 border-left: 1px solid #ecf0f1; 73} 74 75.navbar-inverse .divider-vertical { 76 border-right-color: #222222; 77 border-left-color: #111111; 78} 79 80@media (max-width: 767px) { 81 .navbar-collapse .nav > .divider-vertical { 82 display: none; 83 } 84} 85