Skip to content

Instantly share code, notes, and snippets.

@kcoss
Created November 26, 2012 15:45
Show Gist options
  • Save kcoss/4148869 to your computer and use it in GitHub Desktop.
Save kcoss/4148869 to your computer and use it in GitHub Desktop.
CSS Default Menu Theme "Minimal"
/* NAVIGATION MENU --------------------*/
.navbar, .navbar-inner, .nav, .navbar-inverse {
float: none;
}
.navbar-inverse .btn-navbar {
background: #666;
margin-top: 20px;
}
.navbar,.navbar-inverse .navbar-inner {
background: none;
filter: none;
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 0;
margin: 0;
}
.navbar .nav {
margin: 0;
float: right;
}
.navbar .nav > li > a {
padding: 8px 14px;
color: #555;
}
.navbar .btn {
margin: 0;
}
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover,
.navbar .dropdown.hover > a {
background: #08C;
color: white;
}
.navbar .dropdown:last-child .dropdown-menu {
left: auto;
right: 0;
}
.nav-collapse {
margin-top: 14px;
}
.navbar-inverse .nav li.dropdown > .dropdown-toggle:hover .caret,
.navbar-inverse .nav li.dropdown.hover > .dropdown-toggle .caret{
border-top-color: #FFF;
border-bottom-color: #FFF;
}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
background: #0077B3;
}
.navbar .nav > .active > a:hover {
background: #08C ;
color: white ;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:focus {
color: #08C ;
text-decoration: none;
background-color: white ;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.navbar-inverse .brand, .navbar-inverse .nav > li > a {
text-shadow: none;
}
/* dropdown menu */
ul.nav li.dropdown:hover ul.dropdown-menu {
display: block;
}
.navbar .dropdown-menu {
border: 0;
box-shadow: none;
background: #08C;
border-radius: 0;
margin: 0;
}
.navbar .dropdown-menu a {
color: #FFF;
}
.navbar .nav > li > .dropdown-menu::before,
.navbar .nav > li > .dropdown-menu::after,
.navbar .nav > li > .dropdown-menu::after {
border: 0;
}
@media (max-width: 979px) {
.navbar .in.nav-collapse {
background: #FFF;
}
.navbar .nav > li > a {
padding: 0.5em 1em;
border-radius: 0;
border-bottom: 1px solid #EEE;
}
.navbar .dropdown-menu {
background: none;
display: block;
}
.navbar .dropdown > a {
background: #f4f4f4;
}
.navbar .dropdown-menu a {
color: #666;
font-weight: normal;
}
.navbar .in.nav-collapse {
margin: 0;
margin-top: 5px;
}
.navbar-inverse .nav-collapse .dropdown-menu a:hover {
background-color: #08C;
color: #FFF;
border-radius: 0;
}
.navbar .dropdown.hover .dropdown-toggle {
color: #FFF
}
.navbar .nav-collapse ul.nav {
margin: 0;
}
.navbar .nav-collapse .dropdown-menu li + li a {
margin: 0;
}
header .row-fluid .span3 {
float: left;
width: auto;
}
header .row-fluid .span9 {
float: right;
width: auto;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment