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;
+
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;
   }

}