roll20-character-sheets/Fugue/Fugue.html

<div class='sheet-head'>
    <label style='display:inline;'>The Fugue System 2014--Simple Sheet</label>
    <label style='display:inline;'>Player: </label>
    <input name='attr_player' type='text' style='display:inline; width:125px;'>
    <label style='display:inline; margin-left:10px;'>Campaign: </label>
    <input name='attr_campaign' type='text' style='display:inline; width:125px;'>
</div>
<div class='sheet-character'>
    <div>
        <label style='display:inline;'>Name: </label>
        <input name='attr_name' style='display:inline;' type='text'>
    </div>
    <div style='margin-top:10px; float:left; width:300px;'>
        <div class='stats'>
            <div>
                <label class='sheet-stats' style=''>
                    Body: 
                    [<input name='attr_body' style='width:125px; display:inline;' type='text'>]
                    (<input name='attr_bodyNum' type='number' style='display:inline; width:50px;'>)  
                </label>
            </div>
            <div style='width:350px;'>
                <label class='sheet-stats' style=''>
                    Mind: 
                    [<input name='attr_mind' style='width:125px; display:inline;' type='text'>]
                    (<input name='attr_mindNum' type='number' style='display:inline; width:50px;'>)
                </label>
            </div>
            <div style='width:350px;'>
                <label class='sheet-stats' style=''>
                    Soul: 
                    [<input name='attr_soul' style='width:125px; display:inline;' type='text'>}
                    (<input name='attr_soulNum' type='number' style='display:inline; width:50px;'>)
                </label>
            </div>
        </div>
    </div>
    <div class='sheet-calcs' style='margin-top:10px; float:left; width:300px; height:150px;'>
        <div>
            <div>
                <label class='sheet-calcs' style=''>
                    Health: 
                    (<input name='attr_health' style='display:inline; width:40px' type='number'>
                    ) 1/2 [<input  name='attr_health12' type='text' style='display:inline; width:30px;'>
                    ] 1/4 [<input  name='attr_health14' type='text' style='display:inline; width:30px;'>]
                </label>
            </div>
            <div style='width:350px;'>
                <label class='sheet-calcs' style=''>
                    Psyche: 
                    (<input name='attr_psyche' style='display:inline; width:40px' type='number'>
                    ) 1/2 [<input name='attr_psyche12' type='text' style='display:inline; width:30px'>
                    ] 1/4 [<input name='attr_psyche14' type='text' style='display:inline; width:30px'>]
                </label>
            </div>
        </div>
    </div>
</div>
<div class='sheet-info' style='float:right; display:inline;'>
    <h3>The Fugue Ladder</h3><br/>
    <table>
        <tr>
            <td width='20'>
                11
            </td>
            <td width='100'>
                Legendary
            </td>
            <td>
                +4
            </td>
        </tr>
        <tr>
            <td>
                10
            </td>
            <td>
                Superb
            </td>
            <td>
                +3
            </td>
        </tr>
        <tr>
            <td>
                09
            </td>
            <td>
                Great
            </td>
            <td>
                +2
            </td>
        </tr>
        <tr>
            <td>
                08
            </td>
            <td>
                Good
            </td>
            <td>
                +1
            </td>
        </tr>
        <tr>
            <td>
                07
            </td>
            <td>
                Fair
            </td>
            <td>
                +0
            </td>
        </tr>
        <tr>
            <td>
                06
            </td>
            <td>
                Mediocre
            </td>
            <td>
                -1
            </td>
        </tr>
        <tr>
            <td>
                05
            </td>
            <td>
                Poor
            </td>
            <td>
                -2
            </td>
        </tr>
        <tr>
            <td>
                04
            </td>
            <td>
                Terrible
            </td>
            <td>
                -3
            </td>
        </tr>
        <tr>
            <td>
                03
            </td>
            <td>
                Awful
            </td>
            <td>
                -4
            </td>
        </tr>
    </table>
    <br/>
    <br/>
    <h4>Rule of Extremes;</h4>
    <table>
        <tr>
            <td>AUTOMATIC FAULURE</td>
            <td>(All 1's)</td>
        </tr>
        <tr>
            <td>AUTOMATIC SUCCESS</td>
            <td>(All 6's)</td>
        </tr>
    </table>
</div>
<div style='float:left;'>
    <label>Profession:</label> <textarea name='attr_profession' style='height:50px; width:400px;'></textarea><br/>
    <label>Cliche:</label> <textarea name='attr_cliche' style='height:50px; width:400px;'></textarea><br/>
    <label>Skills:</label> <textarea name='attr_skills' style='height:50px; width:400px;'></textarea>
</div>