Template:ETHZ Basel10 Teaser

From 2010.igem.org

(Difference between revisions)
Line 27: Line 27:
/*--Main Image Preview--*/
/*--Main Image Preview--*/
.main_image {
.main_image {
-
width: 598px; height: 456px;
+
width: 598px; height: 626px;
float: left;
float: left;
background: #333;
background: #333;
border: 1px solid #ccc;
border: 1px solid #ccc;
-
position: relative;
 
-
overflow: hidden;
 
color: #fff;
color: #fff;
}
}
Line 56: Line 54:
.main_image .desc{
.main_image .desc{
display: block;
display: block;
-
position: absolute;
+
position: relative;
-
bottom: 0; left: 0;
+
width: 100%;
width: 100%;
-
display: none;
 
}
}
.main_image .block{
.main_image .block{
-
opacity: 0.85;
 
width: 100%;
width: 100%;
 +
height: 170px;
background: #111;
background: #111;
-
background-image: url()
 
border-top: 1px solid #000;
border-top: 1px solid #000;
}
}
Line 150: Line 145:
<a href="https://2010.igem.org/Team:ETHZ_Basel/Introduction/Motivation" class="teaserlink">
<a href="https://2010.igem.org/Team:ETHZ_Basel/Introduction/Motivation" class="teaserlink">
<img src="https://static.igem.org/mediawiki/2010/8/84/ETHZ_Basel_teaser_project.png">
<img src="https://static.igem.org/mediawiki/2010/8/84/ETHZ_Basel_teaser_project.png">
-
<div class="desc" style="display: block; ">
+
<div class="desc">
<div class="block">
<div class="block">
<h2>Motivation & Project Idea</h2>
<h2>Motivation & Project Idea</h2>
Line 163: Line 158:
<a href="https://2010.igem.org/Team:ETHZ_Basel/Introduction/Movie" class="teaserlink">
<a href="https://2010.igem.org/Team:ETHZ_Basel/Introduction/Movie" class="teaserlink">
<img src="https://static.igem.org/mediawiki/2010/e/e8/ETHZ_Basel_teaser_movie.png">
<img src="https://static.igem.org/mediawiki/2010/e/e8/ETHZ_Basel_teaser_movie.png">
-
<div class="desc" style="display: block; ">
+
<div class="desc">
<div class="block">
<div class="block">
<h2>E. lemming - The Movie</h2>
<h2>E. lemming - The Movie</h2>
Line 176: Line 171:
<a href="https://2010.igem.org/Team:ETHZ_Basel/Biology" class="teaserlink">
<a href="https://2010.igem.org/Team:ETHZ_Basel/Biology" class="teaserlink">
<img src="https://static.igem.org/mediawiki/2010/3/3f/ETHZ_Basel_teaser_biology.png">
<img src="https://static.igem.org/mediawiki/2010/3/3f/ETHZ_Basel_teaser_biology.png">
-
<div class="desc" style="display: block; ">
+
<div class="desc">
<div class="block">
<div class="block">
<h2>Biology & Wet Laboratory</h2>
<h2>Biology & Wet Laboratory</h2>
Line 189: Line 184:
<a href="https://2010.igem.org/Team:ETHZ_Basel/Modeling" class="teaserlink">
<a href="https://2010.igem.org/Team:ETHZ_Basel/Modeling" class="teaserlink">
<img src="https://static.igem.org/mediawiki/2010/1/16/ETHZ_Basel_teaser_molecular_models.png">
<img src="https://static.igem.org/mediawiki/2010/1/16/ETHZ_Basel_teaser_molecular_models.png">
-
<div class="desc" style="display: block; ">
+
<div class="desc">
<div class="block">
<div class="block">
<h2>Mathematical Modeling</h2>
<h2>Mathematical Modeling</h2>
Line 202: Line 197:
<a href="https://2010.igem.org/Team:ETHZ_Basel/InformationProcessing" class="teaserlink">
<a href="https://2010.igem.org/Team:ETHZ_Basel/InformationProcessing" class="teaserlink">
<img src="https://static.igem.org/mediawiki/2010/2/21/ETHZ_Basel_teaser_information_processing.png">
<img src="https://static.igem.org/mediawiki/2010/2/21/ETHZ_Basel_teaser_information_processing.png">
-
<div class="desc" style="display: block; ">
+
<div class="desc">
<div class="block">
<div class="block">
<h2>Information Processing</h2>
<h2>Information Processing</h2>
Line 215: Line 210:
<a href="https://2010.igem.org/Team:ETHZ_Basel/Achievements" class="teaserlink">
<a href="https://2010.igem.org/Team:ETHZ_Basel/Achievements" class="teaserlink">
<img src="https://static.igem.org/mediawiki/2010/9/90/ETHZ_Basel_teaser_achievements.png">
<img src="https://static.igem.org/mediawiki/2010/9/90/ETHZ_Basel_teaser_achievements.png">
-
<div class="desc" style="display: block; ">
+
<div class="desc">
<div class="block">
<div class="block">
<h2>Achievements</h2>
<h2>Achievements</h2>

Revision as of 20:43, 21 October 2010

  • Motivation & Project Idea

    What is E. lemming?
  • E. lemming - The Movie

    Watch a short animation!
  • Biology & Wet Laboratory

    How is it implemented?
  • Mathematical Modeling

    How does modeling help?
  • Information Processing

    How is it controlled?
  • Achievements

    What was achieved?