Replaced the old Demon Gate sheet with a copy of the newer sheet that includes the original sheet as a legacy tab

This commit is contained in:
phaldenby72
2021-03-23 22:15:24 -07:00
parent b82a641512
commit d33bcd2e43
8 changed files with 12496 additions and 699 deletions
-46
View File
@@ -1,46 +0,0 @@
.charsheet label {
display: inline-block;
width: 75px;
text-align: left;
font-size: 1.1em;
/* display: inline-block;
width: 75px;
text-align: right */
}
.charsheet input {
display: inline-block;
/* width: 165px; */
width: 110px;
}
.sheet-col strong.sheet-dee {
font-size: 1.4em;
font-weight: bold;
padding-right: 4px;
}
.charsheet input.sheet-short {
width: 3.5em;
}
.charsheet {
/*background-image: url("http://freeseamlesstextures.com/images/28-faded-parchment-background-sml.jpg");*/
background-image: url("https://i.imgur.com/VuZht2r.gif");
background-size: 100% 100%;
}
.charsheet table td, .charsheet table th {
font-size: 1.1em;
font-weight: bold;
text-align: left;
}
select.sheet-dtype {
width: 60px;
vertical-align: top;
}
-646
View File
@@ -1,646 +0,0 @@
<div class="sheet-3colrow">
<div class="sheet-col">
<h3 style="text-align: center;"> Player Information </h3>
<hr/>
<table style="width:100%">
<tr><td>Character Name:</td><td><input type="text" name="attr_character_name" /></td></tr>
<tr><td>Title:</td><td><input type="text" name="attr_character_title" /></td></tr>
<tr><td>Player's Name:</td><td><input type="text" name="attr_player_name" /></td></tr>
<tr><td>Race:</td><td><input type="text" name="attr_race" /></td></tr>
<tr><td>Class:</td><td><input type="text" name="attr_class" /></td></tr>
<tr><td>Level:</td><td><input type="text" name="attr_level" /></td></tr>
<tr><td>Saga Points:</td><td><input type="text" name="attr_saga_points" /></td></tr>
<tr><td>Saved Saga Points:</td><td><input type="text" name="attr_saved_saga_points" /></td></tr>
<tr><td>Frenzy Pool:</td><td><input type="text" name="attr_frenzy_pool" /></td></tr>
</table>
</div>
<div class="sheet-col">
<p style="text-align: center;">
<!-- <img src="https://i.imgur.com/b0yuCGt.gif" style="max-height: 100px;" /> -->
<img src="https://i.imgur.com/SItbiH4.gif" style="max-height: 100x" />
</p>
<hr/>
<table style="width:100%">
<tr><td>Current Hit Points:</td><td><input type="text" name="attr_hit_points" /></td></tr>
<tr><td>Max Hit Points:</td><td><input type="text" name="attr_hit_points_max" /></td></tr>
<tr><td>Total Armor Value:</td><td><input type="text" name="attr_total_armor_value" /></td></tr>
<tr><td>Initiative Roll:</td><td><button type='roll' name='roll_initiative' value=' &{template:default} {{name=Initiative}} {{Roll = [[d10+@{dexterity_initiative_mod}+?{Modifier for this roll only} &{tracker}]]}}' ></td></tr>
</table>
</div>
<div class="sheet-col">
<h3 style="text-align: center;"> Actions and Attacks </h3>
<hr/>
<table style="width:100%">
<tr><td>Unarmed:</td><td><input type="text" name="attr_unarmed_attack" /></td></tr>
<tr><td>Melee:</td><td><input type="text" name="attr_melee_attack" /></td></tr>
<tr><td>Projectile:</td><td><input type="text" name="attr_projectile_attack" /></td></tr>
<tr><td>Magic:</td><td><input type="text" name="attr_magic_attack" /></td></tr>
</table>
<hr/>
<h3 style="text-align: center;"> Defense</h3>
<hr/>
<table style="width:100%">
<tr><td>+Physical:</td><td><input type="text" name="attr_physical_defense" /></td><td><button type='roll' name='roll_physical_defense' value=' &{template:default} {{name=Defense Roll}} {{Defense = Physical}} {{Roll = [[1d20+@{physical_defense}]]}} '></td></tr>
<tr><td>+Magical:</td><td><input type="text" name="attr_magic_defense" /></td><td><button type='roll' name='roll_magic_defense' value=' &{template:default} {{name=Defense Roll}} {{Defense = Magic}} {{Roll = [[1d20+@{magic_defense}]]}} '></td></tr>
<tr><td>+Mental:</td><td><input type="text" name="attr_mental_defense" /></td><td><button type='roll' name='roll_mental_defense' value=' &{template:default} {{name=Defense Roll}} {{Defense = Mental}} {{Roll = [[1d20+@{mental_defense}]]}} '></td></tr>
</table>
</div>
</div>
<hr/>
<div class="sheet-3colrow">
<div class="sheet-col">
<h3 style="margin-bottom: 10px;">Attributes</h3>
<hr/>
<table style="width:100%">
<tr><th>Strength</th><th></th><th>Rank</th><th>Dice</th></tr>
<td><input type="text" class="sheet-short" name="attr_strength" /></td>
<td><input type="text" class="sheet-short" name="attr_strength_mod" value="( )"/></td>
<td><input type="text" class="sheet-short" name="attr_strength_rank" /></td>
<td><input type="text" class="sheet-short" name="attr_strength_dice" /><button type='roll' name='roll_strength' value=' &{template:default} {{name=Strength Roll}} {{Strength=@{strength}}} {{Roll = [[@{strength_dice}]]}}'></td>
</table>
<table style="width:100%">
<tr><td>DMG Modifier:</td><td><input type="text" name="attr_strength_dam_modifier" /></td></tr>
<tr><td>Weight Allow:</td><td><input type="text" name="attr_strength_weight_allow" /></td></tr>
</table>
<hr/>
<table style="width:100%">
<tr><th>Dexterity</th><th></th><th>Rank</th><th>Dice</th></tr>
<td><input type="text" class="sheet-short" name="attr_dexterity" /></td>
<td><input type="text" class="sheet-short" name="attr_dexterity_mod" value="( )"/></td>
<td><input type="text" class="sheet-short" name="attr_dexterity_rank" /></td>
<td><input type="text" class="sheet-short" name="attr_dexterity_dice" /><button type='roll' name='roll_dexterity' value=' &{template:default} {{name=Dexterity Roll}} {{Dexterity=@{dexterity}}} {{Roll = [[@{dexterity_dice}]]}}'></td>
</table>
<table style="width:100%">
<tr><td>Defense Modifier:</td><td><input type="text" name="attr_dexterity_defense_mod" /></td></tr>
<tr><td>Initiative Modifier:</td><td><input type="text" name="attr_dexterity_initiative_mod" /></td></tr>
<tr><td>Movement:</td><td></label><input type="text" name="attr_dexterity_movement_mod" /></td></tr>
</table>
<hr/>
<table style="width:100%">
<tr><th>Body</th><th></th><th>Rank</th><th>Dice</th></tr>
<td><input type="text" class="sheet-short" name="attr_body" /></td>
<td><input type="text" class="sheet-short" name="attr_body_mod" value="( )"/></td>
<td><input type="text" class="sheet-short" name="attr_body_rank" /></td>
<td><input type="text" class="sheet-short" name="attr_body_dice" /><button type='roll' name='roll_body' value=' &{template:default} {{name=Body Roll}} {{Body=@{body}}} {{Roll = [[@{body_dice}]]}}'></td>
</table>
<table style="width:100%">
<tr><td>Body Save:</td><td><input type="text" name="attr_body_body_save" /></td></tr>
<tr><td>Toughness:</td><td><input type="text" name="attr_body_toughness" /></td></tr>
<tr><td>Chi:</td><td><input type="text" name="attr_body_chi" /></td></tr>
</table>
<hr/>
<table style="width:100%">
<tr><th>Perception</th><th></th><th>Rank</th><th>Dice</th></tr>
<td><input type="text" class="sheet-short" name="attr_perception" /></td>
<td><input type="text" class="sheet-short" name="attr_perception_mod" value="( )"/></td>
<td><input type="text" class="sheet-short" name="attr_perception_rank" /></td>
<td><input type="text" class="sheet-short" name="attr_perception_dice" /><button type='roll' name='roll_perception' value=' &{template:default} {{name=Perception Roll}} {{Perception=@{perception}}} {{Roll = [[@{perception_dice}]]}}'></td>
</table>
<table style="width:100%">
<tr><td>Shot Dmg Mod:</td><td><input type="text" name="attr_perception_shot_damage_mod" /></td></tr>
</table>
<hr/>
<table style="width:100%">
<tr><th>Intelligence</th><th></th><th>Rank</th><th>Dice</th></tr>
<td><input type="text" class="sheet-short" name="attr_intelligence" /></td>
<td><input type="text" class="sheet-short" name="attr_intelligence_mod" value="( )"/></td>
<td><input type="text" class="sheet-short" name="attr_intelligence_rank" /></td>
<td><input type="text" class="sheet-short" name="attr_intelligence_dice" /><button type='roll' name='roll_intelligence' value=' &{template:default} {{name=Intelligence Roll}} {{Intelligence=@{intelligence}}} {{Roll = [[@{intelligence_dice}]]}}'></td>
</table>
<table style="width:100%">
<tr><td>Spell Time:</td><td><input type="text" name="attr_intelligence_spell_time" /></td></tr>
</table>
<hr/>
<table style="width:100%">
<tr><th>Willpower</th><th></th><th>Rank</th><th>Dice</th></tr>
<td><input type="text" class="sheet-short" name="attr_willpower" /></td>
<td><input type="text" class="sheet-short" name="attr_willpower_mod" value="( )"/></td>
<td><input type="text" class="sheet-short" name="attr_willpower_rank" /></td>
<td><input type="text" class="sheet-short" name="attr_willpower_dice" /><button type='roll' name='roll_willpower' value=' &{template:default} {{name=Willpower Roll}} {{Willpower=@{willpower}}} {{Roll = [[@{willpower_dice}]]}}'></td>
</table>
<table style="width:100%">
<tr><td>Mana:</td><td><input type="text" name="attr_intelligence_mana" /></td></tr>
<tr><td>Mental Defense:</td><td><input type="text" name="attr_intelligence_mental_defense" /></td></tr>
<tr><td>Fortitude:</td><td><input type="text" name="attr_intelligence_fortitude" /></td></tr>
</table>
<hr/>
<table style="width:100%">
<tr><th>Charisma</th><th></th><th>Rank</th><th>Dice</th></tr>
<td><input type="text" class="sheet-short" name="attr_charisma" /></td>
<td><input type="text" class="sheet-short" name="attr_charisma_mod" value="( )"/></td>
<td><input type="text" class="sheet-short" name="attr_charisma_rank" /></td>
<td><input type="text" class="sheet-short" name="attr_charisma_dice" /><button type='roll' name='roll_charisma' value=' &{template:default} {{name=Charisma Roll}} {{Charisma=@{charisma}}} {{Roll = [[@{charisma_dice}]]}}'></td>
</table>
<table style="width:100%">
<tr><td>Reputation:</td><td><input type="text" name="attr_charisma_reputation" /></td></tr>
<tr><td>Social Pool:</td><td><input type="text" name="attr_charisma_social_pool" /></td></tr>
</table>
<hr/>
<h3 style="margin-bottom: 10px;">Character Description</h3>
<table>
<td>Physical Beauty</td><td><input type="text" class="sheet-short" name="attr_description_physical_beauty" /></td>
<td>Gender</td><td><input type="text" class="sheet-short" name="attr_description_gender" /></td>
<td>Height</td><td><input type="text" class="sheet-short" name="attr_description_height" /></td>
<tr>
<td>Weight</td><td><input type="text" class="sheet-short" name="attr_description_weight" /></td>
<td>Skin Color</td><td><input type="text" class="sheet-short" name="attr_description_skin_color" /></td>
<td>Hair</td><td><input type="text" class="sheet-short" name="attr_description_hair" /></td>
</tr>
<tr>
<td>Name Day</td><td><input type="text" class="sheet-short" name="attr_description_name_day" /></td>
<td>Age</td><td><input type="text" class="sheet-short" name="attr_description_age" /></td>
<td>Origin</td><td><input type="text" class="sheet-short" name="attr_description_origin" /></td>
</tr>
</table>
</div>
<div class="sheet-col">
<h3 style="margin-bottom: 10px;">Skills</h3>
<hr/>
<h3 style="margin-bottom: 10px;">Combat Skills</h3>
<table style="width:100%">
<tr><th>Unarmed Combat</th><th></th><th>+ to hit</th><th>DMG</th></tr>
<td><input type="text" name="attr_unarmed_combat" /></td><td></td>
<td><input type="text" class="sheet-short" name="attr_unarmed_combat_to_hit" /></td>
<td><input type="text" class="sheet-short" name="attr_unarmed_combat_dmg" />
</table>
<table style="width:100%">
<tr><td>Attack:</td><td><button type='roll' name='roll_unarmed_combat' value=' &{template:default} {{name=Unarmed Combat Roll}} {{Roll = [[d20+@{unarmed_combat_to_hit}]]}} '></td></tr>
<tr><td>Damage:</td><td><button type='roll' name='roll_unarmed_combat_damage' value=' &{template:default} {{name=Unarmed Combat Damage}} {{Damage = [[@{unarmed_combat_dmg}]]}}'></td></tr>
<tr><td>Damage with Multipliers:</td><td><button type='roll' name='roll_unarmed_combat_damage' value=' &{template:default} {{name=Multiplied Unarmed Combat Damage}} {{Weapon = Unarmed}} {{Multiplier = ?{Multiplier?}}}{{Damage Roll = [[(@{unarmed_combat_dmg})*?{Multiplier?}]]}}'></td></tr>
</table>
<hr/>
<h3 style="margin-bottom: 10px;">Weapon Proficiencies</h3>
<fieldset class="repeating_weapon-proficiency">
<table style="width:100%">
<tr><th>Name</th></tr>
<td><input type="text" name="attr_skill_weapon_proficiency" /></td>
</table>
</fieldset>
<hr/>
<h3 style="margin-bottom: 10px;">Specializations </h3>
<fieldset class="repeating_weapon-specialization">
<table style="width:100%">
<tr><th>Spec</th><th>+ to hit</th></tr>
<tr><td><input type="text" name="attr_skill_weapon_specialization" /></td>
<td><input type="text" class="sheet-short" name="attr_skill_weapon_specialization_to_hit" /></td></tr>
</fieldset>
<hr/>
<h3 style="margin-bottom: 10px;">Character Skills</h3>
<fieldset class="repeating_character-skills">
<table style="width:100%">
<tr><th>Skill</th><th>Rating</th><th>Level</th><th>Dice</th></tr>
<td><input type="text" name="attr_character_skill" /></td>
<td><input type="text" class="sheet-short" name="attr_character_skill_rating" /></td>
<td><input type="text" class="sheet-short" name="attr_character_skill_level" /></td>
<td><input type="text" class="sheet-short" name="attr_character_skill_dice" /></td>
</table>
<table style="width:100%">
<tr><td>Skill Roll:</td><td><button type='roll' name='roll_character_skill_dice' value=' &{template:default} {{name=Character Skill Roll}} {{Skill = @{character_skill}}} {{Roll = [[@{character_skill_dice}]]}} '></td></tr>
</table>
</fieldset>
<hr/>
<h3 style="margin-bottom: 10px;">Fluent Languages</h3>
<fieldset class="repeating_fluent-languages">
<input type="text" name="attr_fluent_languages" />
</fieldset>
</div>
<div class="sheet-col">
<h3 style="margin-bottom: 10px;">Weapons</h3>
<hr/>
<fieldset class="repeating_weapons">
<table style="width:100%">
<tr><th>Name</th><th>+ to hit</th></tr>
<td><input type="text" name="attr_weapon_name" /></td>
<td><input type="text" class="sheet-short" name="attr_weapon_plus_to_hit" /></td>
</table>
<table style="width:100%">
<tr></tr><td><label>DMG:</label></td><td><input type="text" name="attr_weapon_damage" /></td></tr>
<tr></tr><td><label>Durability:</label></td><td><input type="text" name="attr_weapon_durability" /></td></tr>
<tr></tr><td><label>Range:</label></td><td><input type="text" name="attr_weapon_range" /></td></tr>
<tr></tr><td><label>Weight:</label></td><td><input type="text" name="attr_weapon_weight" /></td></tr>
<tr></tr><td><label>Ammo:</label></td><td><input type="text" name="attr_weapon_ammo" /></td></tr>
<tr></tr><td><label>Accessories:</label></td><td><input type="text" name="attr_weapon_accessories" /></td></tr>
</table>
<table style="width:100%">
<tr><td>Attack:</td><td><button type='roll' name='roll_weapon_hit' value=' &{template:default} {{name=Weapon Attack}} {{Weapon = @{weapon_name}}} {{Attack Roll = [[d20+@{weapon_plus_to_hit}]]}} '></td></tr>
<tr><td>Damage:</td><td><button type='roll' name='roll_weapon_damage' value=' &{template:default} {{name=Weapon Damage}} {{Weapon = @{weapon_name}}} {{Damage Roll = [[@{weapon_damage}]]}}'></td></tr>
<tr><td>Damage with Multipliers:</td><td><button type='roll' name='roll_weapon_damage' value=' &{template:default} {{name=Multiplied Weapon Damage}} {{Weapon = @{weapon_name}}} {{Multiplier = ?{Multiplier?}}}{{Damage Roll = [[(@{weapon_damage})*?{Multiplier?}]]}}'></td></tr>
</table>
<hr/>
</fieldset>
<hr/>
<h3 style="margin-bottom: 10px;">Armor and Clothing</h3>
<table style="width:100%">
<tr><th></th><th>Name</th><th>Dur</th><th>AR</th></tr>
<tr></tr><td>Clothing</td><td><input type="text" name="attr_armor_clothing_name" /></td>
<td><input type="text" class="sheet-short" name="attr_armor_clothing_durability" /></td>
<td><input type="text" class="sheet-short" name="attr_armor_clothing_ar" /></td></tr>
<tr></tr><td>Torso</td><td><input type="text" name="attr_armor_torso_name" /></td>
<td><input type="text" class="sheet-short" name="attr_armor_torso_durability" /></td>
<td><input type="text" class="sheet-short" name="attr_armor_torso_ar" /></td></tr>
<tr></tr><td>Cloak</td><td><input type="text" name="attr_armor_cloak_name" /></td>
<td><input type="text" class="sheet-short" name="attr_armor_cloak_durability" /></td>
<td><input type="text" class="sheet-short" name="attr_armor_cloak_ar" /></td></tr>
<tr></tr><td>Helmet</td><td><input type="text" name="attr_armor_helmet_name" /></td>
<td><input type="text" class="sheet-short" name="attr_armor_helmet_durability" /></td>
<td><input type="text" class="sheet-short" name="attr_armor_hemlet_ar" /></td></tr>
<tr></tr><td>Amulet</td><td><input type="text" name="attr_armor_amulet_name" /></td>
<td><input type="text" class="sheet-short" name="attr_armor_amulet_durability" /></td>
<td><input type="text" class="sheet-short" name="attr_armor_amulet_ar" /></td></tr>
<tr></tr><td>Pauldrons</td><td><input type="text" name="attr_armor_pauldrons_name" /></td>
<td><input type="text" class="sheet-short" name="attr_armor_pauldrons_durability" /></td>
<td><input type="text" class="sheet-short" name="attr_armor_pauldrons_ar" /></td></tr>
<tr></tr><td>Bracers</td><td><input type="text" name="attr_armor_bracers_name" /></td>
<td><input type="text" class="sheet-short" name="attr_armor_bracers_durability" /></td>
<td><input type="text" class="sheet-short" name="attr_armor_bracers_ar" /></td></tr>
<tr></tr><td>Greaves</td><td><input type="text" name="attr_armor_greaves_name" /></td>
<td><input type="text" class="sheet-short" name="attr_armor_greaves_durability" /></td>
<td><input type="text" class="sheet-short" name="attr_armor_greaves_ar" /></td></tr>
<tr></tr><td>Belt</td><td><input type="text" name="attr_armor_belt_name" /></td>
<td><input type="text" class="sheet-short" name="attr_armor_belt_durability" /></td>
<td><input type="text" class="sheet-short" name="attr_armor_belt_ar" /></td></tr>
<tr></tr><td>Shield</td><td><input type="text" name="attr_armor_shield_name" /></td>
<td><input type="text" class="sheet-short" name="attr_armor_shield_durability" /></td>
<td><input type="text" class="sheet-short" name="attr_armor_shield_ar" /></td></tr>
<tr></tr><td>Boots</td><td><input type="text" name="attr_armor_boots_name" /></td>
<td><input type="text" class="sheet-short" name="attr_armor_boots_durability" /></td>
<td><input type="text" class="sheet-short" name="attr_armor_boots_ar" /></td></tr>
<tr></tr><td>Gloves</td><td><input type="text" name="attr_armor_gloves_name" /></td>
<td><input type="text" class="sheet-short" name="attr_armor_gloves_durability" /></td>
<td><input type="text" class="sheet-short" name="attr_armor_gloves_ar" /></td></tr>
<tr></tr><td>Ring</td><td><input type="text" name="attr_armor_ring_name" /></td>
<td><input type="text" class="sheet-short" name="attr_armor_ring_durability" /></td>
<td><input type="text" class="sheet-short" name="attr_armor_ring_ar" /></td></tr>
</table>
<hr/>
<h3 style="margin-bottom: 10px;">Resistances</h3>
<table>
<td>Fire</td><td><input type="text" class="sheet-short" name="attr_resistance_fire" /></td>
<td>Cold</td><td><input type="text" class="sheet-short" name="attr_resistance_cold" /></td>
<td>Toxic</td><td><input type="text" class="sheet-short" name="attr_resistance_toxic" /></td>
<tr>
<td>Electrical</td><td><input type="text" class="sheet-short" name="attr_resistance_electrical" /></td>
<td>Sonic</td><td><input type="text" class="sheet-short" name="attr_resistance_sonic" /></td>
</tr>
</table>
<hr/>
<h3 style="margin-bottom: 10px;">Equipent(belt)</h3>
<fieldset class="repeating_equipment-belt">
<input type="text" name="attr_equipment_belt" />
</fieldset>
</div>
</div>
<!-- This will be page 2, if we ever figure out tabs -->
<div class="sheet-3colrow">
<hr/>
<div class="sheet-col">
<h3 style="margin-bottom: 10px;">Racial Abilities</h3>
<fieldset class="repeating_racial-ability">
<input type="text" name="attr_racial_ability" />
</fieldset>
<hr/>
<h3 style="margin-bottom: 10px;">Class Abilities</h3>
<fieldset class="repeating_class-ability">
<table style="width:100%">
<tr><th>Name</th><th>Rank</th></tr>
<td><input type="text" name="attr_class_ability" /></td>
<td><input type="text" class="sheet-short" name="attr_class_ability_rank" /></td></tr>
</table>
</fieldset>
</div>
<div class="sheet-col">
<h3 style="margin-bottom: 10px;">Character Traits</h3>
<fieldset class="repeating_character-traits">
<input type="text" name="attr_character_traits" />
</fieldset>
<hr/>
<h3 style="margin-bottom: 10px;">Talents</h3>
<fieldset class="repeating_talents">
<input type="text" name="attr_talents" />
</fieldset>
</div>
<div class="sheet-col">
<h3 style="margin-bottom: 10px;">Backpack or Stash</h3>
<fieldset class="repeating_backpack-or-stash">
<input type="text" name="attr_backpack_or_stash" />
</fieldset>
<hr/>
<h3 style="margin-bottom: 10px;">Loot</h3>
<table style="width:100%">
<tr><td>Mertacullum</td><td><input type="text" class="sheet-short" name="attr_mertacullum" /></td></tr>
<tr><td>Gold Talons</td><td><input type="text" class="sheet-short" name="attr_gold_talons" /></td></tr>
<tr><td>Silver (shillings)</td><td><input type="text" class="sheet-short" name="attr_silver_shillings" /></td></tr>
<tr><td>Copper (crets)</td><td><input type="text" class="sheet-short" name="attr_copper_shardsm" /></td></tr>
<tr><td>Bits (bones)</td><td><input type="text" class="sheet-short" name="attr_bone_crets" /></td></tr>
</table>
<h3 style="margin-bottom: 10px;">Misc Treasure</h3>
<fieldset class="repeating_misc-treasure">
<input type="text" name="attr_misc_treasure" />
</fieldset>
<hr/>
<h3 style="margin-bottom: 10px;">Hideouts</h3>
<fieldset class="repeating_hideouts">
<input type="text" name="attr_hideouts" />
</fieldset>
<hr/>
<h3 style="margin-bottom: 10px;">Total Hideouts</h3>
<table style="width:100%">
<tr><th>Income</th><th>Upkeep</th></tr>
<td><input type="text" name="attr_hideout_income" /></td>
<td><input type="text" name="attr_hideout_upkeep" /></td></tr>
</table>
</div>
</div>
<!-- This will be page 3, if we ever figure out tabs -->
<div class="sheet-3colrow">
<hr/>
<div class="sheet-col">
<h3 style="margin-bottom: 10px;">Religious Beliefs</h3>
<table style="width:100%">
<tr><td>Path</td><td><input type="text" name="attr_religious_path" /></td></tr>
<tr><td>Spiritual Influence</td><td><input type="text" name="attr_spiritual_influence" /></td></tr>
<tr><td>Animal Spirit</td><td><input type="text" name="attr_animal_spirit" /></td></tr>
<tr><td>Soul Points</td><td><input type="text" name="attr_soul_points" /></td></tr>
<tr><td>gods</td></tr>
</table>
<fieldset class="repeating_gods">
<table style="width:100%">
<td><input type="text" name="attr_god" /></td>
<td><input type="text" class="sheet-short" name="attr_god_number" /></td></tr>
</table>
</fieldset>
<hr/>
<h3 style="margin-bottom: 10px;">Astrological Sign</h3>
<table style="width:100%">
<tr><td>Fate</td><td><input type="text" name="attr_fate" /></td></tr>
</table>
<hr/>
<h3 style="margin-bottom: 10px;">Reputation</h3>
<table style="width:100%">
<tr><td>Title</td><td><input type="text" name="attr_reputation_title" /></td></tr>
<tr><td>% chance known</td><td><input type="text" name="attr_reputation_percentage_chance_known" /></td></tr>
<tr><td>Total Reputation Points</td><td><input type="text" name="attr_total_rep_points" /></td></tr>
</table>
<h3 style="margin-bottom: 10px;">Reputation Log</h3>
<fieldset class="repeating_reputation-log">
<input type="text" name="attr_reputation_log" />
</fieldset>
<h3 style="margin-bottom: 10px;">Reputation Locations</h3>
<fieldset class="repeating_reputation-locations">
<table style="width:100%">
<tr><th>Name</th><th>Points</th></tr>
<tr><td><input type="text" name="attr_reputation_location_name" /></td>
<td><input type="text" class="sheet-short" name="attr_reputation_location_points" /></td></tr>
</table>
</fieldset>
<hr/>
<h3 style="margin-bottom: 10px;">Character Background</h3>
<fieldset class="repeating_character-background">
<input type="text" name="attr_character_background" />
</fieldset>
</div>
<div class="sheet-col">
<h3 style="margin-bottom: 10px;">Vessel and Transport</h3>
<fieldset class="repeating_vessel-and-transport">
<input type="text" name="attr_vessel_and_transport" />
</fieldset>
<hr/>
<h3 style="margin-bottom: 10px;">Creature Transport</h3>
<fieldset class="repeating_creature-transport">
<input type="text" name="attr_creature_transport" />
</fieldset>
</div>
<div class="sheet-col">
<hr/>
<h3 style="margin-bottom: 10px;">Characters Known</h3>
<fieldset class="repeating_characters-known">
<table style="width:100%">
<tr><th>Name</th><th>Rank</th></tr>
<td><input type="text" name="attr_characters_known_name" /></td>
<td><input type="text" class="sheet-short" name="attr_characters_known_level" /></td></tr>
</table>
</fieldset>
<hr/>
<h3 style="text-align: center;">Physical Condition Gauge</h3>
<table style="width:100%">
<tr><td><input type='radio' value='restored' name='attr_physical_condition' checked='true' /></td><td>Restored</td><td>-0%</td><td>-0</td></tr>
<tr><td><input type='radio' value='tired' name='attr_physical_condition' /></td><td>Tired</td><td>-10%</td><td>-0</td></tr>
<tr><td><input type='radio' value='weary' name='attr_physical_condition' /></td><td>Weary</td><td>-25%</td><td>-1</td></tr>
<tr><td><input type='radio' value='fatigued' name='attr_physical_condition' /></td><td>Fatigued</td><td>-50%</td><td>-2</td></tr>
<tr><td><input type='radio' value='exhausted' name='attr_physical_condition' /></td><td>Exhausted</td><td>-75%</td><td>-3</td></tr>
<tr><td><input type='radio' value='overexhausted' name='attr_physical_condition' /></td><td>Over Exhausted</td><td>-90%</td><td>-4</td></tr>
<tr><td><input type='radio' value='critical' name='attr_physical_condition' /></td><td>Critical</td><td>-100%</td><td>-5</td></tr>
</table>
<hr/>
<h3 style="text-align: center;">Mental Condition Gauge</h3>
<table style="width:100%">
<tr><td><input type='radio' value='collected' name='attr_mental_condition' checked='true' /></td><td>Collected</td><td>-0%</td><td>-0</td></tr>
<tr><td><input type='radio' value='agitated' name='attr_mental_condition' /></td><td>Agitated</td><td>-10%</td><td>-0</td></tr>
<tr><td><input type='radio' value='distraught' name='attr_mental_condition' /></td><td>Distraught</td><td>-25%</td><td>-1</td></tr>
<tr><td><input type='radio' value='irrational' name='attr_mental_condition' /></td><td>Irrational</td><td>-50%</td><td>-2</td></tr>
<tr><td><input type='radio' value='unstable' name='attr_mental_condition' /></td><td>Unstable</td><td>-75%</td><td>-3</td></tr>
<tr><td><input type='radio' value='maniacal' name='attr_mental_condition' /></td><td>Maniacal</td><td>-90%</td><td>-4</td></tr>
<tr><td><input type='radio' value='senseless' name='attr_mental_condition' /></td><td>Senseless</td><td>-100%</td><td>-5</td></tr>
</table>
<hr/>
</div>
</div>
<!-- This is for page 4 when we figure this shit out -->
<div class="sheet-row">
<hr/>
<h3 style="margin-bottom: 10px;">Spell Book</h3>
<fieldset class="repeating_spells">
<table style="width:100%">
<tr><th>Spell</th><th>Area</th><th>Actions</th><th>DMG</th><th>Duration</th><th>Protect</th><th>Drain</th><th>+ to hit</th></tr>
<tr><td><input type="text" name="attr_spell" /></td>
<td><input type="text" class="sheet-short" name="attr_spell_area" /></td>
<td><input type="text" class="sheet-short" name="attr_spell_actions" /></td>
<td><input type="text" class="sheet-short" name="attr_spell_damage" /><button type='roll' name='roll_spell_damage' value=' &{template:default} {{name=Spell Damage}} {{Spell=@{spell}}} {{Damage Roll = [[@{spell_damage}]]}} '>Base <button type='roll' name='roll_spell_damage' value=' &{template:default} {{name=Multiplied Spell Damage}} {{Spell = @{spell}}} {{Multiplier = ?{Multiplier?}}}{{Damage Roll = [[(@{spell_damage})*?{Multiplier?}]]}}'>Mult</td>
<td><input type="text" class="sheet-short" name="attr_spell_duration" /></td>
<td><input type="text" class="sheet-short" name="attr_spell_protect" /></td>
<td><input type="text" class="sheet-short" name="attr_spell_Drain" /></td>
<td><input type="text" class="sheet-short" name="attr_spell_plus_to_hit" /><button type='roll' name='roll_spell_hit' value=' &{template:default} {{name=Spell Attack}} {{Spell=@{spell}}} {{Spell Attack Roll = [[d20+@{spell_plus_to_hit}]]}} '></td></tr>
</table>
</fieldset>
<hr/>
</div>
<div class="sheet-2colrow">
<div class="sheet-col">
<h3 style="margin-bottom: 10px;">Alchemical Formulas</h3>
<fieldset class="repeating_alchemical-formula">
<input type="text" name="attr_alchemical_formula" />
</fieldset>
</div>
<div class="sheet-col">
<h3 style="margin-bottom: 10px;">Chi Abilities</h3>
<fieldset class="repeating_chi-ability">
<table style="width:100%">
<tr><th>Name</th><th>Drain</th></tr>
<td><input type="text" name="attr_chi_ability" /></td>
<td><input type="text" class="sheet-short" name="attr_chi_ability_drain" /></td></tr>
</table>
</fieldset>
</div>
</div>
</div>
Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 MiB

