Team:Grenoble/Templates/Css.css

From 2011.igem.org

(Difference between revisions)
 
(66 intermediate revisions not shown)
Line 1: Line 1:
 +
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<head>
 +
<link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:Grenoble/Templates/Css_current.css?action=raw&ctype=text/css" />
<style>
<style>
-
 
+
.bloc1background {
-
 
+
  width:33%;
-
#globalWrapper {/* le wiki */
+
  height:300px;
-
    background-color: #ffffff;
+
  float:left;
-
    -bottom:0px;
+
}
}
 +
</style>
 +
</head>
 +
<body>
-
#top-section{/* la barre titre (baniere igem+ menu haut)*/
+
  <div id="dolphincontainer">
-
    height: auto;
+
    <div id="dolphinnav">
-
    margin-top: 0 px;
+
-
    margin-left: 0 px;
+
-
    margin-right: auto;
+
-
    margin-bottom: 0 ;
+
-
  /* margin-bottom: 10px; */
+
-
   
+
-
    border: none;
+
-
    display: display;
+
-
}
+
-
#p-logo{/*le conteneur de la banière igem avec un lien vers igem*/
+
-
  display:none;
+
-
  border:none;
+
-
  margin:none;
+
-
}
+
-
#menubar{/* la barre de menu du haut */
+
-
    /*display:none;*/
+
-
}
+
-
#menubar a{/*les lien de la barre de menu du haut */
+
-
  margin:5px 0 0 0;
+
-
  text-decoration:none;
+
-
  color:#FFFFFF;
+
-
}
+
-
body {
+
<ul>
 +
 +
<li ><a href="/Team:Grenoble" class="level1">Home</a>
 +
</li>
 +
<li ><a href="/Team:Grenoble/The_Team/" class="level1">About us</a>
 +
  <ul>
 +
    <li><a href="/Team:Grenoble/The_Team/" class="level2">The Team</a></li>
 +
    <li><a href="/Team:Grenoble/Grenoble" class="level2">Grenoble</a></li>
 +
  </ul>
 +
</li>
 +
<li ><a href="/Team:Grenoble/Projet/Intro" class="level1">Le Projet</a>
 +
  <ul>
 +
    <li><a href="/Team:Grenoble/Projet/Intro" class="level2">Introduction</a></li>
 +
    <li><a href="/Team:Grenoble/Projet/Design" class="level2">Design and principle</a></li>
 +
    <li><a href="/Team:Grenoble/Projet/Modelling" class="level2">Modelling</a></li>
 +
    <li><a href="/Team:Grenoble/Projet/Results" class="level2">Results</a></li>
 +
    <li><a href="/Team:Grenoble/Projet/Biobricks" class="level2">Biobricks</a></li>
 +
  </ul>
 +
</li>
 +
<li ><a href="/Team:Grenoble/Notebook/June" class="level1">Notebook</a>
 +
  <ul>
 +
    <li><a href="/Team:Grenoble/Notebook/June" class="level2">June</a></li>
 +
    <li><a href="/Team:Grenoble/Notebook/July" class="level2">July</a></li>
 +
    <li><a href="/Team:Grenoble/Notebook/August" class="level2">August</a></li>
 +
    <li><a href="/Team:Grenoble/Notebook/September" class="level2">September</a></li>
 +
  </ul>
 +
</li>
 +
<li ><a href="/Team:Grenoble/Safety" class="level1">Safety</a></li>
 +
<li ><a href="/Team:Grenoble/HumanPractice" class="level1">Human Practice</a></li>
 +
<li ><a href="/Team:Grenoble/Sponsors" class="level1">Sponsors</a></li>
 +
</ul>
-
margin:0;
+
    </div>
 +
  </div>
-
padding:0;
 
-
width:100%;
+
<div  class="bloc1background">
 +
<div  class="blocbackground">
 +
<p>s :<br/>
 +
  -> CinI (S-P), the plasmid of CinI remains.<br/>
 +
  -> RBS (X-P) is inserted into the plasmid of CinI.<br/><br/>
 +
  Ligation : <br/></p>
 +
  </div></div>
 +
<div  class="bloc1background">
 +
<div class="blocbackground">
 +
 
 +
  <h2 class="lien" id="UJF">Université Joseph Fourier</h2>
 +
                        <img src="https://static.igem.org/mediawiki/2011/thumb/4/4f/Logo_ujf.gif/200px-Logo_ujf.gif"style="float:none"/>
 +
</a>
 +
<p>
 +
Université Joseph Fourier (UJF) is one of Europe's leading universities. It offers its students high-quality education, providing them with a passport to the professional world.
-
background:#fcf6ee;
+
UJF has acquired this international status through the quality of its teaching and the excellence of its research, much of which takes place in collaboration with major international and national organisations.
 +
</p>
 +
</div></div>
 +
<!-- Javascript pour le menu dlphin et modifier l'image du haut -->
-
}
+
<script type="text/javascript">
 +
