Hello Everyone,
I made up a HTML character sheet for Atomic Robo.
<!-- Atomic Robo Character Sheet -->
<!-- Atomic Robo Image Header/Banner -->
<img src="http://www.evilhat.com/home/wp-content/uploads/2013/06/Robo-Site-Banner-Orange.jpg" alt="Atomic Robo the Roleplaying Game" height="100%" width="100%">
<!-- Style Notes -->
<style>
table {
display: table;
border-collapse: separate;
border-spacing: 0px;
border-color: #A0CFEE;
}
</style>
<!-- Character Name and Affiliation -->
<h3>CHARACTER NAME: <input type="text" name="attr_CharacterName"></h3>
<h3>Affiliation: <input type="text" name="attr_Affiliation"></h3>
<!-- Table #1 Skills -->
<table>
<!-- Aspects -->
<tr bgcolor="#A0CFEE">
<td width="20%" style="text-align:center"><h3>Concept<br>Aspect<input type="text" name="attr_HighConcept"></h3></td>
<td width="20%" style="text-align:center"><h3>Good Mode<br>Aspect<input type="text" name="attr_GoodAspect"></h3></td>
<td width="20%" style="text-align:center"><h3>Fair Mode<br>Aspect<input type="text" name="attr_FairAspect"></h3></td>
<td width="20%" style="text-align:center"><h3>Average Mode<br>Aspect<input type="text" name="attr_AverageAspect"></h3></td>
<td width="20%" style="text-align:center"><h3>Omega<br>Aspect<input type="text" name="attr_Aspect"></h3></td>
</tr>
<!-- Good (+3) Mode and Consequences -->
<tr>
<td></td>
<td style="text-align:center"><b>Good (+3) Mode<input type="text" name="attr_GoodMode" /></b></td>
<td></td>
<td></td>
<td style="text-align:center"><h3>Consequences</h3></td>
</tr>
<!-- Superb (+5) Skill Rank and Fair (+2) Mode -->
<tr bgcolor="#A0CFEE">
<td><h3>SUPERB (+5)</h3></td>
<td style="text-align:center"><i>Specialized Skills</i><input type="text" name="attr_GoodSpec" /></td>
<td style="text-align:center"><b>Fair (+2) Mode<input type="text" name="attr_FairMode" /><b></td>
<td></td>
<td style="text-align:center">Mild (-2)<br><input type="text" name="attr_MildCon" /></td>
</tr>
<!-- Great (+4) Skill Rank and Average (+1) Mode -->
<tr>
<td><h3>GREAT (+4)</h4></td>
<td style="text-align:center"><i>Focused Skills</i><input type="text" name="attr_GoodFoc" /></td>
<td style="text-align:center"><i>Specialized Skills</i><input type="text" name="attr_FairSpec" /></td>
<td style="text-align:center"><b>Average (+1) Mode<input type="text" name="attr_AverageMode" /></b></td>
<td style="text-align:center">Moderate (-4)<br><input type="text" name="attr_ModerateCon" /></td>
</tr>
<!-- Good (+3) Skill Rank -->
<tr bgcolor="#A0CFEE">
<td><h3>GOOD (+3)</h3></td>
<td style="text-align:center"><i>Trained Skills</i><input type="text" name="attr_GoodTrain" /></td>
<td style="text-align:center"><i>Focused Skills</i><input type="text" name="attr_FairFoc" /></td>
<td style="text-align:center"><i>Specialized Skills</i><input type="text" name="attr_AverageSpec" /></td>
<td style="text-align:center">Severe (-6)<br><input type="text" name="attr_SevereCon" /></td>
<td></td>
</tr>
<!-- Fair (+2) Skill Rank -->
<tr>
<td><h3>FAIR (+2)</h3></td>
<td></td>
<td style="text-align:center"><i>Trained Skills</i><input type="text" name="attr_FairTrain" /></td>
<td style="text-align:center"><i>Focused Skills</i><input type="text" name="attr_AverageFoc" /></td>
<td></td>
</tr>
<!-- Average (+1) Skill Rank -->
<tr bgcolor="#A0CFEE">
<td><h3>AVERAGE (+1)</h3></td>
<td></td>
<td></td>
<td style="text-align:center"><i>Trained Skills</i><input type="text" name="attr_FairTrain" /></td>
<td></td>
</tr>
</table>
<!-- Table #2 Stunts and Stress -->
<table>
<tr>
<td width="55%" style="text-align:center"><h3>Stunts/Mega-Stunts<br><textarea rows="4" cols="55" name="attr_Stunts"></textarea></h3></td>
<td width="5%"></td>
<td width="15%" style="text-align:center"><h3>STRESS<br>Physical<br>Mental</h3></td>
<td width="25%"><br>1<input type="checkbox"> 2<input type="checkbox"> 3<input type="checkbox" checked> 4<input type="checkbox" checked> 5<input type="checkbox" checked><br>1<input type="checkbox"> 2<input type="checkbox"> 3<input type="checkbox" checked> 4<input type="checkbox" checked> 5<input type="checkbox" checked></td>
<tr>
</table>
<!-- Table #3 Experience -->
<table>
<tr>
<th width="33%" style="text-align:center">Experience<textarea rows="2" cols="33" name="attr_Experience1"></textarea></td>
<th width="34%" style="text-align:center">Experience<textarea rows="2" cols="34" name="attr_Experience2"></textarea></td>
<th width="33%" style="text-align:center">Experience<textarea rows="2" cols="33" name="attr_Experience3"></textarea></td>
</tr>
</table>
I made up a HTML character sheet for Atomic Robo.
<!-- Atomic Robo Character Sheet -->
<!-- Atomic Robo Image Header/Banner -->
<img src="http://www.evilhat.com/home/wp-content/uploads/2013/06/Robo-Site-Banner-Orange.jpg" alt="Atomic Robo the Roleplaying Game" height="100%" width="100%">
<!-- Style Notes -->
<style>
table {
display: table;
border-collapse: separate;
border-spacing: 0px;
border-color: #A0CFEE;
}
</style>
<!-- Character Name and Affiliation -->
<h3>CHARACTER NAME: <input type="text" name="attr_CharacterName"></h3>
<h3>Affiliation: <input type="text" name="attr_Affiliation"></h3>
<!-- Table #1 Skills -->
<table>
<!-- Aspects -->
<tr bgcolor="#A0CFEE">
<td width="20%" style="text-align:center"><h3>Concept<br>Aspect<input type="text" name="attr_HighConcept"></h3></td>
<td width="20%" style="text-align:center"><h3>Good Mode<br>Aspect<input type="text" name="attr_GoodAspect"></h3></td>
<td width="20%" style="text-align:center"><h3>Fair Mode<br>Aspect<input type="text" name="attr_FairAspect"></h3></td>
<td width="20%" style="text-align:center"><h3>Average Mode<br>Aspect<input type="text" name="attr_AverageAspect"></h3></td>
<td width="20%" style="text-align:center"><h3>Omega<br>Aspect<input type="text" name="attr_Aspect"></h3></td>
</tr>
<!-- Good (+3) Mode and Consequences -->
<tr>
<td></td>
<td style="text-align:center"><b>Good (+3) Mode<input type="text" name="attr_GoodMode" /></b></td>
<td></td>
<td></td>
<td style="text-align:center"><h3>Consequences</h3></td>
</tr>
<!-- Superb (+5) Skill Rank and Fair (+2) Mode -->
<tr bgcolor="#A0CFEE">
<td><h3>SUPERB (+5)</h3></td>
<td style="text-align:center"><i>Specialized Skills</i><input type="text" name="attr_GoodSpec" /></td>
<td style="text-align:center"><b>Fair (+2) Mode<input type="text" name="attr_FairMode" /><b></td>
<td></td>
<td style="text-align:center">Mild (-2)<br><input type="text" name="attr_MildCon" /></td>
</tr>
<!-- Great (+4) Skill Rank and Average (+1) Mode -->
<tr>
<td><h3>GREAT (+4)</h4></td>
<td style="text-align:center"><i>Focused Skills</i><input type="text" name="attr_GoodFoc" /></td>
<td style="text-align:center"><i>Specialized Skills</i><input type="text" name="attr_FairSpec" /></td>
<td style="text-align:center"><b>Average (+1) Mode<input type="text" name="attr_AverageMode" /></b></td>
<td style="text-align:center">Moderate (-4)<br><input type="text" name="attr_ModerateCon" /></td>
</tr>
<!-- Good (+3) Skill Rank -->
<tr bgcolor="#A0CFEE">
<td><h3>GOOD (+3)</h3></td>
<td style="text-align:center"><i>Trained Skills</i><input type="text" name="attr_GoodTrain" /></td>
<td style="text-align:center"><i>Focused Skills</i><input type="text" name="attr_FairFoc" /></td>
<td style="text-align:center"><i>Specialized Skills</i><input type="text" name="attr_AverageSpec" /></td>
<td style="text-align:center">Severe (-6)<br><input type="text" name="attr_SevereCon" /></td>
<td></td>
</tr>
<!-- Fair (+2) Skill Rank -->
<tr>
<td><h3>FAIR (+2)</h3></td>
<td></td>
<td style="text-align:center"><i>Trained Skills</i><input type="text" name="attr_FairTrain" /></td>
<td style="text-align:center"><i>Focused Skills</i><input type="text" name="attr_AverageFoc" /></td>
<td></td>
</tr>
<!-- Average (+1) Skill Rank -->
<tr bgcolor="#A0CFEE">
<td><h3>AVERAGE (+1)</h3></td>
<td></td>
<td></td>
<td style="text-align:center"><i>Trained Skills</i><input type="text" name="attr_FairTrain" /></td>
<td></td>
</tr>
</table>
<!-- Table #2 Stunts and Stress -->
<table>
<tr>
<td width="55%" style="text-align:center"><h3>Stunts/Mega-Stunts<br><textarea rows="4" cols="55" name="attr_Stunts"></textarea></h3></td>
<td width="5%"></td>
<td width="15%" style="text-align:center"><h3>STRESS<br>Physical<br>Mental</h3></td>
<td width="25%"><br>1<input type="checkbox"> 2<input type="checkbox"> 3<input type="checkbox" checked> 4<input type="checkbox" checked> 5<input type="checkbox" checked><br>1<input type="checkbox"> 2<input type="checkbox"> 3<input type="checkbox" checked> 4<input type="checkbox" checked> 5<input type="checkbox" checked></td>
<tr>
</table>
<!-- Table #3 Experience -->
<table>
<tr>
<th width="33%" style="text-align:center">Experience<textarea rows="2" cols="33" name="attr_Experience1"></textarea></td>
<th width="34%" style="text-align:center">Experience<textarea rows="2" cols="34" name="attr_Experience2"></textarea></td>
<th width="33%" style="text-align:center">Experience<textarea rows="2" cols="33" name="attr_Experience3"></textarea></td>
</tr>
</table>