+986
View File
@@ -0,0 +1,986 @@
input[type=number] {
-moz-appearance: textfield;
}
.charsheet {
background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Demon%20Gate%20Scripted/Paper.jpg");
}
.charsheet td.sheet-attname {
font-weight: bold;
text-align: left;
background-color: #ddd9c3;
border-style: solid;
border-color: #c4bc96;
border-width: 1px;
padding-left: 8px;
}
.charsheet td.sheet-skillname {
background-color: #ddd9c3;
font-size: 0.9em;
border-style: solid;
border-color: #c4bc96;
border-width: 1px;
padding-left: 8px;
padding-right: 8px;
}
.charsheet td.sheet-smallname {
font-weight: bold;
text-align: center;
border: 0;
border-radius: 0;
}
.charsheet td.sheet-skillhead {
font-size: 0.7em;
font-weight: bold;
text-align: center;
background-color: #ddd9c3;
border-style: solid;
border-color: #c4bc96;
border-width: 1px;
}
.charsheet td.sheet-skillstat {
text-align: center;
border-style: solid;
border-color: #c4bc96;
border-width: 1px;
}
.charsheet select.sheet-skilldesc {
font-size: 0.7em;
width: 5em;
height: 2.2em;
}
.charsheet select.sheet-skilldesclong {
width: 6em;
margin: 0;
border: 0;
border-radius: 0;
}
.charsheet select.sheet-skilldesclonger {
font-size: 0.7em;
width: 12em;
height: 2.2em;
}
.charsheet td.sheet-attstat {
background-color: #ddd9c3;
border-style: solid;
border-color: #c4bc96;
border-width: 1px;
}
.charsheet td.sheet-attstatsmall {
font-size: 0.7em;
font-weight: bold;
background-color: #ddd9c3;
border-style: solid;
border-color: #c4bc96;
border-width: 1px;
}
.charsheet td.sheet-descname {
text-align: left;
background-color: #ffffff;
border-style: solid;
border-color: #c4bc96;
border-width: 1px;
padding-left: 20px;
}
.charsheet td.sheet-descstat,
.charsheet td.sheet-descstat-narrow {
background-color: #ffffff;
border-style: solid;
border-color: #c4bc96;
border-width: 1px;
}
.charsheet td.sheet-descstatsmall {
font-size: 0.7em;
background-color: #ffffff;
border-style: solid;
border-color: #c4bc96;
border-width: 1px;
}
.charsheet input.sheet-attfield {
font-size: 1em;
width: 2em;
text-align: center;
}
.charsheet input.sheet-skillfield {
width: 2em;
text-align: center;
}
.charsheet input[type="number"].sheet-desctotalfield {
font-size: 1em;
width: 2em;
text-align: center;
font-weight: bold;
font-size: 16px;
color: dimgray;
background-color: #e0e0e0;
border: 0;
border-radius: 0;
}
.charsheet input[type="number"].sheet-totalfield,
.charsheet input[type="text"].sheet-totalfield {
text-align: center;
font-weight: bold;
font-size: 16px;
height: 30px;
color: dimgray;
background-color: #e0e0e0;
border: 0;
border-radius: 0;
width: 100%;
}
.charsheet input.sheet-attrankfield {
font-size: 1em;
width: 2em;
text-align: center;
font-weight: bold;
color: blue;
background-color: #e0e0e0;
}
.charsheet input.sheet-longtext {
width: 12em;
text-align: center;
}
.charsheet input.sheet-autofield,
.charsheet input.sheet-autofield-wide{
font-size: 1em;
text-align: center;
font-weight: bold;
background-color: #e0e0e0;
}
.charsheet input.sheet-autofield {
width: 2em;
}
.charsheet input.sheet-autofieldsmall {
font-size: 0.7em;
width: 2em;
text-align: center;
font-weight: bold;
background-color: #e0e0e0;
}
.charsheet textarea.sheet-smalltextarea {
font-size: 0.7em;
width: 40em;
height: 2.5em;
}
.charsheet td.sheet-descstat1 {
background-color: #ffffff;
border-style: solid;
border-color: #c4bc96;
border-width: 1px;
}
.charsheet td.sheet-skillstat1 {
text-align: center;
background-color: #ffffff;
border-style: solid;
border-color: #c4bc96;
border-width: 1px;
}
.charsheet input.sheet-short {
font-size: 1.5em;
text-align: center;
}
.charsheet input.sheet-long {
width: 10em;
text-align: center;
}
.charsheet input.sheet-gpxpfield {
font-weight: bold;
width: 6em;
text-align: center;
}
.charsheet input.sheet-atkfield {
font-size: 0.6em;
text-align: center;
}
.charsheet tr.sheet-blankrow {
height: 20px !important;
}
.charsheet td.sheet-blankcol {
width: 20px !important;
}
.charsheet td.sheet-blankcols {
width: 100px !important;
}
.charsheet td.sheet-smaller {
font-size: 0.8em;
}
.charsheet td.sheet-shrink {
font-size: 0.5em;
text-align: center;
}
.charsheet input.sheet-atktotalfield {
font-size: 0.6em;
text-align: center;
color: red
}
.charsheet table.sheet-large {
font-size: 1.5em;
}
.charsheet table.sheet-adjfield {
font-size: 1em;
font-weight: bold;
text-align: center;
}
.charsheet input.sheet-adjvalue {
font-size: 1em;
font-weight: bold;
text-align: center;
}
.charsheet input.sheet-adjvalueblue {
font-size: 1em;
font-weight: bold;
text-align: center;
color: white;
background-color: gray;
}
.charsheet input.sheet-redadjvalue {
font-size: 1em;
font-weight: bold;
text-align: center;
color: red;
}
.charsheet input.sheet-adjvaluetotal {
font-size: 1em;
font-weight: bold;
text-align: center;
color: red;
}
.charsheet textarea.sheet-knowdesc {
font-size: 0.8em;
width: 50em;
height: 1.7em;
}
.charsheet textarea.sheet-skilldesc {
font-size: 0.8em;
width: 25em;
height: 5em;
}
.charsheet textarea.sheet-spelldesc {
font-size: 0.8em;
width: 30em;
height: 3em;
}
.charsheet button.sheet-valuebutton:before {
content: "" !important;
}
.charsheet button.sheet-valuebutton {
border: none;
padding: 0px;
font-weight: bold;
}
.charsheet input[type=number]::-webkit-inner-spin-button,
.charsheet input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.charsheet div[class^="sheet-section"] {
display: none;
}
/* ************************************************************************************************************************************************ */
/* Colours */
/* ************************************************************************************************************************************************ */
/*
#948a54 (mid brown) - table borders, headings of older parts of the sheet
#ddd9c3 (beige) - header cells, active tab button
#b6ad7c (darker beige) - inactive tab buttons
#f6f5ef (pale beige) - input control backgrounds
#e0e0e0 (light grey) - read-only cell background
#c4bc96 (slightly darker beige) - tab button borders
*/
/* ************************************************************************************************************************************************ */
/* Headings */
/* ************************************************************************************************************************************************ */
h1, h2, h3 {
width: 100%;
text-align: center;
}
h2, h3 {
color: maroon;
background-color: #ddd9c3;
font-weight: normal;
font-size: 16px;
height: 28px;
line-height: 28px;
}
h1 {
height: 40px;
line-height: 40px;
color: #ddd9c3;
background-color: #590902;
border: 2px solid #590902;
border-radius: 4px;
font-size: 20px;
}
h2 {
padding-top: 2px;
padding-bottom: 2px;
}
h3 {
text-align: left;
}
/* ************************************************************************************************************************************************ */
/* Entry controls */
/* ************************************************************************************************************************************************ */
input,
select,
textarea,
.sheet-input-like,
.sheet-input-like-no-padding {
background-color: #f6f5ef;
}
.sheet-input-like {
padding-left: 4px;
}
.sheet-read-only-field,
td input:read-only {
color: lightslategray;
background-color: #e0e0e0;
}
button.sheet-button,
button.btn {
border: 2px solid maroon;
border-radius: 4px;
color: maroon;
text-shadow: none;
}
button.sheet-button {
background: transparent;
}
button.btn {
background: #ddd9c3;
}
button.sheet-button[type=roll]:before {
content: "";
}
button.sheet-button-small {
height: 20px;
}
button.sheet-button-small[type=roll] {
font-size: 11px;
}
.sheet-tall-control,
input.sheet-tall-control {
height: 36px;
line-height: 36px;
font-size: 16px;
}
/* ************************************************************************************************************************************************ */
/* Expand/collapse (custom checkbox plus hiding a section)*/
/* ************************************************************************************************************************************************ */
/* Hide the browser's default checkbox */
input.sheet-expand-collapse-checkbox {
position: absolute;
opacity: 0;
cursor: pointer;
height: 18px;
}
/* Show the checkmark when checked */
input.sheet-expand-collapse-checkbox:checked~.sheet-expand-collapse-symbol:after {
display: block;
content: "⯆";
font-size: 18px;
}
/* Style the checkmark/indicator */
input.sheet-expand-collapse-checkbox~.sheet-expand-collapse-symbol:after {
display: block;
content: "⯈";
font-size: 18px;
}
input[type="checkbox"].sheet-expand-collapse-checkbox~.sheet-collapsible {
display: none;
}
input[type="checkbox"].sheet-expand-collapse-checkbox:checked~.sheet-collapsible {
display: block;
}
/* ************************************************************************************************************************************************ */
/* Tab buttons */
/* ************************************************************************************************************************************************ */
.charsheet input.sheet-tab {
width: 90px;
height: 40px;
cursor: pointer;
position: relative;
opacity: 0;
z-index: 9999;
}
.charsheet span.sheet-tab {
text-align: center;
display: inline-block;
font-size: 14px;
line-height: 28px;
color: maroon;
border: 2px solid maroon;
border-radius: 4px;
background: #b6ad7c;
width: 90px;
height: 28px;
cursor: pointer;
position: relative;
vertical-align: middle;
margin-left: -91px;
}
.charsheet input.sheet-tab1:checked~div.sheet-section-core,
.charsheet input.sheet-tab2:checked~div.sheet-section-skills,
.charsheet input.sheet-tab3:checked~div.sheet-section-combat,
.charsheet input.sheet-tab4:checked~div.sheet-section-gear,
.charsheet input.sheet-tab5:checked~div.sheet-section-mystic,
.charsheet input.sheet-tab6:checked~div.sheet-section-abilities,
.charsheet input.sheet-tab7:checked~div.sheet-section-reputation,
.charsheet input.sheet-tab8:checked~div.sheet-section-notes,
.charsheet input.sheet-tab9:checked~div.sheet-section-old-sheet {
display: block;
}
.charsheet input.sheet-tab:checked+span {
background: #ddd9c3;
}
/* ************************************************************************************************************************************************ */
/* Flexbox columns */
/* ************************************************************************************************************************************************ */
.sheet-flex-section {
margin-top: 20px;
margin-left: -10px;
margin-right: -10px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.sheet-column-fixed {
flex-grow: 0;
margin: 10px;
}
.sheet-column-grow {
flex-grow: 1;
margin: 10px;
}
.sheet-column-prominent-stat {
flex-grow: 0;
width: 120px;
margin: 10px;
}
.sheet-flex-form-container {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}
.sheet-flex-form-grow {
flex-grow: 1;
}
.sheet-flex-form-fixed {
flex-grow: 0;
padding-left: 2px;
padding-right: 2px;
}
/* ************************************************************************************************************************************************ */
/* Tables */
/* ************************************************************************************************************************************************ */
table.sheet-wide-table,
table.sheet-wide-table-auto {
width: 100%;
border: 2px solid #948a54;
background-color: #ddd9c3;
}
table.sheet-wide-table-auto {
table-layout: auto;
}
/* ************************************************************************************************************************************************ */
/* Top section of first sheet */
/* ************************************************************************************************************************************************ */
.sheet-demon-gate-logo {
height: 116px;
}
.sheet-column-prominent-stat td input[type=number] {
width: 100%;
text-align: center;
}
.sheet-wide-table th,
.sheet-wide-table-auto th {
padding-left: 10px;
padding-right: 10px;
max-width: max-content;
white-space: nowrap;
font-size: 11px;
font-weight: bold;
color: dimgray;
background-color: #ddd9c3;
}
.sheet-wide-table th,
.sheet-wide-table td,
.sheet-wide-table-auto th,
.sheet-wide-table-auto td {
border: 1px solid #c4bc96;
}
.sheet-wide-table-auto th,
.sheet-wide-table-auto td {
height: 28px;
}
.sheet-wide-table input,
.sheet-wide-table select,
.sheet-wide-table-auto input,
.sheet-wide-table-auto select {
margin: 0;
}
.sheet-input-wide {
min-width: 12em;
}
.sheet-wide-table td input[type=number],
.sheet-wide-table td input[type=text],
.sheet-wide-table-auto td input[type=number],
.sheet-wide-table-auto td input[type=text],
.sheet-input-full {
width: 100%;
border: 0;
border-radius: 0;
}
.sheet-wide-table-auto td input {
height: 28px;
line-height: 28px;
}
.sheet-wide-table td input[type=number],
.sheet-wide-table-auto td input[type=number] {
min-width: 2.2em;
text-align: center;
}
.sheet-empty-cell {
background-color: #ddd9c3;
}
.sheet-input-narrow {
width: 5em;
min-width: 5em;
max-width: 5em;
}
.sheet-input-like-no-padding input.sheet-input-narrow{
max-width: 7.5em;
}
.sheet-wide-table-auto td input.sheet-prominent-label,
.sheet-wide-table-auto td input.sheet-prominent-field {
height: 56px;
}
td input[type=text].sheet-dice-field
{
min-width: 12em;
text-align: center;
}
td input[type=text].sheet-text-centred
{
text-align: center;
}
td input.sheet-prominent-field {
font-size: 20px;
text-align: center;
}
.sheet-vertical-margin {
margin-top: 10px;
margin-bottom: 10px;
}
.sheet-vertical-margin-moderate {
margin-top: 20px;
margin-bottom: 20px;
}
.sheet-wide-table-auto td input.sheet-input-split {
width: 40%;
min-width: 1.1em;
}
td .sheet-input-spacer {
min-width: 1.1em;
text-align: center;
}
/* ************************************************************************************************************************************************ */
/* HP, Mana etc. */
.sheet-flex-section-centre {
margin-left: -10px;
margin-right: -10px;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.sheet-wide-table-auto td input.sheet-extra-prominent-field {
font-size: 36px;
height: 84px;
text-align: center;
}
td.sheet-small-text {
font-size: 0.7em;
text-align: center;
background-color: #f6f5ef;
}
th.sheet-small-text {
font-size: 0.8em;
font-weight: bold;
text-align: center;
background-color: #ddd9c3;
}
td.sheet-cell-narrow {
max-width: 50px;
}
/* ************************************************************************************************************************************************ */
/** Gradient colours for physical and mental conditions */
tr td.sheet-physical-condition-0,
tr td.sheet-mental-condition-0 {
background-color: white;
}
tr td.sheet-physical-condition-1 {
background-color: #ffcccc;
}
tr td.sheet-physical-condition-2 {
background-color: #ff9999;
}
tr td.sheet-physical-condition-3 {
background-color: #ff6666;
}
tr td.sheet-physical-condition-4 {
background-color: #ff3333;
}
tr td.sheet-physical-condition-5 {
background-color: #cc0000;
}
tr td.sheet-physical-condition-6 {
background-color: #800000;
}
tr td.sheet-mental-condition-1 {
background-color: #cce0ff;
}
tr td.sheet-mental-condition-2 {
background-color: #80b3ff;
}
tr td.sheet-mental-condition-3 {
background-color: #4d94ff;
}
tr td.sheet-mental-condition-4 {
background-color: #0066ff;
}
tr td.sheet-mental-condition-5 {
background-color: #0047b3;
}
tr td.sheet-mental-condition-6 {
background-color: #003380;
}
/* ************************************************************************************************************************************************ */
/* Skills tab
/* ************************************************************************************************************************************************ */
.sheet-top-margin {
margin-top: 40px;
}
/* Designed to spill over on to the expand/collapse element below */
.sheet-table-header-collapse {
height: 5px;
line-height: 28px;
margin-top: 20px;
padding: 0;
}
.sheet-collapsible table {
width: 100%;
border: 2px solid #948a54;
}
th.sheet-skillhead {
height: auto;
}
input.sheet-skillfield,
input.sheet-skillname-input {
border: 0;
border-radius: 0;
}
td.sheet-descstat-narrow input[type=number] {
min-width: 1em;
width: 100%;
}
td.sheet-descstat,
td.sheet-descstat-narrow,
input.sheet-skillname-input {
background-color: #f6f5ef;
}
td.sheet-skillstat {
background-color: #e0e0e0;
color: gray;
}
input.sheet-skillname-input {
width: 100%;
min-width: 10em;
}
.charsheet select.sheet-skilldescshort {
width: 4.2em;
margin: 0;
border: 0;
border-radius: 0;
}
/* ************************************************************************************************************************************************ */
/* Abilities and notes tabs
/* ************************************************************************************************************************************************ */
.sheet-subsection-header,
.sheet-subsection-header-wide {
width: 100%;
height: 36px;
line-height: 36px;
color: dimgray;
background-color: #ddd9c3;
text-align: center;
font-size: 16px;
}
.sheet-subsection-header-wide {
min-width: 15em;
border: 2px solid #c4c1b2;
margin-bottom: 5px;
}
textarea.sheet-text-area-full,
textarea.sheet-text-area-large,
textarea.sheet-standalone-textarea {
box-sizing: border-box;
resize: none;
width: 100%;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
textarea.sheet-text-area-full {
margin-left: 0;
margin-right: 0;
border-radius: 0;
height: 150px;
}
textarea.sheet-text-area-large {
margin-top: 0;
border: 0;
border-radius: 0;
height: 300px;
}
.sheet-repeating-section {
margin-top: 10px;
margin-bottom: 10px;
background-color: #f6f5ef;
border: 2px solid #948a54;
}
/* This could probably be added to h2 (and maybe h1?) with a bit of reorg */
.sheet-spacer-top-margin {
margin-top: 20px;
}
h1.sheet-spacer-top-margin {
margin-top: 40px;
}
.sheet-standalone-textarea {
margin-top: 20px;
border: 2px solid #948a54;
border-radius: 0;
height: 150px;
}
/* TODO: This is a hack - sorting out heading spacing properly and removing it from flex sections should allow this to be removed */
.sheet-remove-margin-bottom {
margin-bottom: -10px;
}
/* ************************************************************************************************************************************************ */
/* Mysic tab
/* ************************************************************************************************************************************************ */
.sheet-spiritual-influence-wrapper {
display: flex;
flex-flow: column nowrap;
align-items: center;
}
.sheet-spiritual-influence-image {
background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Demon%20Gate%20Scripted/Circle.png");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
height: 271px;
width: 288px;
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
}
.sheet-spiritual-influence-image input.sheet-spiritual-influence {
width: 2.2em;
font-size: 18px;
text-align: center;
border-radius: 20px;
height: 40px;
line-height: 40px;
padding: 0;
border: 2px solid maroon;
}
File diff suppressed because it is too large Load Diff
Binary file not shown.

After

Width:  |  Height:  |  Size: 754 KiB

+1 -1
View File
@@ -1 +1 @@
This is a roll20 character sheet for Demon Gate by Arcanum Syndicate.
Roll20 character sheet for Demon Gate by [Arcanum Syndicate](http://arcanumsyndicate.com/demon-gate).
+6 -6
View File
@@ -1,9 +1,9 @@
{
"html": "Demon Gate.html",
"css": "Demon Gate.css",
"authors": "Mike Wenditz, Brandon Williams, Arcanum Syndicate",
"roll20userid": "2056835,2908748",
"preview": "Demon Gate.png",
"instructions": "**Demon Gate**\n\n Dice fields need to include ! if you want maximum continuency.",
"html": "DemonGate.html",
"css": "DemonGate.css",
"authors": "Todd Bauman, Brandon Williams, Peter Haldenby, Arcanum Syndicate",
"roll20userid": "668591,2908748,230826",
"preview": "DemonGate.png",
"instructions": "**Demon Gate**\n\n Character sheet for Demon Gate.",
"legacy": true
}