var s = document.getElementById('arf');
 +
var w = screen.width;
 +
var r = (w/3097)*452 + 192;
 +
var str = String(r)+"px";
 +
s.style.top = str;
 +
</script>
 +
<script type="text/javascript">
 +
var hones = document.getElementsByTagName('h1');
 +
hones[0].innerHTML = '<span>Team:</span>Grenoble v0.3<br/><small>Apoptose !</small>';
-
html {
+
</script>
 +
<script type="text/javascript">
-
padding:0;
+
document.getElementById('p-logo').innerHTML = '<a href=\"/Main_Page\" title=\"Main Page\">  <img class=\"blabla\" src=\'http://farm4.static.flickr.com/3067/3084131521_36c059f6f0_b.jpg\'> </a>'
-
margin:0;
+
</script>
-
}
+
<script type="text/javascript">
-
 
+
sfHover = function() {
-
 
+
var sfEls = document.getElementById("dolphinnav").getElementsByTagName("li");
-
 
+
-
/* utilisé dans la banière */
+
-
img.blabla  {
+
-
 
+
-
width:100%;
+
-
 
+
-
height:auto;
+
-
 
+
-
}
+
-
 
+
-
 
+
-
h1 {
+
-
 
+
-
margin:0;
+
-
 
+
-
padding:30px 0 30px 32px;
+
-
 
+
-
color:#5c5c5c;
+
-
 
+
-
font:bold 45px/1.1em Arial, Helvetica, sans-serif;
+
-
 
+
-
text-transform:uppercase;
+
-
letter-spacing:-3px;
+
for (var i=0; i<sfEls.length; i++) {
 +
sfEls[i].onmouseover=function() {
 +
  for (var j=0; j<sfEls.length; j++) {
 +
sfEls[j].className=this.className.replace(new RegExp(" sfhover\\b"), "");
 +
}
 +
  this.className+=" sfhover";
 +
  //Did i mention that i hate javascript ?
 +
}
 +
}
-
background:#000000 url(http://farm4.static.flickr.com/3067/3084131521_36c059f6f0_b.jpg) no-repeat top left;
 
-
 
}
}
-
h1 a, h1 a:hover {
+
if (window.addEventListener)
-
 
+
{  
-
color:#5c5c5c;
+
// Firefox/Chrome/Opera/Safari
-
 
+
window.addEventListener('load', sfHover, false);
-
text-decoration:none;
+
}
}
-
 
+
else if (window.attachEvent)
-
h1 span {
+
{
-
 
+
// IE
-
font-weight:bold;
+
window.attachEvent('onload', sfHover);
-
 
+
-
color:#8fc400;
+
}
}
-
 
