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

(Blanked the page)
Line 1: Line 1:
 +
<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;
 +
}
 +
 +
 +
.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;"> Results </a></li>
 +
 +
        <li><a href="https://2015.igem.org/Team:Bordeaux/Team" style="color: #ff9a00;"> 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="https://2015.igem.org/Team:Bordeaux/ethics"> Ethics </a></li>
 +
              <li><a href="https://2015.igem.org/Team:Bordeaux/safety"> Safety </a></li>
 +
              <li><a href="https://2015.igem.org/Team:Bordeaux/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>
 +
          </ul>
 +
        </li>
 +
  </header>             
 +
<div id="st-container" class="st-container">
 +
  <div class="st-pusher">
 +
    <div class="st-content">
 +
 +
 +
</html>

Revision as of 20:25, 15 September 2015