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"> | ||
− | |||
− | |||
<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/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