Team:Grenoble/Templates/Css.css

From 2011.igem.org

(Difference between revisions)
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>
-
<style>
+
<link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:Grenoble/Templates/Css_current.css?action=raw&ctype=text/css" />
 +
</head>
 +
<body>
 +
  <div id="dolphincontainer">
 +
    <div id="dolphinnav">
-
#globalWrapper {/* le wiki */
+
<ul>
-
    background-color: #ffffff;
+
-
    -bottom:0px;
+
<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>
-
#top-section{/* la barre titre (baniere igem+ menu haut)*/
+
    </div>
-
    height: auto;
+
  </div>
-
    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 a{/*les lien de la barre de menu du haut */
+
<div width="33%" height="300px" class="blocbackground">
-
    margin:5px 5px 0 0;
+
<p>s :<br/>
-
    text-decoration:none;
+
  -> CinI (S-P), the plasmid of CinI remains.<br/>
-
    color:#FFFFFF;
+
  -> RBS (X-P) is inserted into the plasmid of CinI.<br/><br/>
-
}
+
  Ligation : <br/></p>
 +
  </div>
 +
<div width="33%" height="300px" 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.
-
body {
+
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>
 +
<!-- Javascript pour le menu dlphin et modifier l'image du haut -->
-
margin:0;
+
<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">
-
padding:0;
+
var hones = document.getElementsByTagName('h1');
 +
hones[0].innerHTML = '<span>Team:</span>Grenoble v0.3<br/><small>Apoptose !</small>';
-
width:100%;
+
</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>'
 +
</script>
-
}
+
<script type="text/javascript">
-
 
+
sfHover = function() {
-
html {
+
var sfEls = document.getElementById("dolphinnav").getElementsByTagName("li");
-
 
+
-
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;
+
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:#fdf9f4;
+
-
    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 3px;
+
-
   
+
-
}
+
-
   
+
-
#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 li a{
+
-
color:#5f5f5f;
+
-
}
+
-
 
+
-
#dolphinnav ul li a.level1{
+
-
 
+
-
    padding:12px 20px 0 20px;
+
-
   
+
-
}
+
-
 
+
-
#dolphinnav ul li.sfhover ul li a.level2{
+
-
   
+
-
color:#5f5f5f;
+
-
    margin: 5px 5px 15px 5px;
+
-
 
+
-
}
+
-
 
+
-
#dolphinnav ul li ul{
+
-
    position: absolute;
+
-
    left: -999em;
+
-
}
+
-
 
+
-
#dolphinnav ul li.sfhover a.level1{
+
-
    color:#5f5f5f;
+
-
    padding:0 20px 0 20px;
+
-
    background: #fcf6ee;
+
-
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fcf6ee), to(#fdf9f4));
+
-
background: -webkit-linear-gradient(#fcf6ee, #fdf9f4);
+
-
background: -moz-linear-gradient(#fcf6ee, #fdf9f4);
+
-
background: -ms-linear-gradient(#fcf6ee, #fdf9f4);
+
-
background: -o-linear-gradient(#fcf6ee, #fdf9f4);
+
-
background: linear-gradient(#fcf6ee, #fdf9f4);
+
-
+
-
 
+
-
    border: 1px solid #696;
+
-
    border-bottom: none;
+
-
+
-
 
+
-
    -moz-box-shadow: -2px -2px 2px #888;
+
-
    -webkit-box-shadow: -2px -2px 2px #888;
+
-
    box-shadow: -2px -2px 2px #888;
+
-
 
+
-
-webkit-border-radius: 5px 5px 0 0 ;
+
-
-moz-border-radius: 5px 5px 0 0 ;
+
-
border-radius: 5px 5px 0 0 ;
+
-
 
+
-
    line-height:275%;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
#dolphinnav ul li.sfhover ul{
+
-
 
+
-
        left: 0;
+
-
        min-height: 0;
+
-
height: 23px;
+
-
background: #fdf9f4;
+
-
color:#5f5f5f;
+
-
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;
+
-
 
+
-
}
+
-
 
+
-
 
+
-
.blocbackground {
+
-
 
+
-
border: 1px solid #696;
+
-
+
-
+
-
margin: 5px 0 20px 0;
+
-
padding: 0 0 20px 5px;
+
-
 
+
-
-webkit-box-shadow: #666 0px 2px 3px;
+
-
-moz-box-shadow: #666 0px 2px 3px;
+
-
+
-
-webkit-border-radius: 8px;
+
-
-moz-border-radius: 8px;
+
-
border-radius: 8px;
+
-
+
-
background: #fcf6ee;
+
-
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fcf6ee), to(#FFFFFF));
+
-
background: -webkit-linear-gradient(#fcf6ee, #FFFFFF);
+
-
background: -moz-linear-gradient(#fcf6ee, #FFFFFF);
+
-
background: -ms-linear-gradient(#fcf6ee, #FFFFFF);
+
-
background: -o-linear-gradient(#fcf6ee, #FFFFFF);
+
-
background: linear-gradient(#fcf6ee, #FFFFFF);
+
-
 
+
-
}
+
-
 
+
-
.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;
+
-
+
-
background : none;
+
-
 
+
-
}
+
-
 
+
-
 
+
-
 
+
-
.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;
+
-
+
-
-webkit-border-radius: 8px;
+
-
-moz-border-radius: 8px;
+
-
border-radius: 8px;
+
-
 
+
-
+
-
}
+
-
 
+
-
/*exemple: photo memnbre équipe, c'est un flottant, utiliser .clearboth en cas de besoin*/
+
-
 
+
-
.body img.icon {
+
-
 
+
-
 
+
-
float:left;
+
-
 
+
-
margin: 8px 5px 2px 0;
+
-
 
+
-
width:80px;
+
-
 
+
-
height:auto;
+
-
+
-
border: 1px solid #696;
+
-
+
-
-webkit-border-radius: 5px;
+
-
-moz-border-radius: 5px;
+
-
border-radius: 5px;
+
-
+
-
-webkit-box-shadow: #666 0px 2px 3px;
+
-
-moz-box-shadow: #666 0px 2px 3px;
+
-
 
+
-
}
+
-
/*
+
-
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:10px 0px 10px 25px;
+
-
 
+
-
padding: 0 25px;
+
-
 
+
-
background:url(images/l_bg.gif) top left no-repeat;
+
-
+
-
 
+
-
}
+
-
 
+
-
.left ul {
+
-
list-style: circle;
+
-
clear:both;
+
-
}
+
-
 
+
-
.left ul li {
+
-
 
+
-
font:bold 14px Arial, Helvetica, sans-serif;
+
-
+
-
color:#5f5f5f;
+
-
+
-
}
+
-
/*
+
-
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:10px 10px 0 0;
+
-
 
+
-
padding:0 25px;
+
-
 
+
-
+
-
 
+
-
}
+
-
 
+
-
.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;
+
-
 
+
-
}
+
-
 
+
-
</style>
+
-
</head>
+
</html>
</html>

Revision as of 15:04, 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"