Template:GreatBay SCIE/CSS/navbar

.navbar {

   position: fixed;
   width: 100%;
   top: 0;

} .navbar ul {

   width: 100%;
   background-color:#fad4f7;
   padding:0px 40px 0px 0px;
   display:inline-table;
   position:relative;  
   box-shadow:1px 1px 3px rgb(255, 255, 255);
   color:#000;
   list-style: none;
   text-align: center;

} .navbar ul::after {

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

}

.navbar ul li ul {

   position: absolute;
   max-height: 0px;
   opacity: 0%;
   overflow: hidden;
   transition: max-height 0.3s ease;

}

.navbar ul li:hover > ul {

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

}

.navbar ul li {

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

} .navbar ul li:hover {

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

} .navbar ul li a {

   display:inline-table;
   padding:15px 40px;
   color:#000;
   text-decoration:none;
   font-family:"Calibri";
   font-size: 130%;
   transition: color 0.25s;
   text-align: justify;
   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;

}