<html>
<head>
<style type="text/css">
#scheme td {border-bottom:3px solid #666;}
#scheme th {font-weight:bold; text-align:left;}
#scheme th.bb {border-bottom:3px solid #666;}
#scheme .nbb{border-bottom:none}
#scheme ul {padding:0 0 0 20px;}
#scheme sup {font-size: 10px; }
.blackcell{margin:2px;font-family:verdana;font-weight:bold;text-align:center;font-size:15px; color:white;background-color:black;border:inset 3px #bbb; padding:3px;}
.codecell{margin:2px;font-family:monospace;font-weight:bold;text-align:left;font-size:15px; color:black;background-color:white;border:inset 3px #bbb; padding:3px;}
#scheme .codecell {width: 100px; position: relative; }
#scheme .codecell sup {display: block; position: absolute; top: -5px; right: -15px; }
#scheme th.cccolumn {width: 130px; }
</style>
</head>
<body>
<table id="scheme">
<tbody>
<tr>
<td class="nbb"></td>
<th class="bb">How</td>
<th class="bb">Why</td>
<th class="bb cccolumn">Code <sup>1</sup></td>
<th class="bb">Example</td>
</tr>
<tr>
<th scope="row">message</td>
<td><ul><li>Display in cyan.</li></ul></td>
<td><ul><li>Stands out.</li><li>Easy to read.</li></ul></td>
<td><div class="codecell">^5<message><sup>5</sup></div></td>
<td><div class="blackcell"><img src="res/img/t_message.gif"/></div></td>
</tr>
<tr>
<th scope="row">health</td>
<td><ul><li>Display in red.</li></ul></td>
<td><ul><li>Health is shown in red on the HUD.</li><li>All health pickups are red.</li></ul></td>
<td><div class="codecell">^1%h</div></td>
<td><div class="blackcell"><img src="res/img/t_health.gif"/></div></td>
</tr>
<tr>
<th scope="row">armor</td>
<td><ul><li>Display in green.</li></ul></td>
<td><ul><li>Armor is shown in green on the HUD.</li><li>All armor pickups are in green.</li></ul></td>
<td><div class="codecell">^2%a</div></td>
<td><div class="blackcell"><img src="res/img/t_armor.gif"/></div></td>
</tr>
<tr>
<th scope="row">weapon</td>
<td><ul><li>Display in white.</li><li>Enclose in blue triangles. <sup>2</sup></li></ul></td>
<td><ul><li>Easy to read.</li><li>Blue triangles visually organize the weapon data.</li></ul></td>
<td><div class="codecell">^4y^7%w^4?</div></td>
<td><div class="blackcell"><img src="res/img/t_weapon.gif"/></div></td>
</tr>
<tr>
<th scope="row">your location</td>
<td><ul><li>Display in white.</li><li>Precede it with an "@".</li><li>Enclose in parentheses.</li></ul></td>
<td><ul><li>Location data has its own color codes and expects white as the default.</li><li>"@" quickly identifies it as a location.</li><li>Parentheses keep location name together visually.</li></ul></td>
<td><div class="codecell">^6(@^7%l^6)</div></td>
<td><div class="blackcell"><img src="res/img/t_location.gif"/></div></td>
</tr>
<tr>
<th scope="row">target location</td>
<td><ul><li>Display in white.</li><li>Precede it with an "@".</li><li>Enclose in curly brackets.</li></ul></td>
<td><ul><li>Location data has its own color codes and expects white as the default.</li><li>"@" quickly identifies it as a location.</li><li>Curly brackets keep location name together visually.</li></ul></td>
<td><div class="codecell">^3{@^7%y^3}<br/>^3{@^7%d^3}</div></td>
<td><div class="blackcell"><img src="res/img/t_target.gif"/></div></td>
</tr>
</tbody>
</table>
</body>
</html>