Difference between revisions of "Team:ETH Zurich"

Line 105: Line 105:
 
         -o-transform:translateY(-50%) translateX(-50%);
 
         -o-transform:translateY(-50%) translateX(-50%);
 
             transform:translateY(-50%) translateX(-50%);
 
             transform:translateY(-50%) translateX(-50%);
 +
}
 +
.tileIcon {
 +
    position:absolute !important;
 +
    top:50%;
 +
    left:50%;
 +
    -webkit-transform:translateY(-10%) translateX(-50%);
 +
      -moz-transform:translateY(-10%) translateX(-50%);
 +
        -o-transform:translateY(-10%) translateX(-50%);
 +
            transform:translateY(-10%) translateX(-50%);
 +
    display:none;
 +
}
 +
.tileText {
 +
    position:absolute !important;
 +
    top:50%;
 +
    left:50%;
 +
    -webkit-transform:translateY(-200%) translateX(-50%);
 +
      -moz-transform:translateY(-200%) translateX(-50%);
 +
        -o-transform:translateY(-200%) translateX(-50%);
 +
            transform:translateY(-200%) translateX(-50%);
 
}
 
}
  
Line 123: Line 142:
 
.content h1 {
 
.content h1 {
 
     display:none;
 
     display:none;
    vertical-align:middle;
+
/*  vertical-align:middle;*/
 
     color: #006EB4 !important;
 
     color: #006EB4 !important;
 
}
 
}
Line 135: Line 154:
 
     display:table-cell;
 
     display:table-cell;
 
}
 
}
.contentInner:hover img {
+
.contentInner:hover img:not(.tileIcon) {
 
     opacity: 0.4;
 
     opacity: 0.4;
 +
}
 +
.contentInner:hover .tileIcon {
 +
    display:block;
 
}
 
}
  
Line 323: Line 345:
 
<div class="content" style="float:left;"><div class="contentInner">
 
<div class="content" style="float:left;"><div class="contentInner">
 
     <a class="over" href="https://2015.igem.org/Team:ETH_Zurich/Results">
 
     <a class="over" href="https://2015.igem.org/Team:ETH_Zurich/Results">
     <h1>Results</h1>
+
     <h1 class="tileText">Results</h1>
 
     <img src="https://static.igem.org/mediawiki/2015/thumb/a/a3/ETH15_Jurkat_2_and_4h.png/605px-ETH15_Jurkat_2_and_4h.png" style="height:220%;position:absolute;top:-7%;left:-95%;">
 
     <img src="https://static.igem.org/mediawiki/2015/thumb/a/a3/ETH15_Jurkat_2_and_4h.png/605px-ETH15_Jurkat_2_and_4h.png" style="height:220%;position:absolute;top:-7%;left:-95%;">
 
     </a>
 
     </a>
Line 330: Line 352:
 
<div class="content" style="float:left;"><div class="contentInner">
 
<div class="content" style="float:left;"><div class="contentInner">
 
     <a class="over" href="https://2015.igem.org/Team:ETH_Zurich/Modeling">
 
     <a class="over" href="https://2015.igem.org/Team:ETH_Zurich/Modeling">
     <h1>Modeling</h1>
+
     <h1 class="tileText">Modeling</h1>
 
     <img class="centered" style="height:130%;" src="https://static.igem.org/mediawiki/2015/thumb/0/05/2dahlsurface.png/600px-2dahlsurface.png">
 
     <img class="centered" style="height:130%;" src="https://static.igem.org/mediawiki/2015/thumb/0/05/2dahlsurface.png/600px-2dahlsurface.png">
 
     </a>
 
     </a>
Line 337: Line 359:
 
<div class="content" style="float:left;"><div class="contentInner">
 
<div class="content" style="float:left;"><div class="contentInner">
 
     <a class="over" href="https://2015.igem.org/Team:ETH_Zurich/Collaborations">
 
     <a class="over" href="https://2015.igem.org/Team:ETH_Zurich/Collaborations">
     <h1>Collaborations</h1>
+
     <h1 class="tileText">Collaborations</h1>
 +
    <img class="tileIcon" src="https://static.igem.org/mediawiki/2015/thumb/f/f1/Collaborations.svg/120px-Collaborations.svg.png">
 
     </a>
 
     </a>
 
</div></div>
 
</div></div>
Line 344: Line 367:
 
<div class="content" style="float:left;"><div class="contentInner">
 
<div class="content" style="float:left;"><div class="contentInner">
 
     <a class="over" href="https://2015.igem.org/Team:ETH_Zurich/Chip">
 
     <a class="over" href="https://2015.igem.org/Team:ETH_Zurich/Chip">
     <h1>Chip Design</h1>
+
     <h1 class="tileText">Chip Design</h1>
 
     <img class="centered" src="https://static.igem.org/mediawiki/2015/thumb/1/1d/MicrofluidicFormerDesign.svg/512px-MicrofluidicFormerDesign.svg.png">
 
     <img class="centered" src="https://static.igem.org/mediawiki/2015/thumb/1/1d/MicrofluidicFormerDesign.svg/512px-MicrofluidicFormerDesign.svg.png">
 
     </a>
 
     </a>
Line 351: Line 374:
 
<div class="content" style="float:left;"><div class="contentInner">
 
<div class="content" style="float:left;"><div class="contentInner">
 
     <a class="over" href="https://2015.igem.org/Team:ETH_Zurich/Practices">
 
     <a class="over" href="https://2015.igem.org/Team:ETH_Zurich/Practices">
     <h1>Human Practices</h1>
+
     <h1 class="tileText">Human Practices</h1>
 
     <img class="centered" style="height:152%;" src="https://static.igem.org/mediawiki/2015/1/13/HumanpracticesHomePage.png">
 
     <img class="centered" style="height:152%;" src="https://static.igem.org/mediawiki/2015/1/13/HumanpracticesHomePage.png">
 
     </a>
 
     </a>
Line 358: Line 381:
 
<div class="content" style="float:left;"><div class="contentInner">
 
<div class="content" style="float:left;"><div class="contentInner">
 
     <a class="over" href="https://2015.igem.org/Team:ETH_Zurich/Team">
 
     <a class="over" href="https://2015.igem.org/Team:ETH_Zurich/Team">
     <h1>Team</h1>
+
     <h1 class="tileText">Team</h1>
 
     <img src="https://static.igem.org/mediawiki/2015/thumb/8/8a/TeamHomepage.png/800px-TeamHomepage.png" style="height:100%;" class="centered"/>
 
     <img src="https://static.igem.org/mediawiki/2015/thumb/8/8a/TeamHomepage.png/800px-TeamHomepage.png" style="height:100%;" class="centered"/>
 
     </a>
 
     </a>

Revision as of 08:35, 13 September 2015

"What I cannot create I do not understand."
- Richard Feynmann

The microbial beacon        for cancer detection

We would like to thank our sponsors