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

 
(131 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;
 +
    padding-top: 2rem ;
 +
    padding-bottom: 0.5rem;
 +
    box-shadow: 1px 1px 8px #555;
 +
}
 +
 +
.navbar-collapse {
 +
    padding-right: 5%;
 +
    padding-left: 20%;
 +
}
 +
 +
li {
 +
    margin-right: 10px;
 +
}
 +
 +
.dropdown-menu{
 +
    display: none;
 +
    position: absolute;
 +
    z-index: 1000;
 +
}
 +
 +
.dropdown-item{
 +
    z-index: 1000;
 +
}
 +
 +
.dropdown-menu a, span {
 +
    float: none;
 +
    color: black;
 +
    padding: 2px 2px;
 +
    text-decoration: none;
 +
    display: block;
 +
    text-align: center;
 +
}
 +
 +
 +
.dropdown-menu a:hover {
 +
    background-color: #343A40;
 +
    color:white;
 +
}
 +
.dropdown:hover .dropdown-menu{
 +
    display: block;
 +
}
 +
 +
/*separation menu*/
 +
.separationMenu{
 +
color : #D3D3D3;
 
}
 
}
 +
 
</style>
 
</style>
 
</head>
 
</head>
Line 13: 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="index.html">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="portfolio-1-col.html">Team Members</a>
+
<a class="dropdown-item" href="portfolio-2-col.html">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="blog-home-1.html">Description</a>
+
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Description">Description</a>
                 <a class="dropdown-item" href="blog-home-2.html">Design</a>
+
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Design">Design overview</a>
                 <a class="dropdown-item" href="blog-post.html">Experiments</a>
+
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Improve">The peptide</a>
                 <a class="dropdown-item" href="blog-post.html">Notebook</a>
+
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Model">The receptor</a>
                 <a class="dropdown-item" href="blog-post.html">Interlab</a>
+
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Demonstrate">The promoter</a>
                 <a class="dropdown-item" href="blog-post.html">Model</a>
+
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Futur_perspective">Future perspectives</a>
                 <a class="dropdown-item" href="blog-post.html">Results</a>
+
                 <span class="separationMenu">--------------</span>
                 <a class="dropdown-item" href="blog-post.html">Demonstrate</a>
+
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/InterLab">Interlab</a>
                 <a class="dropdown-item" href="blog-post.html">Improve</a>
+
                 <!--<a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Improve">Improve</a>-->
                 <a class="dropdown-item" href="blog-post.html">Attributions</a>
+
                <span class="separationMenu">--------------</span>
 +
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Notebook">Notebook</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="full-width.html">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="sidebar.html">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="faq.html">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="404.html">Part Collection</a>
+
 
               </div>
 
               </div>
 
             </li>
 
             </li>
<li class="nav-item">
+
    <li class="nav-item dropdown">
              <a class="nav-link" href="about.html">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="full-width.html">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="sidebar.html">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="faq.html">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
 
               </a>
 
               </a>
 
               <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownAwards">
 
               <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownAwards">
                 <a class="dropdown-item" href="full-width.html">Applied Design</a>
+
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Applied_Design">Applied Design</a>
                 <a class="dropdown-item" href="sidebar.html">Entrepreneurship</a>
+
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Entrepreneurship">Entrepreneurship</a>
                 <a class="dropdown-item" href="faq.html">Hardware</a>
+
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Hardware">Hardware</a>
                 <a class="dropdown-item" href="faq.html">Measurement</a>
+
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Measurement">Measurement</a>
                 <a class="dropdown-item" href="faq.html">Model</a>
+
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Model">Model</a>
                 <a class="dropdown-item" href="faq.html">Plant</a>
+
                 <a class="dropdown-item" href="https://2018.igem.org/Team:Evry_Paris-Saclay/Plant">Plant</a>
                 <a class="dropdown-item" href="faq.html">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="services.html">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