+
</script>
-
/* in tartiflette we trust */
+
</body>
-
h1 small {
+
-
 
+
-
font:normal 13px/1.2em Arial, Helvetica, sans-serif;
+
-
 
+
-
color:#888;
+
-
 
+
-
letter-spacing:normal;
+
-
 
+
-
}
+
-
/* ---------------------- Dolphin nav ---------------------- */
+
-
#dolphincontainer{
+
-
    position:relative;
+
-
    height:60px;
+
-
    color:#000000;
+
-
    background:#006c05;
+
-
    width:100%;
+
-
    font-family:Helvetica,Arial,Verdana,sans-serif;
+
-
}
+
-
 
+
-
#dolphinnav{
+
-
    position:relative;
+
-
    height:33px;
+
-
    font-size:12px;
+
-
    text-transform:uppercase;
+
-
    font-weight:bold;
+
-
    background:#fff url(https://static.igem.org/mediawiki/2011/b/b7/Dolphin_bg.png) repeat-x bottom left;
+
-
    padding:0 0 0 20px;
+
-
}
+
-
   
+
-
#dolphinnav ul{
+
-
    margin:0;
+
-
    padding:0;
+
-
    list-style:none;
+
-
    width:auto;
+
-
    float:left;
+
-
}
+
-
 
+
-
#dolphinnav ul li{
+
-
    display:block;
+
-
    float:left;
+
-
    margin:0 1px;
+
-
   
+
-
}
+
-
 
+
-
 
+
-
 
+
-
#dolphinnav ul li a{
+
-
    display:block;
+
-
    float:left;
+
-
    color:#eaf8ea;
+
-
    text-decoration:none;
+
-
    /*padding:12px 20px 0 20px;*/
+
-
    height:33px;
+
-
   
+
-
}
+
-
 
+
-
#dolphinnav ul li a.level1{
+
-
 
+
-
    padding:12px 20px 0 20px;
+
-
   
+
-
}
+
-
 
+
-
#dolphinnav ul li.sfhover ul li a.level2{
+
-
   
+
-
color:#eaf8ea;
+
-
    margin: 5px 5px 15px 5px;
+
-
 
+
-
}
+
-
 
+
-
#dolphinnav ul li ul{
+
-
    position: absolute;
+
-
    left: -999em;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
/*#dolphinnav ul li a:hover{
+
-
    color:#fff;
+
-
    background:transparent url(images/dolphin_bg-OVER.png) repeat-x bottom left;
+
-
}
+
-
#dolphinnav ul li a:hover span{
+
-
  display:block;
+
-
  width:auto;
+
-
  cursor:pointer;
+
-
}*/
+
-
#dolphinnav ul li.sfhover a.level1{
+
-
    color:#fff;
+
-
    padding:0 20px 0 20px;
+
-
    background:#006c05 url(https://static.igem.org/mediawiki/2011/d/d4/Dolphin_left-ON.png) no-repeat top left;
+
-
    line-height:275%;
+
-
}
+
-
 
+
-
#dolphinnav ul li.sfhover a.level1 span{
+
-
    display:block;
+
-
    padding:0 20px 0 20px;
+
-
    width:auto;
+
-
    background:#006c05 url(https://static.igem.org/mediawiki/2011/b/b5/Dolphin_right-ON.png) no-repeat top right;
+
-
    height:33px;
+
-
}
+
-
 
+
-
#dolphinnav ul li.sfhover ul{
+
-
 
+
-
        left: 0;
+
-
        min-height: 0;
+
-
height: 23px;
+
-
background:#006c05;
+
-
background-image:none;
+
-
margin: 33px 0 0 0 ;
+
-
overflow: hidden;
+
-
 
+
-
}
+
-
 
+
-
 
+
-
/* ---------------------- END Dolphin nav ---------------------- */
+
-
/*en cas d'emmerde avec image flottante*/
+
-
.clearboth {
+
-
clear:both;
+
-
}
+
-
 
+
-
.body {
+
-
 
+
-
margin:0;
+
-
 
+
-
padding:0;
+
-
 
+
-
}
+
-
 
