Difference between revisions of "Template:SZU China/Playground/menu/CSS"

 
Line 1: Line 1:
p{
+
p{margin-bottom:0}.dropdown-menu{box-shadow:none;border-radius:0;text-align:right;min-width:106px;border:0}#nav-for-all{margin-bottom:0}.navbar-default{background-color:#39f;border-color:#39f;border-radius:0}.navbar-default .navbar-brand{color:#fff}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#fff}.navbar-default .navbar-text{color:#fff}.navbar-default .navbar-nav > li > a{color:#fff}.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus{color:#fff}.navbar-default .navbar-nav > li > .dropdown-menu{background-color:#39f;border-color:#fff}.navbar-default .navbar-nav > li > .dropdown-menu > li > a{color:#fff}.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus{color:#fff;background-color:#39f;border-right:2px solid #fff}.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider{background-color:#39f}.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus{color:#fff;background-color:#39f}.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav > .open > a:focus{color:#fff;background-color:#39f}.navbar-default .navbar-toggle{border-color:#39f}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#39f}.navbar-default .navbar-toggle .icon-bar{background-color:#fff}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#fff}.navbar-default .navbar-link{color:#fff}.navbar-default .navbar-link:hover{color:#fff}@media (max-width: 767px){.navbar-default .navbar-nav .open .dropdown-menu > li > a{color:#fff}.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{color:#fff}.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:#fff;background-color:#39f}}
  margin-bottom:0px;
+
}
+
.dropdown-menu{
+
    box-shadow:none;
+
    border-radius: 0px;
+
    text-align: right;
+
    min-width: 106px;
+
    border:0px;
+
   
+
}
+
 
+
 
+
#nav-for-all{
+
    margin-bottom: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;
+
    }
+
}
+

Latest revision as of 01:45, 19 September 2015

p{margin-bottom:0}.dropdown-menu{box-shadow:none;border-radius:0;text-align:right;min-width:106px;border:0}#nav-for-all{margin-bottom:0}.navbar-default{background-color:#39f;border-color:#39f;border-radius:0}.navbar-default .navbar-brand{color:#fff}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#fff}.navbar-default .navbar-text{color:#fff}.navbar-default .navbar-nav > li > a{color:#fff}.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus{color:#fff}.navbar-default .navbar-nav > li > .dropdown-menu{background-color:#39f;border-color:#fff}.navbar-default .navbar-nav > li > .dropdown-menu > li > a{color:#fff}.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus{color:#fff;background-color:#39f;border-right:2px solid #fff}.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider{background-color:#39f}.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus{color:#fff;background-color:#39f}.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav > .open > a:focus{color:#fff;background-color:#39f}.navbar-default .navbar-toggle{border-color:#39f}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#39f}.navbar-default .navbar-toggle .icon-bar{background-color:#fff}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#fff}.navbar-default .navbar-link{color:#fff}.navbar-default .navbar-link:hover{color:#fff}@media (max-width: 767px){.navbar-default .navbar-nav .open .dropdown-menu > li > a{color:#fff}.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{color:#fff}.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:#fff;background-color:#39f}}