Team:Valencia/prueba2

From 2009.igem.org

(Difference between revisions)
 
(86 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
<html><link rel="stylesheet" href="https://2009.igem.org/Team:Valencia/Prueba2
 +
title=User:Emilio/valencia.css&action=raw&ctype=text/css" type="text/css"></html>
 +
 
 +
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<head>
-
<style type="text/css">
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 +
<title>iGEM 2009 Valencia</title>
 +
<!-- <link rel="stylesheet" href="https://2009.igem.org/User:Emilio/valencia.css" type="text/css" charset="utf-8" /> -->
 +
<style>
-
body {
+
html {
-
      background-color: black;
+
margin: 0;
-
      }
+
padding: 0;
-
 
+
-
#content {                       
+
-
              background-color: white;             
+
-
}
+
-
 
+
-
.firstHeading {
+
-
                display:none; 
+
-
                background-color: white;
+
-
              }
+
-
 
+
-
#footer-box {
+
-
                background: black;
+
-
                font-size:8pt;
+
-
                border-color: black;
+
-
                font-family: Verdana;
+
-
            }
+
-
</style>
+
-
</head>
+
-
 
+
-
<div align=center>
+
-
    <embed src="https://static.igem.org/mediawiki/2009/3/39/Banner_val_igem.swf" type="application/x-shockwave-flash" wmode=transparent width="965" height="200"></embed>
+
-
  </div>
+
-
 
+
-
</html>
+
-
 
+
-
 
+
-
<html>
+
-
 
+
-
 
+
-
<style media="all" type="text/css">
+
-
 
+
-
 
+
-
.nav {
+
-
height:35px;
+
-
background: url(https://static.igem.org/mediawiki/2009/0/09/Bg2.gif) repeat-x;
+
-
position:relative;
+
-
font-family:arial, verdana, sans-serif;
+
-
font-size:11px;
+
-
width:100%;
+
-
z-index:100;
+
-
margin:0;
+
-
padding:0;
+
}
}
-
.nav .table {
+
body.mediawiki {
-
display:table;
+
            background:#000 url(https://static.igem.org/mediawiki/2009/5/51/ValenciaBordeado4.JPG)
-
margin:0 auto;
+
top center repeat-y; font-size:8pt; font-family: Verdana; color:#202020;
}
}
-
.nav .select,
+
#content {  
-
.nav .current {
+
background-color: #FFFFFF
-
margin:0;
+
    }
-
padding:0;
+
-
list-style:none;
+
-
display:table-cell;
+
-
white-space:nowrap;
+
}
}
 +
#bodyContent {}
 +
h1.firstHeading, #top {display:none;}
-
.nav li {
 
-
margin:0;
 
-
padding:0;
 
-
height:auto;
 
-
float:left;
 
-
}
 
-
.nav .select a {
+
body {
-
display:block;  
+
background: #00868B;  
-
height:35px;  
+
color: #00868B;
-
float:left;
+
font: 11px verdana, sans-serif;
-
font-weight:bold;
+
margin: 0px;
-
background: url(https://static.igem.org/mediawiki/2009/0/09/Bg2.gif);  
+
padding: 20px 0px 20px 0px;
-
padding:0 30px 0 30px;
+
-
text-decoration:none;
+
-
line-height:35px;
+
-
white-space:nowrap;
+
-
color:#2b3238;
+
}
}
-
 
+
a {
-
 
+
color: #000000;
-
.nav .select a:hover,
+
font-weight: bold;
-
.nav .select li:hover a {
+
text-decoration: none;
-
background: url(https://static.igem.org/mediawiki/2009/8/81/Hover2.gif);  
+
-
padding:0 0 0 15px;  
+
-
cursor:pointer;
+
-
color:#2b3238;
+
}
}
-
 
+
a:hover {
-
.nav .select a b{
+
color: #185B85;
-
font-weight:bold;
+
text-decoration: underline;
-
}
+
-
 
+
-
.nav .select a:hover b,
+
-
.nav .select li:hover a b {
+
-
display:block;
+
-
float:left;
+
-
padding:0 30px 0 15px;
+
-
background:url(https://static.igem.org/mediawiki/2009/8/81/Hover2.gif) right top;
+
-
cursor:pointer;
+
}
}
-
 
+
img {
-
.nav .select_sub {
+
border: 0px;
-
display:none;
+
}
}
-
 
+
#wrapper {
-
/* IE6 only */
+
width: 778px;
-
.nav table {
+
margin: auto;
-
border-collapse:collapse;  
+
text-align: left;
-
margin:-1px;  
+
-
font-size:1em;
+
-
width:0;
+
-
height:0;
+
}
}
-
 
+
#header p {
-
.nav .sub {
+
font-size:18px;
-
display:table;  
+
font-style:italic;
-
margin:0 auto;  
+
color:#FFFFFF;
-
padding:0;  
+
font-family:Georgia, "Times New Roman", Times, serif;
-
list-style:none;
+
}
}
-
 
+
#header p.more {
-
.nav .sub_active .current_sub a,
+
padding-right: 2px;
-
.nav .sub_active a:hover {
+
-
background:transparent;
+
-
color:#2b3238;
+
}
}
-
 