+
-
.body h2 {
+
-
 
+
-
font:bold 24px Arial, Helvetica, sans-serif;
+
-
 
+
-
color:#323a3f;
+
-
 
+
-
padding:10px 5px;
+
-
 
+
-
margin:5px 2px 12px 0;
+
-
 
+
-
}
+
-
 
+
-
.body h1 {
+
-
 
+
-
font:bold 34px Arial, Helvetica, sans-serif;
+
-
 
+
-
color:#323a3f;
+
-
 
+
-
padding:10px 5px;
+
-
 
+
-
margin:5px 2px 12px 0;
+
-
 
+
-
}
+
-
 
+
-
 
+
-
 
+
-
.body h3 {
+
-
 
+
-
font:bold 24px Arial, Helvetica, sans-serif;
+
-
 
+
-
color:#323a3f;
+
-
 
+
-
padding:10px 5px;
+
-
 
+
-
margin:5px 0 10px 0;
+
-
 
+
-
}
+
-
 
+
-
.body h3 span.vert{
+
-
 
+
-
color:#8fc400;
+
-
 
+
-
}
+
-
 
+
-
 
+
-
 
+
-
.body h2 span {
+
-
 
+
-
float:right;
+
-
 
+
-
color:#959595;
+
-
 
+
-
font:normal 12px Arial, Helvetica, sans-serif;
+
-
 
+
-
}
+
-
 
+
-
.body p {
+
-
 
+
-
font:normal 12px Arial, Helvetica, sans-serif;
+
-
 
+
-
color:#5f5f5f;
+
-
 
+
-
padding:5px;
+
-
 
+
-
margin:0;
+
-
 
+
-
line-height:1.8em;
+
-
+
-
text-indent: 30px;
+
-
 
+
-
}
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
.body img {
+
-
 
+
-
clear:both;
+
-
 
+
-
padding:0;
+
-
 
+
-
+
-
}
+
-
 
+
-
/*exemple: photo memnbre équipe, c'est un flottant, utiliser .clearboth en cas de besoin*/
+
-
 
+
-
.body img.icon {
+
-
 
+
-
 
+
-
float:left;
+
-
 
+
-
margin: 15px 5px 2px 0;
+
-
 
+
-
width:80px;
+
-
 
+
-
height:auto;
+
-
 
+
-
}
+
-
/*
+
-
pour renbdre flottant une image qui n'est pas flottante si elle n'est pas un icon car .body img luiu met le clearboth du coup elle est plus flottante*/
+
-
 
+
-
.body img.floated {
+
-
 
+
-
float:right;
+
-
 
+
-
margin:5px 10px 5px 0;
+
-
 
+
-
padding:0;
+
-
 
+
-
width:auto;
+
-
 
+
-
height:auto;
+
-
 
+
-
}
+
-
 
+
-
.body a {
+
-
 
+
-
color:#97c950;
+
-
 
+
-
text-decoration:underline;
+
-
 
+
-
}
+
-
 
+
-
.body a:hover {
+
-
 
+
-
color:#90c950;
+
-
 
+
-
text-decoration:underline;
+
-
 
+
-
}
+
-
 
+
-
/*marge à vérif*/
+
-
 
+
-
.body h2.lien:hover{
+
-
 
+
-
margin: 0px 80px 0 0 ;
+
-
 
+
-
background-color: #D8FFC8;
+
-
 
+
-
}
+
-
/*
+
-
limite taille de l'intérieur de la page pour pas dépasser sur le menu/colonne de droite*/
+
-
 
+
-
.left {
+
-
 
+
-
float:left;
+
-
 
+
-
width:65%;
+
-
 
+
-
margin:40px 0px 10px 25px;
+
-
 
+
-
padding: 0 25px;
+
-
 
+
-
background:url(images/l_bg.gif) top left no-repeat;
+
-
 
+
-
}
+
-
/*
+
-
width: alloue une certaine portion de la pge, un cadre possiblement rempli (calculé à partir de la gauche probablement du au float lefgt) les marges réduise l'occupation dans ce cadre*/
+
-
 
