Template:Paris2010 2

From 2010.igem.org

(Difference between revisions)
 
(77 intermediate revisions not shown)
Line 2: Line 2:
<html>
<html>
-
 
+
<link href="http://as.coquel.free.fr/zoombox/zoombox.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<style type="text/css">
Line 129: Line 129:
body {
body {
-
  background: #CCCCCC url(https://static.igem.org/mediawiki/2010/c/c0/Background_paris2.jpg);
+
  background: #CCCCCC url(https://static.igem.org/mediawiki/2010/2/26/Background.png);
  width: auto;
  width: auto;
  text-align: justify;
  text-align: justify;
Line 167: Line 167:
  width: 970px;
  width: 970px;
  border-top: 1px solid #444444;
  border-top: 1px solid #444444;
-
  height: 120px;
+
  height: 140px;
-
padding: 10px 0px;
+
  background: #FFFBFD url(https://static.igem.org/mediawiki/2010/0/03/Bannière_last-01.jpg);
-
  background: #FFFBFD url(https://static.igem.org/mediawiki/2010/1/19/Paris2010_ban_sandbox2.JPG);
+
}
}
Line 189: Line 188:
}
}
 +
#logo_left .plainlinks a {
 +
    width: 240px;
 +
    height: 80px;
 +
    z-index: 100;
 +
    position: absolute;
 +
    top: 32px;
 +
    left: 45px;
 +
    text-decoration: none;
 +
    background: transparent;
 +
    padding: 0;
 +
}
Line 225: Line 235:
#menu a:hover {
#menu a:hover {
  background-color: #333333;
  background-color: #333333;
-
}/
+
}
Line 237: Line 247:
  margin: 0px auto;
  margin: 0px auto;
  padding: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
-
  font-size: 11px;
+
  font-size: 13px;
}
}
Line 253: Line 263:
}
}
-
#left {
+
#frame {
  float: left;
  float: left;
-
  width: 680px;
+
  width: 910px;
  background: #FFFFFF;
  background: #FFFFFF;
-
  padding: 20px 270px 40px 20px;
+
  padding: 20px 29px 40px 29px;
}
}
-
#right {
+
 
-
position: absolute;
+
 
-
width: 210px;
+
/************* TEAM ************/
-
background: #424D47;
+
 
-
height: 100%;
+
 
-
margin: 17px 0px 0px 735px;
+
 
-
font-size: 13px;
+
.leftcolumn {
-
color: #99CCFF;
+
    float: left;  
 +
    margin: 0px 10px 10px 20px;  
 +
    width: 80px;  
 +
    display: inline;
}
}
-
#right ul {
+
.rightcolumn {
-
  list-style:disc;
+
    float: right;
 +
    margin: 0px 10px 10px 20px;
 +
    width: 630px;
 +
    display: inline;
 +
    text-align:justify;
 +
}
 +
 
 +
.spacer {
 +
clear: both;
 +
}
 +
 
 +
 
 +
 
 +
/************* SUBMENU ************/
 +
 
 +
 
 +
 
 +
.submenu ul {
 +
background: #393a3d;
 +
float: left;
 +
  list-style: none;
 +
margin: 0;
 +
padding: 0;
 +
width: 100%;
 +
}
 +
 
 +
 
 +
.submenu li {
 +
float: left;
 +
font: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 
 +
 
 +
.submenu a {
 +
background: #393a3d url("https://static.igem.org/mediawiki/2010/5/58/EPFL_Menu_Seperator.gif") bottom right no-repeat;
 +
color: #fff;
 +
display: block;
 +
float: left;
 +
margin: 0;
 +
padding: 8px 12px;
 +
text-decoration: none;
 +
}
 +
 
 +
 
 +
#submenu_1 a:hover {
 +
background: #ffaa8f;
 +
color: #fff;
 +
padding-bottom: 8px;
 +
}
 +
 
 +
#submenu_2 a:hover {
 +
background: #9CE3D5;
 +
color: #fff;
 +
padding-bottom: 8px;
 +
}
 +
 
 +
#submenu_3 a:hover {
 +
background: #3882c2;
 +
color: #fff;
 +
padding-bottom: 8px;
 +
}
 +
 
 +
 
 +
 
 +
/************* NOTEBOOK ************/
 +
 
 +
 
 +
 
 +
 
 +
