Difference between revisions of "Team:Bordeaux/Template:Menu"

 
(135 intermediate revisions by 3 users not shown)
Line 2: Line 2:
 
<head>
 
<head>
 
<style>
 
<style>
 +
html {
 +
       
 +
}
 +
#nave{
 +
padding-left:120px;
 +
}
 +
 +
 
#bs-example-navbar-collapse-1
 
#bs-example-navbar-collapse-1
 
{  
 
{  
−
         padding-top: 14px;
+
         padding-top: 10px;
−
         cursor:url(http://image.noelshack.com/fichiers/2015/24/1433951133-url12.png),auto;
+
          
 
         font-weight : bold; /* on met le texte en gras */
 
         font-weight : bold; /* on met le texte en gras */
 
/* font-family: Comic Sans MS; */
 
/* font-family: Comic Sans MS; */
 
         font-size: 20px;       
 
         font-size: 20px;       
−
        /* background : url('http://image.noelshack.com/fichiers/2015/27/1435600294-grap.jpg'); */
+
      /* background : url('http://image.noelshack.com/fichiers/2015/27/1435600294-grap.jpg');*/
 
         background-size: 100% 100%;   
 
         background-size: 100% 100%;   
 +
position:fixed;
 
}
 
}
  
 
#nav1 {
 
#nav1 {
 
     background:  url("http://image.noelshack.com/fichiers/2015/27/1435600294-grap.jpg") no-repeat  0% 0% / 10px auto;
 
     background:  url("http://image.noelshack.com/fichiers/2015/27/1435600294-grap.jpg") no-repeat  0% 0% / 10px auto;
−
         background-color: transparent;  
+
         background-color: rgba(24, 24, 24, 0.6);
 
         background-image: url("http://image.noelshack.com/fichiers/2015/27/1435600294-grap.jpg");
 
         background-image: url("http://image.noelshack.com/fichiers/2015/27/1435600294-grap.jpg");
 +
       
 
         background-repeat: no-repeat;
 
         background-repeat: no-repeat;
 
         background-attachment: fixed;
 
         background-attachment: fixed;
Line 25: Line 35:
 
         border : none;
 
         border : none;
 
         font-size: 15px;
 
         font-size: 15px;
 +
        position:fixed;
 +
        height:70px;
  
 
}
 
}
  
−
div.transbox {
+
#logo1 {
−
     margin: 30px;
+
     padding-left: 17px;
−
     background-color: #ffffff;
+
     height: 65px;
−
     opacity: 0.6;
+
     position : relative;
 +
    left : 20px;
 +
position:fixed;
 
}
 
}
  
−
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
+
#drop{
 +
position:absolute;
 +
left:-20px;
 +
}
 +
#drop1{
 +
position:absolute;
 +
left:-153px;
 +
}
 +
#drop2{
 +
position:absolute;
 +
left:-162px;
 +
}
  
 +
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
 
     background-color: transparent;
 
     background-color: transparent;
 
}
 
}
Line 53: Line 79:
 
}
 
}
  
 +
#fleche{
 +
position:relative;
 +
left:-25px;
 +
}
  
  
Line 86: Line 116:
  
 
<nav id ="nav1" class="navbar navbar-default navbar-fixed-top" role="navigation">
 
<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">
 
   <div class="container-fluid">
 
     <!-- Brand and toggle get grouped for better mobile display -->
 
     <!-- Brand and toggle get grouped for better mobile display -->
Line 95: Line 126:
 
         <span class="icon-bar"></span>
 
         <span class="icon-bar"></span>
 
       </button>
 
       </button>
−
      <a class="navbar-brand" href="https://2015.igem.org/Main_Page" style="width:90px"><img class="logo-header"  <!-- lets you move the bar left -->         
 
−
<img src="http://www.google.fr/url?source=imglanding&ct=img&q=http://upload.wikimedia.org/wikipedia/en/d/d6/IGEM_official_logo.png&sa=X&ei=GFF0VYWYJ8HkUZKxgMAO&ved=0CAkQ8wc&usg=AFQjCNEe3RtXSXqe1t3EC8-knMIwglD_yA" style="position:relative;top:-0px;left:-0;height:30px" /></a>
 
−
    </div>
 
  
 
     <!-- Collect the nav links, forms, and other content for toggling -->
 
     <!-- Collect the nav links, forms, and other content for toggling -->
Line 106: Line 134:
  
 
<!-- -----------------------START OF MENU -------------------------------- -->
 
<!-- -----------------------START OF MENU -------------------------------- -->
−
  <div class="transbox">
 
  
−
        <li><a href="https://2015.igem.org/Team:Bordeaux"> Home </a></li>
 
  
