Template:GreatBay SCIE/CSS/navbar

.navbar {

   margin:-20px auto;
   text-align: center;
   margin-left: -15px;
   position: fixed;
   top: 0;
   width: 100%;

} .navbar ul {

   width:210%;
   background-color:#fad4f7;
   /*padding:10px 20px 10px 0px;*/
   padding:10px 30px 10px;
   display:inline-table;
   position:relative;  
   box-shadow:1px 1px 3px rgb(255, 255, 255);
   color:#000;
   list-style: none;

} .navbar ul::after {

   content:"";
   /*display:block; */
   clear:both;

}

.navbar ul li ul {

   position: absolute;
   max-height: 0px;
   display: block;
   overflow: hidden;
   float: left;
   padding: 0px 0px 0px 5px;
   transition: all 0.3s ease-out;

}

.navbar ul li:hover ul{

   opacity: 80%;
   max-height: 500px;
   display: block;
   transition: all 0.3s ease-in;

}

.navbar ul li {

   float: left;
   position:relative; /*这行无论如何都不要动*/
   transition: all 0.25s ease-out;

} .navbar ul li:hover {

   background-color:#e6b7e6;
   border-radius:45px;

} .navbar ul li a {

   display:block;
   /*padding:10px 20px;*/
   padding: 15px 40px;
   color:#000;
   text-decoration:none;
   font-family:"Calibri";
   font-size: 130%;
   transition: color 0.25s;
   text-align: center;
   list-style: none;

} .navbar ul li a:hover {

   color:rgb(255, 255, 255);
   list-style: none;

}

.navbar ul li ul li a {

   color:rgb(0, 0, 0);

} .navbar ul li ul li:hover a{

   color:rgb(255, 255, 255)

} .navbar ul li ul li {

   float:none;
   border-top:1px solid #e6c5ee;
   border-bottom:1px solid #e6c5ee;
   color:#000;

}