View source for Team:Bordeaux/Template:Menu1

<html>
<head>
<style>
html {
        
}
#nave{
padding-left:120px;
}
#bs-example-navbar-collapse-1
	{ 
        padding-top: 10px;
       
        font-weight : bold; /* on met le texte en gras */
	/* font-family: Comic Sans MS; */
        font-size: 20px;       
       /* background : url('http://image.noelshack.com/fichiers/2015/27/1435600294-grap.jpg');*/
        background-size: 100% 100%;  
position:fixed;
	}

#nav1 {
    background:  url("http://image.noelshack.com/fichiers/2015/27/1435600294-grap.jpg") no-repeat  0% 0% / 10px auto;
        background-color: rgba(24, 24, 24, 0.6);
        background-image: url("http://image.noelshack.com/fichiers/2015/27/1435600294-grap.jpg");
       
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: 0% 0%;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: 10px auto;
        border : none;
        font-size: 15px;
        position:fixed;
        height:70px;

}

#logo1 {
    padding-left: 17px;
    height: 65px;
    position : relative;
    left : 20px;
position:fixed;
}

#drop{
position:absolute;
left:-20px;
}

#drop1{
position:absolute;
left:-153px;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent;
}

#overview {
padding-left : 35px;
}
#people {
padding-left : 35px;
}

#policy {
padding-left : 35px;

a:focus {
background-color: transparent;
}

</style>
<script>

sfHover = function() {
        var sfEls = document.getElementById("menu").getElementsByTagName("LI");
        for (var i=0; i<sfEls.length; i++) {
                sfEls[i].onmouseover=function() {
                        this.className+=" sfhover";
                }
                sfEls[i].onmouseout=function() {
                        this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
                }
        }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
</script>

</head>


 <div id="preloader">
  <div class="loader-gplus"></div>
 </div>




<header id="top-header">
    

<nav id ="nav1" class="navbar navbar-default navbar-fixed-top" role="navigation">
<a href="https://2015.igem.org/Team:Bordeaux"> <img src="http://image.noelshack.com/fichiers/2015/29/1436979215-orange.png" id="logo1" class="logo-header"> </a>
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav" id="nave">



<!-- -----------------------START OF MENU -------------------------------- -->


        <li><a href="https://2015.igem.org/Team:Bordeaux" style="color:     #ff9a00;"> Home </a></li>

        <li><a href="https://2015.igem.org/Team:Bordeaux/Problem" style="color: #ff9a00;"> Problem </a></li>
        <li><a href="https://2015.igem.org/Team:Bordeaux/Description" style="color: #ff9a00;"> Description </a></li>
         <li><a href="https://2015.igem.org/Team:Bordeaux/Results" style="color: #ff9a00;"> Labwork </a></li>
<li class="dropdown" id="drp">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" style="background-color: transparent;color:#ff9a00;"><span class="caret" style="position:relative;left:-20px;"></span></a>
          <ul id="drop1" class="dropdown-menu" role="menu" style="background-color: transparent;">
            	  <li><a href="https://2015.igem.org/Team:Bordeaux/AchievementsNotebook"> Notebook </a></li>
            	  <li><a href="https://2015.igem.org/Team:Bordeaux/Bacteria_results"> Bacteria Results </a></li>
            	  <li><a href="#"> Yeast Results </a></li>
                  <li><a href="https://2015.igem.org/Team:Bordeaux/Parts"> Parts </a></li>

          </ul>
        </li>

        <li><a href="https://2015.igem.org/Team:Bordeaux/Team" style="color: #ff9a00;position:relative;left:-20px;"> Team </a></li>
              
<li class="dropdown" id="drp">
          <a href="https://2015.igem.org/Team:Bordeaux/Practices" class="dropdown-toggle" data-toggle="dropdown" style="background-color: transparent;color:#ff9a00;"> Practices <span class="caret"></span></a>
          <ul id="drop" class="dropdown-menu" role="menu" style="background-color: transparent;">
            	  <li><a href="https://2015.igem.org/Team:Bordeaux/Practices"> Popularization </a></li>
            	  <li><a href="#ethics"> Ethics </a></li>
            	  <li><a href="#safety"> Safety </a></li>
            	  <li><a href="#economy"> Economy </a></li>
          </ul>
        </li>
         <li class="dropdown" id="drp"><a href="#" class="dropdown-toggle" data-toggle="dropdown" style="background-color: transparent;color:#ff9a00;"> Collaboration <span class="caret"></span></a>
          <ul id="drop" class="dropdown-menu" role="menu" style="background-color: transparent;">
            	  <li><a href="https://2015.igem.org/Team:Bordeaux/Meetup"> Meetup </a></li>
            	  <li><a href="#"> Helping iGemers </a></li>
          </ul>

        </li>

        <li class="dropdown" id="drp">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" style="background-color: transparent;color:#ff9a00;"> Achievements <span class="caret"></span></a>
          <ul id="drop" class="dropdown-menu" role="menu" style="background-color: transparent;">
            	  <li><a href="https://2015.igem.org/Team:Bordeaux/Attributions"> Attributions </a></li>
            	  <li><a href="https://2015.igem.org/Team:Bordeaux/Parts"> Parts </a></li>
            	  <li><a href="https://2015.igem.org/Team:Bordeaux/Achievements"> Protocols </a></li>
            	  <li><a href="https://2015.igem.org/Team:Bordeaux/AchievementsNotebook"> Notebook </a></li>
                  <li><a href="https://2015.igem.org/Team:Bordeaux/Medals"> Medal Criteria </a></li>
          </ul>
        </li>
  </header>               
<div id="st-container" class="st-container">
  <div class="st-pusher">
    <div class="st-content">


</html>