Difference between revisions of "Template:Evry Paris-Saclay/navbar"

 
(120 intermediate revisions by 3 users not shown)
Line 5: Line 5:
 
<head>
 
<head>
 
<style>
 
<style>
 +
.container {
 +
    padding-right: 10px;
 +
    padding-left: 10px;
 +
    margin-right: auto;
 +
    margin-left: 0;
 +
}
 
.navbar {
 
.navbar {
 
     border-radius: 0px;
 
     border-radius: 0px;
 
     position: fixed;
 
     position: fixed;
 +
    padding-top: 2rem ;
 +
    padding-bottom: 0.5rem;
 +
    box-shadow: 1px 1px 8px #555;
 
}
 
}
  
 
.navbar-collapse {
 
.navbar-collapse {
−
     padding-right: 20px;
+
     padding-right: 5%;
−
     padding-left: 100px;
+
     padding-left: 20%;
 
}
 
}
  
 
li {
 
li {
−
     margin-right: 30px;
+
     margin-right: 10px;
 
}
 
}
  
Line 22: Line 31:
 
     display: none;
 
     display: none;
 
     position: absolute;
 
     position: absolute;
 +
    z-index: 1000;
 
}
 
}
  
−
.dropdown-menu a {
+
.dropdown-item{
 +
    z-index: 1000;
 +
}
 +
 
 +
.dropdown-menu a, span {
 
     float: none;
 
     float: none;
 
     color: black;
 
     color: black;
−
     padding: 12px 16px;
+
     padding: 2px 2px;
 
     text-decoration: none;
 
     text-decoration: none;
 
     display: block;
 
     display: block;
−
     text-align: left;
+
     text-align: center;
 
}
 
}
 +
  
 
.dropdown-menu a:hover {
 
.dropdown-menu a:hover {
−
     background-color: #aaa;
+
     background-color: #343A40;
 +
    color:white;
 
}
 
}
 
.dropdown:hover .dropdown-menu{
 
.dropdown:hover .dropdown-menu{
 
     display: block;
 
     display: block;
 +
}
 +
 +
/*separation menu*/
 +
.separationMenu{
 +
color : #D3D3D3;
 
}
 
}
  
Line 45: Line 66:
 
<nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark fixed-top ">
 
<nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark fixed-top ">
 
       <div class="container">
 
       <div class="container">
−
         <a class="navbar-brand" href="https://2018.igem.org/Team:Evry_Paris-Saclay">Home</a>
+
         <a class="" href="https://2018.igem.org/Team:Evry_Paris-Saclay"><img src="https://static.igem.org/mediawiki/2018/thumb/1/1c/T--Evry_Paris-Saclay--peptalk_logo.png/1200px-T--Evry_Paris-Saclay--peptalk_logo.png" width="200px"/></a>&nbsp;<img src="https://static.igem.org/mediawiki/2018/e/ea/T--Evry_Paris-Saclay--igem_logo_medaille_or2.png" width="3%">
−
         <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+
         <!--<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
 
           <span class="navbar-toggler-icon"></span>
 
           <span class="navbar-toggler-icon"></span>
−
         </button>
+
         </button>-->
 
         <div class="collapse navbar-collapse" id="navbarResponsive">
 
         <div class="collapse navbar-collapse" id="navbarResponsive">
 
           <ul class="navbar-nav ml-auto">
 
           <ul class="navbar-nav ml-auto">
−
             <li class="nav-item dropdown">
+
             <!-- Debut menu-->
−
              <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownTeam" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
            <li class="nav-item">
−
                Team
+
              <a class="nav-link" href="https://2018.igem.org/Team:Evry_Paris-Saclay">Home</a>
−
              </a>
+
−
              <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownTeam">
+
−
<a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Team">Team Members</a>
+
−
<a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Collaborations">Collaborations</a>
+
−
              </div>
+
 
             </li>
 
             </li>
 
             <li class="nav-item dropdown">
 
             <li class="nav-item dropdown">
