roll20-character-sheets/White Star/White_Star.html

<div class="line" style="margin-bottom:10px;"></div>
<div class="container">
    <div class="nav">
    <img src="http://i.imgur.com/xcG9fAl.png">
    </div>

    <div class="section-left">
        <h3 style="line-height:35px;">NAME</h3>
        <h3 style="line-height:35px;">CLASS</h3>
        <textarea class="description" name="attr_Description">DESCRIPTION & BACKGROUND</textarea>
    </div> 

    <div class="section-middle">
        <input class="wideinput" type="text" name="attr_Name"/>
        <input class="wideinput" type="text" name="attr_Class"/>
    </div>
    <div class="section-right">
        <h3 class="label" align="center">CURRENT LEVEL</h3>
        <form action="">
            <div style="text-align:center; line-height:30px;">
                1: <input type="radio" name="attr_Level" value="1" style="margin-left:6px; margin-right:15px;" checked>
                2: <input type="radio" name="attr_Level" value="2" style="margin-left:6px; margin-right:15px;">
                3: <input type="radio" name="attr_Level" value="3" style="margin-left:6px; margin-right:15px;">
                4: <input type="radio" name="attr_Level" value="4" style="margin-left:6px; margin-right:15px;">
                5: <input type="radio" name="attr_Level" value="5" style="margin-left:6px; margin-right:15px;">
            </div>
            <div style="text-align:center; line-height:30px;">
                6: <input type="radio" name="attr_Level" value="6" style="margin-left:6px; margin-right:15px;">
                7: <input type="radio" name="attr_Level" value="7" style="margin-left:6px; margin-right:15px;">
                8: <input type="radio" name="attr_Level" value="8" style="margin-left:6px; margin-right:15px;">
                9: <input type="radio" name="attr_Level" value="9" style="margin-left:6px; margin-right:15px;">
                10: <input type="radio" name="attr_Level" value="10" style="margin-left:0px; margin-right:15px;">
            </div>
        </form>
        <h3 class="label" align="center">EXPERIENCE</h3>
        <div style="text-align:center;">
            <div class="tag-xp" style="position:relative;left:31px">CURRENT</div><div class="tag-xp" style="margin-left:30px">NEEDED</div><div class="tag-xp" style="margin-left:7px">TOTAL XP BONUS</div>
        </div>
        <div style="text-align:center;">
            <input style="width: 6em; text-align: center;" type="number" name="attr_XP" value="0"/><input style="width: 6em; text-align: center; margin-left:10px;" type="number" name="attr_XP-next" value="0"/><input style="width: 6em; text-align: center; margin-left:10px;" type="number" name="attr_XP-Bonus" value="@{XP-Bonus-STR}+@{XP-Bonus-DEX}+@{XP-Bonus-CON}+@{XP-Bonus-INT}+@{XP-Bonus-WIS}+@{XP-Bonus-CHA}" min="0" max="100" step="5" disabled="true" />
        </div>
    </div>
</div>

<div class="line"></div>

