| /** |
| * Make dropdown menus in nav bars show on hover instead of click |
| * using solution at http://stackoverflow.com/questions/8878033/how- |
| * to-make-twitter-bootstrap-menu-dropdown-on-hover-rather-than-click |
| **/ |
| ul.nav li.dropdown:hover ul.dropdown-menu{ |
| display: block; |
| } |
| |
| a.menu:after, .dropdown-toggle:after { |
| content: none; |
| } |
| |
| /** Make the submenus open on hover on the parent menu item */ |
| ul.nav li.dropdown ul.dropdown-menu li.dropdown-submenu:hover ul.dropdown-menu { |
| display: block; |
| } |
| |
| /** Make the submenus be invisible until the parent menu item is hovered upon */ |
| ul.nav li.dropdown ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu { |
| display: none; |
| } |
| |
| /** |
| * Made the navigation bar buttons not grey out when clicked. |
| * Essentially making nav bar buttons not react to clicks, only hover events. |
| */ |
| .navbar .nav li.dropdown.open > .dropdown-toggle { |
| background-color: transparent; |
| } |
| |
| /** |
| * Made the active tab caption blue. Otherwise the active tab is black, and inactive tab is blue. |
| * That looks weird. Changed the colors to active - blue, inactive - black, and |
| * no color change on hover. |
| */ |
| .nav-tabs > .active > a, .nav-tabs > .active > a:hover { |
| color: #08c; |
| } |
| |
| .nav-tabs > li > a, .nav-tabs > li > a:hover { |
| color: #333; |
| } |