+
-
.right {
+
-
 
+
-
 
+
-
 
+
-
float:right;
+
-
 
+
-
width:20%;
+
-
 
+
-
margin:40px 10px 0 0;
+
-
 
+
-
padding:0 25px;
+
-
 
+
-
background:url(images/r_bg.gif) top center no-repeat;
+
-
 
+
-
}
+
-
 
+
-
.right ul {
+
-
 
+
-
list-style:none;
+
-
 
+
-
margin:5px 0;
+
-
 
+
-
padding:0;
+
-
 
+
-
}
+
-
 
+
-
.right li {
+
-
 
+
-
background:10px 10px no-repeat;
+
-
 
+
-
font:normal 14px Arial, Helvetica, sans-serif;
+
-
 
+
-
color:#464646;
+
-
 
+
-
padding:5px 0;
+
-
 
+
-
margin:3px 0;
+
-
 
+
-
}
+
-
 
+
-
.right li a {
+
-
 
+
-
padding:0 0 0 5px;
+
-
 
+
-
margin:0;
+
-
 
+
-
font:bold 17px Arial, Helvetica, sans-serif;
+
-
 
+
-
color:#5f5f5f;
+
-
 
+
-
text-decoration:none;
+
-
 
+
-
}
+
-
 
+
-
.right li a:hover {
+
-
 
+
-
color:#97c950;
+
-
 
+
-
margin:5px;
+
-
 
+
-
/*background-color:#a2cd9a;*/
+
-
 
+
-
text-decoration:none;
+
-
 
+
-
}
+
-
/*
+
-
.right ul.sponsors {
+
-
 
+
-
list-style:none;
+
-
 
+
-
margin:5px 0;
+
-
 
+
-
padding:0;
+
-
 
+
-
}
+
-
 
+
-
.right li.sponsors {
+
-
 
+
-
background:none;
+
-
 
+
-
font:normal 12px Arial, Helvetica, sans-serif;
+
-
 
+
-
color:#5f5f5f;
+
-
 
+
-
padding:8px 0;
+
-
 
+
-
}
+
-
 
+
-
.right li.sponsors a {
+
-
 
+
-
padding:0 0 0 0px;
+
-
 
+
-
margin:0;
+
-
 
+
-
font:normal 13px Arial, Helvetica, sans-serif;
+
-
 
+
-
color:#97c950;
+
-
 
+
-
text-decoration:none;
+
-
 
+
-
}
+
-
 
+
-
.right li.sponsors strong {
+
-
 
+
-
color:#97c950q;
+
-
 
+
-
}*/
+
-
 
+
-
 
+
-
 
+
-
body {
+
-
 
+
-
margin:0;
+
-
 
+
-
padding:0;
+
-
 
+
-
width:100%;
+
-
 
+
-
background:#fcf6ee;
+
-
 
+
-
}
+
-
 
+
-
 
+
-
html {
+
-
 
+
-
padding:0;
+
-
 
+
-
margin:0;
+
-
 
+
-
}
+
-
 
+
-
 
+
-
 
+
-
/* utilisé dans la banière */
+
-
img.blabla  {
+
-
 
+
-
width:100%;
+
-
 
+
-
height:auto;
+
-
 
+
-
}
+
-
 
+
-
 
+
-
h1 {
+
-
 
+
-
margin:0;
+
-
 
+
-
padding:30px 0 30px 32px;
+
-
 
+
-
color:#5c5c5c;
+
-
 
+
-
font:bold 45px/1.1em Arial, Helvetica, sans-serif;
+
-
 
+
-
text-transform:uppercase;
+
-
 
+
-
letter-spacing:-3px;
+
-
 
+
-
}
+
-
 
