Difference between revisions of "Team:Virginia/Team"

Line 39: Line 39:
  
 
/***************************************************Pop up css*****************************************/
 
/***************************************************Pop up css*****************************************/
.popupbackground {
+
#popupbackground {
 
position:fixed;
 
position:fixed;
 
top:0;
 
top:0;
Line 63: Line 63:
 
margin-top:-340px;
 
margin-top:-340px;
 
border-radius:5px;
 
border-radius:5px;
z-index:53;
+
z-index:52;
 
}
 
}
  
Line 109: Line 109:
 
}
 
}
  
#javahack {
+
 
position:fixed;
+
top:0;
+
bottom:0;
+
left:0;
+
right:0;
+
z-index:52;
+
background-color:transparent;
+
display:none;
+
}
+
 
</style>
 
</style>
 
</head>
 
</head>
Line 214: Line 205:
  
 
<!------------------------------------------Pop up box divs----------------------------------------------->
 
<!------------------------------------------Pop up box divs----------------------------------------------->
<div id="javahack"></div>
+
<div id="popupbackground"></div>
 
<!------------------------------------------Mark---------------------------------------------------------->
 
<!------------------------------------------Mark---------------------------------------------------------->
<div class="popupbackground" id="markbio">
+
 
<div class="popup">
+
<div class="popup" id="markbio">
 
<span class="close">&times;</span>
 
<span class="close">&times;</span>
 
<div class="popupcontentcontainer">
 
<div class="popupcontentcontainer">
Line 239: Line 230:
 
</div>
 
</div>
 
</div>
 
</div>
</div>
+
 
  
 
<!------------------------------------------Kelli---------------------------------------------------------->
 
<!------------------------------------------Kelli---------------------------------------------------------->
<div class="popupbackground" id="kellibio">
+
 
<div class="popup">
+
<div class="popup" id="kellibio">
 
<span class="close">&times;</span>
 
<span class="close">&times;</span>
 
<div class="popupcontentcontainer">
 
<div class="popupcontentcontainer">
Line 261: Line 252:
 
</div>
 
</div>
 
</div>
 
</div>
</div>
+
 
 
<!------------------------------------------Nivedha---------------------------------------------------------->
 
<!------------------------------------------Nivedha---------------------------------------------------------->
<div class="popupbackground" id="nivedhabio">
+
 
<div class="popup">
+
<div class="popup" id="nivedhabio">
 
<span class="close">&times;</span>
 
<span class="close">&times;</span>
 
<div class="popupcontentcontainer">
 
<div class="popupcontentcontainer">
Line 275: Line 266:
 
</div>
 
</div>
 
</div>
 
</div>
</div>
+
 
 
<!------------------------------------------Dan---------------------------------------------------------->
 
<!------------------------------------------Dan---------------------------------------------------------->
<div class="popupbackground" id="danbio">
+
 
<div class="popup">
+
<div class="popup" id="danbio">
 
<span class="close">&times;</span>
 
<span class="close">&times;</span>
 
<div class="popupcontentcontainer">
 
<div class="popupcontentcontainer">
Line 289: Line 280:
 
</div>
 
</div>
 
</div>
 
</div>
</div>
+
 
 
<!------------------------------------------Chris---------------------------------------------------------->
 
<!------------------------------------------Chris---------------------------------------------------------->
<div class="popupbackground" id="chrisbio">
+
 
<div class="popup">
+
<div class="popup" id="chrisbio">
 
<span class="close">&times;</span>
 
<span class="close">&times;</span>
 
<div class="popupcontentcontainer">
 
<div class="popupcontentcontainer">
Line 303: Line 294:
 
</div>
 
</div>
 
</div>
 
</div>
</div>
+
 
 
<!------------------------------------------Raquel---------------------------------------------------------->
 
<!------------------------------------------Raquel---------------------------------------------------------->
<div class="popupbackground" id="raquelbio">
+
 
<div class="popup">
+
<div class="popup" id="raquelbio">
 
<span class="close">&times;</span>
 
<span class="close">&times;</span>
 
<div class="popupcontentcontainer">
 
<div class="popupcontentcontainer">
Line 317: Line 308:
 
</div>
 
</div>
 
</div>
 
</div>
</div>
+
 
 
<!------------------------------------------Anders---------------------------------------------------------->
 
<!------------------------------------------Anders---------------------------------------------------------->
<div class="popupbackground" id="andersbio">
+
 
<div class="popup">
+
<div class="popup" id="andersbio">
 
<span class="close">&times;</span>
 
