Difference between revisions of "Template:SEU/Header"

Line 33: Line 33:
 
       }
 
       }
 
</style>
 
</style>
 +
 +
<!-- 下拉菜单 -->
 +
<style>
 +
#nav li{
 +
  position: relative;
 +
}
 +
#nav .popList{
 +
  position: absolute;
 +
  width: 160%;
 +
  left:-30%;
 +
  top: 100%;
 +
  background-color: transparent;
 +
  transform: scaleY(0);
 +
  transform-origin: top;
 +
  transition: all 300ms;
 +
}
 +
#nav li:hover .popList{
 +
  transform: scaleY(1);
 +
}
 +
#nav .popList a{
 +
  font-size:15px!important;
 +
  color: #fff !important;
 +
  width: 100%;
 +
  text-align:center!important;
 +
}
 +
#nav .popList a:hover{
 +
  background-color: transparent!important;
 +
}
 +
</style>
 +
  
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
 
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
 
    <meta name="author" content="">
 
 
     <link href="https://fonts.googleapis.com/css?family=Raleway:100,300,400,500,700,900" rel="stylesheet">
 
     <link href="https://fonts.googleapis.com/css?family=Raleway:100,300,400,500,700,900" rel="stylesheet">
 
     <link href="https://2019.igem.org/Template:SEU/Home_CSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 
     <link href="https://2019.igem.org/Template:SEU/Home_CSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
Line 53: Line 81:
 
                             <div class="nav-box navbar-collapse">
 
                             <div class="nav-box navbar-collapse">
 
                                 <ul class="navigation-menu nav navbar-nav navbars" id="nav">
 
                                 <ul class="navigation-menu nav navbar-nav navbars" id="nav">
                                    <li><a href="https://2019.igem.org/Team:SEU">Home</a></li>
 
 
                                     <li><a href="https://2019.igem.org/Team:SEU/Team">Team</a></li>
 
                                     <li><a href="https://2019.igem.org/Team:SEU/Team">Team</a></li>
 +
                                        <div class="popList">
 +
                                            <a href="https://2019.igem.org/Team:SEU/Team">Members</a>
 +
                                            <a href="https://2019.igem.org/Team:SEU/Attributions">Attributions</a>
 +
                                            <a href="https://2019.igem.org/Team:SEU/Collaborations">Collaborations</a>
 +
                                        </div>
 
                                     <li><a href="https://2019.igem.org/Team:SEU/Description">Project</a></li>
 
                                     <li><a href="https://2019.igem.org/Team:SEU/Description">Project</a></li>
 
                                     <li><a href="https://2019.igem.org/Team:SEU/Parts">Parts</a></li>
 
                                     <li><a href="https://2019.igem.org/Team:SEU/Parts">Parts</a></li>

Revision as of 05:35, 1 October 2019