Difference between revisions of "Template:GreatBay SCIE/CSS/navbar"

Revision as of 12:45, 1 July 2021

.navbar {

   margin:-10px auto;
   text-align:center !important;
   /* position: fixed; */

} .navbar ul {

   /*border-radius:15px;*/
   /*background:linear-gradient(to bottom,#fad4f7,#e7b8df);*/
   /* width: 100%;*/
   background-color:#fad4f7;

   display:inline-table; 
   position:relative;  
   box-shadow:1px 1px 3px rgb(255, 255, 255);
   color:#000;
   list-style: none;

} /*.navbar ul ul{

   display:none;

}*/ .navbar ul::after {

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

}

.navbar ul li ul {

   /*overflow: hidden;*/
   position: absolute;
   max-height: 0px;
   opacity: 0%;
   overflow: hidden;
   float:left;
   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;
   position:relative; /*这行无论如何都不要动*/
   /*z-index: 0;*/
   transition: all 0.25s ease-out;

} /*.navbar ul li ::before {

   content: ;
   position:absolute;
   left: 0; 
   top: 0; 
   right: 0; 
   bottom: 0;
   background:linear-gradient(to bottom,#020202,#000000) !important;
   opacity: 0;  
   transition: opacity .5s;
   z-index: -1;

} .navbar ul li :hover::before{

   opacity: 1;
   border-radius:45px;

}*/ .navbar ul li:hover {

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

}

.navbar ul li a {

   display:block;
   padding:15px 40px;
   color:#000;
   text-decoration:none;
   font-family:"Calibri";
   font-size:130%;
   transition:color 0.25s;
   text-align: center !important;
   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 ul {

   background:linear-gradient(to bottom,#fad4f7,#e7b8df);
   border-radius:1;
   position:absolute;
   top:100%;

}*/

.navbar ul li ul li {

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

}

@@ Line 1: / Line 1: @@
 .navbar {
      margin:-10px auto;
@@ Line 15: / Line 16: @@
      color:#000;
      list-style: none;
-    float:center;
 }
 /*.navbar ul ul{