Difference between revisions of "Team:Grenoble-Alpes/team"

Line 157: Line 157:
 
}
 
}
  
−
.navbar-fixed {
+
/*fixe la barre du haut*/
−
    top: 0;
+
/*.navi {              
−
    z-index: 100;
+
        width:70%;  
−
    position: fixed;
+
opacity: 1;
−
    width: 100%;
+
position:fixed;
−
}
+
                        z-index: 100;
 +
                        margin: auto;
 +
}*/
  
−
nav {
+
/*style des onglets*/
−
background-color: #c5f7d4;
+
                .navi ul {        
−
}
+
                        text-transform: uppercase;
 +
                        font-family: 'Calibri';
 +
                        font-size: 110%;
 +
                        margin: 0px;
 +
                        animation : ani 2s ;
 +
                        box-shadow: 0px -10px 0px inset #901717;
 +
                }
  
−
nav ul {
+
                .navi li {
−
display: flex;
+
                        list-style: none;
−
}
+
                }
 +
                .navi li a {
 +
                        color: #CCC0C0;
 +
                        vertical-align:middle;
 +
                        padding-top:20px;
 +
                       
 +
                        margin-bottom:0px;}
 +
                .navi {
 +
                        animation: ani 2s;}
  
−
nav li {
+
/*rétablir la hauteur du menu, à cause d'un conflit enfant/parent */
−
flex: 1;
+
              .navi > ul::after {  
−
text-align: center;
+
content: "";
−
}
+
display:block; /*table*/
 +
clear:both;
 +
}
  
−
nav a:link {
+
/*position des onglets*/
−
display: block;
+
                .navi > ul > li {           
−
padding: 0.5em;
+
                        float: left;  
−
color: white;
+
                        position: relative;
−
text-decoration: none;
+
                }
−
font-size: 1em;
+
−
font-family: 'sf_arch_rivalregular', Arial, Helvetica, sans-serif;
+
−
}
+
  
−
nav a:visited {
+
/*style des liens*/
−
color: #3fbd8f;  
+
                .navi > ul > li > a {      
−
text-decoration: none;
+
                        padding: 5px 40px; /*espacement entre les onglets du menu*/
−
font-size: 1em;  
+
                        color:#CCC0C0;
−
font-family: 'sf_arch_rivalregular', Arial, Helvetica, sans-serif;
+
                        text-decoration: none;
−
}
+
                        display: inline-block;
 +
                     
 +
                }
 +
 
 +
 
 +
/*ne pas afficher les sous-menus */           
 +
              .submenu {           
 +
                      display: none;
 +
              }
 +
 
 +
              .navi li:hover .submenu {
 +
                        display: inline-block;
 +
                        top:100%;
 +
                        left: 0px;
 +
                        padding:0px;
 +
                        position: absolute;
 +
                        z-index: 1000;
 +
                       
 +
                       
 +
              }
 +
 
 +
                .navi a {
 +
                        display: inline-block;
 +
                        text-decoration: none;
 +
                        vertical-align: middle;
 +
                }
 +
 
 +
                /* .navi > ul > li:hover a
 +
                { *//*pour pallier au problème de la bordure qui descend quand on passe la souris*//*
 +
                        text-decoration: none;
 +
                        color : #3498db;
 +
                        padding: 2px 40px 5px 40px;
 +
                        background-color: #ecf0f1;*/
 +
 
 +
 
 +
}
 +
 
 +
.submenu li { /*pour décrire le style du sous-menu */
 +
border-bottom: 1px solid #3498db;
 +
}
 +
 +
.submenu li a { /*pour changer le style des liens*/
 +
padding: 15px 30px;
 +
color: #3498db;
 +
width: 200px;
 +
display: block;
 +
}
 +
 +
             
 +
              .submenu {
 +
                    background-color: #3498db;
 +
              }
 +
             
 +
              .submenu li:hover {
 +
                    background-color: #3498db;
 +
                    opacity: 0.5;
 +
                }
 +
 
 +
                @-webkit-keyframes anim {
 +
                    0%  {opacity:0;}
 +
                    100% {opacity:0.8;}
 +
                }
 +
                @keyframes ani{
 +
                    0% {opacity:0;}
 +
                    100% {opacity:1;}
 +
                }
  
−
nav a:hover {
 
−
background-color: #4ad0bc;
 
−
color: #FFF;
 
−
text-decoration: underline;
 
−
font-size: 1.2em;
 
−
font-family: 'sf_arch_rivalregular', Arial, Helvetica, sans-serif;
 
−
}
 
  
 
#accroche {
 
#accroche {
Line 438: Line 511:
 
<body>
 
<body>
 
 
−
<nav id='nav_bar'>  
+
<div class="navi">
−
   <ul>
+
   <nav width="90%">
−
     <li><a href="index.html"> Accueil</a></li>
+
     <ul>
−
    <li><a href="ile.html"> L'Ile</a></li>
+
      <li class="coche">
−
    <li><a href="actus.html"> Actualités </a></li>
+
        <a href="https://2018.igem.org/Team:Grenoble-Alpes">HOME</a>
−
    <li><a href="marches.html"> Les marchés </a></li>
+
      </li>
−
    <li><a href="gallerie.html"> Galerie </a></li>
+
      <li>
−
    <li><a href="contacts.html"> Contacts</a></li>
+
        <a href="https://2018.igem.org/Team:Grenoble-Alpes/team">TEAM</a>
−
  </ul>
+
      </li>
 +
      <li>
 +
        <a href="https://2018.igem.org/Team:Grenoble-Alpes/project">PROJECT</a>
 +
      </li>
 +
      <li>
 +
      <a href="humanpractices.html">HUMAN PRACTICES</a>
 +
      </li>
 +
      <li>
 +
      <a href="entrepreneurship.html">ENTREPRENEURSHIP</a>
 +
      </li>
 +
      <li>
 +
      <a href="ressources.html">RESSOURCES</a>
 +
      </li>
 +
    </ul>
 +
 
 
</nav>
 
</nav>
 +
</div>
  
 
<section class="sable flex"> <!-- actus -->
 
<section class="sable flex"> <!-- actus -->

Revision as of 09:56, 23 August 2018

Template loop detected: Template:Grenoble-Alpes

Lorem Ipsum

fIn in tyrannorum atque neque diffluentes fides quis habent atque est

Lorem Ipsum

fIn in tyrannorum atque neque diffluentes fides quis habent atque est

Lorem Ipsum

fIn in tyrannorum atque neque diffluentes fides quis habent atque est