+
#header {
-
.nav .select :hover .select_sub,
+
height: 320px;
-
.nav .current .show {
+
background: url(https://static.igem.org/mediawiki/2009/0/04/Valenciacabecera7.JPG) no-repeat;
-
display:block;
+
-
position:absolute;
+
-
width:100%;
+
-
top:35px;  
+
-
background:url(https://static.igem.org/mediawiki/2009/6/65/Back2.gif);
+
-
padding:0;
+
-
z-index:100;
+
-
left:0;
+
-
text-align:center;
+
}
}
-
 
+
#header div {
-
.nav .current .show {
+
padding: 130px 413px 10px 30px;
-
z-index:10;
+
}
}
-
 
+
#header p {
-
.nav .select :hover .sub li a,
+
margin: 0px;
-
.nav .current .show .sub li a {
+
padding: 0px;
-
display:block;
+
-
float:left;
+
-
background:transparent;  
+
-
padding:0 10px 0 10px;
+
-
margin:0;
+
-
white-space:nowrap;
+
-
border:0;
+
-
color:#2b3238;
+
}
}
-
 
+
#header a {
-
.nav .current .sub li.sub_show a {
+
color:#FFFFFF;
-
color:#2b3238;
+
-
cursor:default;  
+
}
}
-
 
+
#nav {
-
.nav .select .sub li a {
+
width: 840px;
-
font-weight:normal;
+
height: 48px;
 +
margin: 0px 0px 0px 20px;
 +
background-image:url(https://static.igem.org/mediawiki/2009/0/09/Bg2.gif);
 +
background-repeat:repeat-x;
 +
display:block;
 +
float:left;
 +
}
}
-
 
+
#nav a {
-
.nav .select :hover .sub li a:hover,  
+
font-size:18px;
-
.nav .current .sub li a:hover {
+
font-style:italic;
-
visibility:visible;  
+
color:#260403;
-
color:#909090;  
+
font-family:Georgia, "Times New Roman", Times, serif;
 +
margin: 12px 0px 10px 0px;
 +
padding: 0px 20px 0px 20px;
 +
display:inline;
 +
float:left;
 +
border-right-width: 2px;
 +
border-right-style: inset;
 +
border-right-color: #76644f;
}
}
-
 
+
#nav a:hover {
-
</style>
+
color:#862e06;
-
<!--[if IE]>
+
text-decoration:none;
-
<style media="all" type="text/css">
+
-
 
+
-
.nav ul {display:inline-block;}
+
-
.nav ul {display:inline;}
+
-
.nav ul li {float:left;}
+
-
.nav {text-align:center;}
+
-
.nav .select a:hover b,
+
-
.nav .select li:hover a b {float:none;}
+
-
 
+
-
</style>
+
-
<![endif]-->
+
-
<div class="nav">
+
-
<div class="table">
+
-
<ul class="select"><li><a href="https://2009.igem.org/Team:Valencia" target="_self"><b>HOME</b></a>
+
-
</li>
+
-
</ul>
+
-
<ul class="select"><li><a href="https://2009.igem.org/Team:Valencia/TeamVal" target="_self"><b>TEAM</b></a>
+
-
<div class="select_sub">
+
-
<ul class="sub">
+
-
<li><a href="https://2009.igem.org/Team:Valencia/LabPictures" target="_self">LAB PICTURES</a></li>
+
-
<li><a href="https://2009.igem.org/Team:Valencia/logos" target="_self">LOGOS</a></li>
+
-
</ul>
+
-
</div>
+
-
</li>
+
-
</ul>
+
-
<ul class="select"><li><a href="https://2009.igem.org/Team:Valencia/Project" target="_self"><b>PROJECT</b></a>
+
-
<div class="select_sub">
+
-
<ul class="sub">
+
-
<li><a href="https://2009.igem.org/Team:Valencia/Modelling" target="_self">MODELLING</a></li>
+
-
<li><a href="https://2009.igem.org/Team:Valencia/Hardware" target="_self">EXPERIMENTAL SETUP</a></li>
+
-
<li><a href="https://2009.igem.org/Team:Valencia/WetLab" target="_self">WETLAB</a></li>
+
-
<li><a href="https://2009.igem.org/Team:Valencia/ProjectMtv" target="_self">PROJECT MOTIVATION</a></li>
+
-
</ul>
+
-
</div>
+
-
</li>
+
-
</ul>
+
-
<ul class="select"><li><a href="https://2009.igem.org/Team:Valencia/Human" target="_self"><b>HUMAN PRACTICES</b></a>
+
-
</li>
+
-
</ul>
+
-
<ul class="select"><li><a href="https://2009.igem.org/Team:Valencia/Notebook" target="_self"><b>NOTEBOOK</b></a>
+
-
</li>
+
-
</ul>
+
-
<ul class="select"><li><a href="https://2009.igem.org/Team:Valencia/News" target="_self"><b>MEDIA</b></a>
+
-
</li>
+
-
</ul>
+
-
</div>
+
-
</div>
+
-
 
+
-
 
+
-
</html>
+
-
 
+
-
 
+
-
<br><br>
+
-
çççç
+
-
 
+
-
 
+
-
 