#calendar {
 +
margin: 20px 0px 20px 0px;
 +
}
 +
 
 +
#july {
 +
float: left;
 +
margin: 0px 0px 0px 70px;
 +
}
 +
 
 +
#august {
 +
margin-left: auto;
 +
margin-right: auto;
 +
}
 +
 
 +
#september {
 +
float: right;
 +
margin: 0px 70px 0px 0px;
}
}
Line 304: Line 404:
}
}
</script>
</script>
 +
 +
<script src="http://as.coquel.free.fr/zoombox/jquery.js" type="text/javascript"></script>       
 +
<script src="http://as.coquel.free.fr/zoombox/zoombox.js" type="text/javascript"></script>
<div id="header">
<div id="header">
 +
<div id="logo_left"><span class="plainlinks"><a title="igem.org" href="https://2010.igem.org/" >&nbsp;</a></span></div>
  <h1></h1>
  <h1></h1>
</div>
</div>
 +
<div id="menu">
 +
<ul>
 +
  <li><a href="https://2010.igem.org/Team:Paris_Liliane_Bettencourt">home</a></li>
 +
  <li><a href="https://2010.igem.org/Team:Paris_Liliane_Bettencourt/Project">projects</a></li>
 +
  <li><a href="https://2010.igem.org/Team:Paris_Liliane_Bettencourt/Parts">parts</a></li>
 +
  <li><a href="https://2010.igem.org/Team:Paris_Liliane_Bettencourt/Team">team</a></li>
 +
  <li><a href="https://2010.igem.org/Team:Paris_Liliane_Bettencourt/Notebook">notebook</a></li>
 +
  <li><a href="https://2010.igem.org/Team:Paris_Liliane_Bettencourt/Safety">safety</a></li>
 +
  <li><a href="https://2010.igem.org/Team:Paris_Liliane_Bettencourt/Brainstorming">Brainstorming</a></li>
 +
  <li><a href="https://2010.igem.org/Team:Paris_Liliane_Bettencourt/Acknowledgements">acknowledgements</a></li>
 +
</ul>
 +