<span class="close">&times;</span>
 
<div class="popupcontentcontainer">
 
<div class="popupcontentcontainer">
Line 331: Line 322:
 
</div>
 
</div>
 
</div>
 
</div>
</div>
+
 
 
<!------------------------------------------Austin---------------------------------------------------------->
 
<!------------------------------------------Austin---------------------------------------------------------->
<div class="popupbackground" id="austinbio">
+
 
<div class="popup">
+
<div class="popup" id="austinbio">
 
<span class="close">&times;</span>
 
<span class="close">&times;</span>
 
<div class="popupcontentcontainer">
 
<div class="popupcontentcontainer">
Line 345: Line 336:
 
</div>
 
</div>
 
</div>
 
</div>
</div>
+
 
 
<!------------------------------------------Sarah---------------------------------------------------------->
 
<!------------------------------------------Sarah---------------------------------------------------------->
<div class="popupbackground" id="sarahbio">
+
 
<div class="popup">
+
<div class="popup" id="austinbio">
 
<span class="close">&times;</span>
 
<span class="close">&times;</span>
 
<div class="popupcontentcontainer">
 
<div class="popupcontentcontainer">
Line 359: Line 350:
 
</div>
 
</div>
 
</div>
 
</div>
</div>
+
 
 
<!------------------------------------------Madeleine---------------------------------------------------------->
 
<!------------------------------------------Madeleine---------------------------------------------------------->
<div class="popupbackground" id="madeleinebio">
+
 
<div class="popup">
+
<div class="popup" id="madeleinebio">
 
<span class="close">&times;</span>
 
<span class="close">&times;</span>
 
<div class="popupcontentcontainer">
 
<div class="popupcontentcontainer">
Line 373: Line 364:
 
</div>
 
</div>
 
</div>
 
</div>
</div>
+
 
  
 
<!--------------------------------------------------Javascript-------------------------------------------------------------------->
 
<!--------------------------------------------------Javascript-------------------------------------------------------------------->
Line 382: Line 373:
 
document.getElementById('markbio').style.visibility = "visible";
 
document.getElementById('markbio').style.visibility = "visible";
 
document.getElementById('markbio').style.opacity = "1";
 
document.getElementById('markbio').style.opacity = "1";
document.getElementById('javahack').style.display = "block";
+
document.getElementById('popupbackground').style.visibility = "visible";
 +
document.getElementById('popupbackground').style.opacity = "1";
 
}
 
}
 
document.getElementById("kelliimage").onclick = function() {
 
document.getElementById("kelliimage").onclick = function() {
 
document.getElementById('kellibio').style.visibility = "visible";
 
document.getElementById('kellibio').style.visibility = "visible";
 
document.getElementById('kellibio').style.opacity = "1";
 
document.getElementById('kellibio').style.opacity = "1";
document.getElementById('javahack').style.display = "block";
+
document.getElementById('popupbackground').style.visibility = "visible";
 +
document.getElementById('popupbackground').style.opacity = "1";
 
}
 
}
 
document.getElementById("nivedhaimage").onclick = function() {
 
document.getElementById("nivedhaimage").onclick = function() {
 
document.getElementById('nivedhabio').style.visibility = "visible";
 
document.getElementById('nivedhabio').style.visibility = "visible";
 
document.getElementById('nivedhabio').style.opacity = "1";
 
document.getElementById('nivedhabio').style.opacity = "1";
document.getElementById('javahack').style.display = "block";
+
document.getElementById('popupbackground').style.visibility = "visible";
 +
document.getElementById('popupbackground').style.opacity = "1";
 
}
 
}
 
document.getElementById("danimage").onclick = function() {
 
document.getElementById("danimage").onclick = function() {
 
document.getElementById('danbio').style.visibility = "visible";
 
document.getElementById('danbio').style.visibility = "visible";
 
document.getElementById('danbio').style.opacity = "1";
 
document.getElementById('danbio').style.opacity = "1";
document.getElementById('javahack').style.display = "block";
+
document.getElementById('popupbackground').style.visibility = "visible";
 +
document.getElementById('popupbackground').style.opacity = "1";
 
}
 
}
 
document.getElementById("chrisimage").onclick = function() {
 
document.getElementById("chrisimage").onclick = function() {
 
document.getElementById('chrisbio').style.visibility = "visible";
 
document.getElementById('chrisbio').style.visibility = "visible";
 
document.getElementById('chrisbio').style.opacity = "1";
 
document.getElementById('chrisbio').style.opacity = "1";
document.getElementById('javahack').style.display = "block";
+
document.getElementById('popupbackground').style.visibility = "visible";
 +
document.getElementById('popupbackground').style.opacity = "1";
 
}
 
}
 