+
-
h1 a, h1 a:hover {
+
-
 
+
-
color:#5c5c5c;
+
-
 
+
-
text-decoration:none;
+
-
 
+
-
}
+
-
 
+
-
h1 span {
+
-
 
+
-
font-weight:bold;
+
-
 
+
-
color:#8fc400;
+
-
 
+
-
}
+
-
 
+
-
/* in tartiflette we trust */
+
-
h1 small {
+
-
 
+
-
font:normal 13px/1.2em Arial, Helvetica, sans-serif;
+
-
 
+
-
color:#888;
+
-
 
+
-
letter-spacing:normal;
+
-
 
+
-
}
+
-
/* ---------------------- Dolphin nav ---------------------- */
+
-
#dolphincontainer{
+
-
    position:relative;
+
-
    height:60px;
+
-
    color:#000000;
+
-
    background:#006c05;
+
-
    width:100%;
+
-
    font-family:Helvetica,Arial,Verdana,sans-serif;
+
-
}
+
-
 
+
-
#dolphinnav{
+
-
    position:relative;
+
-
    height:33px;
+
-
    font-size:12px;
+
-
    text-transform:uppercase;
+
-
    font-weight:bold;
+
-
    background:#fff url(https://static.igem.org/mediawiki/2011/b/b7/Dolphin_bg.png) repeat-x bottom left;
+
-
    padding:0 0 0 20px;
+
-
}
+
-
   
+
-
#dolphinnav ul{
+
-
    margin:0;
+
-
    padding:0;
+
-
    list-style:none;
+
-
    width:auto;
+
-
    float:left;
+
-
}
+
-
 
+
-
#dolphinnav ul li{
+
-
    display:block;
+
-
    float:left;
+
-
    margin:0 1px;
+
-
   
+
-
}
+
-
 
+
-
 
+
-
 
+
-
#dolphinnav ul li a{
+
-
    display:block;
+
-
    float:left;
+
-
    color:#eaf8ea;
+
-
    text-decoration:none;
+
-
    /*padding:12px 20px 0 20px;*/
+
-
    height:33px;
+
-
   
+
-
}
+
-
 
+
-
#dolphinnav ul li a.level1{
+
-
 
+
-
    padding:12px 20px 0 20px;
+
-
   
+
-
}
+
-
 
+
-
#dolphinnav ul li.sfhover ul li a.level2{
+
-
   
+
-
color:#eaf8ea;
+
-
    margin: 5px 5px 15px 5px;
+
-
 
+
-
}
+
-
 
+
-
#dolphinnav ul li ul{
+
-
    position: absolute;
+
-
    left: -999em;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
/*#dolphinnav ul li a:hover{
+
-
    color:#fff;
+
-
    background:transparent url(images/dolphin_bg-OVER.png) repeat-x bottom left;
+
-
}
+
-
#dolphinnav ul li a:hover span{
+
-
  display:block;
+
-
  width:auto;
+
-
  cursor:pointer;
+
-
}*/
+
-
#dolphinnav ul li.sfhover a.level1{
+
-
    color:#fff;
+
-
    padding:0 20px 0 20px;
+
-
    background:#006c05 url(https://static.igem.org/mediawiki/2011/d/d4/Dolphin_left-ON.png) no-repeat top left;
+
-
    line-height:275%;
+
-
}
+
-
 
+
-
#dolphinnav ul li.sfhover a.level1 span{
+
-
    display:block;
+
-
    padding:0 20px 0 20px;
+
-
    width:auto;
+
-
    background:#006c05 url(https://static.igem.org/mediawiki/2011/b/b5/Dolphin_right-ON.png) no-repeat top right;
+
-
    height:33px;
+
-
}
+
-
 
+
-
#dolphinnav ul li.sfhover ul{
+
-
 
+
-
        left: 0;
+
-
        min-height: 0;
