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

(Created page with "<html> <style> →‎Style the Image Used to Trigger the Modal: #PosLuxR, #NegLuxR { border-radius: 5px; cursor: pointer; transition: 0.3s; } #PosLuxR:hover {op...")
 
 
(8 intermediate revisions by the same user not shown)
Line 4: Line 4:
  
 
  /* Style the Image Used to Trigger the Modal */
 
  /* Style the Image Used to Trigger the Modal */
−
#PosLuxR, #NegLuxR {
+
#PosLuxR, #NegLuxR, #NegLuxRExtAHLdeg, #NegLuxRLuxRdeg, #PosLuxRExtAHLdeg, #PosLuxRLuxRdeg {
 
     border-radius: 5px;
 
     border-radius: 5px;
 
     cursor: pointer;
 
     cursor: pointer;
Line 12: Line 12:
 
#PosLuxR:hover {opacity: 0.7;}
 
#PosLuxR:hover {opacity: 0.7;}
 
#NegLuxR: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;}
 +
  
 
/* The Modal (background) */
 
/* The Modal (background) */
Line 49: Line 55:
  
 
/* Add Animation - Zoom in the Modal */
 
/* Add Animation - Zoom in the Modal */
−
.modal-content, #PosLuxR-caption {
+
.modal-content {
 
     -webkit-animation-name: zoom;
 
     -webkit-animation-name: zoom;
 
     -webkit-animation-duration: 0.6s;
 
     -webkit-animation-duration: 0.6s;
Line 94: Line 100:
  
 
<script>
 
<script>
−
 
  
 
$(function() {
 
$(function() {
−
$('#PosLuxR').on('click', function() {
+
    $('#PosLuxR').on('click', function() {
−
$('#VecMap-Modal').toggle();  
+
        $('#PosLuxR-Modal').toggle();
−
});
+
    });
−
                $('#PosLuxR-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>

Latest revision as of 20:49, 1 November 2017