Team:Paris Bettencourt
From 2013.igem.org
(Difference between revisions)
Line 23: | Line 23: | ||
bottom:38px; | bottom:38px; | ||
margin-bottom:0; | margin-bottom:0; | ||
+ | } | ||
+ | .carousel { | ||
+ | position: relative; | ||
+ | line-height: 1; | ||
+ | height:632px; | ||
+ | bottom: 69px; | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | .carousel-inner { | ||
+ | overflow: hidden; | ||
+ | width: 1100px; | ||
+ | } | ||
+ | .carousel .item { | ||
+ | display: none; | ||
+ | position: relative; | ||
+ | -webkit-transition: 0.6s ease-in-out left; | ||
+ | -moz-transition: 0.6s ease-in-out left; | ||
+ | -o-transition: 0.6s ease-in-out left; | ||
+ | transition: 0.6s ease-in-out left;*/ | ||
+ | } | ||
+ | .carousel .item > img { | ||
+ | display: block; | ||
+ | line-height: 1; | ||
+ | } | ||
+ | .carousel .active, .carousel .next, .carousel .prev { | ||
+ | display: block; | ||
+ | } | ||
+ | .carousel .active { | ||
+ | left: 0; | ||
+ | } | ||
+ | .carousel .next, .carousel .prev { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | width: 100%; | ||
+ | } | ||
+ | .carousel .next { | ||
+ | left: 100%; | ||
+ | } | ||
+ | .carousel .prev { | ||
+ | left: -100%; | ||
+ | } | ||
+ | .carousel .next.left, .carousel .prev.right { | ||
+ | left: 0; | ||
+ | } | ||
+ | .carousel .active.left { | ||
+ | left: -100%; | ||
+ | } | ||
+ | .carousel .active.right { | ||
+ | left: 100%; | ||
+ | } | ||
+ | .carousel-control { | ||
+ | display:none; | ||
+ | position: absolute; | ||
+ | top: 50%; | ||
+ | left: 15px; | ||
+ | width: 40px; | ||
+ | height: 40px; | ||
+ | margin-top: -20px; | ||
+ | font-size: 60px; | ||
+ | font-weight: 100; | ||
+ | line-height: 30px; | ||
+ | color: rgb(250,247,186); | ||
+ | text-align: center; | ||
+ | background: rgb(30,39,43); | ||
+ | border: 3px solid rgb(250,247,186); | ||
+ | -webkit-border-radius: 23px; | ||
+ | -moz-border-radius: 23px; | ||
+ | border-radius: 23px; | ||
+ | opacity: 0.1; | ||
+ | filter: alpha(opacity=10); | ||
+ | } | ||
+ | .carousel-control.right { | ||
+ | left: auto; | ||
+ | right: 15px; | ||
+ | } | ||
+ | .carousel-control:hover { | ||
+ | text-decoration: none; | ||
+ | opacity: 0.9; | ||
+ | filter: alpha(opacity=90); | ||
+ | } | ||
+ | .carousel-caption { | ||
+ | display:none; | ||
+ | } | ||
+ | .carousel-indicators { | ||
+ | position: absolute; | ||
+ | top: 0px; | ||
+ | z-index: 60; | ||
+ | width:auto; | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | text-align: center; | ||
+ | list-style: none; | ||
+ | z-index:50; | ||
+ | } | ||
+ | .carousel-indicators li { | ||
+ | /*display: inline-block;*/ | ||
+ | float:left; | ||
+ | width: 10px; | ||
+ | height: 10px; | ||
+ | margin: 5px; | ||
+ | text-indent: -999px; | ||
+ | cursor: pointer; | ||
+ | border: 1px solid rgb(250,247,186); | ||
+ | background-color: rgb(30,39,43); | ||
+ | opacity: 0.5; | ||
+ | filter: alpha(opacity=50); | ||
+ | border-radius: 9px; | ||
+ | } | ||
+ | .carousel-indicators .active { | ||
+ | background-color: rgb(250,247,186); | ||
+ | border: 1px solid rgb(30,39,43); | ||
+ | opacity: 0.5; | ||
+ | filter: alpha(opacity=50); | ||
} | } | ||
.panel { | .panel { | ||
Line 77: | Line 190: | ||
margin-top:5%; | margin-top:5%; | ||
} | } | ||
+ | |||
</style> | </style> | ||
<div id="topheader"> | <div id="topheader"> | ||
- | + | <div id="TBBanner" class="carousel slide"> | |
+ | <ol style="left:600px" class="carousel-indicators"> | ||
+ | <li data-target="#TBBanner" data-slide-to="0" class="active"></li> | ||
+ | </ol> | ||
+ | <div class="carousel-inner"> | ||
+ | <div class="active item" data-slide="0"><img style="margin-top:-1px" src="https://static.igem.org/mediawiki/2013/b/b0/PBTBbannerFrontPage3.jpg" width="1100" height="632"/></div> | ||
+ | </div> | ||
+ | </div> | ||
<div id="bgkBanner2"> | <div id="bgkBanner2"> | ||
<img src="https://static.igem.org/mediawiki/2013/7/7d/PB_Banner_Lines2.gif" width="1100"> | <img src="https://static.igem.org/mediawiki/2013/7/7d/PB_Banner_Lines2.gif" width="1100"> | ||
Line 87: | Line 208: | ||
<div style="clear: both;"></div> | <div style="clear: both;"></div> | ||
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> | ||
+ | <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0-wip/js/bootstrap.min.js"></script> | ||
+ | |||
<div id="page"> | <div id="page"> | ||
<div class="panel"> | <div class="panel"> |
Revision as of 06:13, 18 September 2013
Tuberculosis is an infectious disease caused by Mycobacterium tuberculosis affecting millions of people over the world. Using Escherichia coli as a model organism we are developing different approaches that could contribute to the fight against TB.
A biosensor that detects the presence of sequence specific antibiotic resistance genes.
A safe and specific high-throughput drug screening method that targets essential mycobacterial metabolic proteins.
A phage system with low fitness cost producing sRNA, which inhibit the synthesis of antibiotic resistance proteins.
An E. coli which invades macrophages and kills mycobacteria.
DETECT
TARGET
SABOTAGE
INFILTRATE
Visit our Achievements!
GLOBAL HEALTH
GENDER
BIOSENSORS
OUTREACH