Team:Grenoble/Templates/Team:Grenoble Rawhide

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
{{:Team:Grenoble/Templates/Css.css}}
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
-
<head>
 
-
<style>
 
-
body {
 
-
margin:0;
+
<body>
-
 
+
-
padding:0;
+
-
 
+
-
width:100%;
+
-
 
+
-
background:#fcf6ee;
+
-
 
+
-
}
+
-
 
+
-
 
+
-
html {
+
-
 
+
-
padding:0;
+
-
 
+
-
margin:0;
+
-
 
+
-
}
+
-
 
+
-
 
+
-
img.blabla  {
+
-
 
+
-
width:100%;
+
-
 
+
-
height:auto;
+
-
 
+
-
}
+
-
 
+
-
li.bg, .bg {
+
-
 
+
-
clear:both;
+
-
 
+
-
border-bottom:1px dashed #818181;
+
-
 
+
-
padding:0;
+
-
 
+
-
margin:10px 0;
+
-
 
+
-
background:none;
+
-
 
+
-
list-style:none;
+
-
 
+
-
}
+
-
 
+
-
p.clr, .clr {
+
-
 
+
-
clear:both;
+
-
 
+
-
padding:0;
+
-
 
+
-
margin:0;
+
-
 
+
-
}
+
-
 
+
-
 
+
-
.logo {
+
-
 
+
-
margin:0;
+
-
 
+
-
}
+
-
 
+
-
 
+
-
 
+
-
 
+
-
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;
+
-
 
+
-
}
+
-
 
+
-
h1 small {
+
-
 
+
-
font:normal 13px/1.2em Arial, Helvetica, sans-serif;
+
-
 
+
-
color:#888;
+
-
 
+
-
letter-spacing:normal;
+
-
 
+
-
}
+
-
/* ---------------------- Dolphin nav ---------------------- */
+
-
#dolphincontainer{
+
-
    position:relative;
+
-
    height:56px;
+
-
    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 span{
+
-
    padding:12px 20px 0 20px;
+
-
    height:21px;
+
-
    float:left;
+
-
}
+
-
 
+
-
#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{
+
-
    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 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;
+
-
 
+
-
}
+
-
 
+
-
#dolphinnav ul li.sfhover ul li.sfhover{
+
-
 
+
-
background:#006c05;
+
-
background-image:none;
+
-
}
 
-
/* ---------------------- END Dolphin nav ---------------------- */
 
-
.clearboth {
+
  <div id="dolphincontainer">
-
clear:both;
+
    <div id="dolphinnav">
-
}
+
-
.body {
+
<ul>
 +
 +
<li class="level1"><a href="/Team:Grenoble">Home</a>
 +
</li>
 +
<li class="level1"><a href="/Team:Grenoble/The_Team/">The Team</a></li>
 +
<li class="level1"><a href="/Team:Grenoble/Grenoble">Our Project</a>
 +
  <ul>
 +
    <li><a href="/Team:Grenoble/Safety">Overview</a></li>
 +
    <li><a href="/Team:Grenoble/Safety">Genetical Network</a></li>
 +
    <li><a href="/Team:Grenoble/Safety">Genetical Network 2</a></li>
 +
  </ul>
 +
</li>
 +
<li class="level1"><a href="/Team:Grenoble/Notebook">Notebook</a></li>
 +
<li class="level1"><a href="/Team:Grenoble/Safety">Safety</a></li>
 +
<li class="level1"><a href="/Team:Grenoble/HumanPractice">Human Practice</a></li>
 +
<li class="level1"><a href="/Team:Grenoble/Sponsors">Sponsors</a></li>
 +
</ul>
-
margin:0;
+
    </div>
 +
  </div>
-
padding:0;
 
-
}
 
-
.body h2 {
+
<!-- Au-dessus : le code pour le header et la bannière + menu -->
-
font:bold 24px Arial, Helvetica, sans-serif;
+
<!-- En-dessous : Le sidebar menu, à droite -->
-
color:#323a3f;
+
<div class="body" id="arf" >
-
padding:10px 5px;
+
<div class="right">
 +
 +
<h3><span class="vert">TEAM:</span>Grenoble</h3>
 +
<ul>
 +
 +
<li><a href="/Team:Grenoble">Home</a>
 +
</li>
 +
<li><a href="/Team:Grenoble/The_Team/">The Team</a></li>
 +
<li><a href="/Team:Grenoble/Grenoble">Our Project</a>
 +
  <ul>
 +
    <li><a href="/Team:Grenoble/Safety">Overview</a></li>
 +
    <li><a href="/Team:Grenoble/Safety">Genetical Network</a></li>
 +
    <li><a href="/Team:Grenoble/Safety">Genetical Network</a>
 +
     
 +
    </li>
 +
</li>
 +
<li><a href="/Team:Grenoble/Notebook">Notebook</a></li>
 +
<li><a href="/Team:Grenoble/Safety">Safety</a></li>
 +
<li><a href="/Team:Grenoble/HumanPractice">Human Practice</a></li>
 +
<li><a href="/Team:Grenoble/Sponsors">Sponsors</a></li>
 +
</ul>
-
margin:5px 2px 12px 0;
 
-
}
+
<h3><span class="vert">Our</span> Sponsors</h3>
 +
