Difference between revisions of "Template:SZU China/Playground/menu/CSS"
(Created page with " .navbar-default { background-color: #3399ff; border-color: #3399ff; } .navbar-default .navbar-brand { color: #ffffff; } .navbar-default .navbar-brand:hover, .navb...") |
|||
Line 1: | Line 1: | ||
+ | |||
+ | |||
.navbar-default { | .navbar-default { | ||
Line 30: | Line 32: | ||
color: #ffffff; | color: #ffffff; | ||
background-color: #3399ff; | background-color: #3399ff; | ||
− | + | border-right:2px solid #fff; | |
} | } | ||
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider { | .navbar-default .navbar-nav > li > .dropdown-menu > li > .divider { |
Revision as of 06:40, 14 September 2015
.navbar-default {
background-color: #3399ff; border-color: #3399ff;
} .navbar-default .navbar-brand {
color: #ffffff;
} .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
color: #ffffff;
} .navbar-default .navbar-text {
color: #ffffff;
} .navbar-default .navbar-nav > li > a {
color: #ffffff;
} .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #ffffff;
} .navbar-default .navbar-nav > li > .dropdown-menu {
background-color: #3399ff; border-color:#fff;
} .navbar-default .navbar-nav > li > .dropdown-menu > li > a {
color: #ffffff;
} .navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover, .navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
color: #ffffff; background-color: #3399ff;
border-right:2px solid #fff; } .navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
background-color: #3399ff;
} .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: #ffffff; background-color:#3399ff;
} .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
color: #ffffff; background-color: #3399ff;
} .navbar-default .navbar-toggle {
border-color: #3399ff;
} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #3399ff;
} .navbar-default .navbar-toggle .icon-bar {
background-color: #ffffff;
} .navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: #ffffff;
} .navbar-default .navbar-link {
color: #ffffff;
} .navbar-default .navbar-link:hover {
color: #ffffff;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #ffffff; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #ffffff; } .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: #3399ff; }
}