132 lines
3.6 KiB
HTML
132 lines
3.6 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>scripts</title>
|
|
<meta charset="utf-8"/>
|
|
<style>
|
|
td {
|
|
border: 1px solid black;
|
|
text-align: center; width: 100px; height: 100px;
|
|
vertical-align: middle;
|
|
}
|
|
span {
|
|
display: inline-block;
|
|
background: black;
|
|
border: 0;
|
|
margin: 0;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<!-- The under/over scripts should be hidden by the black rectangles -->
|
|
<table style="position: absolute; top: 10px; left: 10px;">
|
|
<tr>
|
|
<td style="vertical-align: top;">
|
|
<math>
|
|
<munder>
|
|
<mspace width="20px" height="20px" depth="0px" mathbackground="red"/>
|
|
<mspace width="10px" height="5px" depth="5px"/>
|
|
</munder>
|
|
</math>
|
|
</td>
|
|
<td>
|
|
<math>
|
|
<munderover>
|
|
<mspace width="20px" height="10px" depth="10px" mathbackground="red"/>
|
|
<mspace width="10px" height="5px" depth="5px"/>
|
|
<mspace width="10px" height="5px" depth="5px"/>
|
|
</munderover>
|
|
</math>
|
|
</td>
|
|
<td style="vertical-align: bottom;">
|
|
<math>
|
|
<mover>
|
|
<mspace width="20px" height="20px" depth="0px" mathbackground="red"/>
|
|
<mspace width="10px" height="5px" depth="5px"/>
|
|
</mover>
|
|
</math>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<table style="position: absolute; top: 10px; left: 10px;">
|
|
<tr>
|
|
<td style="vertical-align: top;">
|
|
<span style="width: 12px; height: 50px;"></span>
|
|
</td>
|
|
<td>
|
|
<span style="width: 12px; height: 50px;"></span>
|
|
</td>
|
|
<td style="vertical-align: bottom;">
|
|
<span style="width: 12px; height: 50px;"></span>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<!-- The bases should be hidden by the black rectangles -->
|
|
<table style="position: absolute; top: 120px; left: 10px;">
|
|
<tr>
|
|
<td style="vertical-align: top;">
|
|
<math>
|
|
<munder>
|
|
<mspace width="20px" height="20px" depth="0px"/>
|
|
<mspace width="10px" height="5px" depth="5px" mathbackground="green"/>
|
|
</munder>
|
|
</math>
|
|
</td>
|
|
<td>
|
|
<math>
|
|
<munderover>
|
|
<mspace width="20px" height="10px" depth="10px"/>
|
|
<mspace width="10px" height="5px" depth="5px" mathbackground="green"/>
|
|
<mspace width="10px" height="5px" depth="5px" mathbackground="blue"/>
|
|
</munderover>
|
|
</math>
|
|
</td>
|
|
<td style="vertical-align: bottom;">
|
|
<math>
|
|
<mover>
|
|
<mspace width="20px" height="20px" depth="0px"/>
|
|
<mspace width="10px" height="5px" depth="5px" mathbackground="blue"/>
|
|
</mover>
|
|
</math>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<table style="position: absolute; top: 120px; left: 10px;">
|
|
<tr>
|
|
<td style="vertical-align: top;">
|
|
<span style="width: 25px; height: 25px;"></span>
|
|
</td>
|
|
<td>
|
|
<span style="width: 25px; height: 25px;"></span>
|
|
</td>
|
|
<td style="vertical-align: bottom;">
|
|
<span style="width: 25px; height: 25px;"></span>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<div style="position: absolute; top: 250px; left: 10px;">
|
|
<math>
|
|
<munder>
|
|
<mi>A</mi>
|
|
<mi>B</mi>
|
|
</munder>
|
|
<mover>
|
|
<mi>A</mi>
|
|
<mi>B</mi>
|
|
</mover>
|
|
<munderover>
|
|
<mi>A</mi>
|
|
<mi>B</mi>
|
|
<mi>C</mi>
|
|
</munderover>
|
|
</math>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|