Team:Imperial College/Templates/Carousel
From 2013.igem.org
(Difference between revisions)
(11 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" type="text/css"> | <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" type="text/css"> | ||
- | |||
<script src="//cdn.jsdelivr.net/slidesjs/3.0.1/jquery.slides.min.js" type="text/javascript"></script> | <script src="//cdn.jsdelivr.net/slidesjs/3.0.1/jquery.slides.min.js" type="text/javascript"></script> | ||
<style> | <style> | ||
Line 8: | Line 7: | ||
display: none; | display: none; | ||
position: relative; | position: relative; | ||
- | text-align: center | + | text-align: center; |
+ | margin-bottom: 1em; | ||
} | } | ||
Line 30: | Line 30: | ||
opacity: 0.75; | opacity: 0.75; | ||
padding: 0 10px 0 10px; | padding: 0 10px 0 10px; | ||
- | z-index: | + | z-index: 1000; |
background: transparent; | background: transparent; | ||
} | } | ||
Line 107: | Line 107: | ||
max-width: 65%; | max-width: 65%; | ||
z-index: 1000; | z-index: 1000; | ||
+ | -webkit-transition: all 300ms ease; | ||
+ | -moz-transition: all 300ms ease; | ||
+ | -ms-transition: all 300ms ease; | ||
+ | -o-transition: all 300ms ease; | ||
+ | transition: all 300ms ease; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | #slides .slide span.text:hover { | ||
+ | opacity: 0.25; | ||
} | } | ||
Line 219: | Line 229: | ||
height: 548, | height: 548, | ||
play: { | play: { | ||
- | active: | + | active: false, |
auto: true, | auto: true, | ||
- | interval: | + | interval: 4000, |
- | + | ||
pauseOnHover: true, | pauseOnHover: true, | ||
restartDelay: 10000 | restartDelay: 10000 | ||
Line 266: | Line 275: | ||
<span class="background"><img src="https://static.igem.org/mediawiki/2013/2/2b/PBS_Plus_Waste.jpg"></span> | <span class="background"><img src="https://static.igem.org/mediawiki/2013/2/2b/PBS_Plus_Waste.jpg"></span> | ||
<span class="text"><b>(A)</b> SRF in PBS (phosphate buffered saline), a buffer. We can see from this experiment whether our bacteria can grow solely on the waste SRF. <b>(B)</b> Cells containing mCherry pigment grown in SRF <b>(A)</b> over 3 days, then streaked in a qualitative assay to check for growth. <b>(C)</b> mCherry cells were streaked again after 6 days growth in SRF. </span> | <span class="text"><b>(A)</b> SRF in PBS (phosphate buffered saline), a buffer. We can see from this experiment whether our bacteria can grow solely on the waste SRF. <b>(B)</b> Cells containing mCherry pigment grown in SRF <b>(A)</b> over 3 days, then streaked in a qualitative assay to check for growth. <b>(C)</b> mCherry cells were streaked again after 6 days growth in SRF. </span> | ||
- | </div> | + | </div> |
+ | <div class="slide"> | ||
+ | <span class="background"><img src="https://static.igem.org/mediawiki/2013/9/9e/CombinedBacteriaArt.jpg"></span> | ||
+ | <span class="text">Cultured bacteria performing arts.</span> | ||
+ | </div> | ||
</div> | </div> | ||
- | </div | + | </div> |
</div> | </div> | ||
</html> | </html> |
Latest revision as of 12:14, 30 September 2013