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

 
(14 intermediate revisions by the same user not shown)
Line 2: Line 2:
  
 
<style>
 
<style>
−
body {font-family: "Lato", sans-serif;}
 
  
−
/* Style the tab */
+
#fitscoring, #Distribution {
−
div.tab {
+
     border-radius: 5px;
−
    display:table;
+
−
    width:100%;
+
−
     border-radius: 6px;
+
−
    border: 1px solid #ccc;
+
−
    background-color: #f1f1f1;
+
−
}
+
−
 
+
−
/* Style the buttons inside the tab */
+
−
div.tab button {
+
−
    background-color: inherit;
+
−
    float: left;
+
−
    border: none;
+
−
    outline: none;
+
 
     cursor: pointer;
 
     cursor: pointer;
−
    padding: 14px 16px;
 
 
     transition: 0.3s;
 
     transition: 0.3s;
−
    font-size: 17px;
 
−
    width: 33.3%;
 
 
}
 
}
  
−
/* Change background color of buttons on hover */
+
#fitscoring:hover {opacity: 0.7;}
−
div.tab button:hover {
+
#Distribution:hover {opacity: 0.7;}
−
    background-color: #ddd;
+
−
}
+
−
 
+
−
/* Create an active/current tablink class */
+
−
div.tab button.active {
+
−
    background-color: #ccc;
+
−
}
+
−
 
+
−
/* Style the tab content */
+
−
.tabcontent {
+
−
    display: none;
+
−
    padding: 6px 12px;
+
−
    border-left: 1px solid #ccc;
+
−
    border-bottom: 1px solid #ccc;
+
−
}
+
−
 
+
−
 
+
−
/* Style the close button */
+
−
.topright {
+
−
    float: right;
+
−
    cursor: pointer;
+
−
    font-size: 20px;
+
−
}
+
−
 
+
−
.topright:hover {color: green;}
+
−
 
+
−
#System1A, #System2A, #System3A {
+
−
    display:none;
+
−
}
+
−
 
+
−
#System1B, #System2B, #System3B {
+
−
    display:none;
+
−
}
+
−
 
+
−
#System2C, #System3C {
+
−
    display:none;
+
−
}
+
−
 
+
−
#System2D, #System3D {
+
−
    display:none;
+
−
}
+
−
 
+
−
/*set size for equations of JaxMath*/
+
−
.equation p {
+
−
  font-size: 0.8rem!important;
+
−
}
+
  
 
/* The Modal (background) */
 
/* The Modal (background) */
Line 151: Line 88:
 
         width: 100%;
 
         width: 100%;
 
     }
 
     }
 +
}
 +
 +
 +
 +
/* Style the tab */
 +
div.tab {
 +
    display:table;
 +
    width:100%;
 +
    border-radius: 6px;
 +
    border: 1px solid #ccc;
 +
    background-color: #f1f1f1;
 +
}
 +
 +
/* Style the buttons inside the tab */
 +
div.tab button {
 +
    background-color: inherit;
 +
    float: left;
 +
    border: none;
 +
    outline: none;
 +
    cursor: pointer;
 +
    padding: 14px 16px;
 +
    transition: 0.3s;
 +
    font-size: 17px;
 +
    width: 33.3%;
 +
}
 +
 +
/* Change background color of buttons on hover */
 +
div.tab button:hover {
 +
    background-color: #ddd;
 +
}
 +
 +
/* Create an active/current tablink class */
 +
div.tab button.active {
 +
    background-color: #ccc;
 +
}
 +
 +
/* Style the tab content */
 +
.tabcontent {
 +
    display: none;
 +
    padding: 6px 12px;
 +
    border-left: 1px solid #ccc;
 +
    border-bottom: 1px solid #ccc;
 +
}
 +
 +
 +
/* Style the close button */
 +
.topright {
 +
    float: right;
 +
    cursor: pointer;
 +
    font-size: 20px;
 +
}
 +
 +
.topright:hover {color: green;}
 +
 +
#System1A, #System2A, #System3A {
 +
    display:none;
 +
}
 +
 +
#System1B, #System2B, #System3B {
 +
    display:none;
 +
}
 +
 +
#System2C, #System3C {
 +
    display:none;
 +
}
 +
 +
#System2D, #System3D {
 +
    display:none;
 +
}
 +
  
 
</style>
 
</style>
Line 216: Line 223:
 
}
 
}
  
−
 
+
−
 
+
$( document ).ready(function() {
−
$( document ).ready(function() {
+
  $("#System1C").show();
−
  $("#System1C").show();
+
  $("#System1D").show();
−
  $("#System1D").show();
+
});
 +
 +
$(function() {
 +
$('#fitscoring').on('click', function() {
 +
        $('#fitscoring-Modal').toggle();
 +
});
 +
   
 +
$('#fitscoring-Modal').on('click', function() {
 +
        $('#fitscoring-Modal').toggle();
 +
});
 +
 +
$('#Distribution').on('click', function() {
 +
      $('#Distribution-Modal').toggle();
 +
});
 +
        $('#Distribution-Modal').on('click', function() {
 +
      $('#Distribution-Modal').toggle();
 +
});
 
});
 
});
−
 
  
  

Latest revision as of 04:04, 19 November 2017