Difference between revisions of "Template:Wageningen UR/PhageCSS"

Line 4: Line 4:
  
 
  /* Style the Image Used to Trigger the Modal */
 
  /* Style the Image Used to Trigger the Modal */
−
#VecMap{
+
#PosLuxR, #NegLuxR, #NegLuxRExtAHLdeg, #NegLuxRLuxRdeg, #PosLuxRExtAHLdeg, #PosLuxRLuxRdeg {
 
     border-radius: 5px;
 
     border-radius: 5px;
 
     cursor: pointer;
 
     cursor: pointer;
Line 10: Line 10:
 
}
 
}
  
−
#VecMap:hover {opacity: 0.7;}
+
#PosLuxR:hover {opacity: 0.7;}
 +
#NegLuxR:hover {opacity: 0.7;}
 +
 
 +
#NegLuxRExtAHLdeg:hover {opacity: 0.7;}
 +
#NegLuxRLuxRdeg:hover {opacity: 0.7;}
 +
#PosLuxRExtAHLdeg:hover {opacity: 0.7;}
 +
#PosLuxRLuxRdeg:hover {opacity: 0.7;}
  
  
Line 32: Line 38:
 
     margin: auto;
 
     margin: auto;
 
     display: block;
 
     display: block;
−
      
+
     width: 90%;
−
      
+
     max-width: 1366px;
−
max-height: 756px;
+
 
}
 
}
  
Line 50: Line 55:
  
 
/* Add Animation - Zoom in the Modal */
 
/* Add Animation - Zoom in the Modal */
−
.modal-content, #VecMap-caption {
+
.modal-content {
 
     -webkit-animation-name: zoom;
 
     -webkit-animation-name: zoom;
 
     -webkit-animation-duration: 0.6s;
 
     -webkit-animation-duration: 0.6s;
Line 91: Line 96:
 
     }
 
     }
 
}  
 
}  
−
 
−
#rcorners2 {
 
−
    border-radius: 25px;
 
−
    border: 2px solid #73AD21;
 
−
    padding: 20px;
 
−
    width: 200px;
 
−
    height: 150px;
 
−
}
 
−
 
  
 
</style>
 
</style>
  
 
<script>
 
<script>
−
 
  
 
$(function() {
 
$(function() {
−
$('#VecMap').on('click', function() {
+
    $('#PosLuxR').on('click', function() {
−
$('#VecMap-Modal').toggle();  
+
        $('#PosLuxR-Modal').toggle();
−
});
+
    });
−
                $('#IgG-Modal').on('click', function() {
+
    $('#PosLuxR-Modal').on('click', function() {
−
$('#VecMap-Modal').toggle();  
+
        $('#PosLuxR-Modal').toggle();
−
});
+
    });
  
−
             
+
    $('#NegLuxR').on('click', function() {
−
});
+
        $('#NegLuxR-Modal').toggle();
 +
    });
 +
    $('#NegLuxR-Modal').on('click', function() {
 +
        $('#NegLuxR-Modal').toggle();
 +
    });
  
 +
 +
    $('#NegLuxRExtAHLdeg').on('click', function() {
 +
        $('#NegLuxRExtAHLdeg-Modal').toggle();
 +
    });
 +
    $('#NegLuxRExtAHLdeg-Modal').on('click', function() {
 +
        $('#NegLuxRExtAHLdeg-Modal').toggle();
 +
    });
 +
 +
    $('#NegLuxRLuxRdeg').on('click', function() {
 +
        $('#NegLuxRLuxRdeg-Modal').toggle();
 +
    });
 +
    $('#NegLuxRLuxRdeg-Modal').on('click', function() {
 +
        $('#NegLuxRLuxRdeg-Modal').toggle();
 +
    });
 +
 +
    $('#PosLuxRExtAHLdeg').on('click', function() {
 +
        $('#PosLuxRExtAHLdeg-Modal').toggle();
 +
    });
 +
    $('#PosLuxRExtAHLdeg-Modal').on('click', function() {
 +
        $('#PosLuxRExtAHLdeg-Modal').toggle();
 +
    });
 +
 +
    $('#PosLuxRLuxRdeg').on('click', function() {
 +
        $('#PosLuxRLuxRdeg-Modal').toggle();
 +
    });
 +
    $('#PosLuxRLuxRdeg-Modal').on('click', function() {
 +
        $('#PosLuxRLuxRdeg-Modal').toggle();
 +
    });
 +
 +
 
 +
});
  
 
</script>
 
</script>
  
 
</html>
 
</html>

Revision as of 20:18, 1 November 2017