+
-
<html>
+
-
<style>
+
-
 
+
-
 
+
-
 
+
-
/*-----------------------------------------------------------------------------------------------*/
+
-
div.MenuBar ul li ul.DropDownMenu {
+
-
  display: none; /* Hides all drop-down menus. */
+
-
 
+
}
}
-
/*
+
.lastchild {
-
li:hover works in IE7 and FF2.
+
border-right: none 0px !important;
-
a:hover works in IE6 and FF2.
+
-
a:hover breaks li:hover in FF2.
+
-
*/
+
-
div.MenuBar ul li:hover ul.DropDownMenu li ul.SideMenu,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu li a ul.SideMenu {
+
-
  display: none; /* Hides all side menus. */
+
}
}
-
/*------------------------------------------------------------------------------------- Menu Bar */
+
#body {
-
div.MenuBar {
+
background: url(https://static.igem.org/mediawiki/2009/b/b0/ValenciaBody_bgblanco.JPG) repeat-y;
-
  font: arial, helvetica, sans-serif;
+
clear: both;
-
  height: 30px;
+
width: 100%;
-
  width: 910px;
+
-
  /*width: 100%*/
+
-
  margin: 0;
+
-
  border-top: 0;
+
-
  border-right: 0;
+
-
  border-left: 0;
+
-
  padding: 0;
+
-
  background: #2b3238;
+
-
 
+
}
}
-
div.MenuBar ul {
+
#body-top {
-
  font: arial, helvetica, sans-serif;
+
background: url(https://static.igem.org/mediawiki/2009/e/ed/ValenciaBody_topblancogris.JPG) no-repeat;
-
  text-align: center;
+
-
  list-style-type: none;
+
-
  margin: 0.5em auto;
+
-
  border: 0;
+
-
  padding: 0;
+
-
  background: #2b3238;
+
}
}
-
div.MenuBar ul li {
+
#body-bot {
-
  font: arial, helvetica, sans-serif;
+
background: bottom url(https://static.igem.org/mediawiki/2009/1/18/ValenciaBody_botblanco.GIF) no-repeat;
-
  display: block;
+
padding: 21px 25px 15px 42px;
-
  padding: 0;
+
-
  margin: 0;
+
-
  font-size: 1.3em;
+
-
  float: left;
+
-
  background:#2b3238;
+
-
  text-align: center;
+
-
  width: 107px;
+
-
  position: relative; /* Sets the positioning context for each drop-down menu. */
+
}
}
-
 
+
#about-box {
-
div.MenuBar ul li a {
+
float: left;
-
  font: arial, helvetica, sans-serif;
+
width: 315px;
-
  display: block;
+
-
  background: #2b3238;
+
-
  height: 22px; /* Keep height + padding-top + padding-bottom sync with the menu bar height. */
+
-
  color: #ffffff;
+
-
  padding-top: 4px;
+
-
  padding-bottom: 4px;
+
-
  padding-left: 1em; /* Sets the left space between top-level items. */
+
-
  padding-right: 1em; /* Sets the right space between top-level items. */
+
-
  text-decoration: none;
+
}
}
-
 
+
#about-box ul {
-
/*------------------------------------------------------------------------------ Drop-Down Menus */
+
margin-left: 8px;
-
div.MenuBar ul li:hover ul.DropDownMenu,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu {
+
-
  display: block;
+
-
  width: 10em; /* Drop-down menu width.
+
-
                  Use MenuTailor.css to customize. */
+
-
  height: 1em;
+
-
  padding: 1px; /* Sets the drop-down menu "effective border" width. */
+
-
  position: absolute;
+
-
  top: 23px; /* Places the drop-down menu under the menu bar.
+
-
                Keep it sync with the menu bar height. */
+
-
  left: 0; /* Aligns the drop-down menu to its top-level item. */
+
-
  background-color: #2b3238; /* Selected item. */
+
-
  color: #FFFFFF;
+
-
 
+
}
}
-
div.MenuBar ul li:hover ul.DropDownMenu li a,
+
#express-box {
-
div.MenuBar ul li a:hover ul.DropDownMenu li a {
+
float: right;
-
  width: 10em; /* Keep it sync with the drop-down menu width.
+
width: 327px;
-
                            Use MenuTailor.css to customize. */
+
-
  height: 1em;
+
-
  padding-left: 0;
+
-
  padding-right: 0;
+
-
  background-color: #2b3238; /* Selected item. */
+
-
  color: #FFFFFF;
+
}
}
-
ul.DropDownMenu li a span {
+
#foot {
-
  display: block;
+
width: 738px;
-
  padding-left: 0.75em; /* Sets the left space of each drop-down menu item. */
+
margin-left: 20px;
-
  padding-right: 0.25em; /* Sets the right space of each drop-down menu item. */
+
background: url(https://static.igem.org/mediawiki/2009/f/f3/ValenciaFoot_bgblanco2.JPG) repeat-y;
-
  text-align: right; /* Aligns the >> symbol to the right. */
+
}
}
-
ul.DropDownMenu li a span span {
+
#foot-top {
-
  float: left; /* Aligns the text (back) to the left. */
+
background: url(https://static.igem.org/mediawiki/2009/6/6d/Valenciafoottopblanco6.JPG) no-repeat;
-
  font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
+
-
  height: 20px;
+
-
  color: #FFFFFF;
+
}
}
-
/*----------------------------------------------------------------------------------- Side Menus */
+
#foot-bot {
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
+
background: bottom url(https://static.igem.org/mediawiki/2009/9/96/ValenciaFoot_botblanco.GIF) no-repeat;
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
+
padding: 13px 21px 12px 28px;
-
  display: block;
+
-
  width: 11em; /* Side menu width.
+
-
                  Use MenuTailor.css to customize. */
+
-
  padding: 1px; /* Sets the side menu "effective border" width. */
+
-
  position: absolute;
+
-
  top: -1px; /* Aligns the side menu to its drop-down menu item.
+
-
                Keep it sync with the side menu "effective border" width. */
+
-
  left: 13em; /* Places the side menu to the right of the drop-down menu.
+
-
                            Keep it sync with the drop-down menu width.
+
-
                            Use MenuTailor.css to customize. */
+
}
}
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
+
#what-box {
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
+
float: left;
-
  width: 11em; /* Keep it sync with the side menu width.
+
width: 284px;
-
                            Use MenuTailor.css to customize. */
