Difference between revisions of "Team:Grenoble-Alpes"

(Replaced content with "{{Grenoble-Alpes}} <html> Grenoble :P </html>")
Line 3: Line 3:
  
  
Grenoble :P
+
<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

Grenoble-Alpes