roll20-character-sheets/ICRPG extended/ICRPGextended.html

<div class="container">
<div class="background">

<br />
<h1 style="text-align: center; color: #FFF; background-color: #c00607;">Index Card RPG</h1><br />

<div id="main">
    <div class='sheet-2colrow'>
        <div class='sheet-col'>
          <br/>
          <br/>
          <br/>
          <label>Name:</label><input type="text" name="attr_name"><br />
          <br />
          <label>Class:</label><input type="text" name="attr_class">
        </div>
        <div class='sheet-col'>
        <br/>
        <br/>
        <br/>
        <label>Bioform:</label><input type="text" name="attr_bioform"><br />
        <br /> 
        <label>Mage Class and Kind:</label><input type="text" name="attr_mage">
        </div>
    </div>
	<br/>
    <div class='sheet-col'>
        <label>Origin:</label><input type="text" name="attr_origin" style="width:680px"><br />
        <br />
        <label>Destiny:</label><input type="text" name="attr_destiny" style="width:680px"><br />
        <br />
        <label>Story:</label><textarea name="attr_story" style="width:670px"></textarea><br />
</div>
<br />
<br />



<div class='sheet-3colrow'>
    <div class='sheet-col'>
        <!-- Put the content for the first column here -->
        <div id="attributes">
            <h3 style="text-align: center; color: #FFF; background-color: #c00607;">Attributes</h3><br />
            <div class="sheet-divTable sheet-blueTable">
            <div class="sheet-divTableHeading"> 
            <label>Strength</label>
            <div class="sheet-divTableRow">
                <div class="sheet-divTableHeading">
                    <input type="number" name="attr_strength" value="(@{strength_base}+@{strength_bonus})" disabled="true">
                    <button type='roll' value='&{template:default} {{name=Strength Check}} {{Strength=[[1d20+@{strength}]]}}' name='roll_strengthCheck'></button>
                    <input type="number" name="attr_strength_base" value="0" />
                    <input type="number" name="attr_strength_bonus" value="0" />
                </div> 
            </div>
            </div>
            </div>
        </div>  
     <div class="sheet-divTableHeading"> 
        <label>Dexterity</label>
           <div class="sheet-divTableRow">
            <div class="sheet-divTableHeading">
                <input type="number" name="attr_dexterity" value="(@{dexterity_base}+@{dexterity_bonus})" disabled="true">
                <button type='roll' value='&{template:default} {{name=Dexterity Check}} {{Dexterity=[[1d20+@{dexterity}]]}}' name='roll_dexterityCheck'></button>
                <input type="number" name="attr_dexterity_base" value="0" />
                <input type="number" name="attr_dexterity_bonus" value="0" />
            </div> 
           </div>
     </div>  
     <div class="sheet-divTableHeading"> 
        <label>Constitution</label>
        <div class="sheet-divTableRow">
           <div class="sheet-divTableHeading">
            <input type="number" name="attr_constitution" value="(@{constitution_base}+@{constitution_bonus})" disabled="true">
            <button type='roll' value='&{template:default} {{name=Constitution Check}} {{Constitution=[[1d20+@{constitution}]]}}' name='roll_constitutionCheck'></button>
            <input type="number" name="attr_constitution_base" value="0" />
            <input type="number" name="attr_constitution_bonus" value="0" />
           </div> 
        </div>
     </div>  
     <div class="sheet-divTableHeading"> 
        <label>Intelligence</label>
        <div class="sheet-divTableRow">
            <div class="sheet-divTableHeading">
                <input type="number" name="attr_intelligence" value="(@{intelligence_base}+@{intelligence_bonus})" disabled="true">
                <button type='roll' value='&{template:default} {{name=Intelligence Check}} {{Intelligence=[[1d20+@{intelligence}]]}}' name='roll_intelligenceCheck'></button>
                <input type="number" name="attr_intelligence_base" value="0" />
                <input type="number" name="attr_intelligence_bonus" value="0" />
            </div> 
        </div>
     </div>  
     <div class="sheet-divTableHeading"> 
        <label>Wisdom</label>
        <div class="sheet-divTableRow">
           <div class="sheet-divTableHeading">
            <input type="number" name="attr_wisdom" value="(@{wisdom_base}+@{wisdom_bonus})" disabled="true">
            <button type='roll' value='&{template:default} {{name=Wisdom Check}} {{Wisdom=[[1d20+@{wisdom}]]}}' name='roll_wisdomCheck'></button>
            <input type="number" name="attr_wisdom_base" value="0" />
            <input type="number" name="attr_wisdom_bonus" value="0" />
           </div> 
        </div>
     </div>  
     <div class="sheet-divTableHeading"> 
        <label>Charisma</label>
        <div class="sheet-divTableRow">
         <div class="sheet-divTableHeading">
          <input type="number" name="attr_charisma" value="(@{charisma_base}+@{charisma_bonus})" disabled="true">
          <button type='roll' value='&{template:default} {{name=Charisma Check}} {{Charisma=[[1d20+@{charisma}]]}}' name='roll_charismaCheck'></button>
          <input type="number" name="attr_charisma_base" value="0" />
          <input type="number" name="attr_charisma_bonus" value="0" />
         </div> 
        </div>
     </div>
