|
|
| Line 3: |
Line 3: |
| | | | |
| | | | |
| − | <style>
| |
| − | body{
| |
| − | font-family: 'Molengo', Georgia, Times, serif;
| |
| − | margin: 0px;
| |
| − | padding: 0px;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | nav { /*pour cibler le style des listes du menu navigateur et pas des liens en général*/
| |
| − | width:80%; /*pour agrandir le menu*/
| |
| − | /*background-color:#424558;*/
| |
| − | margin:auto;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | nav > ul {
| |
| − | margin: 0px;
| |
| − | padding: 0px;
| |
| − | }
| |
| − |
| |
| − | nav > ul::after {
| |
| − | content: "";
| |
| − | display:block;
| |
| − | clear:both;
| |
| − | /*rétablir la hauteur du menu, à cause d'un conflit enfant/parent, trucs qui sont revenus à 0px*/
| |
| − | }
| |
| − |
| |
| − | nav > ul > li {
| |
| − | float:left; /*Bien positionner le menu*/
| |
| − | position: relative;
| |
| − | }
| |
| − |
| |
| − | nav > ul > li > a
| |
| − | {
| |
| − | padding: 20px 30px;
| |
| − | color:#18457D;
| |
| − | }
| |
| − | nav > ul > li:hover a{ /*pour pallier au problème de la bordure qui descend quand on passe la souris*/
| |
| − | padding: 15px 30px 20px 30px;
| |
| − | }
| |
| − |
| |
| − | nav li {
| |
| − | list-style-type:none;
| |
| − | }
| |
| − |
| |
| − | .submenu{
| |
| − | display:none; /*submenu caché par défaut*/
| |
| − | }
| |
| − |
| |
| − | nav a {
| |
| − | display: inline-block;
| |
| − | text-decoration: none;
| |
| − | }
| |
| − |
| |
| − | nav li:hover .submenu{
| |
| − | /*change le style du submenu quand on passe la souris sur un élément li*/
| |
| − | display: inline-block;
| |
| − | position: absolute; /*positionne exactement sous la position relative*/
| |
| − | top: 100%;
| |
| − | left: 0px; /*pour que ça s'affiche bien en dessous*/
| |
| − | padding: 0px;
| |
| − | z-index: 1000;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | .submenu li { /*pour décrire le style du sous-menu */
| |
| − | border-bottom: 1px solid #1F97C6;
| |
| − | display: block;
| |
| − | }
| |
| − |
| |
| − | .submenu li a { /*pour changer le style des liens*/
| |
| − | padding: 15px 30px;
| |
| − | font-size: 13px; /*taille écriture un peu plus petite que celle par défaut*/
| |
| − | color: #18457D ;
| |
| − | width: 200px;
| |
| − | display: block;
| |
| − | }
| |
| − |
| |
| − | .menu:hover{ /*fond un peu transparent etc*/
| |
| − | border-top: 5px solid #1F97C6; /*bordure supérieure assez large*/
| |
| − | /*background-color: #1F97C6;*/
| |
| − |
| |
| − | }
| |
| − |
| |
| − | .menu .submenu {
| |
| − | background-color: #FFF; /*fond de couleur sur les sous-menus*/
| |
| − | opacity: 0.5;
| |
| − | }
| |
| − |
| |
| − | .submenu li:hover a { /*quand on passe la souris sur submenu=li on change a*/
| |
| − | color: #FFF;
| |
| − | }
| |
| − |
| |
| − | .menu .submenu li:hover {
| |
| − | background-color: #1F97C6;
| |
| − | }
| |
| − |
| |
| − | </style>
| |
| − |
| |
| − |
| |
| − | <head>
| |
| − | <meta name="viewport" content="width=device-width, initial-scale=1">
| |
| − | <link href='http://fonts.googleapis.com/css?family=Ubuntu:bold' rel='stylesheet' type='text/css'>
| |
| − | <link href='http://fonts.googleapis.com/css?family=Vollkorn' rel='stylesheet' type='text/css'>
| |
| − | <link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'>
| |
| − | <link href='http://fonts.googleapis.com/css?family=Molengo' rel='stylesheet' type='text/css'>
| |
| − | </head>
| |
| − |
| |
| − | <body>
| |
| − | <nav>
| |
| − | <ul>
| |
| − | <li class="menu"><a href="https://2017.igem.org/Team:Grenoble-Alpes"> Home </a></li>
| |
| − | <li class="menu"><a href="https://2017.igem.org/Team:Grenoble-Alpes/Team"> Team </a>
| |
| − | <ul class="submenu">
| |
| − | <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Team">Team</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Collaborations">Collaborations</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="menu"> <a href="https://2017.igem.org/Team:Grenoble-Alpes/Description"> Project </a>
| |
| − | <ul class="submenu">
| |
| − | <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Description">Description</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Design">Design</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Experiments">Experiments</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Notebook">Notebook</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/InterLab">InterLab</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Contribution">Contributions</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Model">Model</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Results">Results</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Demonstrate">Demonstrate</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Improve">Improve</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Attributions">Attributions</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="menu"> <a href="https://2017.igem.org/Team:Grenoble-Alpes/Parts"> Parts </a>
| |
| − | <ul class="submenu">
| |
| − | <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Parts">Parts</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Basic_Part">Basic Part</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Composite_Part">Composite Parts</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Part_Collection">Part Collection</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="menu"><a href="https://2017.igem.org/Team:Grenoble-Alpes/Safety">Safety</a></li>
| |
| − | <li class="menu"><a href="https://2017.igem.org/Team:Grenoble-Alpes/HP/Silver"> Human practices </a>
| |
| − | <ul class="submenu">
| |
| − | <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/HP/Silver">Silver HP</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/HP/Gold">Integrated and Gold</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Engagement">Public Engagement</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="menu"> <a href="https://2017.igem.org/Team:Grenoble-Alpes/Applied_Design"> Awards </a>
| |
| − | <ul class="submenu">
| |
| − | <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Applied_Design">Applied design</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Entrepreneurship">Entrepreneurship</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Hardware">Hardware</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Measurement">Measurement</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Model">Model</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Plant">Plant</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Software">Software</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="menu"><a href="https://igem.org/2017_Judging_Form?team=Grenoble-Alpes">Judging form</a></li>
| |
| − | </ul>
| |
| − |
| |
| − |
| |
| − | </nav>
| |
| − | </body>
| |
| − |
| |
| − |
| |
| | | | |
| | | | |
| | | | |
| | </html> | | </html> |