−
         <li class="dropdown" id="drp">
+
         <li><a href="https://2015.igem.org/Team:Bordeaux" style="color:    #ff9a00;"> Home </a></li>
−
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="overview" style="background-color: transparent; color:    #ff9a00;"> Overview <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/Problem" style="color: #ff9a00;"> Problem </a></li>
−
            <li><a href="https://2015.igem.org/Team:Bordeaux/Overview">The 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/Overview">Our Solution</a></li>
+
−
        <li><a href="https://2015.igem.org/Team:Bordeaux/Overview">Results</a></li>
+
−
          </ul>
+
−
        </li>
+
  
−
        <li class="dropdown" id="drp">
+
      <li class="dropdown" id="drp"><a href="#" class="dropdown-toggle" data-toggle="dropdown" style="background-color: transparent;color:#ff9a00;"> Labwork <span class="caret"></span></a>
−
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="people" style="background-color: transparent;"> People <span class="caret"></span></a>
+
 
           <ul id="drop" class="dropdown-menu" role="menu" style="background-color: transparent;">
 
           <ul id="drop" class="dropdown-menu" role="menu" style="background-color: transparent;">
−
              <li><a href="https://2015.igem.org/Team:Bordeaux/People"> Team Members </a></li>
+
            <li><a href="https://2015.igem.org/Team:Bordeaux/AchievementsNotebook"> Notebook </a></li>
−
  <li><a href="https://2015.igem.org/Team:Bordeaux/People"> Collaborations </a></li>
+
              <li><a href="https://2015.igem.org/Team:Bordeaux/Bacteria_results"> Bacteria Results </a></li>
−
  <li><a href="https://2015.igem.org/Team:Bordeaux/People"> Media </a></li>
+
              <li><a href="https://2015.igem.org/Team:Bordeaux/Yeast_results"> Yeast Results </a></li>
 +
                  <li><a href="https://2015.igem.org/Team:Bordeaux/Parts"> Parts </a></li>
 
           </ul>
 
           </ul>
 +
 
         </li>
 
         </li>
  
−
         <li class="dropdown" id="drp">
+
         <li><a href="https://2015.igem.org/Team:Bordeaux/Team" style="color: #ff9a00;"> Team </a></li>
−
           <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="policy" style="background-color: transparent;"> Policy & Practices <span class="caret"></span></a>
+
             
 +
<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;">
 
           <ul id="drop" class="dropdown-menu" role="menu" style="background-color: transparent;">
−
               <li><a href="https://2015.igem.org/Team:Bordeaux/PolicyPractices"> Popularization </a></li>
+
               <li><a href="https://2015.igem.org/Team:Bordeaux/Practices"> Popularization </a></li>
−
               <li><a href="https://2015.igem.org/Team:Bordeaux/PolicyPractices"> Ethics </a></li>
+
               <li><a href="https://2015.igem.org/Team:Bordeaux/ethics"> Ethics </a></li>
−
               <li><a href="https://2015.igem.org/Team:Bordeaux/PolicyPractices"> Safety </a></li>
+
               <li><a href="https://2015.igem.org/Team:Bordeaux/safety"> Safety </a></li>
−
               <li><a href="https://2015.igem.org/Team:Bordeaux/PolicyPractices"> Philosophy & Economy </a></li>    
+
               <li><a href="https://2015.igem.org/Team:Bordeaux/economy"> Economy </a></li>
 
           </ul>
 
           </ul>
 
         </li>
 
         </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="https://2015.igem.org/Team:Bordeaux/Help"> Helping iGemers </a></li>
 +
          </ul>
  
−
         <li class="dropdown" id="drp">
+
         </li>
−
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" style="background-color: transparent;"> Achievements <span class="caret"></span></a>
+
    <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;">
 
           <ul id="drop" class="dropdown-menu" role="menu" style="background-color: transparent;">
−
              <li><a href="https://2015.igem.org/Team:Bordeaux/Achievements"> Medals </a></li>
+
                  <li><a href="https://2015.igem.org/Team:Bordeaux/Attributions"> Attributions </a></li>
−
              <li><a href="https://2015.igem.org/Team:Bordeaux/Achievements"> Biobrick </a></li>
+
                  <li><a href="https://2015.igem.org/Team:Bordeaux/Medals"> Medal Criteria </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>
+
 
           </ul>
 
           </ul>
 
         </li>
 
         </li>
−
</div>
+
  </header>              
−
 
+
−
</header>
+
−
 
+
−
 
+
−
 
+
 
<div id="st-container" class="st-container">
 
<div id="st-container" class="st-container">
 
   <div class="st-pusher">
 
   <div class="st-pusher">

Latest revision as of 21:17, 18 September 2015