Difference between revisions of "Team:Virginia/Team"

Line 45: Line 45:
 
right:0;
 
right:0;
 
background: rgba(0, 0, 0, 0.7);
 
background: rgba(0, 0, 0, 0.7);
−
visibility:hidden;
+
display:none;
−
opacity:0;
+
−
transition:opacity 500ms;
+
 
z-index:51;
 
z-index:51;
−
}
 
−
 
−
.popupbackground:target {
 
−
visibility:visible;
 
−
opacity:1;
 
 
}
 
}
  
Line 112: Line 105:
 
}
 
}
  
 +
/**************************************************************Javascript****************************************************************/
 +
<script>
 +
 +
var markbio = document.getElementById('mark');
 +
var markimage = document.getElementById('markimage');
 +
var close = document.getElementByClassName('close')[0];
 +
 +
markimage.onclick = function() {
 +
markbio.style.display="block";
 +
}
 +
 +
close.onclick = function() {
 +
markbio.style.display="none";
 +
}
 +
 +
window.onclick = function(event) {
 +
if (event.target == markbio) {
 +
markbio.style.display="none";
 +
}
 +
}
  
  
 +
</script>
  
 
</style>
 
</style>
Line 150: Line 164:
  
 
<div class="imgleft">
 
<div class="imgleft">
−
<a href="#mark"><img src="https://static.igem.org/mediawiki/2016/f/fb/Mark.jpg"/></a>
+
<img id="markimage" src="https://static.igem.org/mediawiki/2016/f/fb/Mark.jpg"/>
 
</div>
 
</div>
  
Line 213: Line 227:
  
 
<!------------------------------------------Pop up box divs----------------------------------------------->
 
<!------------------------------------------Pop up box divs----------------------------------------------->
−
<div class="popupbackground" id="mark">
+
<div class="popupbackground" id="markbio">
 
<div class="popup">
 
<div class="popup">
−
<a class="close" href="#" style="text-decoration:none">&times;</a>
+
<a class="close" href="javascript:void(0)" style="text-decoration:none">&times;</a>
 
<div class="popupcontentcontainer">
 
<div class="popupcontentcontainer">
 
<div class="popupcontent">
 
<div class="popupcontent">

Revision as of 19:03, 29 July 2016

MEET THE TEAM

×

Test test test test test test test test test

test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test