<a href="https://2011.igem.org/Team:Grenoble/Sponsors"><img src="https://static.igem.org/mediawiki/2011/c/c8/Logosright.png"\></a>
 +
<br/>
 +
<h3><span class="vert">Event</span> Calendar</h3>
 +
<p>
 +
<ul>
 +
<li>2nd September:</li>
 +
<a href="http://www.minatec.com/midis">Conference Midi Minatec,</a><br />
 +
3 parvis Louis Néel<br />
 +
38 000 GRENOBLE
 +
</ul>
 +
</p>
 +
-
.body h1 {
+
<h3><span class="vert">Contact</span> Us</h3>
 +
<p>geoffrey.bouchage<br />@phelma.grenoble-inp.fr</p>
-
font:bold 34px Arial, Helvetica, sans-serif;
+
</div>
-
color:#323a3f;
+
<!-- Le corps du site, ce qui ne fera pas partie du template : -->
-
padding:10px 5px;
+
-
margin:5px 2px 12px 0;
+
<script type="text/javascript">
 +
var s = document.getElementById('arf');
 +
var w = screen.width;
 +
//alert(screen.width);
 +
//alert(s);
 +
var r = (w/3097)*452 + 192;
 +
//alert(r);
 +
var str = String(r)+"px";
 +
//alert(str);
 +
s.style.top = str;
 +
 +
</script>
 +
<script type="text/javascript">
-
}
+
var hones = document.getElementsByTagName('h1');
 +
hones[0].innerHTML = '<span>Team:</span>Grenoble v0.2<br/><small>In Tartiflette we trust</small>';
 +
</script>
 +
<script type="text/javascript">
 +
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>'
-
.body h3 {
 
-
font:bold 24px Arial, Helvetica, sans-serif;
+
</script>
-
color:#323a3f;
+
<script type="text/javascript">
-
 
+
sfHover = function() {
-
padding:10px 5px;
+
var sfEls = document.getElementById("dolphinnav").getElementsByTagName("li");
-
 
+
-
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;
+
-
 
+
-
}
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
.body img {
+
-
 
+
-
clear:both;
+
-
 
+
-
padding:0;
+
 +
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 ?
 +
}
 +
}
-
 
}
}
-
.body img.icon {
+
if (window.addEventListener)
-
 
+
{  
-
+
// Firefox/Chrome/Opera/Safari
-
 
+
window.addEventListener('load', sfHover, false);
-
float:left;
+
-
 
+
-
margin: 15px 5px 2px 0;
+
-
 
+
-
width:80px;
+
-
 
+
-
height:auto;
+
}
}
-
 
+
else if (window.attachEvent)
-
 
+
{
-
 
+
// IE
-
.body img.floated {
+
window.attachEvent('onload', sfHover);
-
 
+
-
float:right;
+
-
 
+
-
margin:5px 10px 5px 0;
+
-
 
+
-
padding:0;
+
-
 
+
-
width:auto;
+
-
 
+
-
height:auto;
+
}
}
-
 
+
</script>
-
.body a {
+
</body>
-
 
+
-
color:#97c950;
+
-
 
+
-
text-decoration:underline;
+
-
 
+
-
}
+
-
 
+
-
 
+
-
 
+
-
.body h2.lien:hover{
+
-
 
+
-
background-color: #D8FFC8;
+
-
 
+
-
}
+
-
 
+
-
 
+
-
 
+
-
.left {
+
-
 
+
-
float:left;
+
-
 
+
-
width:65%;
+
-
 
+
-
margin:40px 0px 10px 25px;
+
-
 
+
-
padding: 0 25px;
+
-
 
+
-
background:url(images/l_bg.gif) top left no-repeat;
+
-
 
+
-
}
+
-
 
+
-
.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>

Revision as of 16:37, 3 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.

TEAM:Grenoble