+
-
  font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
+
-
  left: 13em; /* Places the side menu to the right of the drop-down menu.
+
-
                            Keep it sync with the drop-down menu width.
+
-
                            Use MenuTailor.css to customize. */
+
}
}
-
div.MenuBar ul li ul.DropDownMenu li ul.SideMenu li a span {
+
#what-box img.left {
-
  padding-left: 1.5em; /* Sets the left space of each side menu item. */
+
margin-left: 10px;
-
  padding-right: 0.5em; /* Sets the right space of each side menu item. */
+
-
  text-align: left;
+
-
  font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
+
-
  left: 13em; /* Places the side menu to the right of the drop-down menu.
+
-
                            Keep it sync with the drop-down menu width.
+
-
                            Use MenuTailor.css to customize. */
+
}
}
-
/*----------------------------------------------------------------------------- Browser Specific */
+
#what-box ul {
-
* html div.MenuBar {
+
float: left;
-
  position: relative; /* For IE55 and IE6.
+
margin-left: 2px;
-
                        Hidden (* html) from non-IE browsers. */
+
width: 380px;
}
}
-
* html div.MenuBar ul li a {
+
#news-box {
-
  float: left; /* For IE55 and IE6.
+
float: right;
-
                  Breaks O9.
+
width: 316px;
-
                  Hidden (* html) from non-IE browsers. */
+
}
}
-
* html ul.DropDownMenu li a:hover {
+
#news-box ul {
-
  cursor: hand; /* For IE55.
+
float: left;
-
                  Hidden (* html) from non-IE browsers. */
+
margin-left: 2px;
 +
width: 184px;
}
}
-
ul.DropDownMenu li a:hover {
+
#footer {
-
  cursor: pointer; /* For IE6 and IE7.
+
margin: 14px;
-
                      Hidding it (* html) from non-IE browsers breaks IE7! */
+
text-align: center;
}
}
-
* html div.MenuBar a:hover {
+
h2 {
-
  text-decoration: none; /* For IE55 and IE6.
+
margin: 0px;
-
                            Hidden (* html) from non-IE browsers. */
+
padding: 0px 0px 10px 0px;
 +
font:Arial, Helvetica, sans-serif;
 +
font-size:20px;
 +
font-style:italic;
 +
 
 +
color:#862e06;
}
}
-
* html div.MenuBar ul li table,
+
h2 b{
-
* html div.MenuBar ul li table td {
+
color:#341c12;
-
  border: 0px none; /* For IE55 and IE6.
+
-
                Hidden (* html) from non-IE browsers. */
+
}
}
-
/*------------------------------------------------------------------------------- Default Colors */
+
 
-
div.MenuBar {
+
ul {
-
  background-color: Menu;
+
margin: 0px;
-
  border-bottom: 1px solid ButtonShadow;
+
padding: 0px;
}
}
-
div.MenuBar a {
+
li {
-
  background-color: Menu; /* Top-level unselected items. */
+
margin: 0px;
-
  color: MenuText;
+
padding: 0px 0px 5px 20px;
 +
list-style: none;
 +
background: 0px 3px url(https://static.igem.org/mediawiki/2009/e/e3/ValenciaBullet2.gif) no-repeat;
}
}
-
div.MenuBar ul li:hover a,
+
p {
-
div.MenuBar ul li a:hover {
+
margin-top: 0px;
-
  color: #ea7f16;
+
margin-bottom: 10px;
-
  background-color: Highlight; /* Top-level selected item. */
+
-
  color: HighlightText;
+
}
}
-
/*...............................................................................................*/
+
div.narrow-text {
-
div.MenuBar ul li:hover ul.DropDownMenu,
+
margin-right: 18px;
-
div.MenuBar ul li a:hover ul.DropDownMenu {
+
-
  background-color: ButtonShadow; /* Sets the drop-down menu "effective border" color. */
+
}
}
-
div.MenuBar ul li:hover ul.DropDownMenu li a,
+
img.left {
-
div.MenuBar ul li a:hover ul.DropDownMenu li a {
+
float: left;
-
  background-color: Menu; Drop-down menu unselected items.
+
padding-right: 14px;
-
                            Sets the drop-down menu "effective background" color. */
+
padding-bottom: 16px;
-
  color: MenuText;
+
}
}
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover a,
+
#body p.more {
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover {
+
padding-top: 6px;
-
  background-color: Highlight; /* Drop-down menu selected item. */
+
-
  color: HighlightText;
+
}
}
-
/*...............................................................................................*/
+
#news-box p.more {
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
+
padding-top: 0px;
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
+
margin-top: 0px;
-
  background-color: ButtonShadow; /* Sets the side menu "effective border" color. */
