roll20-character-sheets/Undying/undying.html

<div class="sheet-container">
    <div class="sheet-40 sheet-left">
        <div class="sheet-basic-info">
            <div class="sheet-row">
                <span class="sheet-all-caps">Name</span> <input type="text" name="attr_character_name" class="sheet-pull-right">
            </div>
            <div class="sheet-row">
                <span class="sheet-all-caps">Heritage</span> <input type="text" name="attr_heritage" class="sheet-pull-right">
            </div>
            <div class="sheet-row">
                <span class="sheet-all-caps">Maker</span> <input type="text" name="attr_maker" class="sheet-pull-right">
            </div>
            <div class="sheet-row">
            <span class="sheet-all-caps">Look</span>
                <textarea name="attr_look" class="sheet-halfheight sheet-pull-right"></textarea>
            </div>
        </div>
        <h3>Status</h3>
        <textarea name="attr_status"></textarea>
        <div class="sheet-status">
            <div class="sheet-24">
                <input type="radio" name="attr_status_nr" value="3"><span class="sheet-all-caps">Princeps</span><br><b>3</b>
            </div>
            <div class="sheet-24">
                <input type="radio" name="attr_status_nr" value="2"><span class="sheet-all-caps">Patrician</span><br><b>2</b>
            </div>
            <div class="sheet-24">
                <input type="radio" name="attr_status_nr" value="1"><span class="sheet-all-caps">Plebeian</span><br><b>1</b>
            </div>
            <div class="sheet-24">
                <input type="radio" name="attr_status_nr" value="0"><span class="sheet-all-caps">Pariah</span><br><b>0</b>
            </div>
        </div>
        <h3>Debt</h3>
        <div class="sheet-debt">
            <div class="sheet-half">
                <span class="sheet-all-caps">I owe</span>
                <textarea name="attr_owe"></textarea>
            </div>
            <div class="sheet-half">
                <span class="sheet-all-caps">Owed to me</span>
                <textarea name="attr_owed"></textarea>
            </div>
        </div>
    </div><!--
    --><div class="sheet-middle">
        <div class="sheet-humanity">
            <h3>Humanity</h3>
            <div>
                <div class="sheet-half">
                    <input type="radio" name="attr_humanity" value="3"> <b>3</b>
                </div>
                <div class="sheet-half">
                    Humane<br><b>10</b> <span class="sheet-small-text sheet-italic">max. blood</span>
                </div>
            </div>
            <div>
                <div class="sheet-half">
                    <input type="radio" name="attr_humanity" value="2"> <b>2</b>
                </div>
                <div class="sheet-half">
                    Callous<br><b>12</b> <span class="sheet-small-text sheet-italic">max. blood</span>
                </div>
            </div>
            <div>
                <div class="sheet-half">
                    <input type="radio" name="attr_humanity" value="1"> <b>1</b>
                </div>
                <div class="sheet-half">
                    Monstrous<br><b>15</b> <span class="sheet-small-text sheet-italic">max. blood</span>
                </div>
            </div>
            <div>
                <div class="sheet-half">
                    <input type="radio" name="attr_humanity" value="0"> <b>0</b><br>
                    <input type="checkbox" name="attr_last_chance"><span class="sheet-small-text sheet-all-caps">Last Chance</span><br>
                    <input type="checkbox" name="attr_lost_forever"><span class="sheet-small-text sheet-all-caps">Lost forever</span>
                </div>
                <div class="sheet-half sheet-pull-up">
                    Lost<br><b>20</b> <span class="sheet-small-text sheet-italic">max. blood</span>
                </div>
            </div>
        </div>
        <div class="sheet-blood">
            <div class="sheet-half">
                <h3>Blood</h3><br>
                <span class="sheet-all-caps">3 or less: Starving</span>
            </div>
            <div class="sheet-half">
                <input type="text" name="attr_Blood">
                <!-- text to prevent scrolling changing the number – especially in this system accidentally scroll-changing your blood can be desastrous -->
            </div>
        </div>
        <div class="sheet-notes">
            <textarea name="attr_notes" placeholder="Notes"></textarea>
        </div>
    </div><!-- Remove space to make the borders touch
    --><div class="sheet-40 sheet-right">
        <input type="text" name="attr_playbook" placeholder="Playbook name" class="sheet-playbook">
        <span class="sheet-all-caps sheet-bold">Playbook Moves</span>
        <textarea name="attr_playbook_info"></textarea>
        <h3>Hunting grounds</h3>
        <input type="text" name="attr_location" placeholder="Location/Description">
        <h4>Abundance</h4>
        <div>
            <div class="sheet-18">
                <input type="radio" name="attr_abundance" value="3"> 3<br><span class="sheet-small-text sheet-italic">plentiful</span>
            </div>
            <div class="sheet-18">
                <input type="radio" name="attr_abundance" value="2"> 2<br><span class="sheet-small-text sheet-italic">sufficient</span>
            </div>
            <div class="sheet-18">
                <input type="radio" name="attr_abundance" value="1"> 1<br><span class="sheet-small-text sheet-italic">meager</span>
            </div>
            <div class="sheet-18">
                <input type="radio" name="attr_abundance" value="0"> 0<br><span class="sheet-small-text sheet-italic">scarce</span>
            </div>
            <div class="sheet-18">
                <input type="radio" name="attr_abundance" value="-1"><br><span class="sheet-small-text sheet-italic">barren</span>
            </div>
        </div>
        <h4>Awareness</h4>
        <div>
            <div class="sheet-18">
                <input type="radio" name="attr_awareness" value="3"> 3<br><span class="sheet-small-text sheet-italic">oblivious</span>
            </div>
            <div class="sheet-18">
                <input type="radio" name="attr_awareness" value="2"> 2<br><span class="sheet-small-text sheet-italic">inattentive</span>
            </div>
            <div class="sheet-18">
                <input type="radio" name="attr_awareness" value="1"> 1<br><span class="sheet-small-text sheet-italic">suspicious</span>
            </div>
            <div class="sheet-18">
                <input type="radio" name="attr_awareness" value="0"> 0<br><span class="sheet-small-text sheet-italic">vigilant</span>
            </div>
        </div>
        <h4>Proximity</h4>
        <div>
            <div class="sheet-18">
                <input type="radio" name="attr_proximity" value="3"> 3<br><span class="sheet-small-text sheet-italic">central</span>
            </div>
            <div class="sheet-18">
                <input type="radio" name="attr_proximity" value="2"> 2<br><span class="sheet-small-text sheet-italic">close</span>
            </div>
            <div class="sheet-18">
                <input type="radio" name="attr_proximity" value="1"> 1<br><span class="sheet-small-text sheet-italic">distant</span>
            </div>
            <div class="sheet-18">
                <input type="radio" name="attr_proximity" value="0"> 0<br><span class="sheet-small-text sheet-italic">remote</span>
            </div>
        </div>
    </div>
</div>