+
-
height: 23px;
+
-
background:#006c05;
+
-
background-image:none;
+
-
margin: 33px 0 0 0 ;
+
-
overflow: hidden;
+
-
 
+
-
}
+
-
 
+
-
 
+
-
/* ---------------------- END Dolphin nav ---------------------- */
+
-
/*en cas d'emmerde avec image flottante*/
+
-
.clearboth {
+
-
clear:both;
+
-
}
+
-
 
+
-
.body {
+
-
 
+
-
margin:0;
+
-
 
+
-
padding:0;
+
-
 
+
-
}
+
-
 
+
-
.body h2 {
+
-
 
+
-
font:bold 24px Arial, Helvetica, sans-serif;
+
-
 
+
-
color:#323a3f;
+
-
 
+
-
padding:10px 5px;
+
-
 
+
-
margin:5px 2px 12px 0;
+
-
 
+
-
}
+
-
 
+
-
.body h1 {
+
-
 
+
-
font:bold 34px Arial, Helvetica, sans-serif;
+
-
 
+
-
color:#323a3f;
+
-
 
+
-
padding:10px 5px;
+
-
 
+
-
margin:5px 2px 12px 0;
+
-
 
+
-
}
+
-
 
+
-
 
+
-
 
+
-
.body h3 {
+
-
 
+
-
font:bold 24px Arial, Helvetica, sans-serif;
+
-
 
+
-
color:#323a3f;
+
-
 
+
-
padding:10px 5px;
+
-
 
+
-
margin:5px 0 10px 0;
+
-
 
+
-
}
+
-
 
+
-
.body h3 span.vert{
+
-
 
+
-
color:#8fc400;
+
-
 
+
-
}
+
-
 
+
-
 
+
-
 
+
-
.body h2 span {
+
-
 
+
-
float:right;
+
-
 
+
-
color:#959595;
+
-
 
+
-
font:normal 12px Arial, Helvetica, sans-serif;
+
-
 
+
-
}
+
-
 
+
-
.body p {
+
-
 
+
-
font:normal 12px Arial, Helvetica, sans-serif;
+
-
 
+
-
color:#5f5f5f;
+
-
 
+
-
padding:5px;
+
-
 
+
-
margin:0;
+
-
 
+
-
line-height:1.8em;
+
-
+
-
text-indent: 30px;
+
-
 
+
-
}
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
.body img {
+
-
 
+
-
clear:both;
+
-
 
+
-
padding:0;
+
-
 
+
-
+
-
}
+
-
 
+
-
/*exemple: photo memnbre équipe, c'est un flottant, utiliser .clearboth en cas de besoin*/
+
-
 
+
-
.body img.icon {
+
-
 
+
-
 
+
-
float:left;
+
-
 
+
-
margin: 15px 5px 2px 0;
+
-
 
+
-
width:80px;
+
-
 
+
-
height:auto;
+
-
 
+
-
}
+
-
/*
+
-
pour renbdre flottant une image qui n'est pas flottante si elle n'est pas un icon car .body img luiu met le clearboth du coup elle est plus flottante*/
+
-
 
+
-
.body img.floated {
+
-
 
+
-
float:right;
+
-
 
+
-
margin:5px 10px 5px 0;
+
-
 
+
-
padding:0;
+
-
 
+
-
width:auto;
+
-
 
+
-
height:auto;
+
-
 
+
-
}
+
-
 
+
-
.body a {
+
-
 
+
-
color:#97c950;
+
-
 
+
-
text-decoration:underline;
+
-
 
+
-
}
+
-
 
+
-
.body a:hover {
+
-
 
+
-
color:#90c950;
+
-
 
+
-
text-decoration:underline;
+
-
 
+
-
}
+
-
 
+
-
/*marge à vérif*/
+
-
 
+
-
.body h2.lien:hover{
+
-
 
+
-
margin: 0px 80px 0 0 ;
+
-
 
+
-
background-color: #D8FFC8;
+
-
 
+
-
}
+
-
/*
+
-
limite taille de l'intérieur de la page pour pas dépasser sur le menu/colonne de droite*/
+
-
 
