Team:Toulouse/Notebook/project-monitoring

From 2014.igem.org

(Difference between revisions)
Line 10: Line 10:
   <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() > 250) {
 +
        $('#column-left').addClass("fixNavigation");
 +
    } else {
 +
        $('#column-left').removeClass("fixNavigation");
 +
        }
 +
    });
 +
  });
 +
</script>
  <!--/* CSS contenu*/-->
  <!--/* CSS contenu*/-->
Line 92: Line 105:
     display :block;
     display :block;
 +
}
 +
 +
#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;
}
}
      
      
Line 106: Line 153:
   <div id="innercontenthome">
   <div id="innercontenthome">
       <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;">Summary :</h3>
 +
<ul class="menuleft">
 +
  <li style="margin-top:25px;"><a href="#select1">GEM Safety</a></li>
 +
  <li><a href="#select2">Chassis Organism</a></li>
 +
  <li><a href="#select3">New and/or modified coding region</a></li>
 +
  <li><a href="#select4">Team safety</a></li>
 +
</ul>
 +
</div>
 +
 +
<div class="column-right" style="width:75%; float:right;">
       <p class="texte">Binding module
       <p class="texte">Binding module
Line 576: Line 635:
</p>
</p>
 +
</div>
 +
 +
<div class="clear"></div>
     </div>
     </div>

Revision as of 11:21, 15 October 2014