|
|
| Line 1: |
Line 1: |
| - | <html>
| |
| - | <body>
| |
| - | <style type="text/css">
| |
| | | | |
| - |
| |
| - |
| |
| - | .center {
| |
| - |
| |
| - | width:965px;
| |
| - | height:auto;
| |
| - | margin-left:7px;
| |
| - | margin-right:32.5px;
| |
| - | margin-top:20px;
| |
| - | margin-bottom:30px;
| |
| - | }
| |
| - |
| |
| - | .col_left{
| |
| - | width:650px;
| |
| - | height:auto;
| |
| - | float:left;
| |
| - | background-color:transparent;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | .col_left_top{
| |
| - | width:610px;
| |
| - | background-color:#0087ba;
| |
| - | height:20px;
| |
| - | font-family:Verdana, Arial, Helvetica, sans-serif;
| |
| - | font-size:20px;
| |
| - | color:#fff;
| |
| - | padding:20px;
| |
| - | }
| |
| - |
| |
| - | .col_left_center{
| |
| - | width:610px;
| |
| - | text-align:justify;
| |
| - | height: auto;
| |
| - | font-family:Verdana, Arial, Helvetica, sans-serif;
| |
| - | font-size:14px;
| |
| - | color:black;
| |
| - | padding:20px;
| |
| - | }
| |
| - |
| |
| - | .col_left_bottom{
| |
| - | width:525px;
| |
| - | text-align:center;
| |
| - | height: auto;
| |
| - | font-family:Verdana, Arial, Helvetica, sans-serif;
| |
| - | font-size:14px;
| |
| - | color:#fff;
| |
| - | padding:20px;
| |
| - | }
| |
| - |
| |
| - | .col_right{
| |
| - | width:290px;
| |
| - | margin-left:10px;
| |
| - | float:left;
| |
| - | background-color:transparent;
| |
| - | height:auto;
| |
| - | }
| |
| - |
| |
| - | .col_right_top{
| |
| - | width:250px;
| |
| - | background-color:#0087ba;
| |
| - | height:20px;
| |
| - | font-family:Verdana, Arial, Helvetica, sans-serif;
| |
| - | font-size:20px;
| |
| - | color:#fff;
| |
| - | padding:20px;
| |
| - | }
| |
| - |
| |
| - | .col_right_center{
| |
| - | width:200px;
| |
| - | height: auto;
| |
| - | font-family:Verdana, Arial, Helvetica, sans-serif;
| |
| - | font-size:14px;
| |
| - | color:#666;
| |
| - | padding:20px;
| |
| - | }
| |
| - |
| |
| - | .col_right_bottom{
| |
| - | width:335px;
| |
| - | text-align:center;
| |
| - | height: auto;
| |
| - | font-family:Verdana, Arial, Helvetica, sans-serif;
| |
| - | font-size:14px;
| |
| - | color:#fff;
| |
| - | padding:20px;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | html, body {
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | }
| |
| - |
| |
| - | body {
| |
| - | background:darkblue url(https://static.igem.org/mediawiki/2011/7/70/Valencia_vaso_1500x800.jpg) repeat-x top fixed;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0;}
| |
| - | #content{
| |
| - | background:transparent url("https://static.igem.org/mediawiki/2011/f/fd/Valencia_Transpa30a.png") center fixed repeat-y;
| |
| - | padding: 0px;
| |
| - | margin:0 auto;
| |
| - | border: none;
| |
| - |
| |
| - |
| |
| - | }
| |
| - |
| |
| - | </style>
| |
| - | <script type="text/javascript"
| |
| - | src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
| |
| - | <script type="text/javascript">
| |
| - | $(document).ready(function() {
| |
| - | $("ul#topnav li").hover(function() {
| |
| - | $(this).css({ 'background' : 'transparent url(https://static.igem.org/mediawiki/2010/0/03/Valencia_navbar_active.gif) repeat-x'});
| |
| - | $(this).find("span").show();
| |
| - | } , function() { //on hover out...
| |
| - | $(this).css({ 'background' : 'none'});
| |
| - | $(this).find("span").hide();
| |
| - | });
| |
| - |
| |
| - | });
| |
| - | </script></html>
| |
| - | {{Template:Valencia-0-3}}
| |
| - | <html>
| |
| - | <style type="text/css">
| |
| - |
| |
| - | #headerlinks{
| |
| - | margin-left: -12px;
| |
| - | }
| |
| - |
| |
| - | #nav, #nav ul {
| |
| - | padding: 0;
| |
| - | list-style: none;
| |
| - | }
| |
| - |
| |
| - | .abstractext{
| |
| - | float:right;
| |
| - | width="400px"
| |
| - | }
| |
| - |
| |
| - | #nav a {
| |
| - | display: block;
| |
| - | width: 149px;
| |
| - | height: 40px;
| |
| - | font-family:Verdana, Arial, Helvetica, sans-serif;
| |
| - | }
| |
| - |
| |
| - | #nav li {
| |
| - | float: left;
| |
| - | width: 149px;
| |
| - | margin-right: 41px;
| |
| - | }
| |
| - |
| |
| - | #nav li ul {
| |
| - | position: absolute;
| |
| - | width: 130px;
| |
| - | left: -999em;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #nav li:hover ul {
| |
| - | left: auto;
| |
| - | text-decoration: none;
| |
| - | color: white !important;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #nav li:hover ul, #nav li.sfhover ul {
| |
| - | left: auto;
| |
| - | text-decoration: none;
| |
| - | color: white !important;
| |
| - | }
| |
| - |
| |
| - | sfHover = function() {
| |
| - | var sfEls = document.getElementById("nav").getElementsByTagName("LI");
| |
| - | for (var i=0; i<sfEls.length; i++) {
| |
| - | sfEls[i].onmouseover=function() {
| |
| - | this.className+=" sfhover";
| |
| - | }
| |
| - | sfEls[i].onmouseout=function() {
| |
| - | this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
| |
| - | }
| |
| - | }
| |
| - | }
| |
| - | if (window.attachEvent) window.attachEvent("onload", sfHover);
| |
| - |
| |
| - | .bannerimage {
| |
| - |
| |
| - | }
| |
| - |
| |
| - | a.bannerlinks {
| |
| - | color: white !important;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | a.bannertoplinks {
| |
| - | color: white !important;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - |
| |
| - | a.bannerlinks:hover, a.bannertoplinks:hover {
| |
| - | background-color: #29a9da;
| |
| - | color: white;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | body {
| |
| - | font: 10px normal Verdana, Arial, Helvetica, sans-serif;
| |
| - |
| |
| - | padding: 0;
| |
| - | }
| |
| - | h1 {
| |
| - | font: 3em normal Verdana, 'Times New Roman', Times, serif;
| |
| - | color: #333;
| |
| - | margin: 0;
| |
| - | padding: 5px 0;
| |
| - | }
| |
| - | h3 {
| |
| - | font: 17px normal Verdana, 'Times New Roman', Times, serif;
| |
| - | color: #0000;
| |
| - | margin: 0;
| |
| - | padding: 5px 0;
| |
| - | margin: 10px;
| |
| - | text-align:justify;
| |
| - | margin-top: 8px;
| |
| - | margin-bottom: 20px;
| |
| - | margin-left: 20px;
| |
| - | margin-right: 20px;
| |
| - | }
| |
| - | h1 small{
| |
| - | font: 0.2em normal Verdana, Arial, Helvetica, sans-serif;
| |
| - | text-transform:uppercase;
| |
| - | letter-spacing: 1.5em;
| |
| - | display: block;
| |
| - | color: #fff;
| |
| - | }
| |
| - | .container {width: 970px; margin: 0 auto;}
| |
| - |
| |
| - | .curved {
| |
| - | -moz-border-radius: 10px;
| |
| - | -webkit-border-radius: 10px;
| |
| - | behavior:url(border-radius.htc);
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | ul#topnav {
| |
| - | margin: 0; padding: 0;
| |
| - | float: left;
| |
| - | width: 970px;
| |
| - | list-style: none;
| |
| - | position: relative;
| |
| - | font-size: 18.8px;
| |
| - | background: url(topnav_stretch.gif) repeat-x;
| |
| - | }
| |
| - | ul#topnav li {
| |
| - | float: left;
| |
| - | margin: 0; padding: 0;
| |
| - | border-right: 1px solid #555;
| |
| - | }
| |
| - | ul#topnav li a {
| |
| - | padding: 10px 15px;
| |
| - | display: block;
| |
| - | color: darkblue;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - | li span {
| |
| - | float: left;
| |
| - | padding: 15px 0;
| |
| - | position: absolute;
| |
| - | left: 0; top:40px;
| |
| - | display: none;
| |
| - | width: 965px;
| |
| - | background: lightblue;
| |
| - | color: white;
| |
| - | -moz-border-radius-bottomright: 5px;
| |
| - | -khtml-border-radius-bottomright: 5px;
| |
| - | -webkit-border-bottom-right-radius: 5px;
| |
| - | -moz-border-radius-bottomleft: 5px;
| |
| - | -khtml-border-radius-bottomleft: 5px;
| |
| - | -webkit-border-bottom-left-radius: 5px;
| |
| - | }
| |
| - | ul#topnav li:hover span { display: block; }
| |
| - | ul#topnav li span a { display: inline; }
| |
| - | ul#topnav li span a:hover {text-decoration: underline;}
| |
| - | </style>
| |
| - |
| |
| - | <br />
| |
| - | <br />
| |
| - |
| |
| - | <div class=center>
| |
| - |
| |
| - | <div class=col_left>
| |
| - | <div class=col_left_top>Water Colicin Cleaner: disinfected water by E. coli</div><!-- fin clase col_left_top-->
| |
| - | <div class=col_left_center>Water Colicin Cleaner is a biological alternative for disinfecting contaminated water using synthetic biology. We kill targeted pathogens by means of antimicrobial peptides in Escherichia coli. As a proof of concept we have chosen to aim for enterobacteria, focusing on E. coli contaminated water, as a proxy of fecal water. The cleaning of E. coli will be possible thanks to the colicin protein. The activity of these proteins will be controlled by a biological pH-stat, using light-driven cyanobacteria to control pH of the media.
| |
| - |
| |
| - | We will deliver a DIY kit as a prototype platform for killing pathogens responsible of diseases such as cholera, diarrhea and typhoid fever, ending with more than 2 million deaths in the last year according to the 2011 WHO Guidelines for Drinking-Water Quality.
| |
| - |
| |
| - | W.C. Cleaner is an effective, low-cost device, that will help people that struggle to find pathogen-free drinking water avoid important diseases. </div><!-- fin clase col_left_top-->
| |
| - | <div class=col_left_bottom><img src="https://static.igem.org/mediawiki/2011/8/81/Valencia_logo.jpg"></div><!-- fin clase col_left_top-->
| |
| - | </div><!-- fin clase col_left-->
| |
| - |
| |
| - | <div class=col_right>
| |
| - | <div class=col_right_top>Who we are</div><!-- fin clase col_right_top-->
| |
| - |
| |
| - | <div class=col_right_center>
| |
| - | <img src="https://static.igem.org/mediawiki/2008/b/b7/Upv_logo.jpg"/ width="200"/>
| |
| - | </div><!-- fin clase col_right_center-->
| |
| - |
| |
| - | <div class=col_right_center>
| |
| - | <img src="https://static.igem.org/mediawiki/igem.org/c/c4/Valencia_UCVlogo2.jpg" width="200" />
| |
| - | </div><!-- fin clase col_right_center-->
| |
| - |
| |
| - | <div class=col_right_center>
| |
| - | <img src="https://static.igem.org/mediawiki/2008/2/2d/Uv_logo.gif" width="200" />
| |
| - | </div><!-- fin clase col_right_center-->
| |
| - |
| |
| - | <div class=col_right_bottom></div><!-- fin clase col_right_bottom-->
| |
| - | </div><!-- fin clase col_right-->
| |
| - |
| |
| - | </div><!-- fin clase center-->
| |
| - |
| |
| - |
| |
| - | </body>
| |
| - |
| |
| - | </html>
| |
"
