roll20-character-sheets/unwritten/unwritten.html

<div class="con">
    <div class="head">
        <div class="headcell1"></div>
        <div class="headcell2">
            <label for="attr_character_name"> <b style="text-align: right;">Name </b> </label>
            <input type="text" name="attr_character_name" class="form-textbox"/>
            <label for="attr_concept"> <b style="text-align: right;"><br>High Concept </b></label>
            <textarea class="high-concept" name="attr_concept"></textarea>
        </div>
        <div class="headcell3">
            <label for="attr_refresh"> <b style="text-align: right;">Refresh </b></label>
            <input type="text" class="round" name="attr_refresh"></input>
            <label for="attr_character_name"> <b style="text-align: right;">Fate Points </b> </label>
            <input type="text" class="round" name="attr_Fate" class="form-textbox"/>
        </div>
    </div>
    <hr>
    <div class="r2">
        <div class="midleft">
            <label>Journey Aspects</label>
            <input type="text" name="attr_JourneyAspects1" class="form-textbox"/>
            <input type="text" name="attr_JourneyAspects2" class="form-textbox"/>
            <input type="text" name="attr_JourneyAspects3" class="form-textbox"/>
            <input type="text" name="attr_JourneyAspects4" class="form-textbox"/></div>
        <div class="divTable">
            <label>Skills</label>
            <div class="divTableBody">
                <div class="divTableRow">

                    <div class="divTableCell"> <button class="genButton" type='roll' value="&{template:attack}{{rollname=Superb (+5)}} {{A0=[[4df+5]]}}">> Superb (+5)</button></div>
                    <div class="divTableCell">
                        <input type="text" class="tc" name="attr_3"/></div>
                    <div class="divTableCell">
                        <input type="text" class="tc" name="attr_4"/></div>
                    <div class="divTableCell">
                        <input type="text" class="tc" name="attr_5"/></div>
                    <div class="divTableCell">
                        <input type="text" class="tc" name="attr_6"/></div>
                    <div class="divTableCell">
                        <input type="text" class="tc" name="attr_7"/></div>
                </div>
                <div class="divTableRow">
                    <div class="divTableCell"><button class="genButton" type='roll' value="&{template:attack}{{rollname=Great (+4)}} {{A0=[[4df+4]]}}">> Great (+4)</button></div>
                    <div class="divTableCell">
                        <input type="text" class="tc" name="attr_8"/></div>
                    <div class="divTableCell">
                        <input type="text" class="tc" name="attr_9"/></div>
                    <div class="divTableCell">
                        <input type="text" class="tc" name="attr_10"/></div>
                    <div class="divTableCell">
                        <input type="text" class="tc" name="attr_11"/></div>
                    <div class="divTableCell">
                        <input type="text" class="tc" name="attr_12"/></div>
                </div>
                <div class="divTableCell"><button class="genButton" type='roll' value="&{template:attack}{{rollname=Good (+3)}} {{A0=[[4df+3]]}}">> Good (+3)</button></div>
                <div class="divTableCell">
                    <input type="text" class="tc" name="attr_13"/></div>
                <div class="divTableCell">
                    <input type="text" class="tc" name="attr_14"/></div>
                <div class="divTableCell">
                    <input type="text" class="tc" name="attr_15"/></div>
                <div class="divTableCell">
                    <input type="text" class="tc" name="attr_16"/></div>
                <div class="divTableCell">
                    <input type="text" class="tc" name="attr_17"/></div>
            </div>
            <div class="divTableRow">
                <div class="divTableCell"><button class="genButton" type='roll' value="&{template:attack}{{rollname=Fair (+2)}} {{A0=[[4df+2]]}}">> Fair (+2)</button>
                </div>
                <div class="divTableCell">
                    <input type="text" class="tc" name="attr_18"/></div>
                <div class="divTableCell">
                    <input type="text" class="tc" name="attr_19"/></div>
                <div class="divTableCell">
                    <input type="text" class="tc" name="attr_20"/></div>
                <div class="divTableCell">
                    <input type="text" class="tc" name="attr_21"/></div>
                <div class="divTableCell">
                    <input type="text" class="tc" name="attr_22"/></div>
            </div>
            <div class="divTableRow">
                <div class="divTableCell"><button class="genButton" type='roll' value="&{template:attack}{{rollname=Adequate (+1)}} {{A0=[[4df+1]]}}">> Adequate (+1)</button></div>
                <div class="divTableCell">
                    <input type="text" class="tc" name="attr_23"/></div>
                <div class="divTableCell">
                    <input type="text" class="tc" name="attr_24"/></div>
                <div class="divTableCell">
                    <input type="text" class="tc" name="attr_25"/></div>
                <div class="divTableCell">
                    <input type="text" class="tc" name="attr_26"/></div>
                <div class="divTableCell">
                    <input type="text" class="tc" name="attr_27"/></div>
            </div>

            <div class="divTableRow">
                <div class="divTableCell"><button class="genButton" type='roll' value="&{template:attack}{{rollname=Base (+0)}} {{A0=[[4df]]}}">> Base (+0)</button></div>
                <div class="divTableCell">
                    <input type="text" class="tc" name="attr_28"/></div>
                <div class="divTableCell">
                    <input type="text" class="tc" name="attr_29"/></div>
                <div class="divTableCell">
                    <input type="text" class="tc" name="attr_30"/></div>
                <div class="divTableCell">
                    <input type="text" class="tc" name="attr_31"/></div>
                <div class="divTableCell">
                    <input type="text" class="tc" name="attr_32"/></div>
            </div>
        </div>
    </div>
    <div class="r3">
        <div style="clear:both">
            <br>
            <div class="stunts">
                <label>Stunts</label>
                <textarea name="attr_stunts"></textarea>
            </div>
            <div class="otherresources">
                <label>Custom Resources</label>
                <textarea name="attr_otherresources"></textarea>
            </div>
            <div class="resources">
                <label>Resources</label>
                <textarea name="attr_resources"></textarea>
            </div>
        </div>
        <hr>
    </div>

    <div>
        <div class="cons">
            <label>Consequences</label>
            <div class="c1">
                <ul class="bltless">
                    <li>
                        <label for="attr_minor_1"> <b style="text-align: right;">Minor: </b> </label>
                        <input type="text" name="attr_minor_1"/></li>
                    <li>
                        <label for="attr_minor_2"> <b style="text-align: right;"> </b> </label>
                        <input type="text" name="attr_minor_2"/></li>
                    <li>
                        <label for="attr_minor_3"> <b style="text-align: right;"> </b> </label>
                        <input type="text" name="attr_minor_3"/></li>
                </ul>
            </div>
            <div class="c1a">
                <ul class="bltless">
                    <br>
                    <li>
                        <div class="roundcb">
                            <input type="checkbox" id="concheck1" name="attr_concheck1"/>
                            <label for="concheck1"></label>
                        </div>
                    </li>
                    <br>
                    <li>
                        <div class="roundcb">
                            <input type="checkbox" id="concheck2" name="attr_concheck2"/>
                            <label for="concheck2"></label>
                        </div>
                    </li>
                    <br>
                    <li>
                        <div class="roundcb">
                            <input type="checkbox" id="concheck3" name="attr_concheck3"/>
                            <label for="concheck3"></label>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="c2">
                <ul class="bltless">
                    <li>
                        <label for="attr_moderate_1"> <b style="text-align: right;">Moderate: </b> </label>
                        <input type="text" name="attr_moderate_1"/></li>
                    <li>
                        <label for="attr_moderate_2"> <b style="text-align: right;"> </b> </label>
                        <input type="text" name="attr_moderate_2"/></li>
                    <li>
                        <label for="attr_moderate_3"> <b style="text-align: right;"> </b> </label>
                        <input type="text" name="attr_moderate_3"/></li>
                </ul>
            </div>
            <div class="c2a">
                <ul class="bltless">
                    <br>
                    <li>
                        <div class="roundcb">
                            <input type="checkbox" id="concheck4" name="attr_concheck4"/>
                            <label for="concheck4"></label>
                        </div>
                    </li>
                    <br>
                    <li>
                        <div class="roundcb">
                            <input type="checkbox" id="concheck5" name="attr_concheck5"/>
                            <label for="concheck5"></label>
                        </div>
                    </li>
                    <br>
                    <li>
                        <div class="roundcb">
                            <input type="checkbox" id="concheck6" name="attr_concheck6"/>
                            <label for="concheck6"></label>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="c3">
                <ul class="bltless">
                    <li>
                        <label for="attr_severe_1"> <b style="text-align: right;">Severe: </b> </label>
                        <input type="text" name="attr_severe_1"/></li>
                    <li>
                        <label for="attr_severe_2"> <b style="text-align: right;"> </b> </label>
                        <input type="text" name="attr_severe_2"/></li>
                    <li>
                        <label for="attr_severe_3"> <b style="text-align: right;"> </b> </label>
                        <input type="text" name="attr_severe_3"/>
                </ul>
            </div>
            <div class="c3a">
                <ul class="bltless">
                    <br>
                    <li>
                        <div class="roundcb">
                            <input type="checkbox" id="concheck7" name="attr_concheck" 7/>
                            <label for="concheck7"></label>
                        </div>
                    </li>
                    <br>
                    <li>
                        <div class="roundcb">
                            <input type="checkbox" id="concheck8" name="attr_concheck8"/>
                            <label for="concheck8"></label>
                        </div>
                    </li>
                    <br>
                    <li>
                        <div class="roundcb">
                            <input type="checkbox" id="concheck9" name="attr_concheck9"/>
                            <label for="concheck9"></label>
                        </div>
                    </li>
                </ul>
            </div>
        </div>


    </div>
    <rolltemplate class="sheet-rolltemplate-attack">

                <div class="template-header">{{rollname}}</div>
                <div class="sheet-template-row">Roll: {{A0}}</div>

    </rolltemplate>