Difference between revisions of "Template:SZU China/Playground/menu/CSS"
Line 1: | Line 1: | ||
+ | |||
+ | .navbar-nav{ | ||
+ | float:none; | ||
+ | margin:auto; | ||
+ | display: table; | ||
+ | table-layout: fixed; | ||
+ | margin-top:15px; | ||
+ | font-size:18px; | ||
+ | } | ||
+ | |||
+ | |||
+ | a.navbar-brand{ | ||
+ | padding:0px; | ||
+ | } | ||
Line 33: | Line 47: | ||
color: #ffffff; | color: #ffffff; | ||
background-color: #3399ff; | background-color: #3399ff; | ||
− | border-right:2px solid #fff; | + | 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 07:07, 14 September 2015
.navbar-nav{
float:none; margin:auto; display: table; table-layout: fixed; margin-top:15px; font-size:18px; }
a.navbar-brand{
padding: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; }
}