Difference between revisions of "Template:SZU China/Playground/menu/CSS"
Line 1: | Line 1: | ||
p{ | p{ | ||
− | margin: | + | margin:6px; |
} | } | ||
.dropdown-menu{ | .dropdown-menu{ |
Revision as of 11:23, 15 September 2015
p{
margin:6px;
} .dropdown-menu{
box-shadow:none; border-radius: 0px; text-align: right; min-width: 106px; border:0px;
}
.navbar-default {
background-color: #3399ff; border-color: #3399ff; border-radius:0px;
} .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; }
}