Team:Toulouse/Notebook/Calendar

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 85: Line 98:
     text-decoration:underline;
     text-decoration:underline;
}
}
 +
 +
#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;
 +
}
 +
/*Overview*/
/*Overview*/
.CropImg{
.CropImg{
Line 109: Line 157:
   <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="title1">December 2013 – January 2014: Team selection</p>
<p class="title1">December 2013 – January 2014: Team selection</p>
Line 550: Line 611:
- Daily presentations in front of the laboratory teachers to repeat again and again and again… let’s get ready for the Jamboree!
- Daily presentations in front of the laboratory teachers to repeat again and again and again… let’s get ready for the Jamboree!
</p>  
</p>  
 +
 +
</div>
 +
 +
<div class="clear"></div>
       </div>
       </div>

Revision as of 11:06, 15 October 2014