</div>
    
<div class='sheet-col'>
 <div id="Armor and Effort">
        <h3 style="text-align: center; color: #FFF; background-color: #c00607;">Armor</h3><br />
     <div class="sheet-divTableHeading"> 
        <label>Armor</label>
       <div class="sheet-divTableRow">
        <div class="sheet-divTableHeading">
        <input type="number" name="attr_arm" value="10+(@{arm_base}+@{arm_bonus})" disabled="true">
        <input type="number" name="attr_arm_base" value="0" />
        <input type="number" name="attr_arm_bonus" value="0" />
        </div> 
      </div>
     </div>  
  </div>
                   
 <br />
 <h3 style="text-align: center; color: #FFF; background-color: #c00607;">Effort</h3><br />
     <div class="sheet-divTableHeading"> 
        <label>Basic</label>
       <div class="sheet-divTableRow">
        <div class="sheet-divTableHeading">
        <input type="number" name="attr_basic" value="(@{basic_base}+@{basic_bonus})" disabled="true">
        <button type='roll' value='&{template:default} {{name=Basic Check}} {{Basic=[[1d4+@{basic}]]}}' name='roll_basicCheck'></button>
        <input type="number" name="attr_basic_base" value="0" />
        <input type="number" name="attr_basic_bonus" value="0" />
        </div> 
      </div>
     </div>      
          <div class="sheet-divTableHeading"> 
        <label>Weapon</label>
       <div class="sheet-divTableRow">
        <div class="sheet-divTableHeading">
        <input type="number" name="attr_weapon" value="(@{weapon_base}+@{weapon_bonus})" disabled="true">
        <button type='roll' value='&{template:default} {{name=Weapon Check}} {{Weapon=[[1d6+@{weapon}]]}}' name='roll_weaponCheck'></button>

        <input type="number" name="attr_weapon_base" value="0" />
        <input type="number" name="attr_weapon_bonus" value="0" />
        </div> 
      </div>
     </div>  
          <div class="sheet-divTableHeading"> 
        <label>Magic</label>
       <div class="sheet-divTableRow">
        <div class="sheet-divTableHeading">
        <input type="number" name="attr_magic" value="(@{magic_base}+@{magic_bonus})" disabled="true">
        <button type='roll' value='&{template:default} {{name=Magic Check}} {{Magic=[[1d8+@{magic}]]}}' name='roll_magicCheck'></button>
        <input type="number" name="attr_magic_base" value="0" />
        <input type="number" name="attr_magic_bonus" value="0" />
        </div> 
      </div>
     </div>  
          <div class="sheet-divTableHeading"> 
        <label>Ultimate</label>
       <div class="sheet-divTableRow">
        <div class="sheet-divTableHeading">
        <input type="number" name="attr_ult" value="(@{ult_base}+@{ult_bonus})" disabled="true">
        <button type='roll' value='&{template:default} {{name=Ultimate Check}} {{Ultimate=[[1d12+@{ult}]]}}' name='roll_ultCheck'></button>
        <input type="number" name="attr_ult_base" value="0" />
        <input type="number" name="attr_ult_bonus" value="0" />
        </div> 
      </div>
     </div>  
