Difference between revisions of "Team:Bielefeld-CeBiTec/Team"

Line 31: Line 31:
 
document.documentElement.scrollTop = 0; // For IE and Firefox
 
document.documentElement.scrollTop = 0; // For IE and Firefox
 
}
 
}
 +
 +
function visible() {
 +
    var x = document.getElementById("dropi");
 +
    if (x.style.display === "none") {
 +
        x.style.display= "block";
 +
    } else {
 +
        x.style.display = "none";
 +
    }
 +
};
 +
 
</script>
 
</script>
  
Line 59: Line 69:
  
 
}
 
}
 +
 +
 +
.image {
 +
  display: block;
 +
  width: 100%;
 +
  height: auto;
 +
 
 +
}
 +
 +
.overlay {
 +
  position: absolute;
 +
  top: 0;
 +
  bottom: 0;
 +
  left: 0;
 +
  right: 0;
 +
  height: 100%;
 +
  width: 100%;
 +
  display:none
 +
  transition: .5s ease;
 +
  background-color: rgba(0,0,0,.5);
 +
  cursor: pointer;
 +
}
 +
 +
 +
 +
.text {
 +
  color: white;
 +
  font-size: 20px;
 +
  position: absolute;
 +
  top: 50%;
 +
  left: 50%;
 +
  -webkit-transform: translate(-50%, -50%);
 +
  -ms-transform: translate(-50%, -50%);
 +
  transform: translate(-50%, -50%);
 +
  text-align: center;
 +
}
 +
 +
 
</style>
 
</style>
 
 
Line 79: Line 127:
 
   <div id="column_drei" class="column_image" style="text-align:center; margin-bottom:30px;">
 
   <div id="column_drei" class="column_image" style="text-align:center; margin-bottom:30px;">
  
−
                       <img class="figure thirty" src="https://static.igem.org/mediawiki/2018/3/3e/T--Bielefeld-CeBiTec--Matthias_vk.jpg">
+
                       <img class="figure thirty" src="https://static.igem.org/mediawiki/2018/3/3e/T--Bielefeld-CeBiTec--Matthias_vk.jpg" onclick=myFunction() class="image">
−
   
+
  <div class="overlay" id="dropi" onclick=visible() style="display:none;">
 +
    <div  class="text">Hello World</div>
 +
  </div> 
  
  

Revision as of 01:21, 16 October 2018

Meet the Team