Line 14: | Line 14: | ||
#multiBox { | #multiBox { | ||
border-color: darkblue; | border-color: darkblue; | ||
+ | } | ||
+ | |||
+ | .modelbutton:hover { | ||
+ | cursor: pointer | ||
} | } | ||
Line 20: | Line 24: | ||
$(function() { | $(function() { | ||
$( "#Multi" ).click(function() { | $( "#Multi" ).click(function() { | ||
− | $( "#multiBox" ). | + | $( "#multiBox" ).show(); |
+ | $( "#singleBox" ).hide(); | ||
+ | $( "#doeBox" ).hide(); | ||
}); | }); | ||
}); | }); | ||
Line 34: | Line 40: | ||
<td> | <td> | ||
<center> | <center> | ||
− | <svg id="Multi" height="330" width="330"> | + | <svg id="Multi" class="modelbutton" height="330" width="330"> |
<circle cx="165" cy="165" r="160" stroke="darkblue" stroke-width="4" fill="lightgray"></circle> | <circle cx="165" cy="165" r="160" stroke="darkblue" stroke-width="4" fill="lightgray"></circle> | ||
<text x="50" y="90" style="fill:black; font-family:Agency FB; font-size:25pt">Multicellular Modelling</text> | <text x="50" y="90" style="fill:black; font-family:Agency FB; font-size:25pt">Multicellular Modelling</text> | ||
Line 43: | Line 49: | ||
<td> | <td> | ||
<center> | <center> | ||
− | <svg id="Single" height="330" width="330"> | + | <svg id="Single" class="modelbutton" height="330" width="330"> |
<circle cx="165" cy="165" r="160" stroke="darkred" stroke-width="4" fill="lightgray"/> | <circle cx="165" cy="165" r="160" stroke="darkred" stroke-width="4" fill="lightgray"/> | ||
<text x="60" y="90" style="fill:black; font-family:Agency FB; font-size:25pt">Single-Cell Modelling</text> | <text x="60" y="90" style="fill:black; font-family:Agency FB; font-size:25pt">Single-Cell Modelling</text> | ||
Line 52: | Line 58: | ||
<td> | <td> | ||
<center> | <center> | ||
− | <svg id="DoE" height="330" width="330"> | + | <svg id="DoE" class="modelbutton" height="330" width="330"> |
<circle cx="165" cy="165" r="160" stroke="yellow" stroke-width="4" fill="lightgray"/> | <circle cx="165" cy="165" r="160" stroke="yellow" stroke-width="4" fill="lightgray"/> | ||
<text x="70" y="90" style="fill:black; font-family:Agency FB; font-size:25pt">CFPS Optimisation</text> | <text x="70" y="90" style="fill:black; font-family:Agency FB; font-size:25pt">CFPS Optimisation</text> |
Revision as of 14:16, 5 September 2017
|
|
|