roll20-character-sheets/Cyberspace/Cyberspace.html

<div class='sheet-main'>
    <div class='sheet-page-title'>CYBERSPACE CHARACTER RECORD SHEET</div>
    <div style='height:25px'></div>
    <div>
        <div class='sheet-4colrow'>
            <div class='sheet-col'>
                <label>Name <input type='text' class='sheet-name-field' name='attr_Name'></input></label>
            </div>
            <div class='sheet-col'>
                <label>
                    Profession <select class='sheet-profession-field' name='attr_Profession'>
                        <option></option>
                        <option>Jockey</option>
                        <option>Killer</option>
                        <option>Net Junkie</option>
                        <option>Sleaze</option>
                        <option>Sneak</option>
                        <option>Tech Rat</option>
                    </select>
                </label>
            </div>
            <div class='sheet-col'>
                <label>Level <input type='text' class='sheet-level-field' name='attr_Level'></input></label>
            </div>
            <div class='sheet-col'>
                <label>Exp <input type='text' class='sheet-exp-points-field' name='attr_ExperiencePoints'></input></label>
            </div>
        </div>
    </div>

    <div style="height:10px"></div>
    <input type="radio" name="attr_tab" class="sheet-tab sheet-tab1" style="margin-left:100px" value="1" title="Stats" checked="checked" /><span></span>
    <input type="radio" name="attr_tab" class="sheet-tab sheet-tab2" value="2" title="Skills" /><span></span>
    <input type="radio" name="attr_tab" class="sheet-tab sheet-tab3" value="3" title="Equipment" /><span></span>
    <input type="radio" name="attr_tab" class="sheet-tab sheet-tab4" value="4" title="Notes" /><span></span>

    <div class='sheet-tab-content sheet-tab1 sheet-top-padding'>
        <div class='sheet-section'>
            <div>
                <div class='sheet-inline-block'>
                    <label>Sex <input type='text' class='sheet-sex-field' name='attr_Sex'</input></label>
                </div>
                <div class='sheet-inline-block'>
                    <label>Age <input type='text' class='sheet-age-field' name='attr_Age'</input></label>
                </div>
                <div class='sheet-inline-block'>
                    <label>Ht <input type='text' class='sheet-height-field' name='attr_Height'</input></label>
                </div>
                <div class='sheet-inline-block'>
                    <label>Wt <input type='text' class='sheet-weight-field' name='attr_Weight'</input></label>
                </div>
            </div>
            <div>
                <div class='sheet-inline-block'>
                    <label>Hair <input type='text' class='sheet-hair-field' name='attr_Hair'</input></label>
                </div>
                <div class='sheet-inline-block'>
                    <label>Eyes <input type='text' class='sheet-eyes-field' name='attr_Eyes'</input></label>
                </div>
            </div>
            <div>
                <div class='sheet-inline-block'>
                    <label>Hand <input type='text' class='sheet-hand-field' name='attr_Hand'</input></label>
                </div>
                <div class='sheet-inline-block'>
                    <label>Off-Hand Penalty <input type='text' class='sheet-off-hand-penalty-field' name='attr_OffHandPenalty'</input></label>
                </div>
            </div>
            <div>
                <label>Origin <input type='text' name='attr_Origin'</input></label>
            </div>
            <div>
                <label>Social Class <input type='text' name='attr_SocialClass'</input></label>
            </div>
            <div>
                <label>Affiliation <input type='text' name='attr_Affiliation'</input></label>
            </div>
            <div>
                <label>Dollars (Cash) <input type='text' name='attr_Cash'</input></label>
            </div>
            <div>
                <label>Dollars (Acccount) <input type='text' name='attr_Account'</input></label>
            </div>
            <div>
                <label>Income <input type='text' name='attr_Income'</input></label>
            </div>
        </div>
        <div class='sheet-section'>
            <div class='sheet-table-header-row'>
                <div class='sheet-stat-name-col'>
                    Stat
                </div>
                <div class='sheet-stat-value-col'>
                    Value
                </div>
                <div class='sheet-stat-bonus-col'>
                    Bonus
                </div>
            </div>
            <div>
                <div class='sheet-stat-name-col'>
                    <label>Co</label>
                </div>
                <div class='sheet-stat-value-col'>
                    <input type='text' name='attr_CoValue' class='sheet-stat-box'></input>
                </div>
                <div class='sheet-stat-bonus-col'>
                    <input type='text' name='attr_CoBonus' class='sheet-stat-box'></input>
                </div>
            </div>
            <div>
                <div class='sheet-stat-name-col'>
                    <label>Ag</label>
                </div>
                <div class='sheet-stat-value-col'>
                    <input type='text' name='attr_AgValue' class='sheet-stat-box'></input>
                </div>
                <div class='sheet-stat-bonus-col'>
                    <input type='text' name='attr_AgBonus' class='sheet-stat-box'></input>
                </div>
            </div>
            <div>
                <div class='sheet-stat-name-col'>
                    <label>SD</label>
                </div>
                <div class='sheet-stat-value-col'>
                    <input type='text' name='attr_SDValue' class='sheet-stat-box'></input>
                </div>
                <div class='sheet-stat-bonus-col'>
                    <input type='text' name='attr_SDBonus' class='sheet-stat-box'></input>
                </div>
            </div>
            <div>
                <div class='sheet-stat-name-col'>
                    <label>Me</label>
                </div>
                <div class='sheet-stat-value-col'>
                    <input type='text' name='attr_MeValue' class='sheet-stat-box'></input>
                </div>
                <div class='sheet-stat-bonus-col'>
                    <input type='text' name='attr_MeBonus' class='sheet-stat-box'></input>
                </div>
            </div>
            <div>
                <div class='sheet-stat-name-col'>
                    <label>Re</label>
                </div>
                <div class='sheet-stat-value-col'>
                    <input type='text' name='attr_ReValue' class='sheet-stat-box'></input>
                </div>
                <div class='sheet-stat-bonus-col'>
                    <input type='text' name='attr_ReBonus' class='sheet-stat-box'></input>
                </div>
            </div>
            <div>
                <div class='sheet-stat-name-col'>
                    <label>St</label>
                </div>
                <div class='sheet-stat-value-col'>
                    <input type='text' name='attr_StValue' class='sheet-stat-box'></input>
                </div>
                <div class='sheet-stat-bonus-col'>
                    <input type='text' name='attr_StBonus' class='sheet-stat-box'></input>
                </div>
            </div>
            <div>
                <div class='sheet-stat-name-col'>
                    <label>Qu</label>
                </div>
                <div class='sheet-stat-value-col'>
                    <input type='text' name='attr_QuValue' class='sheet-stat-box'></input>
                </div>
                <div class='sheet-stat-bonus-col'>
                    <input type='text' name='attr_QuBonus' class='sheet-stat-box'></input>
                </div>
            </div>
            <div>
                <div class='sheet-stat-name-col'>
                    <label>Pr</label>
                </div>
                <div class='sheet-stat-value-col'>
                    <input type='text' name='attr_PrValue' class='sheet-stat-box'></input>
                </div>
                <div class='sheet-stat-bonus-col'>
                    <input type='text' name='attr_PrBonus' class='sheet-stat-box'></input>
                </div>
            </div>
            <div>
                <div class='sheet-stat-name-col'>
                    <label>In</label>
                </div>
                <div class='sheet-stat-value-col'>
                    <input type='text' name='attr_InValue' class='sheet-stat-box'></input>
                </div>
                <div class='sheet-stat-bonus-col'>
                    <input type='text' name='attr_InBonus' class='sheet-stat-box'></input>
                </div>
            </div>
            <div>
                <div class='sheet-stat-name-col'>
                    <label>Em</label>
                </div>
                <div class='sheet-stat-value-col'>
                    <input type='text' name='attr_EmValue' class='sheet-stat-box'></input>
                </div>
                <div class='sheet-stat-bonus-col'>
                    <input type='text' name='attr_EmBonus' class='sheet-stat-box'></input>
                </div>
            </div>
            <div>
                <div class='sheet-stat-name-col'>
                    <label>Ap</label>
                </div>
                <div class='sheet-stat-value-col'>
                    <input type='text' name='attr_ApValue' class='sheet-stat-box'></input>
                </div>
                <div class='sheet-stat-bonus-col'>
                    <input type='text' name='attr_ApBonus' class='sheet-stat-box' value='N/A' disabled='true'></input>
                </div>
            </div>
        </div>
        <div class='sheet-section-borderless'>
            <div class='sheet-section'>
                <div>
                    <label>Hit Total <input type='text' class='sheet-hit-total-field' name='attr_HitTotal'></input></label>
                </div>
                <div>
                    <label>Armor Worn <input type='text' class='sheet-armor-worn-field' name='attr_ArmorWorn'></input></label>
                </div>
                <div>
                    <label>Defensive Bonus (DB) <input type='text' class='sheet-defensive-bonus-field' name='attr_DefensiveBonus'></input></label>
                </div>
                <div>
                    May run for <input type='text' class='sheet-run-round-count' name='attr_RunRoundCount' disabled='true' value='@{CoBonus} + 5'></input> rounds
                </div>
            </div>
            <div class='sheet-section-block'>
                <div class='sheet-table-header-row' style='text-align:center'>Cyber Systems</div>
                <div>
                    <label>CIRS Stat <input type='text' class='sheet-cirs-stat-field' name='attr_cirsStat'></input></label>
                </div>
                <fieldset class="repeating_CyberSystems">
                    <div>
                        <div>
                            <input type='text' class='sheet-cyber-system-field' name='attr_CyberSystem'></input>
                        </div>
                    </div>
                </fieldset>
            </div>
        </div>
    </div>

    <div class='sheet-tab-content sheet-tab2 sheet-top-padding'>
        <div class='sheet-section'>
            <div class='sheet-8colrow  sheet-header-row'>
                <div class='sheet-col sheet-skill-name-column'>
                    Skill
                </div>
                <div class='sheet-col sheet-skill-rank-column'>
                    Rank
                </div>
                <div class='sheet-col sheet-skill-stat-column'>
                    Stat
                </div>
                <div class='sheet-col sheet-skill-prof-column'>
                    Prof
                </div>
                <div class='sheet-col sheet-skill-equip-column'>
                    Equip
                </div>
                <div class='sheet-col sheet-skill-spec-column'>
                    Spec
                </div>
                <div class='sheet-col sheet-skill-spec-column'>
                    Spec
                </div>
                <div class='sheet-col sheet-skill-total-column'>
                    Total
                </div>
            </div>
            <div class='sheet-8colrow'>
                <div class='sheet-col sheet-skill-name-column'>
                    <input type='text' class='sheet-skill-name-field' name='attr_Name' value='Body Development' disabled='true'></input>
                </div>
                <div class='sheet-col sheet-skill-rank-column'>
                    <input type='text' class='sheet-skill-rank-field' name='attr_Rank'></input>
                </div>
                <div class='sheet-col sheet-skill-stat-column'>
                    <input type='text' class='sheet-skill-stat-field' name='attr_Stat'></input>
                </div>
                <div class='sheet-col sheet-skill-prof-column'>
                    <input type='text' class='sheet-skill-prof-field' name='attr_Prof'></input>
                </div>
                <div class='sheet-col sheet-skill-equip-column'>
                    <input type='text' class='sheet-skill-equip-field' name='attr_Equip'></input>
                </div>
                <div class='sheet-col sheet-skill-spec-column'>
                    <input type='text' class='sheet-skill-spec-field' name='attr_Spec1' value='10' disabled='true'></input>
                </div>
                <div class='sheet-col sheet-skill-spec-column'>
                    <input type='text' class='sheet-skill-spec-field' name='attr_Spec2'></input>
                </div>
                <div class='sheet-col sheet-skill-total-column'>
                    <input type='text' class='sheet-skill-total-field' name='attr_Total'></input>
                </div>
            </div>
            <fieldset class="repeating_Skills">
                <div class='sheet-8colrow'>
                    <div class='sheet-col sheet-skill-name-column'>
                        <input type='text' class='sheet-skill-name-field' name='attr_Name'></input>
                    </div>
                    <div class='sheet-col sheet-skill-rank-column'>
                        <input type='text' class='sheet-skill-rank-field' name='attr_Rank'></input>
                    </div>
                    <div class='sheet-col sheet-skill-stat-column'>
                        <input type='text' class='sheet-skill-stat-field' name='attr_Stat'></input>
                    </div>
                    <div class='sheet-col sheet-skill-prof-column'>
                        <input type='text' class='sheet-skill-prof-field' name='attr_Prof'></input>
                    </div>
                    <div class='sheet-col sheet-skill-equip-column'>
                        <input type='text' class='sheet-skill-equip-field' name='attr_Equip'></input>
                    </div>
                    <div class='sheet-col sheet-skill-spec-column'>
                        <input type='text' class='sheet-skill-spec-field' name='attr_Spec1'></input>
                    </div>
                    <div class='sheet-col sheet-skill-spec-column'>
                        <input type='text' class='sheet-skill-spec-field' name='attr_Spec2'></input>
                    </div>
                    <div class='sheet-col sheet-skill-total-column'>
                        <input type='text' class='sheet-skill-total-field' name='attr_Total'></input>
                    </div>
                </div>
            </fieldset>
        </div>
        <div class='sheet-section'>
            <div class='sheet-header-row'>
                <div class='sheet-language-column'>
                    Language
                </div>
                <div class='sheet-language-degree-column'>
                    Degree
                </div>
            </div>
            <fieldset class="repeating_Languages">
                <div>
                    <div class='sheet-language-column'>
                        <input type='text' class='sheet-language-field' name='attr_Language'></input>
                    </div>
                    <div class='sheet-language-degree-column'>
                        <input type='text' class='sheet-language-degree-field' name='attr_LanguageDegree'></input>
                    </div>
                </div>
            </fieldset>
        </div>
    </div>

    <div class='sheet-tab-content sheet-tab3 sheet-top-padding'>
        <div class='sheet-section-block'>
            <div class='sheet-12colrow sheet-header-row'>
                <div class='sheet-col sheet-weapon-field'>Weapon</div>
                <div class='sheet-col sheet-weapon-rank-field'>Rank</div>
                <div class='sheet-col sheet-weapon-stat-field'>Stat</div>
                <div class='sheet-col sheet-weapon-prof-field'>Prof</div>
                <div class='sheet-col sheet-weapon-equip-field'>Equip</div>
                <div class='sheet-col sheet-weapon-spec-field'>Spec</div>
                <div class='sheet-col sheet-weapon-total-field'>Total</div>
                <div class='sheet-col sheet-weapon-point-blank-field'>Point Blank</div>
                <div class='sheet-col sheet-weapon-short-range-field'>Short Range</div>
                <div class='sheet-col sheet-weapon-med-range-field'>Med Range</div>
                <div class='sheet-col sheet-weapon-long-range-field'>Long Range</div>
                <div class='sheet-col sheet-weapon-fail-field'>Fail</div>
            </div>
            <fieldset class="repeating_Weapons">
                <div class='sheet-12colrow'>
                    <div class='sheet-col'>
                        <input type='text' class='sheet-weapon-field' name='attr_Weapon'></input>
                    </div>
                    <div class='sheet-col'>
                        <input type='text' class='sheet-weapon-rank-field' name='attr_WeaponRank'></input>
                    </div>
                    <div class='sheet-col'>
                        <input type='text' class='sheet-weapon-stat-field' name='attr_WeaponStat'></input>
                    </div>
                    <div class='sheet-col'>
                        <input type='text' class='sheet-weapon-prof-field' name='attr_WeaponProf'></input>
                    </div>
                    <div class='sheet-col'>
                        <input type='text' class='sheet-weapon-equip-field' name='attr_WeaponEquip'></input>
                    </div>
                    <div class='sheet-col'>
                        <input type='text' class='sheet-weapon-spec-field' name='attr_WeaponSpec'></input>
                    </div>
                    <div class='sheet-col'>
                        <input type='text' class='sheet-weapon-total-field' name='attr_WeaponTotal'></input>
                    </div>
                    <div class='sheet-col'>
                        <input type='text' class='sheet-weapon-point-blank-field' name='attr_WeaponPointBlank'></input>
                    </div>
                    <div class='sheet-col'>
                        <input type='text' class='sheet-weapon-short-range-field' name='attr_WeaponShortRange'></input>
                    </div>
                    <div class='sheet-col'>
                        <input type='text' class='sheet-weapon-med-range-field' name='attr_WeaponMedRange'></input>
                    </div>
                    <div class='sheet-col'>
                        <input type='text' class='sheet-weapon-long-range-field' name='attr_WeaponLongRange'></input>
                    </div>
                    <div class='sheet-col'>
                        <input type='text' class='sheet-weapon-fail-field' name='attr_WeaponFail'></input>
                    </div>
                </div>
            </fieldset>
        </div>
        <div class='sheet-section-block'>
            <div class='sheet-3colrow sheet-header-row'>
                <div class='sheet-equipment-column'>Equipment</div>
                <div class='sheet-equipment-location-column'>Location</div>
                <div class='sheet-equipment-mass-column'>Mass</div>
            </div>
            <fieldset class="repeating_EquipmentCarried">
                <div class='sheet-3colrow'>
                    <div class='sheet-equipment-column'>
                        <input type='text' class='sheet-full-width-element' name='attr_Equipment'></input>
                    </div>
                    <div class='sheet-equipment-location-column'>
                        <input type='text' class='sheet-full-width-element' name='attr_Location'></input>
                    </div>
                    <div class='sheet-equipment-mass-column'>
                        <input type='text' class='sheet-full-width-element' name='attr_Mass'></input>
                    </div>
                </div>
            </fieldset>
            <div class='sheet-total-mass-carried-section'>
                <label>Total Mass Carried <input type='text' class='sheet-total-mass-carried-field' name='attr_TotalMassCarried' value='0'></input></label>
            </div>
        </div>
    </div>

    <div class='sheet-tab-content sheet-tab4'>
        <div class='sheet-2colrow'>
            <div class='sheet-col'>
                <div>
                    <div class='sheet-section-title sheet-title-top-padding'>Description</div>
                    <textarea class='sheet-text-area sheet-description-text-area' name='attr_Description'></textarea>
                </div>
                <div>
                    <div class='sheet-section-title sheet-title-top-padding'>Personality</div>
                    <textarea name='attr_Personality' class='sheet-text-area sheet-personality-text-area'></textarea>
                </div>
                <div>
                    <div class='sheet-section-title sheet-title-top-padding'>Background Notes</div>
                    <textarea name='attr_BackgroundNotes' class='sheet-text-area sheet-background-text-area'></textarea>
                </div>
            </div>
            <div class='sheet-col sheet-notes-col'>
                <div class='sheet-section-title sheet-title-top-padding'>Other Notes</div>
                <textarea name='attr_Notes' class='sheet-text-area sheet-notes-text-area'></textarea>
            </div>
        </div>
    </div>
</div>