+
}
}
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
+
p.more {
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
+
text-align: right;
-
  background-color: Menu; /* Side menu unselected items.
+
-
                            Sets the side menu "effective background" color. */
+
-
  color: MenuText;
+
}
}
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover,
+
.clear {
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover {
+
clear: both;
-
  background-color: Highlight; /* Side menu selected item. */
+
-
  color: HighlightText;
+
-
}
+
-
/*-----------------------------------------------------------------------------------------------*/
+
-
/*Script-Free 3-Level Menu 1.2 Tailor
+
-
  www.CesarDaniel.info
+
-
/*-------------------------------------------------------------------------------------- General */
+
-
body {
+
-
  background: white;
+
-
  color: #2b3238;
+
-
  margin: 0;
+
-
  border: 0;
+
-
  padding: 0;
+
}
}
 +
</style>
 +
<script type="text/javascript">
-
div.MenuBar {
+
function mouseOverMore()
-
  font: 13px arial, helvetica, sans-serif;
+
{
 +
    document.getElementById("b30").src="https://static.igem.org/mediawiki/2009/7/79/ButtMore_off.gif"
}
}
-
div.MenuBar ul {
+
function mouseOutMore()
-
  font: 13px arial, helvetica, sans-serif; /* Required for IE55. */
+
{
 +
    document.getElementById("b30").src="https://static.igem.org/mediawiki/2009/e/e2/ButtMore_on.gif"
}
}
-
/*--------------------------------------------------------------------------------------- Colors */
+
 
-
div.MenuBar {
+
function mouseOverMore1()
-
  background-color: black; /* Selected item. */
+
{
-
  color: #FFFFFF;
+
    document.getElementById("b31").src="https://static.igem.org/mediawiki/2009/7/79/ButtMore_off.gif"
-
  border-bottom: 1px solid ButtonShadow;
+
}
}
-
div.MenuBar a,
+
function mouseOutMore1()
-
div.MenuBar ul li:hover ul.DropDownMenu li a,
+
{
-
div.MenuBar ul li a:hover ul.DropDownMenu li a,
+
    document.getElementById("b31").src="https://static.igem.org/mediawiki/2009/e/e2/ButtMore_on.gif"
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
+
-
  background-color: black; /* Selected item. */
+
-
  color: #FFFFFF;
+
}
}
-
div.MenuBar ul li:hover a,
 
-
div.MenuBar ul li a:hover,
 
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover a,
 
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover,
 
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover,
 
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover {
 
-
  background-color: #324CE5; /* Selected item. */
 
-
  color: #FFFFFF;
 
-
}
 
-
div.MenuBar ul li:hover ul.DropDownMenu,
 
-
div.MenuBar ul li a:hover ul.DropDownMenu,
 
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
 
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
 
-
  background-color: ButtonShadow; /* Sets the drop-down and side menus "effective border" color. */
 
-
}
 
-
/*--------------------------------------------------------------------------------------- Widths */
 
-
/*
 
-
/*
+
function mouseOverMore2()
-
Menu Bar 1
+
{
-
Drop-Down Menu #2
+
    document.getElementById("b32").src="https://static.igem.org/mediawiki/2009/7/79/ButtMore_off.gif"
-
*/
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM4,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM4,
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM4 li a,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM4 li a {
+
-
  width: 11em; /* Drop-down menu width. */
+
}
}
-
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM5,
+
function mouseOutMore2()
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM5,
+
{
-
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM5 li a,
+
    document.getElementById("b32").src="https://static.igem.org/mediawiki/2009/e/e2/ButtMore_on.gif"
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM5 li a {
+
-
  width: 12em; /* Drop-down menu width. */
+
}
}
-
/*...............................................................................................*/
+
function mouseOverMore3()
-
/*
+
{
-
Menu Bar 1
+
    document.getElementById("b33").src="https://static.igem.org/mediawiki/2009/7/79/ButtMore_off.gif"
-
Drop-Down Menu #2
+
-
Side Menu #1
+
-
*/
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1 {
+
-
  left: 15.5em !important; /* Places the side menu to the right of the drop-down menu.
+
-
                            Keep it sync with the drop-down menu width. */
+
-
}
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1,
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1 li a,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1 li a {
+
-
  width: 10em; /* Side menu width. */
+
-
}
+
-
/*...............................................................................................*/
+
-
/*
+
-
Menu Bar 1
+
-
Drop-Down Menu #2
+
-
Side Menu #2
+
-
*/
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2 {
+
-
  left: 15.5em  !important; /* Places the side menu to the right of the drop-down menu.
+
-
                            Keep it sync with the drop-down menu width. */
+
-
}
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2,
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2 li a,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2 li a {
+
-
  width: 10em; /* Side menu width. */
+
-
}
+
-
/*...............................................................................................*/
+
-
/*
+
-
Menu Bar 1
+
-
Drop-Down Menu #2
+
-
Side Menu #3
+
-
*/
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3 {
+
-
  left: 15.5em  !important; /* Places the side menu to the right of the drop-down menu.
+
-
                            Keep it sync with the drop-down menu width. */
+
}
}
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3,
+
function mouseOutMore3()
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3,
+
{
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3 li a,
+
    document.getElementById("b33").src="https://static.igem.org/mediawiki/2009/e/e2/ButtMore_on.gif"
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3 li a {
+
-
  width: 10em; /* Side menu width. */
+
}
}
-
/*...............................................................................................*/
 
