roll20-character-sheets/Fate_Accelerated/fate.html

<div class='sheet-2colrow'>
    <div class="sheet-col-id sheet-col">
        <div class="sheet-header">Name</div>
        <input type="text" name="attr_name"  placeholder="Name" title="@{name}"/>
        <textarea name="attr_description"  placeholder="Description" title="@{description}"></textarea>
    </div> <!-- .section-id -->

    <div class="sheet-col-refresh sheet-col">
        <div>
            <img class="sheet-logo" src="http://www.evilhat.com/home/wp-content/uploads/2012/12/Fate-Accelerated.jpg" alt="FATE ACCELERATED" />
        </div>
        <div class="sheet-under-logo">
            <label>Refresh <input type="number" name="attr_refresh"  placeholder="Refresh" title="@{refresh}"/></label>
            <label>Current <input type="number" name="attr_current_fate_points"  placeholder="Current Fate Points" title="@{current_fate_points}"/></label>
        </div>
    </div> <!-- .section-refresh -->
</div>

<div class="sheet-break"></div>

<div class='sheet-2colrow'>
    <div class="sheet-col-aspects sheet-col">
        <div class="sheet-header">Aspects</div>
        <input type="text" name="attr_high_concept" placeholder="High Concept Aspect" title="@{high_concept}"/>
        <input type="text" name="attr_trouble" placeholder="Trouble Aspect" title="@{trouble}"/>
        <fieldset class="repeating_aspects">
            <input type="text" name="attr_aspect" />
        </fieldset>
    </div> <!-- .section-aspects -->

    <div class="sheet-col-approaches sheet-col">
        <div class="sheet-header">Approaches</div>
        <table class="sheet-approaches">
            <tbody>
            <tr>
                <td><button type='roll' value='&{template:FAE} {{name=@{name}}} {{approach=Careful}} {{roll=[[4DF+@{careful}]]}}' name='roll_careful' /></td>
                <td><label>Careful</label></td>
                <td><input type="number" name="attr_careful" title="@{careful}"/></td>
            </tr>
            <tr>
                <td><button type='roll' value='&{template:FAE} {{name=@{name}}} {{approach=Clever}} {{roll=[[4DF+@{clever}]]}}' name='roll_clever' /></td>
                <td><label>Clever</label></td>
                <td><input type="number" name="attr_clever" title="@{clever}"/></td>
            </tr>
            <tr>
                <td><button type='roll' value='&{template:FAE} {{name=@{name}}} {{approach=Flashy}} {{roll=[[4DF+@{flashy}]]}}' name='roll_flashy' /></td>
                <td><label>Flashy</label></td>
                <td><input type="number" name="attr_flashy" title="@{flashy}"/></td>
            </tr>
            <tr>
                <td><button type='roll' value='&{template:FAE} {{name=@{name}}} {{approach=Forceful}} {{roll=[[4DF+@{forceful}]]}}' name='roll_forceful' /></td>
                <td><label>Forceful</label></td>
                <td><input type="number" name="attr_forceful" title="@{forceful}"/></td>
            </tr>
            <tr>
                <td><button type='roll' value='&{template:FAE} {{name=@{name}}} {{approach=Quick}} {{roll=[[4DF+@{quick}]]}}' name='roll_quick' /></td>
                <td><label>Quick</label></td>
                <td><input type="number" name="attr_quick" title="@{quick}"/></td>
            </tr>
            <tr>
                <td><button type='roll' value='&{template:FAE} {{name=@{name}}} {{approach=Sneaky}} {{roll=[[4DF+@{sneaky}]]}}' name='roll_sneaky' /></td>
                <td><label>Sneaky</label></td>
                <td><input type="number" name="attr_sneaky" title="@{sneaky}"/></td>
            </tr>
            <tr>
                <td><button type='roll' value='&{template:FAE}{{name=@{name}}}{{effect=?{Approach|Careful, Careful: [[4DF+ @{careful}]]|Clever, Clever: [[4DF+ @{clever}]]|Flashy, Flashy: [[4DF+ @{flashy}]]|Forceful,Forceful: [[4DF+ @{forceful}]]|Quick,Quick: [[4DF+ @{quick}]]|Sneaky,Sneaky: [[4DF+ @{sneaky}]]}}}' name='roll_approachesy' /></td>
                <td><label>Approaches</label></td>
            </tr>
            </tbody>
        </table>
    </div> <!-- .section-approaches -->
</div>

<div class="sheet-row">
    <div class="sheet-col-stunts sheet-col " style="width:100%">
        <div class="sheet-header">Stunts</div>
        <textarea name="attr_stunts"  title="@{stunts}"></textarea>
    </div> <!-- .section-stunts -->
</div>

<div class="sheet-break"></div>

<div class='sheet-2colrow'>
    <div class="sheet-col-consequences sheet-col">
        <div class="sheet-header">Consequences</div>
        <fieldset class="repeating_consequences">
            <input type="text" name="attr_consequence" />
    		<select name="attr_consequences_type">
				<option value="2">Mild(-2)</option>
				<option value="4">Moderate(-4)</option>
				<option value="6">Severe(-6)</option>
			</select>
        </fieldset>
    </div> <!-- .section-consequences -->

    <div class="sheet-col-stress sheet-col ">
        <div class="sheet-header">Stress</div>
        <div class="sheet-section">
            <table class="sheet-stress">
                <tbody>
                <tr>
                    <td>
                        <div class="sheet-checkbox-label-div">
                            <input class="sheet-stress-check" type="checkbox" name="attr_stress1" value="1" title="@{stress1}" />
                            <label></label>
                        </div>
                    </td>
                    <td>
                        <div class="sheet-checkbox-label-div">
                            <input class="sheet-stress-check" type="checkbox" name="attr_stress2" value="2" title="@{stress2}" />
                            <label></label>
                        </div>
                    </td>
                    <td>
                        <div class="sheet-checkbox-label-div">
                            <input class="sheet-stress-check" type="checkbox" name="attr_stress3" value="3" title="@{stress3}" />
                            <label></label>
                        </div>
                    </td>
                </tr>
                <tr>
                    <th><h4>1</h4></th>
                    <th><h4>2</h4></th>
                    <th><h4>3</h4></th>
                </tr>
                </tbody>
            </table>
        </div>
    </div> <!-- .section-stress -->
</div>

<div class="sheet-break"></div>

<div class="sheet-row">
    <div class="sheet-col-extras sheet-col " style="width:100%">
        <div class="sheet-header">Extras</div>
        <textarea name="attr_Extras"></textarea>
    </div> <!-- .section-extra -->
</div>

<rolltemplate class="sheet-rolltemplate-FAE">
    <table>
    	<tr><th>{{name}}</th></tr>
		{{#approach}}
			<tr><th>{{approach}}</th></tr>
		{{/approach}}
	
		<tr class="arrow-container"><td><div class="arrow-right"></div></td></tr>		

		{{#roll}}
			<tr><td><span class="tcat">Roll: </span>{{roll}}</td></tr>
		{{/roll}}
		{{#effect}}
			<tr><td><span class="tcat">Effect: </span>{{effect}}</td></tr>
		{{/effect}}
    </table>
</rolltemplate>