−
               <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownProject" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
               <a class="nav-link dropdown-toggle" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Description" id="navbarDropdownProject" aria-haspopup="true" aria-expanded="false">
 
                 Project
 
                 Project
 
               </a>
 
               </a>
 
               <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownProject">
 
               <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownProject">
 
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Description">Description</a>
 
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Description">Description</a>
−
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Design">Design</a>
+
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Design">Design overview</a>
−
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Experiments">Experiments</a>
+
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Improve">The peptide</a>
−
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Notebook">Notebook</a>
+
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Model">The receptor</a>
 +
                <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Demonstrate">The promoter</a>
 +
                <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Futur_perspective">Future perspectives</a>
 +
                <span class="separationMenu">--------------</span>
 
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/InterLab">Interlab</a>
 
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/InterLab">Interlab</a>
−
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Model">Model</a>
+
                 <!--<a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Improve">Improve</a>-->
−
                <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Results">Results</a>
+
                 <span class="separationMenu">--------------</span>
−
                <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Demonstrate">Demonstrate</a>
+
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Notebook">Notebook</a>
−
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Improve">Improve</a>
+
−
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Attributions">Attributions</a>
+
 
               </div>
 
               </div>
 
             </li>
 
             </li>
 
             <li class="nav-item dropdown">
 
             <li class="nav-item dropdown">
−
               <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownParts" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
               <a class="nav-link dropdown-toggle" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Parts" id="navbarDropdownParts" aria-haspopup="true" aria-expanded="false">
 
                 Parts
 
                 Parts
 
               </a>
 
               </a>
 
               <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownParts">
 
               <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownParts">
−
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Parts">Parts Overview</a>
+
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Parts#basic_parts">Basic Parts</a>
−
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Basic_Part">Basic Parts</a>
+
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Parts#composite_parts">Composite Parts</a>
−
                <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Composite_Part">Composite Parts</a>
+
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Parts#part_collection">Part Collection</a>
−
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Part_Collection">Part Collection</a>
+
 
               </div>
 
               </div>
 
             </li>
 
             </li>
−
<li class="nav-item">
+
    <li class="nav-item dropdown">
−
               <a class="nav-link" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Safety">Safety</a>
+
               <a class="nav-link dropdown-toggle" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Human_Practices" id="navbarDropdownHumanPractices" aria-haspopup="true" aria-expanded="false">
−
            </li>
+
                 Human Practices
−
<li class="nav-item dropdown">
+
−
              <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownHumanPractices" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
−
                 Parts
+
 
               </a>
 
               </a>
 
               <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownHumanPractices">
 
               <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownHumanPractices">
−
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Human_Practices">Human Practices</a>
+
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Human_Practices#overview">Overview</a>
−
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Public_Engagement">Education & Engagement</a>
+
                <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Human_Practices#meeting_professionals">Meeting with professionals</a>
−
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Games">Games</a>
+
                <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Human_Practices#applications">Applications</a>
 +
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Public_Engagement">Education & public engagement</a>
 +
                <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Human_Practices#integrated_human_practices">Integrated human practices</a>          
 +
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Collaborations">Collaborations</a>
 
               </div>
 
               </div>
 
             </li>
 
             </li>
−
<li class="nav-item dropdown">
+
            <li class="nav-item">
 +
              <a class="nav-link" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Achievement">Achievement</a>
 +
            </li>
 +
    <!--<li class="nav-item dropdown">
 
               <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownAwards" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
               <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownAwards" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
                 Awards
 
                 Awards
Line 113: Line 132:
 
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Plant">Plant</a>
 
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Plant">Plant</a>
 
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Software">Software</a>
 
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Software">Software</a>
 +
              </div>
 +
            </li>-->
 +
            <li class="nav-item dropdown">
 +
              <a class="nav-link dropdown-toggle" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Team"      id="navbarDropdownTeam" aria-haspopup="true" aria-expanded="false">
 +
                Team
 +
              </a>
 +
              <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownTeam">
 +
              <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Team">Team Members</a>
 +
              <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Attributions">Attributions</a>
 +
              <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Sponsors">Sponsors</a>
 
               </div>
 
               </div>
 
             </li>
 
             </li>
−
<li class="nav-item">
+
    <!--<li class="nav-item">
 
               <a class="nav-link" href="https://igem.org/2018_Judging_Form?team=Evry_Paris-Saclay">Judging Form</a>
 
               <a class="nav-link" href="https://igem.org/2018_Judging_Form?team=Evry_Paris-Saclay">Judging Form</a>
−
             </li>
+
             </li>-->
 
           </ul>
 
           </ul>
 
         </div>
 
         </div>

Latest revision as of 00:51, 8 December 2018