-
</style>
+
</script>
 +
 +
</head>
<body>
<body>
 +
 +
<div id="wrapper">
 +
<div id="header">
 +
<div>
 +
<p> A “bio-screen” of voltage-activated cells, where every “cellular pixel” produces light. Using electrical signals instead of chemical stimulation, we are be able to see animated pictures!</p>
 +
 +
 +
</div>
 +
  </div>
 +
</html>{{Template:Valencia09iGEM65}}
 +
<html>
 +
<div id="body">
 +
<div id="body-top">
 +
<div id="body-bot">
 +
<div id="about-box" align="justify">
 +
<h2><b>Project</b> description</h2>
 +
<img src="https://static.igem.org/mediawiki/2009/6/6a/Valencia_Nino2.gif" width="112" height="92" alt="Pic 1" class="left" />
 +
<p>Engineered yeasts able to sense and respond to electrical signals are build (what we call <b>LEC</b>). Thanks to a homemade device These <b>LEC</b>s  work cooperatively  in such a way that they are able to reproduce images in movement, building up a "bio-screen" for the first time in history. </p>
 +
<br>
 +
<center>
 +
<i>
 +
"As Lumières revolutioned the photography world, Valencia Team revolutions the bacterial photography world"</i>
 +
</center>
 +
<br>
 +
<!-- <ul>
 +
<li> <a href="https://2009.igem.org/Team:Valencia/WetLab/YeastTeam">LEC construction</a>. </li>
 +
<li> <a href="https://2009.igem.org/Team:Valencia/Modelling">LEC characterization</a>. </li>
 +
<li> <a href="https://2009.igem.org/Team:Valencia/Hardware">LEC Integration in the first iLCD.</a> </li>
 +
    </ul>
 +
-->
 +
<p class="more">
-
<div class='MenuBar' id="navi">
+
<a href="https://2009.igem.org/Team:Valencia/Project" target="_top" onmouseover="mouseOverMore()"
-
<ul>
+
onmouseout="mouseOutMore()">
-
<li>
+
<img border="0" src="https://static.igem.org/mediawiki/2009/e/e2/ButtMore_on.gif" width="80" height="25" alt="More" id="b30" /></a>
-
<a href="https://2009.igem.org/Team:Valencia" style="color:
+
-
                          white">Home
+
-
<!--[if gt IE 6]><!--></a><!--<![endif]-->
+
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
-
</li>
+
-
<li>
+
-
<a href="https://2009.igem.org/Team:Valencia/TeamVal" style="color: white">Team<!--
+
-
                          [if gt IE 6]><!--></a><!--<![endif]-->
+
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
-
<ul class="DropDownMenu" id="MB1-DDM6">
+
-
<li><a href="https://2009.igem.org/Team:Valencia/Theteam"><span><span>The Team</span></span></a></li>
+
-
<li><a href="https://2009.igem.org/Team:Valencia/labpictures"><span><span>Lab Pictures</span></span></a></li>
+
-
<li><a href="https://2009.igem.org/Team:Valencia/logos"><span><span>
+
-
                            Logos</span></span></a></li>
+
-
<li><a href="https://2009.igem.org/Team:Valencia/Universities"><span><span>The Universities</span></span>
+
</p>
-
<!--[if gt IE 6]><!--></a><!--<![endif]-->
+
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
-
<ul class="SideMenu" id="MB1-DDM6-SM1">
+
-
                                        <li><a 
+
-
                                        href="https://2009.igem.org/Team:Valencia/Team/UPV"><span>UPV
+
-
</span></a></li>
+
-
<li><a href="https://2009.igem.org/Team:Valencia/Team/UV"><span>UV </span></a></li>
+
-
<li><a href="https://2009.igem.org/Team:Valencia/Team/Ourlab"><span>Our lab</span></a></li>
+
-
                                       
+
-
</ul>
+
-
                                        </ul>
+
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
-
</li>
+
-
<li>
+
-
<a href="https://2009.igem.org/Team:Valencia/Project" style="color:
+
-
                        white">Project<!--[if gt IE 6]><!--></a><!--<![endif]-->