+
-
.left {
+
-
 
+
-
float:left;
+
-
 
+
-
width:65%;
+
-
 
+
-
margin:40px 0px 10px 25px;
+
-
 
+
-
padding: 0 25px;
+
-
 
+
-
background:url(images/l_bg.gif) top left no-repeat;
+
-
 
+
-
}
+
-
/*
+
-
width: alloue une certaine portion de la pge, un cadre possiblement rempli (calculé à partir de la gauche probablement du au float lefgt) les marges réduise l'occupation dans ce cadre*/
+
-
 
+
-
.right {
+
-
 
+
-
 
+
-
 
+
-
float:right;
+
-
 
+
-
width:20%;
+
-
 
+
-
margin:40px 10px 0 0;
+
-
 
+
-
padding:0 25px;
+
-
 
+
-
background:url(images/r_bg.gif) top center no-repeat;
+
-
 
+
-
}
+
-
 
+
-
.right ul {
+
-
 
+
-
list-style:none;
+
-
 
+
-
margin:5px 0;
+
-
 
+
-
padding:0;
+
-
 
+
-
}
+
-
 
+
-
.right li {
+
-
 
+
-
background:10px 10px no-repeat;
+
-
 
+
-
font:normal 14px Arial, Helvetica, sans-serif;
+
-
 
+
-
color:#464646;
+
-
 
+
-
padding:5px 0;
+
-
 
+
-
margin:3px 0;
+
-
 
+
-
}
+
-
 
+
-
.right li a {
+
-
 
+
-
padding:0 0 0 5px;
+
-
 
+
-
margin:0;
+
-
 
+
-
font:bold 17px Arial, Helvetica, sans-serif;
+
-
 
+
-
color:#5f5f5f;
+
-
 
+
-
text-decoration:none;
+
-
 
+
-
}
+
-
 
+
-
.right li a:hover {
+
-
 
+
-
color:#97c950;
+
-
 
+
-
margin:5px;
+
-
 
+
-
/*background-color:#a2cd9a;*/
+
-
 
+
-
text-decoration:none;
+
-
 
+
-
}
+
-
/*
+
-
.right ul.sponsors {
+
-
 
+
-
list-style:none;
+
-
 
+
-
margin:5px 0;
+
-
 
+
-
padding:0;
+
-
 
+
-
}
+
-
 
+
-
.right li.sponsors {
+
-
 
+
-
background:none;
+
-
 
+
-
font:normal 12px Arial, Helvetica, sans-serif;
+
-
 
+
-
color:#5f5f5f;
+
-
 
+
-
padding:8px 0;
+
-
 
+
-
}
+
-
 
+
-
.right li.sponsors a {
+
-
 
+
-
padding:0 0 0 0px;
+
-
 
+
-
margin:0;
+
-
 
+
-
font:normal 13px Arial, Helvetica, sans-serif;
+
-
 
+
-
color:#97c950;
+
-
 
+
-
text-decoration:none;
+
-
 
+
-
}
+
-
 
+
-
.right li.sponsors strong {
+
-
 
+
-
color:#97c950q;
+
-
 
+
-
}*/
+
-
 
+
-
 
+
-
</style>
+
-
</head>
+
</html>
</html>

Latest revision as of 15:11, 9 August 2011

s :
-> CinI (S-P), the plasmid of CinI remains.
-> RBS (X-P) is inserted into the plasmid of CinI.

Ligation :

Université Joseph Fourier

Université Joseph Fourier (UJF) is one of Europe's leading universities. It offers its students high-quality education, providing them with a passport to the professional world. UJF has acquired this international status through the quality of its teaching and the excellence of its research, much of which takes place in collaboration with major international and national organisations.

Retrieved from "http://2011.igem.org/Team:Grenoble/Templates/Css.css"