<div class="container">
    <div class="col">
        <h3 class="label" align="center">ATTRIBUTES</h3>
            <div class="tag-att">ATTRIBUTE&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;BONUS&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;XP BONUS<br></div>
            <div class="attribute">STR</div>
                <input type="number" name="attr_Strength" style="margin-left:20px" min="3" max="20"/><input type="number" name="attr_STR-mod" style="margin-left:10px"/><input type="number" name="attr_XP-Bonus-STR" style="margin-left:10px" min="0" max="100" step="5" value="0"/><button type='roll' value='/roll 1d20 + @{STR-mod}' name='roll_STR' style="margin-left:5px"></button><br>
            <div class="attribute">DEX</div>
                <input type="number" name="attr_Dexterity" style="margin-left:20px" min="3" max="20"/><input type="number" name="attr_DEX-mod" style="margin-left:10px"/><input type="number" name="attr_XP-Bonus-DEX" style="margin-left:10px" min="0" max="100" step="5" value="0"/><button type='roll' value='/roll 1d20 + @{DEX-mod}' name='roll_DEX' style="margin-left:5px"></button><br>
            <div class="attribute">CON</div>
                <input type="number" name="attr_Constitution" style="margin-left:20px" min="3" max="20"/><input type="number" name="attr_CON-mod" style="margin-left:10px"/><input type="number" name="attr_XP-Bonus-CON" style="margin-left:10px" min="0" max="100" step="5" value="0"/><button type='roll' value='/roll 1d20 + @{CON-mod}' name='roll_CON' style="margin-left:5px"></button><br>
            <div class="attribute">INT</div>
                <input type="number" name="attr_Intelligence" style="margin-left:20px" min="3" max="20"/><input type="number" name="attr_INT-mod" style="margin-left:10px"/><input type="number" name="attr_XP-Bonus-INT" style="margin-left:10px" min="0" max="100" step="5" value="0"/><button type='roll' value='/roll 1d20 + @{INT-mod}' name='roll_INT' style="margin-left:5px"></button><br>
            <div class="attribute">WIS</div>
                <input type="number" name="attr_Wisdom" style="margin-left:20px" min="3" max="20"/><input type="number" name="attr_WIS-mod" style="margin-left:10px"/><input type="number" name="attr_XP-Bonus-WIS" style="margin-left:10px" min="0" max="100" step="5" value="0"/><button type='roll' value='/roll 1d20 + @{WIS-mod}' name='roll_WIS' style="margin-left:5px"></button><br>
            <div class="attribute">CHA</div>
                <input type="number" name="attr_Charisma" style="margin-left:20px" min="3" max="20"/><input type="number" name="attr_CHA-mod" style="margin-left:10px"/><input type="number" name="attr_XP-Bonus-CHA" style="margin-left:10px" min="0" max="100" step="5" value="0"/><button type='roll' value='/roll 1d20 + @{CHA-mod}' name='roll_CHA' style="margin-left:5px"></button><br>
        
        <h3 class="label" align="center" style="margin-top:10px;">STATS</h3>
            <div class="stat" style="margin-left:20px;">HP</div><div class="stat" style="margin-left:21px;">AAC</div><div class="stat" style="margin-left:21px;">BHB</div><div class="stat" style="margin-left:28px;">ST</div><br>
            <input type="number" name="attr_HP" /><input type="number" name="attr_AC" style="margin-left:10px" value="10+@{Base_AC1}+@{Base_AC2}" disabled="true"/><input type="number" name="attr_BHB" style="margin-left:10px" value="0"/><input type="number" name="attr_Save" style="margin-left:10px"/><button type='roll' value='/roll 1d20 vs @{Save}' name='roll_Save' style="margin-left:10px"></button><br>
            <div class="stat" style="margin-left:12px;">MHP</div><div class="stat" style="margin-left:26px;">HD</div><div class="stat" style="margin-left:26px;">MR</div><div class="stat" style="margin-left:26px;">STB</div><br>
            <input type="number" name="attr_HP-max"/><input class="small" type="text" name="attr_HD" style="margin-left:10px" value="1" /><input type="number" name="attr_MR" style="margin-left:10px" value="12"/><input type="number" name="attr_STB" value="2" style="margin-left:10px"/><button type='roll' value='/roll 1d20+@{STB} vs @{Save}' name='roll_Save' style="margin-left:10px"></button><br>
            <div class="tag-stat">MHP=Max HP, HD=Hit Dice, MR=Movement Rate, STB=Saving Throw Bonus</div>
            
        <h3 class="label" align="center" style="margin-top:10px;">ROLLS</h3>
        <div style="position:relative; left:5px; font-size:0.6em">ENTER YOUR FREE ROLLS HERE</div>
        <input type="text" name="attr_Free-Roll" title="Free Roll" value="1d6" style="font-size:0.8em;"><button type='roll' value='/roll @{Free-Roll}' name='roll_Free' style="margin-left:10px;"></button>
        </div> 
    <div class="col">
        <h3 class="label" align="center">GEAR (LBS.)</h3>
         <textarea name="attr_Gear" class="gear"></textarea>
         <h3 class="label" align="center">TOTAL WEIGHT</h3>
         <div style="position:relative; left:5px; font-size:0.6em">WEIGHT OF ALL ITEMS IN LBS.</div>
         <input type="number" name="attr_Weight" style="width:19em;" title="Weight in lbs."/>
    </div>
    <div class="col">
        <h3 class="label" align="center">WEAPONS</h3>
            <div class="tag-wpn" style="clear:both;">TYPE(LBS.)</div><div class="tag-wpn" style="margin-left:70px">ROF</div><div class="tag-wpn" style="margin-left:10px">RNG</div><div class="tag-wpn" style="margin-left:10px">DMG</div>
            <input type="text" name="attr_Weapon1" title="Weapon Type" style="width:90px; font-size:0.8em;"/><input type="number" name="attr_ROF1" title="Rate of Fire" value="0" style="width:4em; font-size:0.8em;"><input type="number" name="attr_RNG1" title="Range" value="0" style="font-size:0.8em; width:4em;"><input class="small" type="text" name="attr_DMG1" title="Damage" value="1d6" style="font-size:0.8em;"><button type='roll' value='/roll @{DMG1}' name='roll_DMG1'></button><br>
            <input type="text" name="attr_Weapon2" title="Weapon Type" style="width:90px; font-size:0.8em;"/><input type="number" name="attr_ROF2" title="Rate of Fire" value="0" style="width:4em; font-size:0.8em;"><input type="number" name="attr_RNG2" title="Range" value="0" style="font-size:0.8em; width:4em;"><input class="small" type="text" name="attr_DMG2" title="Damage" value="1d6" style="font-size:0.8em;"><button type='roll' value='/roll @{DMG2}' name='roll_DMG2'></button><br>
            <input type="text" name="attr_Weapon3" title="Weapon Type" style="width:90px; font-size:0.8em;"/><input type="number" name="attr_ROF3" title="Rate of Fire" value="0" style="width:4em; font-size:0.8em;"><input type="number" name="attr_RNG3" title="Range" value="0" style="font-size:0.8em; width:4em;"><input class="small" type="text" name="attr_DMG3" title="Damage" value="1d6" style="font-size:0.8em;"><button type='roll' value='/roll @{DMG3}' name='roll_DMG3'></button><br>
            <div class="tag-wpn" style="position:relative;left:5px">THM</div><div class="tag-wpn" style="margin-left:5px">THR</div><br>
            <button type='roll' value='/roll 1d20+@{BHB}+@{STR-mod}' name='roll_THM'></button><button type='roll' value='/roll 1d20+@{BHB}+@{DEX-mod}' name='roll_THR'></button><span style="font-size:0.8em;">THM=To-Hit Melee, THR=To-Hit Ranged</span>
        
        <h3 class="label" align="center" style="margin-top:10px;">ARMOR</h3>
            <div class="tag-else" style="position:relative;left:5px">TYPE</div><div class="tag-else" style="margin-left:150px">AAC</div>
            <input type="text" name="attr_armor1" title="Armor Type" style="width:200px;"/><input type="number" name="attr_Base_AC1" title="AC" value="0">
            <input type="text" name="attr_armor2" title="Armor Type" style="width:200px;"/><input type="number" name="attr_Base_AC2" title="AC" value="0">
        
        <h3 class="label" align="center" style="margin-top:10px;">AMMO</h3>
           <div class="tag-else" style="position:relative;left:5px">TYPE</div><div class="tag-else" style="margin-left:150px">CUR.</div>
           <input type="text" name="attr_ammotype1" title="Armor Type" style="width:200px;"/><input type="number" name="attr_ammo1" title="#Ammo" value="0">
            <input type="text" name="attr_ammotype2" title="Armor Type" style="width:200px;"/><input type="number" name="attr_ammo2" title="#Ammo" value="0">
            <input type="text" name="attr_ammotype3" title="Armor Type" style="width:200px;"/><input type="number" name="attr_ammo3" title="#Ammo" value="0">
        
        <h3 class="label" align="center" style="margin-top:10px;">RESOURCES</h3>
            <div class="tag-else" style="position:relative;left:20px">CREDITS</div><div class="tag-else" style="margin-left:55px">SUB-CR.</div><div class="tag-else" style="margin-left:40px">CHITS</div>
            <input type="number" name="attr_Credits" title="#Credits" value="0" style="width:6em; text-align:center;"><input type="number" name="attr_Sub-Credits" title="#Sub-Credits" value="0" style="width:6em; margin-left:10px; text-align:center;"><input type="number" name="attr_Chits" title="#Chits" value="0" style="width:6em; margin-left:10px; text-align:center;">
    </div>
</div>

<div class="line" style="margin-bottom:10px;"></div>

<div class="container">
    <h3 class="label" align="center">NOTES</h3>
    <textarea name="attr_Notes"></textarea>
</div>
<div class="line" style="margin-bottom:10px;"></div>