</div>

<div class='sheet-col'>
        <!-- Third column -->
        <h3 style="text-align: center; color: #FFF; background-color: #c00607;">Health</h3><br />
            <input style="attr-align: center; width:60px"  type="number"  name="attr_healthCount" value="10">
        <br />
        <br />


        <h3 style="text-align: center; color: #FFF; background-color: #c00607;">Death Rolls</h3><br />
         <button type='roll' value='&{template:default} {{name=Death Roll}} {{[[1d6]]}}' name='roll_deathCheck'>Death d6</button>
         <br />
         <br />
         <button type='roll' value='&{template:default} {{name=Death Save Roll}} {{[[1d20]]}}' name='roll_deathSaveCheck'>Death Save</button>
         
        <br />
        <br />
         
        <h3 style="text-align: center; color: #FFF; background-color: #c00607;">Hero Coin</h3><br />
         <input type='checkbox'> </br />
         <button type='roll' value='&{template:default} {{name=Hero Coin Ultimate}} {{[[1d12+@{ult}]]}}' name='roll_Hero Coin'>Hero Coin Ultimate</button>
         <br />
         <br />
         <h3 style="text-align: center; color: #FFF; background-color: #c00607;">Coin</h3>
         <br />
         <input type="number" name="attr_COIN" style="width:60px">
         <br />
</div>
   
</div>
<br />

<div id="Equipped">
        <h3 style="text-align: center; color: #FFF; background-color: #c00607;">Equipped Items</h3><br />
            1. &nbsp;&nbsp;<input type="text" name="attr_e1" style="width:665px"><br />
            2. &nbsp;&nbsp;<input type="text" name="attr_e2" style="width:665px"><br />
            3. &nbsp;&nbsp;<input type="text" name="attr_e3" style="width:665px"><br />
            4. &nbsp;&nbsp;<input type="text" name="attr_e4" style="width:665px"><br />
            5. &nbsp;&nbsp;<input type="text" name="attr_e5" style="width:665px"><br />
            6. &nbsp;&nbsp;<input type="text" name="attr_e6" style="width:665px"><br />
            7. &nbsp;&nbsp;<input type="text" name="attr_e7" style="width:665px"><br />
            8. &nbsp;&nbsp;<input type="text" name="attr_e8" style="width:665px"><br />
            9. &nbsp;&nbsp;<input type="text" name="attr_e9" style="width:665px"><br />
            10. &nbsp;<input type="text" name="attr_e10" style="width:662px">
</div>  
<br />
<div id="Carried">
        <h3 style="text-align: center; color: #FFF; background-color: #c00607;">Carried Items</h3><br />
            1. &nbsp;&nbsp;<input type="text" name="attr_c1" style="width:665px"><br />
            2. &nbsp;&nbsp;<input type="text" name="attr_c2" style="width:665px"><br />
            3. &nbsp;&nbsp;<input type="text" name="attr_c3" style="width:665px"><br />
            4. &nbsp;&nbsp;<input type="text" name="attr_c4" style="width:665px"><br />
            5. &nbsp;&nbsp;<input type="text" name="attr_c5" style="width:665px"><br />
            6. &nbsp;&nbsp;<input type="text" name="attr_c6" style="width:665px"><br />
            7. &nbsp;&nbsp;<input type="text" name="attr_c7" style="width:665px"><br />
            8. &nbsp;&nbsp;<input type="text" name="attr_c8" style="width:665px"><br />
            9. &nbsp;&nbsp;<input type="text" name="attr_c9" style="width:665px"><br />
            10. &nbsp;<input type="text" name="attr_c10" style="width:662px">
  <br />
  <br/>
  <div id="Others">
         <h3 style="text-align: center; color: #FFF; background-color: #c00607;">Other Posessions</h3><br />
         	<textarea name="attr_Others" style="width:670px"></textarea>
  </div>
