Team:Toulouse/Result/parts

From 2014.igem.org

(Difference between revisions)
Line 8: Line 8:
   <link href='http://fonts.googleapis.com/css?family=Open+Sans:800' rel='stylesheet' type='text/css'>
   <link href='http://fonts.googleapis.com/css?family=Open+Sans:800' rel='stylesheet' type='text/css'>
 +
 +
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js'></script>
 +
 +
<script type='text/javascript'> $(function(){
 +
  $(window).scroll(function () {
 +
    if ($(this).scrollTop() > 565) {
 +
        $('#column-left').addClass("fixNavigation");
 +
    } else {
 +
        $('#column-left').removeClass("fixNavigation");
 +
        }
 +
    });
 +
  });
 +
</script>
  <!--/* CSS contenu*/-->
  <!--/* CSS contenu*/-->
Line 75: Line 88:
  border-color:black;
  border-color:black;
  }
  }
 +
 +
#column-left{
 +
float:left;
 +
width: 190px;
 +
float: left;
 +
padding: 15px 10px 15px 15px;
 +
border: 1px solid #ccc;
 +
border-radius: 5px;
 +
background-color: #eee;
 +
}
 +
 +
.fixNavigation{
 +
z-index: 9999;
 +
position: fixed;
 +
top:15px;
 +
width:240px;
 +
}
 +
 +
ul.menuleft {
 +
padding-left:10px;
 +
}
 +
 +
 +
ul.menuleft li {
 +
padding-bottom: 10px;
 +
}
 +
 +
ul.menuleft li a{
 +
color:#5a6060;
 +
font-family:'Open Sans';
 +
font-size:14px;
 +
margin:0 0 0 0;
 +
line-height:24px;
 +
}
 +
</style>
</style>
Line 98: Line 146:
       <div class="centering" style="padding-top: 85px; padding-bottom:40px;">
       <div class="centering" style="padding-top: 85px; padding-bottom:40px;">
 +
<div id="column-left">
 +
<h3 class="title2" style="margin-top:10px; color:#333;">Content page</h3>
 +
<ul class="menuleft">
 +
  <li style="margin-top:25px;"><a href="#select1">Chemotaxis</a></li>
 +
  <li><a href="#select2">Binding module</a></li>
 +
  <li><a href="#select3">Fungicides module</a></li>
 +
</ul>
 +
</div>
 +
<div class="column-right" style="width:75%; float:right;">
        
        
-
 
<p class="texte">As the chassis <i>B. subtilis</i> is not as used as <i>E. coli</i>,  
<p class="texte">As the chassis <i>B. subtilis</i> is not as used as <i>E. coli</i>,  
it was sometimes hard for us to get or find desired parts.<br>
it was sometimes hard for us to get or find desired parts.<br>
Line 602: Line 658:
<br>
<br>
 +
</div>
      
      
   <!-- Navigation section -->   
   <!-- Navigation section -->   

Revision as of 10:40, 15 October 2014