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

Line 1: Line 1:
  
−
.container .btn-default{
+
.dropdown-menu{
−
    display:block;
+
−
    background:none;
+
−
    padding-right:30px;
+
−
    padding-left:30px;
+
−
    border: 2px solid #3399ff;
+
−
    color:#3399ff;
+
 
     box-shadow:none;
 
     box-shadow:none;
−
     margin:10px auto;
+
     border-radius: 0px;
 +
    text-align: right;
 +
    min-width: 106px;
 +
    border:0px;
 
      
 
      
−
}
 
−
 
−
.navbar-nav{
 
−
    float:none;
 
−
    margin:auto;
 
−
    display: table;
 
−
    table-layout: fixed;
 
−
    margin-top:15px;
 
−
    font-size:18px;
 
−
}
 
−
 
−
 
−
a.navbar-brand{
 
−
    padding:0px;
 
 
}
 
}
  

Revision as of 07:10, 14 September 2015

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

}