</div>
<br />
<div class='sheet-3colrow'>
    <div class='sheet-col'>
            <h3 style="text-align: center; color: #FFF; background-color: #c00607;">Spell Burn</h3><br />
              <p align="center">
                <input type="number" name="attr_spell" value="0" >
              </p>
    </div>
    <div class='sheet-col'>
            <h3 style="text-align: center; color: #FFF; background-color: #c00607;">Dog Pile</h3><br />
             <p align="center">
              <input type="number" name="attr_dog" value="0" style="align:center">
             </p>
    </div>
    <div class='sheet-col'>
            <h3 style="text-align: center; color: #FFF; background-color: #c00607;">Battle Fury</h3><br />
              <p align="center">
                <input type="number" name="attr_fury" value="0" >
             </p>
    </div>

</div>
<br />

<h3 style="text-align: center; color: #FFF; background-color: #c00607;">Magic Details</h3>
<input type="checkbox" class="sheet-hider" name="attr_Magic_details"><span></span></span>
 <div>
  <div id="Magic">
    <br />
   <div class='sheet-3colrow'>
     <div class='sheet-col'>
             <label>Blood</label>          
             <input type='checkbox'>
             <input type='checkbox'>
             <input type='checkbox'>
             <input type='checkbox'>
             <br />
             Level Known <input type="number" name="attr_blood" value="0">
         <br/>
         <br/>
             <label>Curse</label>
             <input type='checkbox'>
             <input type='checkbox'>
             <input type='checkbox'>
             <input type='checkbox'>
             <br />
             Level Known <input type="number" name="attr_Curse" value="0">
         <br/>
         <br/>
             <label>Demon</label>
             <input type='checkbox'>
             <input type='checkbox'>
             <input type='checkbox'>
             <input type='checkbox'>
             <br />
             Level Known <input type="number" name="attr_Demon" value="0">
         <br/>
         <br/>
             <label>Dimension</label>
             <input type='checkbox'>
             <input type='checkbox'>
             <input type='checkbox'>
             <input type='checkbox'>
             <br />
             Level Known <input type="number" name="attr_Dimension" value="0">
         <br/>
         <br/>
     </div>
     <div class='sheet-col'>
             <label>Elder</label>
             <input type='checkbox'>
             <input type='checkbox'>
             <input type='checkbox'>
             <input type='checkbox'>
             <br />
             Level Known <input type="number" name="attr_Elder" value="0">
         <br/>
         <br/>
             <label>Energy</label>
             <input type='checkbox'>
             <input type='checkbox'>
             <input type='checkbox'>
             <input type='checkbox'>
             <br />
             Level Known <input type="number" name="attr_Energy" value="0">
         <br/>
         <br/>
             <label>Fire</label>
             <input type='checkbox'>
             <input type='checkbox'>
             <input type='checkbox'>
             <input type='checkbox'>
             <br />
             Level Known <input type="number" name="attr_Fire" value="0">
         <br/>
         <br/>
             <label>Glyph</label>
             <input type='checkbox'>
             <input type='checkbox'>
             <input type='checkbox'>
             <input type='checkbox'>
             <br />
             Level Known <input type="number" name="attr_Glyph" value="0">
         <br/>
         <br/>
     </div>
     <div class='sheet-col'>
             <label>Matter</label>
             <input type='checkbox'>
             <input type='checkbox'>
             <input type='checkbox'>
             <input type='checkbox'>
             <br />
             Level Known <input type="number" name="attr_Matter" value="0">
         <br/>
         <br/>
             <label>Mind</label>
             <input type='checkbox'>
             <input type='checkbox'>
             <input type='checkbox'>
             <input type='checkbox'>
             <br />
             Level Known <input type="number" name="attr_Mind" value="0">
         <br/>
         <br/>
             <label>Time</label>
             <input type='checkbox'>
             <input type='checkbox'>
             <input type='checkbox'>
             <input type='checkbox'>
             <br/>
             Level Known <input type="number" name="attr_Time" value="0">
         <br/>
         <br/>
             <label>Transmutation</label>
             <input type='checkbox'>
             <input type='checkbox'>
             <input type='checkbox'>
             <input type='checkbox'>
             <br />
             Level Known <input type="number" name="attr_Transmutation" value="0">

         <br/>
     </div>
  </div>