document.getElementById("raquelimage").onclick = function() {
 
document.getElementById("raquelimage").onclick = function() {
 
document.getElementById('raquelbio').style.visibility = "visible";
 
document.getElementById('raquelbio').style.visibility = "visible";
 
document.getElementById('raquelbio').style.opacity = "1";
 
document.getElementById('raquelbio').style.opacity = "1";
document.getElementById('javahack').style.display = "block";
+
document.getElementById('popupbackground').style.visibility = "visible";
 +
document.getElementById('popupbackground').style.opacity = "1";
 
}
 
}
 
document.getElementById("andersimage").onclick = function() {
 
document.getElementById("andersimage").onclick = function() {
 
document.getElementById('andersbio').style.visibility = "visible";
 
document.getElementById('andersbio').style.visibility = "visible";
 
document.getElementById('andersbio').style.opacity = "1";
 
document.getElementById('andersbio').style.opacity = "1";
document.getElementById('javahack').style.display = "block";
+
document.getElementById('popupbackground').style.visibility = "visible";
 +
document.getElementById('popupbackground').style.opacity = "1";
 
}
 
}
 
document.getElementById("austinimage").onclick = function() {
 
document.getElementById("austinimage").onclick = function() {
 
document.getElementById('austinbio').style.visibility = "visible";
 
document.getElementById('austinbio').style.visibility = "visible";
 
document.getElementById('austinbio').style.opacity = "1";
 
document.getElementById('austinbio').style.opacity = "1";
document.getElementById('javahack').style.display = "block";
+
document.getElementById('popupbackground').style.visibility = "visible";
 +
document.getElementById('popupbackground').style.opacity = "1";
 
}
 
}
 
document.getElementById("sarahimage").onclick = function() {
 
document.getElementById("sarahimage").onclick = function() {
 
document.getElementById('sarahbio').style.visibility = "visible";
 
document.getElementById('sarahbio').style.visibility = "visible";
 
document.getElementById('sarahbio').style.opacity = "1";
 
document.getElementById('sarahbio').style.opacity = "1";
document.getElementById('javahack').style.display = "block";
+
document.getElementById('popupbackground').style.visibility = "visible";
 +
document.getElementById('popupbackground').style.opacity = "1";
 
}
 
}
 
document.getElementById("madeleineimage").onclick = function() {
 
document.getElementById("madeleineimage").onclick = function() {
 
document.getElementById('madeleinebio').style.visibility = "visible";
 
document.getElementById('madeleinebio').style.visibility = "visible";
 
document.getElementById('madeleinebio').style.opacity = "1";
 
document.getElementById('madeleinebio').style.opacity = "1";
document.getElementById('javahack').style.display = "block";
+
document.getElementById('popupbackground').style.visibility = "visible";
 +
document.getElementById('popupbackground').style.opacity = "1";
 
}
 
}
  
Line 434: Line 435:
 
document.getElementById('markbio').style.visibility = "hidden";
 
document.getElementById('markbio').style.visibility = "hidden";
 
document.getElementById('markbio').style.opacity = "0";
 
document.getElementById('markbio').style.opacity = "0";
document.getElementById('javahack').style.display = "none";
+
document.getElementById('popupbackground').style.visibility = "hidden";
 +
document.getElementById('popupbackground').style.opacity = "0";
 
}
 
}
  
Line 440: Line 442:
 
document.getElementById('kellibio').style.visibility = "hidden";
 
document.getElementById('kellibio').style.visibility = "hidden";
 
document.getElementById('kellibio').style.opacity = "0";
 
document.getElementById('kellibio').style.opacity = "0";
document.getElementById('javahack').style.display = "none";
+
document.getElementById('popupbackground').style.visibility = "hidden";
 +
document.getElementById('popupbackground').style.opacity = "0";
 
}
 
}
  
Line 446: Line 449:
 
document.getElementById('nivedhabio').style.visibility = "hidden";
 
document.getElementById('nivedhabio').style.visibility = "hidden";
 
document.getElementById('nivedhabio').style.opacity = "0";
 
document.getElementById('nivedhabio').style.opacity = "0";
document.getElementById('javahack').style.display = "none";
+
document.getElementById('popupbackground').style.visibility = "hidden";
 +
document.getElementById('popupbackground').style.opacity = "0";
 
}
 
}
  
Line 452: Line 456:
 
