NoreenLouis (Talk | contribs) (Replaced content with "{{Grenoble-Alpes}} <html> Grenoble :P </html>") |
NoreenLouis (Talk | contribs) |
||
Line 3: | Line 3: | ||
− | Grenoble : | + | <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> |
Revision as of 09:39, 27 June 2017