</div>
-
<style type="text/css">
+
<div id="content">
-
.wrapper1{
+
<div id="frame">
-
color: #44433f;
+
-
font: 14px "Futura Medium", "Myriad Pro", "Gill Sans", Helvetica, Verdana, Arial, sans-serif;
+
-
margin: 0;
+
-
padding: 0px 0 0;
+
-
}
+
-
.wrapper1 a{
+
-
color: #E5F2FB;
+
-
text-decoration: none;
+
-
}
+
-
.wrapper1 a:hover {
+
-
color: #09548B;
+
-
}
+
-
.wrapper1 p {
+
-
margin: 0 0 17px;
+
-
padding: 0;
+
-
line-height: 18px;
+
-
}
+
-
.wrapper {
+
-
/*width: 710px;*/
+
-
margin: 20px auto;
+
-
}
+
-
.nav {
+
-
background: url(https://static.igem.org/mediawiki/2009/4/43/Nav_bg.png) repeat-x;
+
-
float: left;
+
-
}
+
-
.nev-wrapper {
+
-
clear: both;
+
-
float: left;
+
-
}
+
-
.nav-left {
+
-
background: url(https://static.igem.org/mediawiki/2009/d/d0/Nav_left.png) no-repeat top left;
+
-
float: left;
+
-
width: 11px;
+
-
height: 41px;
+
-
}
+
-
.nav-right {
+
-
background: url(https://static.igem.org/mediawiki/2009/0/0f/Nav_right.png) no-repeat top right;
+
-
float: left;
+
-
width: 11px;
+
-
height: 41px;
+
-
}
+
-
.nav ul {
+
-
/*width: 648px;*/
+
-
height: 38px;
+
-
float: left;
+
-
margin: 0;
+
-
padding-top: 3px;
+
-
list-style: none;
+
-
font-size: 15px;
+
-
}
+
-
.nav li {
+
-
float: left;
+
-
padding: 0 7px;
+
-
background: url(https://static.igem.org/mediawiki/2009/4/41/Split.png) no-repeat right center;
+
-
position: relative;
+
-
z-index: 1;
+
-
}
+
-
.nav li.last {
+
-
background:none;
+
-
}
+
-
.nav li:hover {
+
-
z-index:2;
+
-
}
+
-
.nav li a {
+
-
display: block;
+
-
line-height: 38px;
+
-
overflow: hidden;
+
-
float: left;
+
-
}
+
-
a .menu-left {
+
-
background: url(https://static.igem.org/mediawiki/2009/5/55/Menu_left.gif) no-repeat left top;
+
-
width: 8px;
+
-
height: 32px;
+
-
line-height: 35px;
+
-
display: block;
+
-
float: left;
+
-
}
+
-
a .menu-mid {
+
-
background: url(https://static.igem.org/mediawiki/2009/a/ac/Menu_mid.gif) repeat-x top left;
+
-
height: 32px;
+
-
line-height: 35px;
+
-
display: block;
+
-
float: left;
+
-
}
+
-
a .menu-right {
+
-
background: url(https://static.igem.org/mediawiki/2009/f/f9/Menu_right.gif) no-repeat top left;
+
-
width: 8px;
+
-
height: 32px;
+
-
line-height: 35px;
+
-
display: block;
+
-
float: left;
+
-
}
+
-
.nav li a:hover .menu-left,
+
-
.nav li.active a .menu-left,
+
-
.nav li:hover a .menu-left,
+
-
.nav li a:hover .menu-mid,
+
-
.nav li.active a .menu-mid,
+
-
.nav li:hover a .menu-mid,
+
-
.nav li a:hover .menu-right,
+
-
.nav li.active a .menu-right,
+
-
.nav li:hover a .menu-right {
+
-
background-position: 0 -37px;
+
-
line-height: 35px;
+
-
}
+
-
.nav li a:hover,
+
-
.nav li.active a,
+
-
.nav li.hover a,
+
-
.nav li:hover a {
+
-
color: #09548B;
+
-
}
+
-
.nav li:hover .sub,
+
-
.nav li.hover .sub {
+
-
display:block;
+
-
}
+
-
.nav li .sub {
+
-
display: none;
+
-
position: absolute;
+
-
top: 27px;
+
-
left: 6px;
+
-
background: url(https://static.igem.org/mediawiki/2009/2/2a/Submenu_top.png) no-repeat;
+
-
width: 186px;
+
-
padding-top: 9px;
+
-
}
+
-
.nav li ul {
+
-
background: url(https://static.igem.org/mediawiki/2009/e/eb/Submenu_bg.png) repeat-y;
+
-
width: 162px;
+
-
height: auto;
+
-
margin: 0;
+
-
padding: 0 12px 10px;
+
-
list-style: none;
+
-
font-size: 14px;
+
-
}
+
-
.nav li:hover li,
+
</html>
-
.nav li.active li {
+
-
width: 100%;
+
-
padding: 1px 0 2px;
+
-
border-bottom: 1px #C1D9F0 dashed;
+
-
background: none !important;
+
-
}
+
-
.nav li:hover li a,
+
-
.nav li.active li a {
+
-
color: #09548B;
+
-
background: none !important;
+
-
line-height: normal;
+
-
width: 156px;
+
-
padding: 8px 3px 3px;
+
-
text-indent: 1px;
+
-
}
+
-
.nav li:hover li a:hover,
+
-
.nav li.active li a:hover {
+
-
color: #fff;
+
-
background: #165B9F !important;
+
-
text-decoration: none;
+
-
line-height: normal;
+
-
}
+
-
/*IE*/
+
-
.nav li li a:hover,
+
-
.nav li li a:hover {
+
-
color: #fff;
+
-
background: #165B9F !important;
+
-
text-decoration: none;
+
-
line-height: normal;
+
-
}
+
-
/**/
+
-
.nav .btm-bg {
+
-
background: url(https://static.igem.org/mediawiki/2009/2/2d/Submenu_bottom.png) no-repeat;
+
-
width: 205px;
+
-
height: 9px;
+
-
overflow: hidden;
+
-
clear: both;
+
-
}
+
-
.content {
+
-
width: 670px;
+
-
background: transparent url(https://static.igem.org/mediawiki/2009/1/1e/Content_bg.png) repeat-y;
+
-
float: left;
+
-
padding: 10px 20px;
+
-
}
+
-
.content h1 {
+
-
color: #333;
+
-
font-weight: 400;
+
-
text-transform: uppercase;
+
-
font-size: 18px;
+
-
border-bottom: 1px dashed #C1D9F0;
+
-
}
+
-
.content h2 {
+
-
font-weight: 400;
+
-
text-transform: uppercase;
+
-
font-size: 14px;
+
-
padding-left: 10px;
+
-
margin-bottom: -5px;
+
-
}
+
-
.content p {
+
-
padding: 0 15px;
+
-
text-align: justify;
+
-
}
+
-
.content-bottom {
+
-
width: 710px;
+
-
background: transparent url(https://static.igem.org/mediawiki/2009/0/01/Content_bottom.png) no-repeat;
+
-
height: 13px;
+
-
float: left;
+
-
}
+
-
</style>
+
-
 
+
-
<style type="text/css">
+
-
<!--
+
-
.demo  {color:#000033; background-color:#cccccc; layer-background-color:#cccccc;
+
-
        position:absolute; top:100px; left:100px; width:480px; height:280px;
+
-
        z-index:99;  visibility:hidden;}
+
-
-->
+
-
</style>
+
-
 
+
-
 
+
-
 
+
-
</head>
+
-
 
+
-
 
+
-
<div class="wrapper1">
+
-
<div class="wrapper"  style="width:650px;">
+
-
<div class="nav-wrapper">
+
-
<div class="nav-left"></div>
+
-
<div class="nav">
+
-
<ul id="navigation" style="width:600px";>
+
-
 
+
-
<li class="#"><a href=https://2009.igem.org/Team:EPF-Lausanne target="_self">
+
-
<span class="menu-left"></span>
+
-
<span class="menu-mid">Home</span>
+
-
<span class="menu-right"></span>
+
-
</a>
+
-
 
+
-
 
+
-
 
+
-
+
-
<li class="#">
+
-
<a href="https://2009.igem.org/Team:EPF-Lausanne/Team" target="_self">
+
-
<span class="menu-left"></span>
+
-
<span class="menu-mid">Team</span>
+
-
<span class="menu-right"></span>
+
-
</a>
+
-
<div class="sub">
+
-
<ul>
+
-
 
+
-
<li>
+
-
<a href= "https://2009.igem.org/Team:EPF-Lausanne/Team" target="_self">Presentation</a>
+
-
</li>
+
-
<li>
+
-
<a href= "https://2009.igem.org/Team:EPF-Lausanne/Team#Where_we_are_from" target="_self">School</a>
+
-
</li>
+
-
<li>
+
-
<a href= "https://2009.igem.org/Team:EPF-Lausanne/Team_Management" target="_self">Team Management</a>
+
-
</li>
+
-
<li>
+
-
<a href="https://2009.igem.org/Team:EPF-Lausanne/Brainstorming" target="_self">Brainstorming</a>
+
-
</li>
+
-
<li>
+
-
<a href= "https://2009.igem.org/Team:EPF-Lausanne/Sponsors" target="_self">Sponsors</a>
+
-
</li>
+
-
</ul>
+
-
<div class="btm-bg">
+
-
</div></div>
+
-
</li>
+
-
 
+
-
 
+
-
<li class="#">
+
-
<a href="https://2009.igem.org/Team:EPF-Lausanne/Project_Abstract" target="_self">
+
-
<span class="menu-left"></span>
+
-
<span class="menu-mid">Project</span>
+
-
<span class="menu-right"></span>
+
-
</a>
+
-
<div class="sub">
+
-
<ul>
+
-
<li>
+
-
<a href= "https://2009.igem.org/Team:EPF-Lausanne/Project_Abstract" target="_self">Abstract</a>
+
-
</li>
+
-
<li>
+
-
<a href="https://2009.igem.org/Team:EPF-Lausanne/LOVTAP" target="_self">Theory</a>
+
-
</li>
+
-
<li>
+
-
<a href="https://2009.igem.org/Team:EPF-Lausanne/Strategy" target="_self">Strategy</a>
+
-
</li>
+
-
<li>
+
-
<a href="https://2009.igem.org/Team:EPF-Lausanne/Experimental_Setup" target="_self">Experimental Setup</a>
+
-
</li>
+
-
<li>
+
-
<a href="https://2009.igem.org/Team:EPF-Lausanne/LOVTAP_Results" target="_self">Results</a>
+
-
</li>
+
-
<li>
+
-
<a href= "https://2009.igem.org/Team:EPF-Lausanne/Parts" target="_self">Parts submitted to the Registry</a>
+
-
</li>
+
-
<li>
+
-
<a href="https://2009.igem.org/Team:EPF-Lausanne/Future_directions" target="_self">Future directions</a>
+
-
</li>
+
-
<li>
+
-
<a href="https://2009.igem.org/Team:EPF-Lausanne/References" target="_self">References</a>
+
-
</li>
+
-
</ul>
+
-
 
+
-
<div class="btm-bg">
+
-
</div></div>
+
-
</li>
+
-
 
+
-
 
+
-
 
+
-
<li class="#">
+
-
<a href="https://2009.igem.org/Team:EPF-Lausanne/Modeling_overview" target="_self">
+
-
<span class="menu-left"></span>
+
-
<span class="menu-mid">Modeling</span>
+
-
<span class="menu-right"></span>
+
-
</a>
+
-
<div class="sub">
+
-
<ul>
+
-
<li>
+
-
<a href= "https://2009.igem.org/Team:EPF-Lausanne/Modeling_overview" target="_self">Modeling overview</a>
+
-
</li>
+
-
<li>
+
-
<a href="https://2009.igem.org/Team:EPF-Lausanne/Analysis methods" target="_self">Analysis Methods</a>
+
-
</li>
+
-
<li>
+
-
<a href="https://2009.igem.org/Team:EPF-Lausanne/Results" target="_self">Results</a>
+
-
</li>
+
-
<li>
+
-
<a href= "https://2009.igem.org/Team:EPF-Lausanne/Information_&_references" target="_self">References</a>
+
-
</li>
+
-
</ul>
+
-
 
+
-
<div class="btm-bg">
+
-
</div></div>
+
-
</li>
+
-
 
+
-
 
+
-
<li class="#">
+
-
<a href="https://2009.igem.org/Team:EPF-Lausanne/Social_overview" target="_self">
+
-
<span class="menu-left"></span>
+
-
<span class="menu-mid">Human practices</span>
+
-
<span class="menu-right"></span>
+
-
</a>
+
-
 
+
-
<div class="sub">
+
-
<ul>
+
-
<li>
+
-
<a href= "https://2009.igem.org/Team:EPF-Lausanne/Social_overview" target="_self">Overview</a>
+
-
</li>
+
-
<li>
+
-
<a href= "https://2009.igem.org/Team:EPF-Lausanne/Talks" target="_self">Talks</a>
+
-
</li>
+
-
<li>
+
-
<a href="https://2009.igem.org/Team:EPF-Lausanne/Survey" target="_self">Survey</a>
+
-
</li>
+
-
<li>
+
-
<a href="https://2009.igem.org/Team:EPF-Lausanne/Media" target="_self">Media</a>
+
-
</li>
+
-
</ul>
+
-
 
+
-
<div class="btm-bg">
+
-
</div></div>
+
-
</li>
+
-
 
+
-
<li class="#">
+
-
<a href="https://2009.igem.org/Team:EPF-Lausanne/Safety" target="_self">
+
-
<span class="menu-left"></span>
+
-
<span class="menu-mid">Safety</span>
+
-
<span class="menu-right"></span>
+
-
</a>
+
-
 
+
-
<li class="#">
+
-
<a href="https://2009.igem.org/Team:EPF-Lausanne/Notebook" target="_self">
+
-
<span class="menu-left"></span>
+
-
<span class="menu-mid">Lab</span>
+
-
<span class="menu-right"></span>
+
-
</a>
+
-
 
+
-
<div class="sub">
+
-
<ul>
+
-
 
+
-
<li>
+
-
<a href= "https://2009.igem.org/Team:EPF-Lausanne/Last_News" target="_self">Last News</a>
+
-
</li>
+
-
<li>
+
-
<a href= "https://2009.igem.org/Team:EPF-Lausanne/Notebook" target="_self">Notebook</a>
+
-
</li>
+
-
<li>
+
-
<a href= "https://2009.igem.org/Team:EPF-Lausanne/Protocols" target="_self">Protocols used</a>
+
-
</li>
+
-
</ul>
+
-
<div class="btm-bg">
+
-
</div></div>
+
-
</li>
+
-
 
+
-
 
+
-
</div>
+
-
<div class="nav-right"></div>
+
-
<br><br>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
</div>
+

Latest revision as of 03:53, 28 October 2010