+
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
-
<ul class="DropDownMenu" id="MB1-DDM1">
+
-
<li><a href="https://2009.igem.org/Team:Valencia/Project"><span><span>Overall description
+
-
                              </span></span></a></li>
+
-
<li><a href="https://2009.igem.org/Team:Valencia/Modelling"><span><span>Modelling</span></span></a>
+
-
<li><a href="https://2009.igem.org/Team:Valencia/Hardware"><span><span>Experimental set up</span></span></a></li>
+
-
<li><a href="https://2009.igem.org/Team:Valencia/WetLab/YeastTeam"><span><span>Wet lab</span></span></a></li>
+
-
<li><a href="https://2009.igem.org/Team:Valencia/Project/Results"><span><span>Results</span></span></a></li>
+
-
+
-
</ul>
+
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
-
</li>
+
-
<li>
 
-
<a href="https://2009.igem.org/Team:Heidelberg/Parts" style="color: white">Parts<!--[if gt IE 6]><!--></a><!--<![endif]-->
 
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
 
-
<ul class="DropDownMenu" id="MB1-DDM2">
 
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Parts"><span><span>Submitted Parts</span></span></a></li>
 
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Parts/Characterization"><span><span>Characterization</span></span></a></li>
 
-
</ul>
 
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
 
-
</li>
 
-
<li>
 
-
<a href="https://2009.igem.org/Team:Heidelberg/Modeling" style="color: white">Modeling<!--[if gt IE 6]><!--></a><!--<![endif]-->
 
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
 
-
<ul class="DropDownMenu" id="MB1-DDM3">
 
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Modeling"><span><span>Overview</span></span></a></li>
 
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Modeling/Part?"><span><span>Part?</span></span></a></li>
 
-
 
-
</ul>
 
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
 
-
</li>
 
-
<li>
 
-
<a href="https://2009.igem.org/Team:Heidelberg/Notebook/Overview" style="color: white">Notebook<!--[if gt IE 6]><!--></a><!--<![endif]-->
 
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
 
-
<ul class="DropDownMenu" id="MB1-DDM5">
 
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Notebook/Natural_promoters"><span><span>Natural Promoters</span></span><!--[if gt IE 6]><!--></a><!--<![endif]-->
 
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
 
-
<ul class="SideMenu" id="MB1-DDM2-SM1">
 
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Notebook/Natural_promoters/Notebook"><span>Notebook</span></a></li>
 
-
                                        <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook/Natural_promoters/CellCultureNotebookNP"><span>Cell Culture Notebook</span></a></li>
 
-
</ul>
+
</div>
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
-
</li>
+
-
+
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Notebook/synthetic_promoters"><span><span>Synthetic Promoters</span></span><!--[if gt IE 6]><!--></a><!--<![endif]-->
+
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
-
<ul class="SideMenu" id="MB1-DDM2-SM2">
+
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Notebook/synthetic_promoters/Notebook"><span>Notebook</span></a></li>
+
-
                                        <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook/synthetic_promoters/CellCultureNotebookSP"><span>Cell Culture Notebook</span></a></li>
+
-
</ul>
+
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
-
</li>
+
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Notebook/stable_cell_line"><span><span>Stable Cell Line</span></span><!--[if gt IE 6]><!--></a><!--<![endif]-->
+
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
-
<ul class="SideMenu" id="MB1-DDM2-SM3">
+
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Notebook/stable_cell_line/Integration_strategy"><span>Integration Strategy</span></a></li>
+
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Notebook/stable_cell_line/Notebook"><span>Notebook</span></a></li>
+
-
</ul>
+
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
-
</li>
+
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Notebook/Multi-color_Output"><span><span>Multi-color Output</span></span><!--[if gt IE 6]><!--></a><!--<![endif]-->
+
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
-
<ul class="SideMenu" id="MB1-DDM2-SM3">
+
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Notebook/Multi-color_Output/Notebook"><span>Notebook</span></a></li>
+
-
                                        <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook/Multi-color_Output/CellCultureNotebookMO"><span>Cell Culture Notebook</span></a></li>
+
-
</ul>
 
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
 
-
</li>
 
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Notebook/Measurements"><span><span>Measurements</span></span><!--[if gt IE 6]><!--></a><!--<![endif]-->
+
<div id="express-box" align="justify">
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
<h2><b>Human Practices</b> Report</h2>
-
<ul class="SideMenu" id="MB1-DDM2-SM3">
+
<img src="https://static.igem.org/mediawiki/2009/d/df/Portada_teamvalhp.jpg" width="112" height="92" alt="Pic 2" class="left" />
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Notebook/Measurements/NotebookMi"><span>Microscopy</span></a></li>
+
-
+
<p>Sins, Ethics and Biology, a Comprehensive Approach is more than a review on Human Practices and Synthetic Biology it emcompasses:</p>
-
      <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook/Measurements/NotebookFC"><span>Flow Cytometry</span></a></li>
