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

}