document.getElementById('danbio').style.visibility = "hidden";
 
document.getElementById('danbio').style.visibility = "hidden";
 
document.getElementById('danbio').style.opacity = "0";
 
document.getElementById('danbio').style.opacity = "0";
document.getElementById('javahack').style.display = "none";
+
document.getElementById('popupbackground').style.visibility = "hidden";
 +
document.getElementById('popupbackground').style.opacity = "0";
 
}
 
}
  
Line 458: Line 463:
 
document.getElementById('chrisbio').style.visibility = "hidden";
 
document.getElementById('chrisbio').style.visibility = "hidden";
 
document.getElementById('chrisbio').style.opacity = "0";
 
document.getElementById('chrisbio').style.opacity = "0";
document.getElementById('javahack').style.display = "none";
+
document.getElementById('popupbackground').style.visibility = "hidden";
 +
document.getElementById('popupbackground').style.opacity = "0";
 
}
 
}
  
Line 464: Line 470:
 
document.getElementById('raquelbio').style.visibility = "hidden";
 
document.getElementById('raquelbio').style.visibility = "hidden";
 
document.getElementById('raquelbio').style.opacity = "0";
 
document.getElementById('raquelbio').style.opacity = "0";
document.getElementById('javahack').style.display = "none";
+
document.getElementById('popupbackground').style.visibility = "hidden";
 +
document.getElementById('popupbackground').style.opacity = "0";
 
}
 
}
  
Line 470: Line 477:
 
document.getElementById('andersbio').style.visibility = "hidden";
 
document.getElementById('andersbio').style.visibility = "hidden";
 
document.getElementById('andersbio').style.opacity = "0";
 
document.getElementById('andersbio').style.opacity = "0";
document.getElementById('javahack').style.display = "none";
+
document.getElementById('popupbackground').style.visibility = "hidden";
 +
document.getElementById('popupbackground').style.opacity = "0";
 
}
 
}
  
Line 476: Line 484:
 
document.getElementById('austinbio').style.visibility = "hidden";
 
document.getElementById('austinbio').style.visibility = "hidden";
 
document.getElementById('austinbio').style.opacity = "0";
 
document.getElementById('austinbio').style.opacity = "0";
document.getElementById('javahack').style.display = "none";
+
document.getElementById('popupbackground').style.visibility = "hidden";
 +
document.getElementById('popupbackground').style.opacity = "0";
 
}
 
}
  
Line 482: Line 491:
 
document.getElementById('sarahbio').style.visibility = "hidden";
 
document.getElementById('sarahbio').style.visibility = "hidden";
 
document.getElementById('sarahbio').style.opacity = "0";
 
document.getElementById('sarahbio').style.opacity = "0";
document.getElementById('javahack').style.display = "none";
+
document.getElementById('popupbackground').style.visibility = "hidden";
 +
document.getElementById('popupbackground').style.opacity = "0";
 
}
 
}
  
Line 488: Line 498:
 
document.getElementById('madeleinebio').style.visibility = "hidden";
 
document.getElementById('madeleinebio').style.visibility = "hidden";
 
document.getElementById('madeleinebio').style.opacity = "0";
 
document.getElementById('madeleinebio').style.opacity = "0";
document.getElementById('javahack').style.display = "none";
+
document.getElementById('popupbackground').style.visibility = "hidden";
 +
document.getElementById('popupbackground').style.opacity = "0";
 
}
 
}
  
  
 
////////////////////////////////////////////////////Close window on background click///////////////////////////////////////////
 
////////////////////////////////////////////////////Close window on background click///////////////////////////////////////////
document.getElementById('javahack').onclick = function() {
+
document.getElementById('popupbackground').onclick = function() {
 
document.getElementById('markbio').style.visibility = "hidden";
 
document.getElementById('markbio').style.visibility = "hidden";
 
document.getElementById('markbio').style.opacity = "0";
 
document.getElementById('markbio').style.opacity = "0";
Line 514: Line 525:
 
document.getElementById('madeleinebio').style.visibility = "hidden";
 
document.getElementById('madeleinebio').style.visibility = "hidden";
 
document.getElementById('madeleinebio').style.opacity = "0";
 
document.getElementById('madeleinebio').style.opacity = "0";
document.getElementById('javahack').style.display = "none";
+
document.getElementById('popupbackground').style.visibility = "hidden";
 +
document.getElementById('popupbackground').style.opacity = "0";
 
}
 
}
  

Revision as of 14:59, 1 August 2016

MEET THE TEAM