+
<p> Classical review revising more than <b>50 scientific reports</b> on Human Practices.</p>
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Notebook/Measurements/NotebookRT"><span>RT-PCR</span></a></li>
+
<p> The first <b>comparative analysis</b> of previous iGEM HP projects.</p>
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Notebook/Measurements/NotebookDP"><span>Dual Plasmid</span></a></li>
+
<p><b>Interviews</b> with well known experts.</p>
-
</ul>
+
<p>The <b>largest survey</b> on ethics and synthetic biology ever made.</p>
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
<p class="more">
-
</li>
+
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Notebook/material"><span><span>Material & Methods</span></span></a>
+
<a href="https://2009.igem.org/Team:Valencia/Human" target="_top" onmouseover="mouseOverMore1()"
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Notebook/seminar"><span><span>Seminar on Synthetic Biology</span></span></a>
+
onmouseout="mouseOutMore1()">
-
</ul>
+
<img border="0" src="https://static.igem.org/mediawiki/2009/e/e2/ButtMore_on.gif" width="80" height="25" alt="More" id="b31" /></a>
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
-
</li>
+
-
<li style="width: 160px">
+
-
<a href="https://2009.igem.org/Team:Heidelberg/Human_Practice/Project_Overview" style="color: white">Human Practice<!--[if gt IE 6]><!--></a><!--<![endif]-->
+
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
-
<ul class="DropDownMenu" id="MB1-DDM4">
+
-
                              <li><a href="https://2009.igem.org/Team:Heidelberg/Human_Practice/Project_Overview"><span><span>Project Overview</span></span></a></li>
+
-
      <li><a href="https://2009.igem.org/Team:Heidelberg/Human_Practice/Essay"><span><span>Essay</span></span></a></li>
+
-
                              <li><a href="https://2009.igem.org/Team:Heidelberg/Human_Practice/Surveys"><span><span>Surveys</span></span></a></li>
+
-
+
-
</ul>
+
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
-
</li>
+
-
<li>
+
</p>
-
<a href="https://2009.igem.org/Team:Heidelberg/Sponsors" style="color: white">Sponsors</a>
+
</div>
-
</li>
+
<div class="clear"></div>
-
</ul>
+
</div>
 +
</div>
 +
</div>
 +
<div id="foot">
 +
<div id="foot-top">
 +
<div id="foot-bot">
 +
<div id="about-box" align="justify">
 +
<h2><b>Valencia </b> Team  </h2>
 +
<img src="https://static.igem.org/mediawiki/2009/d/d8/Prueba1.jpg" width="86" height="77" alt="Pic 3" class="left" />
 +
<ul>
 +
<p>Integrated by students from the two main Valencia Universities (<a href="http://www.upv.es">UPV</a> and <a href="http://www.uv.es">UV</a>).</p>
 +
<p>Emiment <b>multidisciplinary</b> group:</p>
 +
<p>4 Biologist, 3 Mechanical Engineers and 2 Biotech</p>
 +
With a great repercusion in the <a href="https://2009.igem.org/Team:Valencia/News">national media</a>!
 +
</ul>
 +
<p class="more clear">
 +
 
 +
<a href="https://2009.igem.org/Team:Valencia/TeamVal" target="_top" onmouseover="mouseOverMore2()"
 +
onmouseout="mouseOutMore2()">
 +
<img border="0" src="https://static.igem.org/mediawiki/2009/e/e2/ButtMore_on.gif" width="80" height="25" alt="More" id="b32" /></a>
 +
 
 +
</p>
 +
</div>
</div>
 +
<div id="news-box" align="justify">
 +
<h2><b>Acknowledgements</b></h2>
 +
<img src="https://static.igem.org/mediawiki/2009/3/30/Valencia_Solidarite.jpg" width="86" height="77" alt="Pic 4" class="left" />
 +
<p>This work has not been possible without the help of several Institutions and Research groups.</p>
 +
<p>From Valencia Team, we would like to thank to all that people that allow us to pass this summer working on this mind-blowing project</p>
 +
<p>To see all of them... </p>
 +
   
 +
<a href="https://2009.igem.org/Team:Valencia/Acknowledgements" target="_top" onmouseover="mouseOverMore3()"
 +
onmouseout="mouseOutMore3()">
 +
<img border="0" src="https://static.igem.org/mediawiki/2009/e/e2/ButtMore_on.gif" width="80" height="25" alt="More" id="b33" /></a>
 +
 +
</p>
 +
</div>
 +
<div class="clear"></div>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="footer">
 +
<p>&copy; iGEM Valencia 2009</p>
 +
</div>
 +
</div>
 +
</body>
</body>
 +
</html>
</html>

Latest revision as of 10:56, 20 October 2009

iGEM 2009 Valencia

Project description

Pic 1

Engineered yeasts able to sense and respond to electrical signals are build (what we call LEC). Thanks to a homemade device These LECs work cooperatively in such a way that they are able to reproduce images in movement, building up a "bio-screen" for the first time in history.


"As Lumières revolutioned the photography world, Valencia Team revolutions the bacterial photography world"

More

Human Practices Report

Pic 2

Sins, Ethics and Biology, a Comprehensive Approach is more than a review on Human Practices and Synthetic Biology it emcompasses:

Classical review revising more than 50 scientific reports on Human Practices.

The first comparative analysis of previous iGEM HP projects.

Interviews with well known experts.

The largest survey on ethics and synthetic biology ever made.

More

Retrieved from "http://2009.igem.org/Team:Valencia/prueba2"