<br />
<br />
 <div class='sheet-3colrow'>
    <div class='sheet-col'>
            <h3 style="text-align: center; color: #FFF; background-color: #c00607;">Created Spells</h3><br />
             <p align="center">
              <input type="number" name="attr_createspell" value="0">
             </p>
    </div>
    <div class='sheet-col'>
            <h3 style="text-align: center; color: #FFF; background-color: #c00607;">Rare Ingredients</h3><br />
             <p align="center">
               <input type="number" name="attr_Ingredient" value="0">
             </p>
    </div>
    <div class='sheet-col'>
            <h3 style="text-align: center; color: #FFF; background-color: #c00607;">Spell Mana</h3><br />
             <p align="center">
              <input type="number" name="attr_Mana" value="0">
             </p>
    </div>
 </div>
</div>
</div>
<br />
<h3 style="text-align: center; color: #FFF; background-color: #c00607;">Spells</h3>
<input type="checkbox" class="sheet-hider" name="attr_Spells_details" ><span></span></span>             
 <div>
  </br>                 
            1. &nbsp;&nbsp;<input type="text" name="attr_spell1" style="width:665px"><br />
            2. &nbsp;&nbsp;<input type="text" name="attr_spell2" style="width:665px"><br />
            3. &nbsp;&nbsp;<input type="text" name="attr_spell3" style="width:665px"><br />
            4. &nbsp;&nbsp;<input type="text" name="attr_spell4" style="width:665px"><br />
            5. &nbsp;&nbsp;<input type="text" name="attr_spell5" style="width:665px"><br />
            6. &nbsp;&nbsp;<input type="text" name="attr_spell6" style="width:665px"><br />
            7. &nbsp;&nbsp;<input type="text" name="attr_spell7" style="width:665px"><br />
            8. &nbsp;&nbsp;<input type="text" name="attr_spell8" style="width:665px"><br />
            9. &nbsp;&nbsp;<input type="text" name="attr_spell9" style="width:665px"><br />
            10. &nbsp;<input type="text" name="attr_spell10" style="width:662px">
            
 </div><br />
<h3 style="text-align: center; color: #FFF; background-color: #c00607;">Feats</h3>
<input type="checkbox" class="sheet-hider" name="attr_Feats_details" ><span></span></span>
<div>
</br>
            1. &nbsp;&nbsp;<input type="text" name="attr_feat1" style="width:665px"><br />
            2. &nbsp;&nbsp;<input type="text" name="attr_feat2" style="width:665px"><br />
            3. &nbsp;&nbsp;<input type="text" name="attr_feat3" style="width:665px"><br />
            4. &nbsp;&nbsp;<input type="text" name="attr_feat4" style="width:665px"><br />
            5. &nbsp;&nbsp;<input type="text" name="attr_feat5" style="width:665px"><br />
            6. &nbsp;&nbsp;<input type="text" name="attr_feat6" style="width:665px"><br />
            7. &nbsp;&nbsp;<input type="text" name="attr_feat7" style="width:665px"><br />
            8. &nbsp;&nbsp;<input type="text" name="attr_feat8" style="width:665px"><br />
            9. &nbsp;&nbsp;<input type="text" name="attr_feat9" style="width:665px"><br />
            10. &nbsp;<input type="text" name="attr_feat10" style="width:662px">
            
