Team:Grenoble/Templates/Css.css

From 2011.igem.org

(Difference between revisions)
 
(132 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>
-
body {
+
.bloc1background {
-
 
+
  width:33%;
-
margin:0;
+
  height:300px;
-
 
+
  float:left;
-
padding:0;
+
-
 
+
-
width:100%;
+
-
 
+
-
background:#fcf6ee;
+
-
 
+
}
}
 +
</style>
 +
</head>
 +
<body>
 +
  <div id="dolphincontainer">
 +
    <div id="dolphinnav">
-
html {
+
<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>
-
padding:0;
+
    </div>
 +
  </div>
-
margin:0;
 
-
}
+
<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.
 +
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 -->
-
img.blabla  {
+
<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">
-
width:100%;
+
var hones = document.getElementsByTagName('h1');
 +
hones[0].innerHTML = '<span>Team:</span>Grenoble v0.3<br/><small>Apoptose !</small>';
-
height:auto;
+
</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>'
-
li.bg, .bg {
+
</script>
-
 
+
-
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(images/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:0 0 0 20px;
+
-
    height:33px;
+
-
}
+
-
 
+
-
#dolphinnav ul li a span{
+
-
    padding:12px 20px 0 0;
+
-
    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;
+
-
    background:#27931d url(images/dolphin_left-ON.png) no-repeat top left;
+
-
    line-height:275%;
+
-
}
+
-
 
+
-
#dolphinnav ul li.sfhover a span{
+
-
    display:block;
+
-
    padding:0 20px 0 0;
+
-
    width:auto;
+
-
    background:#27931d url(images/dolphin_right-ON.png) no-repeat top right;
+
-
    height:33px;
+
-
}
+
-
#dolphinnav ul li.sfhover ul{
+
<script type="text/javascript">
 +
sfHover = function() {
 +
var sfEls = document.getElementById("dolphinnav").getElementsByTagName("li");
-
        left: auto;
+
for (var i=0; i<sfEls.length; i++) {
-
        min-height: 0;
+
sfEls[i].onmouseover=function() {
-
height: 23px;
+
  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 ?
 +
}
 +
}
-
overflow: hidden;
 
-
 
}
}
-
/* ---------------------- END Dolphin nav ---------------------- */
 
-
.clearboth {
+
if (window.addEventListener)
-
clear:both;
+
{  
-
}
+
// Firefox/Chrome/Opera/Safari
-
 
+
window.addEventListener('load', sfHover, false);
-
.body {
+
-
 
+
-
margin:0;
+
-
 
+
-
padding:0;
+
}
}
-
 
+
else if (window.attachEvent)
-
.body h2 {
+
{
-
 
+
// IE
-
font:bold 24px Arial, Helvetica, sans-serif;
+
window.attachEvent('onload', sfHover);
-
 
+
-
color:#323a3f;
+
-
 
+
-
padding:10px 5px;
+
-
 
+
-
margin:5px 2px 12px 0;
+
}
}
-
 
+
</script>
-
.body h1 {
+
</body>
-
 
+
-
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;
+
-
 
+
-
}
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
.body img {
+
-
 
+
-
clear:both;
+
-
 
+
-
padding:0;
+
-
 
+
-
+
-
 
+
-
}
+
-
 
+
-
.body img.icon {
+
-
 
+
-
+
-
 
+
-
float:left;
+
-
 
+
-
margin: 15px 5px 2px 0;
+
-
 
+
-
width:80px;
+
-
 
+
-
height:auto;
+
-
 
+
-
}
+
-
 
+
-
 
+
-
 
+
-
.body img.floated {
+
-
 
+
-
float:right;
+
-
 
+
-
margin:5px 10px 5px 0;
+
-
 
+
-
padding:0;
+
-
 
+
-
width:auto;
+
-
 
+
-
height:auto;
+
-
 
+
-
}
+
-
 
+
-
.body a {
+
-
 
+
-
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:#97c950;
+
-
 
+
-
}
+
-
 
+
-
 
+
-
</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"