Difference between revisions of "Team:Potsdam/awards"

 
(11 intermediate revisions by 2 users not shown)
Line 13: Line 13:
  
  
<div class="notEvenThatTallWrapperButStillKindaTall">
+
<style>
+
<div class="medalContainer" style="float:left;"><img  src="https://static.igem.org/mediawiki/2017/1/14/T--Potsdam--Awards--Bronze.png" border="0"/></div>
+
<div class="medalDescription" style="float:left;"><p>asdfasdfsafd  sdafsafasdf</p></div>
+
  
<div class="medalContainer" style="position: absolute;
+
.notEvenThatTallWrapperButStillKindaTall{
    top:0;
+
height:400px
    bottom: 0;
+
}
    left: 0;
+
    right: 0;
+
  
    margin: auto;"><img  src="https://static.igem.org/mediawiki/2017/4/41/T--Potsdam--Awards--Silber.png" border="0"/></div>
 
<div class="medalDescription" style="position: absolute;
 
    top:0;
 
    bottom: 0;
 
    left: 0;
 
    right: 0;
 
  
    margin: auto;"><p>asdfasdfsafd sdafsafasdf</p></div>
+
.medalContainer{
 +
position:relative;
 +
width:33%;
 +
float:left;
 +
 
 +
}
 +
 
 +
.medalDescription{
 +
position:absolute;
 +
width:100%;
 +
height:100%;
 +
top:0;
 +
left:0;
 +
display:none;
 +
background-color:#FFFFFF;
 +
opacity: 0.8;
 +
}
 +
.medalContainer img
 +
{
 +
width:100%;
 +
}
 +
 
 +
.medalContainer:hover .medalDescription, .medalDescription:hover{
 +
display:block;
 +
}
 +
 
 +
.medalDescription p{
 +
margin:30px;
 +
 
 +
}</style>
 +
 
 +
<div class="notEvenThatTallWrapperButStillKindaTall">
 +
 +
<div class="medalContainer" ><img src="https://static.igem.org/mediawiki/2017/1/14/T--Potsdam--Awards--Bronze.png" border="0"/>
 +
<div class="medalDescription" >
 +
<p align="center">
 +
<br>
 +
<a href="https://2017.igem.org/Team:Potsdam/Attributions"> Attributions </a>
 +
<br>
 +
<br>
 +
<a href="https://2017.igem.org/Team:Potsdam/Contribution"> Contribution </a>
 +
</p></div>
 +
</div>
  
<div class="medalContainer" style="float:right;"><img  src="https://static.igem.org/mediawiki/2017/e/e2/T--Potsdam--Awards--Gold.png" border="0" /></div>
+
<div class="medalContainer" ><img  src="https://static.igem.org/mediawiki/2017/4/41/T--Potsdam--Awards--Silber.png" border="0"/>
<div class="medalDescription" style="float:right;"><p>asdfasdfsafd  sdafsafasdf</p></div>
+
<div class="medalDescription" >
  </div>
+
<p align="center">
 +
<br>
 +
<a href="https://2017.igem.org/Team:Potsdam/Collaborations"> Collaborations </a>
 +
<br>
 +
<br>
 +
<a href="https://2017.igem.org/Team:Potsdam/HP/Silver"> Human Practices </a>
 +
</p></div>
 +
</div>
  
 +
<div class="medalContainer" ><img  src="https://static.igem.org/mediawiki/2017/e/e2/T--Potsdam--Awards--Gold.png" border="0" />
 +
<div class="medalDescription" >
 +
<p align="center">
 +
<br>
 +
<a href="https://2017.igem.org/Team:Potsdam/Model"> Modelling </a>
 +
<br>
 +
<br>
 +
<a href="https://2017.igem.org/Team:Potsdam/HP/Gold_Integrated"> Human Practices Integrated </a>
 +
<br>
 +
<br>
 +
<a href="https://2017.igem.org/Team:Potsdam/Demonstrate"> Demonstrate </a>
 +
</p></div>
 +
</div>
 +
</div>
  
  

Latest revision as of 13:22, 1 November 2017

No Sidebar - Escape Velocity by HTML5 UP