</div><br />            
<h3 style="text-align: center; color: #FFF; background-color: #c00607;">Tags</h3>
<input type="checkbox" class="sheet-hider" name="attr_Tags_details" ><span></span></span>
<div>
</br>
            1. &nbsp;&nbsp;<input type="text" name="attr_tag1" style="width:665px"><br />
            2. &nbsp;&nbsp;<input type="text" name="attr_tag2" style="width:665px"><br />
            3. &nbsp;&nbsp;<input type="text" name="attr_tag3" style="width:665px"><br />
            4. &nbsp;&nbsp;<input type="text" name="attr_tag4" style="width:665px"><br />
            5. &nbsp;&nbsp;<input type="text" name="attr_tag5" style="width:665px"><br />
            6. &nbsp;&nbsp;<input type="text" name="attr_tag6" style="width:665px"><br />
            7. &nbsp;&nbsp;<input type="text" name="attr_tag7" style="width:665px"><br />
            8. &nbsp;&nbsp;<input type="text" name="attr_tag8" style="width:665px"><br />
            9. &nbsp;&nbsp;<input type="text" name="attr_tag9" style="width:665px"><br />
            10. &nbsp;<input type="text" name="attr_tag10" style="width:662px">
            <br />
</div>
<br />
<h3 style="text-align: center; color: #FFF; background-color: #c00607;">Altered State</h3>
<input type="checkbox" class="sheet-hider" name="attr_AS_details"><span></span></span>
 <div>
    <div class='sheet-2colrow'>
     <div class='sheet-col'>
          <h3 style="text-align: center; color: #FFF; background-color: #c00607;">Bonds and Links </h3><br />
             <p align="center">
              <input type="text" name="attr_bond1">
              <input type="text" name="attr_bond2">
              <input type="text" name="attr_bond3">
              <input type="text" name="attr_bond">
              <input type="text" name="attr_bond">
             </p>          
     </div>
     <div class='sheet-col'>
            <h3 style="text-align: center; color: #FFF; background-color: #c00607;">Surge Capsules</h3><br />
             <p align="center">
              <input type="number" name="attr_assurge" value="4">
             </p>
     </div>    
    </div>
   <div>
    <div class='sheet-2colrow'>
     <div class='sheet-col'>
          <h3 style="text-align: center; color: #FFF; background-color: #c00607;">Rage dice</h3><br />
            <p align="center">
             <input type="number" name="attr_asrage" value="0">
            </p>       
      </div>
       <div class='sheet-col'>
        <h3 style="text-align: center; color: #FFF; background-color: #c00607;">Healing</h3><br />
        <div class="sheet-divTableHeading"> 
        <div class="sheet-divTableRow">
        <div class="sheet-divTableHeading">
        <input type="number" name="attr_heal" value="(@{heal_base}+@{heal_bonus})" disabled="true">
        <button type='roll' value='&{template:default} {{name=Healing Check}} {{Healing=[[1d10+@{heal}]]}}' name='roll_healCheck'></button>
        <input type="number" name="attr_heal_base" value="0" />
        <input type="number" name="attr_heal_bonus" value="0" />
        </div> 
        </div>    
       </div>
    </div>
  </div>
 </div>
</div>

<br />
<div id="Notes">
         <h3 style="text-align: center; color: #FFF; background-color: #c00607;">Notes</h3><br />
         	<textarea name="attr_Notes"  style="width:670px"></textarea>
</div>
</br>
</br>