Here's what I came up with:
Custom HTML Sheet
--------------------------------------
<!-- Dresden Files Accelerated Character Sheet -->
<!-- Dresden Files Accelerated Image Header/Banner -->
<img src="http://www.evilhat.com/home/wp-content/uploads/2015/08/dresden-accelerated-pageheader-updated.jpg" alt="Dresden Files Accelerated Roleplaying Game" height="100%" width="100%">
<!-- Style Notes -->
<style>
table {
display: table;
border-collapse: separate;
border-spacing: 0px;
border-color: #A0CFEE;
}
</style>
<!-- Table #1 Character Name and Refresh -->
<table>
<tr>
<td width=553px><h3>CHARACTER NAME: <input type="text" name="attr_CharacterName"></h3></td>
<td width=46px></td>
<td width=323px><h3>Refresh: <input type="number" name="attr_Refresh"></h3></td>
</tr>
</table>
<!-- Table #2 Approaches and Aspects -->
<table>
<tr bgcolor="#A0CFEE">
<th width=553px style="text-align:center"><h3>APPROACHES</h3></th>
<th width=46px></th>
<th width=323px style="text-align:center"><h3>ASPECTS</h3></th>
</tr>
<tr>
<td><h4><button type='roll' value='/roll 4dF + @{Flair}' name='roll_Flair'></button> Flair<input type="number" name="attr_Flair" /></h4><h4><button type='roll' value='/roll 4dF + @{Focus}' name='roll_Focus'></button> Focus <input type="number" name="attr_Focus" /></h4><h4><button type='roll' value='/roll 4dF + @{Force}' name='roll_Force'></button> Force <input type="number" name="attr_Force" /><br></h4><h4><button type='roll' value='/roll 4dF + @{Guile}' name='roll_Guile'></button> Guile <input type="number" name="attr_Guile" /></h4><h4><button type='roll' value='/roll 4dF + @{Haste}' name='roll_Haste'></button> Haste <input type="number" name="attr_Haste" /></h4><h4><button type='roll' value='/roll 4dF + @{Intellect}' name='roll_Intellect'></button> Intellect <input type="number" name="attr_Intellect" /></h4></td>
<td></td>
<td><h4>High Concept: <input type="text" name="attr_HighConcept"></h4><h4>Trouble: <input type="text" name="attr_Trouble"></h4><h4>Aspect: <input type="text" name="attr_Aspect1"></h4><h4>Aspect: <input type="text" name="attr_Aspect2"></h4><h4>Aspect: <input type="text" name="attr_Aspect3"></h4><h4>.</h4></td>
</tr>
<!-- Table #3 Ladder and Mantle -->
<tr bgcolor="#A0CFEE">
<th width=323px style="text-align:center"><h3>LADDER</h3></th>
<th width=46px></th>
<th width=553px style="text-align:center"><h3>MANTLE</h3></th>
</tr>
<tr>
<td><h4>+8 Legendary<br>+7 Epic</br>+6 Fantastic<br>+5 Superb<br>+4 Great<br>+3 Good<br>+2 Fair<br>+1 Average<br>+0 Mediocre<br>-1 Poor<br>-2 Terrible</h4></td>
</td>
<td></td>
<td align="center"><textarea rows="5" cols="50" name="attr_Mantle"></textarea></td>
</tr>
<!-- Table #4 Scale and Stunts -->
<tr bgcolor="#A0CFEE">
<td style="text-align:center"><h3>SCALE</h3></td>
<td></td>
<td style="text-align:center"><h3>STUNTS</h3></td>
</tr>
<tr>
<td><h4>Godlike<br>Legendary<br>Otherworldly<br>Supernatural<br>Mundane</h4><td></td>
<td align="center"><textarea rows="11" cols="50" name="attr_Stunts"></textarea></td>
</tr>
<!-- Table #5 Stress and Conditions -->
<tr bgcolor="#A0CFEE">
<td style="text-align:center"><h3>STRESS</h3></td>
<td></td>
<td style="text-align:center"><h3>CONDITIONS</h3></td>
</tr>
<tr>
<td align="center"><h3>1<input type="checkbox"> 1<input type="checkbox"> 1<input type="checkbox"><br>1<input type="checkbox"> 1<input type="checkbox"> 1<input type="checkbox"></h3><br>Other Types of Stress<br><h3>1<input type="checkbox"> 1<input type="checkbox"> 1<input type="checkbox"></h3></td>
<td></td>
<td><h4><input type="number" name="attr_Peril" value='4' /> In Peril<sm>(p. 117)</sm> <input type="number" name="attr_Doomed" value='6' /> Doomed<sm>(p. 117)</sm><br><br><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"> Indebted <input type="text" name="attr_Indebted"><br><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"> <input type="text" name="attr_Condition1"><br><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"> <input type="text" name="attr_Condition2"><br><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"> <input type="text" name="attr_Condition3"></h4></td>
</tr>
</table>
<!-- Equipment and Notes -->
<table>
<tr bgcolor="#A0CFEE">
<td width=922px style="text-align:center"><h3>EQUIPMENT</h3></td>
</tr>
<tr>
<td><textarea rows="4" cols="50" name="attr_EquipmentArea"></textarea></td>
</tr>
<tr bgcolor="#A0CFEE">
<td style="text-align:center"><h3>NOTES</h3></td>
</tr>
<tr>
<td><textarea rows="4" cols="50" name="attr_NotesArea02"></textarea></td>
</tr>
</table>
Custom HTML Sheet
--------------------------------------
<!-- Dresden Files Accelerated Character Sheet -->
<!-- Dresden Files Accelerated Image Header/Banner -->
<img src="http://www.evilhat.com/home/wp-content/uploads/2015/08/dresden-accelerated-pageheader-updated.jpg" alt="Dresden Files Accelerated Roleplaying Game" height="100%" width="100%">
<!-- Style Notes -->
<style>
table {
display: table;
border-collapse: separate;
border-spacing: 0px;
border-color: #A0CFEE;
}
</style>
<!-- Table #1 Character Name and Refresh -->
<table>
<tr>
<td width=553px><h3>CHARACTER NAME: <input type="text" name="attr_CharacterName"></h3></td>
<td width=46px></td>
<td width=323px><h3>Refresh: <input type="number" name="attr_Refresh"></h3></td>
</tr>
</table>
<!-- Table #2 Approaches and Aspects -->
<table>
<tr bgcolor="#A0CFEE">
<th width=553px style="text-align:center"><h3>APPROACHES</h3></th>
<th width=46px></th>
<th width=323px style="text-align:center"><h3>ASPECTS</h3></th>
</tr>
<tr>
<td><h4><button type='roll' value='/roll 4dF + @{Flair}' name='roll_Flair'></button> Flair<input type="number" name="attr_Flair" /></h4><h4><button type='roll' value='/roll 4dF + @{Focus}' name='roll_Focus'></button> Focus <input type="number" name="attr_Focus" /></h4><h4><button type='roll' value='/roll 4dF + @{Force}' name='roll_Force'></button> Force <input type="number" name="attr_Force" /><br></h4><h4><button type='roll' value='/roll 4dF + @{Guile}' name='roll_Guile'></button> Guile <input type="number" name="attr_Guile" /></h4><h4><button type='roll' value='/roll 4dF + @{Haste}' name='roll_Haste'></button> Haste <input type="number" name="attr_Haste" /></h4><h4><button type='roll' value='/roll 4dF + @{Intellect}' name='roll_Intellect'></button> Intellect <input type="number" name="attr_Intellect" /></h4></td>
<td></td>
<td><h4>High Concept: <input type="text" name="attr_HighConcept"></h4><h4>Trouble: <input type="text" name="attr_Trouble"></h4><h4>Aspect: <input type="text" name="attr_Aspect1"></h4><h4>Aspect: <input type="text" name="attr_Aspect2"></h4><h4>Aspect: <input type="text" name="attr_Aspect3"></h4><h4>.</h4></td>
</tr>
<!-- Table #3 Ladder and Mantle -->
<tr bgcolor="#A0CFEE">
<th width=323px style="text-align:center"><h3>LADDER</h3></th>
<th width=46px></th>
<th width=553px style="text-align:center"><h3>MANTLE</h3></th>
</tr>
<tr>
<td><h4>+8 Legendary<br>+7 Epic</br>+6 Fantastic<br>+5 Superb<br>+4 Great<br>+3 Good<br>+2 Fair<br>+1 Average<br>+0 Mediocre<br>-1 Poor<br>-2 Terrible</h4></td>
</td>
<td></td>
<td align="center"><textarea rows="5" cols="50" name="attr_Mantle"></textarea></td>
</tr>
<!-- Table #4 Scale and Stunts -->
<tr bgcolor="#A0CFEE">
<td style="text-align:center"><h3>SCALE</h3></td>
<td></td>
<td style="text-align:center"><h3>STUNTS</h3></td>
</tr>
<tr>
<td><h4>Godlike<br>Legendary<br>Otherworldly<br>Supernatural<br>Mundane</h4><td></td>
<td align="center"><textarea rows="11" cols="50" name="attr_Stunts"></textarea></td>
</tr>
<!-- Table #5 Stress and Conditions -->
<tr bgcolor="#A0CFEE">
<td style="text-align:center"><h3>STRESS</h3></td>
<td></td>
<td style="text-align:center"><h3>CONDITIONS</h3></td>
</tr>
<tr>
<td align="center"><h3>1<input type="checkbox"> 1<input type="checkbox"> 1<input type="checkbox"><br>1<input type="checkbox"> 1<input type="checkbox"> 1<input type="checkbox"></h3><br>Other Types of Stress<br><h3>1<input type="checkbox"> 1<input type="checkbox"> 1<input type="checkbox"></h3></td>
<td></td>
<td><h4><input type="number" name="attr_Peril" value='4' /> In Peril<sm>(p. 117)</sm> <input type="number" name="attr_Doomed" value='6' /> Doomed<sm>(p. 117)</sm><br><br><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"> Indebted <input type="text" name="attr_Indebted"><br><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"> <input type="text" name="attr_Condition1"><br><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"> <input type="text" name="attr_Condition2"><br><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"> <input type="text" name="attr_Condition3"></h4></td>
</tr>
</table>
<!-- Equipment and Notes -->
<table>
<tr bgcolor="#A0CFEE">
<td width=922px style="text-align:center"><h3>EQUIPMENT</h3></td>
</tr>
<tr>
<td><textarea rows="4" cols="50" name="attr_EquipmentArea"></textarea></td>
</tr>
<tr bgcolor="#A0CFEE">
<td style="text-align:center"><h3>NOTES</h3></td>
</tr>
<tr>
<td><textarea rows="4" cols="50" name="attr_NotesArea02"></textarea></td>
</tr>
</table>