GiGs, Thanks for all your help. Here's what I've got so far (still in testing): HTML Code: <!-- QAGS -->
<div class="sheet-overall-wrapper"> <!-- div overall wrapper begin -->
<!-- tabs -->
<input type="radio" name="attr_mode" class="sheet-tab sheet-tab21" value="21" title="qags" checked="checked" />
<span class="sheet-tab sheet-tab21">qags</span>
<input type="radio" name="attr_mode" class="sheet-tab sheet-tab22" value="22" title="hobomancer" />
<span class="sheet-tab sheet-tab22">hobomancer</span>
<!-- qags Tab --> <!-- qags Tab --> <!-- qags Tab --> <!-- qags Tab -->
<!-- qags Tab --> <!-- qags Tab --> <!-- qags Tab --> <!-- qags Tab -->
<!-- qags Tab --> <!-- qags Tab --> <!-- qags Tab --> <!-- qags Tab -->
<!-- qags Tab --> <!-- qags Tab --> <!-- qags Tab --> <!-- qags Tab -->
<div class="sheet-section-pc"> <!-- div pc section begin --> <!-- div pc section begin --> <!-- div pc section begin -->
<div class="sheet-fullwidth"> <!-- div pc section 1 begin --> <!-- div pc section 1 begin -->
<h2>QAGS</h2>
<div class="sheet-table"> <!-- div pc table begin -->
<div class="sheet-rowtable"> <!-- div pc row 0 -->
<div class="sheet-tablecell"> <!-- div pc cell 1 begin -->
<p class="monotype">Name <input type="text" class="sheet-25emwidth" name="attr_character_name" ></p>
</div> <!-- div pc cell 1 end -->
<div class="sheet-tablecell"> <!-- div pc cell 2 begin -->
<p class="monotype"><p class="monotype">Concept <input type="text" class="sheet-25emwidth" name="attr_conc" > </p>
</div> <!-- div pc cell 2 end -->
</div> <!-- div pc row 0 end -->
<div class="sheet-rowtable"> <!-- div pc row 1 -->
<div class="sheet-tablecell"> <!-- div pc cell 1 begin -->
<p class="monotype">WWPHITM <input type="text" class="sheet-25emwidth" name="attr_wwphitm" ></p>
</div> <!-- div pc cell 1 end -->
<div class="sheet-tablecell"> <!-- div pc cell 3 begin -->
<p class="monotype"><p class="monotype">Setting <input type="text" class="sheet-25emwidth" name="attr_setting" > </p>
</div> <!-- div pc cell 3 end -->
</div> <!-- div pc row 1 end -->
<div class="sheet-rowtable"> <!-- div pc row 2 -->
<div class="sheet-tablecell"> <!-- div pc cell 2 begin -->
<p class="monotype"><p class="monotype">Tag Line <input type="text" class="sheet-25emwidth" name="attr_tag" > </p>
</div> <!-- div pc cell 2 end -->
<div class="sheet-tablecell"> <!-- div pc cell 3 begin -->
<p class="monotype"><p class="monotype">Dumb Fact <input type="text" class="sheet-25emwidth" name="attr_df" > </p>
</div> <!-- div pc cell 3 end -->
</div> <!-- div pc row 2 end -->
</div> <!-- div pc table end -->
<br>
<div class="sheet-table"> <!-- div pc traits table begin -->
<div class="sheet-rowtable"> <!-- div pc traits row 0 -->
<div class="sheet-tablecell"> <!-- div pc traits cell 1 begin -->
<p class="monotype"><h4>Abilities</h4></p>
</div> <!-- div pc traits cell 1 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 2 begin -->
<p class="monotype"><h4></h4></p>
</div> <!-- div pc traits cell 2 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 3 begin -->
<p class="monotype"><h4></h4></p>
</div> <!-- div pc traits cell 3 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 4 begin -->
<p class="monotype"><h4></h4></p>
</div> <!-- div pc traits cell 4 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 5 begin -->
<p class="monotype"><h4></h4></p>
</div> <!-- div pc traits cell 5 end -->
</div> <!-- div pc traits row 0 end -->
<div class="sheet-rowtable"> <!-- div pc traits row 1 -->
<div class="sheet-tablecell"> <!-- div pc traits cell 1 begin -->
<p class="monotype"><button type="roll" name="roll_body" value="&{template:default} {{name= @{character_name} - Body Check}} {{Roll=[[1d20cs1cs[[@{body}]]cf20]]}} {{Lucky Break=[[@{body}]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "></button>Body <input type="number" class="ability" class="ability" name="attr_body" class="sheet-4emwidth" value="0"> </p>
</div> <!-- div pc traits cell 1 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 2 begin -->
<p class="monotype"><button type="roll" name="roll_brain" value="&{template:default} {{name= @{character_name} - Brain Check}} {{Roll=[[1d20cs1cs[[@{brain}]]cf20]]}} {{Lucky Break=[[@{brain}]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "></button>Brain <input type="number" class="ability" class="ability" name="attr_brain" class="sheet-4emwidth" value="0"> </p>
</div> <!-- div pc traits cell 2 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 3 begin -->
<p class="monotype"><button type="roll" name="roll_nerve" value="&{template:default} {{name= @{character_name} - Nerve Check}} {{Roll=[[1d20cs1cs[[@{nerve}]]cf20]]}} {{Lucky Break=[[@{nerve}]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "></button>Nerve <input type="number" class="ability" class="ability" name="attr_nerve" class="sheet-4emwidth" value="0"> </p>
</div> <!-- div pc traits cell 3 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 4 begin -->
<p class="monotype">HP &nbsp; <input type="number" class="ability" class="ability" name="attr_hp" class="sheet-ability" class="sheet-4emwidth" value="0"></p>
</div> <!-- div pc traits cell 4 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 5 begin -->
<p class="monotype">YY &nbsp; <input type="number" class="ability" class="ability" name="attr_YY" class="sheet-ability" class="sheet-4emwidth" value="0"> </p>
</div> <!-- div pc traits cell 5 end -->
</div> <!-- div pc traits row 1 end -->
<div class="sheet-rowtable"> <!-- div pc traits row 2 -->
<div class="sheet-tablecell"> <!-- div pc traits cell 1 begin -->
<p class="monotype"></p>
</div> <!-- div pc traits cell 1 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 2 begin -->
<p class="monotype"></p>
</div> <!-- div pc traits cell 2 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 3 begin -->
<p class="monotype"></p>
</div> <!-- div pc traits cell 3 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 4 begin -->
<p class="monotype">HP Current <input type="number" class="ability" class="ability" name="attr_current_hp" class="sheet-ability" class="sheet-4emwidth" value="0"></p>
</div> <!-- div pc traits cell 4 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 5 begin -->
<p class="monotype">YY Current <input type="number" class="ability" class="ability" name="attr_current_YY" class="sheet-ability" class="sheet-4emwidth" value="0"></p>
</div> <!-- div pc traits cell 5 end -->
</div> <!-- div pc traits row 2 end -->
</div> <!-- div pc table end -->
<br>
<div class="sheet-table"> <!-- div pc traits table begin -->
<div class="sheet-rowtable"> <!-- div pc traits row 0 -->
<div class="sheet-tablecell"> <!-- div pc traits cell 1 begin -->
<p class="monotype"><h4>Job(s)</h4></p>
</div> <!-- div pc traits cell 1 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 2 begin -->
<p class="monotype"><h4>Gimmick(s)</h4></p>
</div> <!-- div pc traits cell 2 end -->
</div> <!-- div pc traits row 0 end -->
<div class="sheet-rowtable"> <!-- div pc traits row 1 -->
<div class="sheet-tablecell"> <!-- div pc traits cell 1 begin -->
<p class="monotype"><button type="roll" name="roll_job1" value="&{template:default} {{name= @{character_name} - Job: @{job1} Check}} {{Roll=[[1d20cs1cs[[@{job1a}]]cf20]]}} {{Lucky Break=[[@{job1a}]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "></button><input type="number" class="score" class="score" name="attr_job1a" class="sheet-ability" value="0"> <input type="text" class="sheet-25emwidth" name="attr_job1" ></p></p>
</div> <!-- div pc traits cell 1 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 2 begin -->
<p class="monotype"><button type="roll" name="roll_gimm1" value="&{template:default} {{name= @{character_name} - Gimmick: @{gim1} Check}} {{Roll=[[1d20cs1cs[[@{gim1a}]]cf20]]}} {{Lucky Break=[[@{gim1a}]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "></button><input type="number" class="score" class="score" name="attr_gim1a" class="sheet-ability" value="0"> <input type="text" class="sheet-25emwidth" name="attr_gim1" ></p></p>
</div> <!-- div pc traits cell 2 end -->
</div> <!-- div pc traits row 1 end -->
<div class="sheet-rowtable"> <!-- div pc traits row 2 -->
<div class="sheet-tablecell"> <!-- div pc traits cell 1 begin -->
<p class="monotype"><button type="roll" name="roll_job2" value="&{template:default} {{name= @{character_name} - Job: @{job2} Check}} {{Roll=[[1d20cs1cs[[@{job2a}]]cf20]]}} {{Lucky Break=[[@{job2a}]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "></button><input type="number" class="score" class="score" name="attr_job2a" class="sheet-ability" value="0"> <input type="text" class="sheet-25emwidth" name="attr_job2" ></p></p>
</div> <!-- div pc traits cell 1 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 2 begin -->
<p class="monotype"><button type="roll" name="roll_gimm2" value="&{template:default} {{name= @{character_name} - Gimmick: @{gim2} Check}} {{Roll=[[1d20cs1cs[[@{gim2a}]]cf20]]}} {{Lucky Break=[[@{gim2a}]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "></button><input type="number" class="score" class="score" name="attr_gim2a" class="sheet-ability" value="0"> <input type="text" class="sheet-25emwidth" name="attr_gim2" ></p></p>
</div> <!-- div pc traits cell 2 end -->
</div> <!-- div pc traits row 2 end -->
</div> <!-- div pc table end -->
<br>
<div class="sheet-table"> <!-- div pc traits table begin -->
<div class="sheet-rowtable"> <!-- div pc traits row 0 -->
<div class="sheet-tablecell"> <!-- div pc traits cell 1 begin -->
<p class="monotype"><h4>Weakness(es)</h4></p>
</div> <!-- div pc traits cell 1 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 2 begin -->
<p class="monotype"><h4>Skill(s)</h4></p>
</div> <!-- div pc traits cell 2 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 3 begin -->
<p class="monotype"></p>
</div> <!-- div pc traits cell 3 end -->
</div> <!-- div pc traits row 0 end -->
<div class="sheet-rowtable"> <!-- div pc traits row 1 -->
<div class="sheet-tablecell"> <!-- div pc traits cell 1 begin -->
<p class="monotype"><button type="roll" name="roll_weak1" value="&{template:default} {{name= @{character_name} - Weakness: @{weak1} Check}} {{Roll=[[1d20cf1cf[[@{weak1a}]]cs20]]}} {{Lucky Break=[[@{weak1a} + 1]]}} }} "></button><input type="number" class="score" class="score" name="attr_weak1a" class="sheet-ability" value="0"> <input type="text" class="sheet-14emwidth" name="attr_weak1" ></p></p>
</div> <!-- div pc traits cell 1 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 2 begin -->
<p class="monotype"><button type="roll" name="roll_skill1" value="&{template:default} {{name= @{character_name} - Skill: @{skill1} Check}} {{Roll=[[1d20cs1cf20]]}} {{Lucky Break=[[ ?{Attribute|Body,@{body}|Brain,@{brain}|Nerve,@{nerve}|Job1,@{job1a}|Gimmick1,@{gim1a}|Job2,@{job2a}|Gimmick2,@{gim2a}}+@{skill1a} ]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "></button> +<input type="number" class="score" class="score" name="attr_skill1a" class="sheet-ability" value="0"> <input type="text" class="sheet-14emwidth" name="attr_skill1" ></p></p>
</div> <!-- div pc traits cell 2 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 3 begin -->
<p class="monotype"><button type="roll" name="roll_skill2" value="&{template:default} {{name= @{character_name} - Skill: @{skill2} Check}} {{Roll=[[1d20cs1cf20]]}} {{Lucky Break=[[ ?{Attribute|Body,@{body}|Brain,@{brain}|Nerve,@{nerve}|Job1,@{job1a}|Gimmick1,@{gim1a}|Job2,@{job2a}|Gimmick2,@{gim2a}}+@{skill2a} ]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "></button> +<input type="number" class="score" class="score" name="attr_skill2a" class="sheet-ability" value="0"> <input type="text" class="sheet-14emwidth" name="attr_skill2" ></p></p>
</div> <!-- div pc traits cell 3 end -->
</div> <!-- div pc traits row 1 end -->
<div class="sheet-rowtable"> <!-- div pc traits row 2 -->
<div class="sheet-tablecell"> <!-- div pc traits cell 1 begin -->
<p class="monotype"><button type="roll" name="roll_weak2" value="&{template:default} {{name= @{character_name} - Weakness: @{weak2} Check}} {{Roll=[[1d20cf1cf[[@{weak2a}]]cs20]]}} {{Lucky Break=[[@{weak2a} + 1]]}} }} "></button><input type="number" class="score" class="score" name="attr_weak2a" class="sheet-ability" value="0"> <input type="text" class="sheet-14emwidth" name="attr_weak2" ></p></p>
</div> <!-- div pc traits cell 1 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 2 begin -->
<p class="monotype"><button type="roll" name="roll_skill3" value="&{template:default} {{name= @{character_name} - Skill: @{skill3} Check}} {{Roll=[[1d20cs1cf20]]}} {{Lucky Break=[[ ?{Attribute|Body,@{body}|Brain,@{brain}|Nerve,@{nerve}|Job1,@{job1a}|Gimmick1,@{gim1a}|Job2,@{job2a}|Gimmick2,@{gim2a}}+@{skill3a} ]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "></button> +<input type="number" class="score" class="score" name="attr_skill3a" class="sheet-ability" value="0"> <input type="text" class="sheet-14emwidth" name="attr_skill3" ></p></p>
</div> <!-- div pc traits cell 2 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 3 begin -->
<p class="monotype"><button type="roll" name="roll_skill4" value="&{template:default} {{name= @{character_name} - Skill: @{skill4} Check}} {{Roll=[[1d20cs1cf20]]}} {{Lucky Break=[[ ?{Attribute|Body,@{body}|Brain,@{brain}|Nerve,@{nerve}|Job1,@{job1a}|Gimmick1,@{gim1a}|Job2,@{job2a}|Gimmick2,@{gim2a}}+@{skill4a} ]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "></button> +<input type="number" class="score" class="score" name="attr_skill4a" class="sheet-ability" value="0"> <input type="text" class="sheet-14emwidth" name="attr_skill4" ></p></p>
</div> <!-- div pc traits cell 3 end -->
</div> <!-- div pc traits row 2 end -->
<div class="sheet-rowtable"> <!-- div pc traits row 3 -->
<div class="sheet-tablecell"> <!-- div pc traits cell 1 begin -->
<p class="monotype"></p>
</div> <!-- div pc traits cell 1 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 2 begin -->
<p class="monotype"><button type="roll" name="roll_skill5" value="&{template:default} {{name= @{character_name} - Skill: @{skill5} Check}} {{Roll=[[1d20cs1cf20]]}} {{Lucky Break=[[ ?{Attribute|Body,@{body}|Brain,@{brain}|Nerve,@{nerve}|Job1,@{job1a}|Gimmick1,@{gim1a}|Job2,@{job2a}|Gimmick2,@{gim2a}}+@{skill5a} ]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "></button> +<input type="number" class="score" class="score" name="attr_skill5a" class="sheet-ability" value="0"> <input type="text" class="sheet-14emwidth" name="attr_skill5" ></p></p>
</div> <!-- div pc traits cell 2 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 3 begin -->
<p class="monotype"><button type="roll" name="roll_skill6" value="&{template:default} {{name= @{character_name} - Skill: @{skill6} Check}} {{Roll=[[1d20cs1cf20]]}} {{Lucky Break=[[ ?{Attribute|Body,@{body}|Brain,@{brain}|Nerve,@{nerve}|Job1,@{job1a}|Gimmick1,@{gim1a}|Job2,@{job2a}|Gimmick2,@{gim2a}}+@{skill6a} ]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "></button> +<input type="number" class="score" class="score" name="attr_skill6a" class="sheet-ability" value="0"> <input type="text" class="sheet-14emwidth" name="attr_skill6" ></p></p>
</div> <!-- div pc traits cell 3 end -->
</div> <!-- div pc traits row 3 end -->
</div> <!-- div pc table end -->
<br>
<div class="sheet-table"> <!-- div pc abilities section table begin -->
<div class="sheet-rowtable"> <!-- div pc row 0 begin -->
<div class="sheet-tablecell"> <!-- div pc traits cell 1 begin -->
<p class="monotype">Setting Specific Abilities:</p>
<textarea name="attr_sets" class="sheet-fullbox"></textarea>
</div> <!-- div pc traits cell 1 end -->
</div> <!-- div pc row 0 end -->
</div> <!-- div pc abilities section table end -->
<br>
<div class="sheet-table"> <!-- div pc equip section table begin -->
<div class="sheet-rowtable"> <!-- div pc row 1 begin -->
<div class="sheet-tablecell"> <!-- div pc traits cell 1 begin -->
<p class="monotype">Equpment Carried:</p>
<textarea name="attr_equip" class="sheet-fullbox"></textarea>
</div> <!-- div pc traits cell 1 end -->
</div> <!-- div pc row 1 end -->
</div> <!-- div pc equip section table end -->
<br>
<div class="sheet-table"> <!-- div pc note section table begin -->
<div class="sheet-rowtable"> <!-- div pc row 2 begin -->
<div class="sheet-tablecell"> <!-- div pc traits cell 1 begin -->
<p class="monotype">History and Notes</p>
<textarea name="attr_notes" class="sheet-fullbox"></textarea>
</div> <!-- div pc traits cell 1 end -->
</div> <!-- div pc row 2 end -->
</div> <!-- div pc note section table end -->
</div> <!-- div pc section 1 end --> <!-- div pc section 1 end -->
</div> <!-- div pc section end --> <!-- div pc section end --> <!-- div pc section end -->
<!-- hobomancer Tab --> <!-- hobomancer Tab --> <!-- hobomancer Tab --> <!-- hobomancer Tab -->
<!-- hobomancer Tab --> <!-- hobomancer Tab --> <!-- hobomancer Tab --> <!-- hobomancer Tab -->
<!-- hobomancer Tab --> <!-- hobomancer Tab --> <!-- hobomancer Tab --> <!-- hobomancer Tab -->
<!-- hobomancer Tab --> <!-- hobomancer Tab --> <!-- hobomancer Tab --> <!-- hobomancer Tab -->
<div class="sheet-section-npc"> <!-- div hobomancer section begin --> <!-- div hobomancer section begin --> <!-- div hobomancer section begin -->
<div class="sheet-fullwidth"> <!-- div npc section 1 begin --> <!-- div npc section 1 begin -->
<h2>Hobomancer</h2>
<div class="sheet-table"> <!-- div pc table begin -->
<div class="sheet-rowtable"> <!-- div pc row 0 -->
<div class="sheet-tablecell"> <!-- div pc cell 1 begin -->
<p class="monotype">Name <input type="text" class="sheet-25emwidth" name="attr_character_name" ></p>
</div> <!-- div pc cell 1 end -->
<div class="sheet-tablecell"> <!-- div pc cell 2 begin -->
<p class="monotype"><p class="monotype">Concept <input type="text" class="sheet-25emwidth" name="attr_hconc" > </p>
</div> <!-- div pc cell 2 end -->
</div> <!-- div pc row 0 end -->
<div class="sheet-rowtable"> <!-- div pc row 1 -->
<div class="sheet-tablecell"> <!-- div pc cell 1 begin -->
<p class="monotype">WWPHITM <input type="text" class="sheet-25emwidth" name="attr_hwwphitm" ></p>
</div> <!-- div pc cell 1 end -->
<div class="sheet-tablecell"> <!-- div pc cell 2 begin -->
<p class="monotype"><p class="monotype">Setting: Hobomancer </p>
</div> <!-- div pc cell 2 end -->
</div> <!-- div pc row 1 end -->
<div class="sheet-rowtable"> <!-- div pc row 2 -->
<div class="sheet-tablecell"> <!-- div pc cell 1 begin -->
<p class="monotype"><p class="monotype">Tag Line <input type="text" class="sheet-25emwidth" name="attr_htag" > </p>
</div> <!-- div pc cell 1 end -->
<div class="sheet-tablecell"> <!-- div pc cell 2 begin -->
<p class="monotype"><p class="monotype">Dumb Fact <input type="text" class="sheet-25emwidth" name="attr_hdf" > </p>
</div> <!-- div pc cell 2 end -->
</div> <!-- div pc row 2 end -->
<div class="sheet-rowtable"> <!-- div pc row 2 -->
<div class="sheet-tablecell"> <!-- div pc cell 1 begin -->
<p class="monotype"><p class="monotype">Hobomancer Power <input type="text" class="sheet-20emwidth" name="attr_hpower" > </p>
</div> <!-- div pc cell 1 end -->
<div class="sheet-tablecell"> <!-- div pc cell 2 begin -->
<p class="monotype"><p class="monotype">Vow <input type="text" class="sheet-25emwidth" name="attr_hvow" > </p>
</div> <!-- div pc cell 2 end -->
</div> <!-- div pc row 2 end -->
</div> <!-- div pc table end -->
<br>
<div class="sheet-table"> <!-- div pc traits table begin -->
<div class="sheet-rowtable"> <!-- div pc traits row 0 -->
<div class="sheet-tablecell"> <!-- div pc traits cell 1 begin -->
<p class="monotype"><h4>Abilities</h4></p>
</div> <!-- div pc traits cell 1 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 2 begin -->
<p class="monotype"><h4></h4></p>
</div> <!-- div pc traits cell 2 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 3 begin -->
<p class="monotype"><h4></h4></p>
</div> <!-- div pc traits cell 3 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 4 begin -->
<p class="monotype"><h4></h4></p>
</div> <!-- div pc traits cell 4 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 5 begin -->
<p class="monotype"><h4></h4></p>
</div> <!-- div pc traits cell 5 end -->
</div> <!-- div pc traits row 0 end -->
<div class="sheet-rowtable"> <!-- div pc traits row 1 -->
<div class="sheet-tablecell"> <!-- div pc traits cell 1 begin -->
<p class="monotype"><button type="roll" name="roll_hbody" value="&{template:default} {{name= @{character_name} - Body Check}} {{Roll=[[1d20cs1cs[[@{hbody}]]cf20]]}} {{Lucky Break=[[@{hbody}]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "></button>Body <input type="number" class="ability" class="ability" name="attr_hbody" class="sheet-4emwidth" value="0"> </p>
</div> <!-- div pc traits cell 1 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 2 begin -->
<p class="monotype"><button type="roll" name="roll_hbrain" value="&{template:default} {{name= @{character_name} - Brain Check}} {{Roll=[[1d20cs1cs[[@{hbrain}]]cf20]]}} {{Lucky Break=[[@{hbrain}]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "></button>Brain <input type="number" class="ability" class="ability" name="attr_hbrain" class="sheet-4emwidth" value="0"> </p>
</div> <!-- div pc traits cell 2 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 3 begin -->
<p class="monotype"><button type="roll" name="roll_hnerve" value="&{template:default} {{name= @{character_name} - Nerve Check}} {{Roll=[[1d20cs1cs[[@{hnerve}]]cf20]]}} {{Lucky Break=[[@{hnerve}]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "></button>Nerve <input type="number" class="ability" class="ability" name="attr_hnerve" class="sheet-4emwidth" value="0"> </p>
</div> <!-- div pc traits cell 3 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 4 begin -->
<p class="monotype">HP &nbsp; <input type="number" class="ability" class="ability" name="attr_hhp" class="sheet-ability" class="sheet-4emwidth" value="0"></p>
</div> <!-- div pc traits cell 4 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 5 begin -->
<p class="monotype">YY &nbsp; <input type="number" class="ability" class="ability" name="attr_hYY" class="sheet-ability" class="sheet-4emwidth" value="0"> </p>
</div> <!-- div pc traits cell 5 end -->
</div> <!-- div pc traits row 1 end -->
<div class="sheet-rowtable"> <!-- div pc traits row 2 -->
<div class="sheet-tablecell"> <!-- div pc traits cell 1 begin -->
<p class="monotype"><button type="roll" name="roll_hnerve" value="&{template:default} {{name= @{character_name} - The Blues Check}} {{Roll=[[1d20cs1cs[[@{hnerve} - @{hblues}]]cf20]]}} {{Lucky Break=[[@{hnerve} - @{hblues}]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "></button>The Blues <input type="number" class="ability" class="ability" name="attr_hblues" class="sheet-4emwidth" value="0"></p>
</div> <!-- div pc traits cell 1 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 2 begin -->
<p class="monotype">Bad Mojo <input type="number" class="ability" class="ability" name="attr_hbadmojo" class="sheet-4emwidth" value="0"></p>
</div> <!-- div pc traits cell 2 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 3 begin -->
<p class="monotype"></p>
</div> <!-- div pc traits cell 3 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 4 begin -->
<p class="monotype">HP Current <input type="number" class="ability" class="ability" name="attr_hcurrent_hp" class="sheet-ability" class="sheet-4emwidth" value="0"></p>
</div> <!-- div pc traits cell 4 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 5 begin -->
<p class="monotype">YY Current <input type="number" class="ability" class="ability" name="attr_hcurrent_YY" class="sheet-ability" class="sheet-4emwidth" value="0"></p>
</div> <!-- div pc traits cell 5 end -->
</div> <!-- div pc traits row 0 end -->
</div> <!-- div pc table end -->
<br>
<div class="sheet-table"> <!-- div pc traits table begin -->
<div class="sheet-rowtable"> <!-- div pc traits row 0 -->
<div class="sheet-tablecell"> <!-- div pc traits cell 1 begin -->
<p class="monotype"><h4>Job(s)</h4></p>
</div> <!-- div pc traits cell 1 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 2 begin -->
<p class="monotype"><h4>Gimmick(s)</h4></p>
</div> <!-- div pc traits cell 2 end -->
</div> <!-- div pc traits row 0 end -->
<div class="sheet-rowtable"> <!-- div pc traits row 1 -->
<div class="sheet-tablecell"> <!-- div pc traits cell 1 begin -->
<p class="monotype"><button type="roll" name="roll_hjob1" value="&{template:default} {{name= @{character_name} - Job: @{hjob1} Check}} {{Roll=[[1d20cs1cs[[@{hjob1a}]]cf20]]}} {{Lucky Break=[[@{hjob1a}]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "></button><input type="number" class="score" class="score" name="attr_hjob1a" class="sheet-ability" value="0"> <input type="text" class="sheet-25emwidth" name="attr_hjob1" ></p></p>
</div> <!-- div pc traits cell 1 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 2 begin -->
<p class="monotype"><button type="roll" name="roll_hgimm1" value="&{template:default} {{name= @{character_name} - Gimmick: @{hgim1} Check}} {{Roll=[[1d20cs1cs[[@{hgim1a}]]cf20]]}} {{Lucky Break=[[@{hgim1a}]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "></button><input type="number" class="score" class="score" name="attr_hgim1a" class="sheet-ability" value="0"> <input type="text" class="sheet-25emwidth" name="attr_hgim1" ></p></p>
</div> <!-- div pc traits cell 2 end -->
</div> <!-- div pc traits row 1 end -->
<div class="sheet-rowtable"> <!-- div pc traits row 2 -->
<div class="sheet-tablecell"> <!-- div pc traits cell 1 begin -->
<p class="monotype"><button type="roll" name="roll_hjob2" value="&{template:default} {{name= @{character_name} - Job: @{job2} Check}} {{Roll=[[1d20cs1cs[[@{hjob2a}]]cf20]]}} {{Lucky Break=[[@{hjob2a}]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "></button><input type="number" class="score" class="score" name="attr_hjob2a" class="sheet-ability" value="0"> <input type="text" class="sheet-25emwidth" name="attr_hjob2" ></p></p>
</div> <!-- div pc traits cell 1 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 2 begin -->
<p class="monotype"><button type="roll" name="roll_hgimm2" value="&{template:default} {{name= @{character_name} - Gimmick: @{gim2} Check}} {{Roll=[[1d20cs1cs[[@{hgim2a}]]cf20]]}} {{Lucky Break=[[@{hgim2a}]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "></button><input type="number" class="score" class="score" name="attr_hgim2a" class="sheet-ability" value="0"> <input type="text" class="sheet-25emwidth" name="attr_hgim2" ></p></p>
</div> <!-- div pc traits cell 2 end -->
</div> <!-- div pc traits row 0 end -->
</div> <!-- div pc table end -->
<br>
<div class="sheet-table"> <!-- div pc traits table begin -->
<div class="sheet-rowtable"> <!-- div pc traits row 0 -->
<div class="sheet-tablecell"> <!-- div pc traits cell 1 begin -->
<p class="monotype"><h4>Weakness(es)</h4></p>
</div> <!-- div pc traits cell 1 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 2 begin -->
<p class="monotype"><h4>Skill(s)</h4></p>
</div> <!-- div pc traits cell 2 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 3 begin -->
<p class="monotype"></p>
</div> <!-- div pc traits cell 3 end -->
</div> <!-- div pc traits row 0 end -->
<div class="sheet-rowtable"> <!-- div pc traits row 1 -->
<div class="sheet-tablecell"> <!-- div pc traits cell 1 begin -->
<p class="monotype"><button type="roll" name="roll_hweak1" value="&{template:default} {{name= @{character_name} - Weakness: @{hweak1} Check}} {{Roll=[[1d20cf1cf[[@{hweak1a}]]cs20]]}} {{Lucky Break=[[@{hweak1a} + 1]]}} }} "></button><input type="number" class="score" class="score" name="attr_hweak1a" class="sheet-ability" value="0"> <input type="text" class="sheet-14emwidth" name="attr_hweak1" ></p></p>
</div> <!-- div pc traits cell 1 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 2 begin -->
<p class="monotype"><button type="roll" name="roll_hskill1" value="&{template:default} {{name= @{character_name} - Skill: @{hskill1} Check}} {{Roll=[[1d20cs1cf20]]}} {{Lucky Break=[[ ?{Attribute|Body,@{hbody}|Brain,@{hbrain}|Nerve,@{hnerve}|Job1,@{hjob1a}|Gimmick1,@{hgim1a}|Job2,@{hjob2a}|Gimmick2,@{hgim2a}}+@{hskill1a} ]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "></button> +<input type="number" class="score" class="score" name="attr_hskill1a" class="sheet-ability" value="0"> <input type="text" class="sheet-14emwidth" name="attr_hskill1" ></p></p>
</div> <!-- div pc traits cell 2 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 3 begin -->
<p class="monotype"><button type="roll" name="roll_hskill2" value="&{template:default} {{name= @{character_name} - Skill: @{hskill2} Check}} {{Roll=[[1d20cs1cf20]]}} {{Lucky Break=[[ ?{Attribute|Body,@{hbody}|Brain,@{hbrain}|Nerve,@{hnerve}|Job1,@{hjob1a}|Gimmick1,@{hgim1a}|Job2,@{hjob2a}|Gimmick2,@{hgim2a}}+@{hskill2a} ]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "></button> +<input type="number" class="score" class="score" name="attr_hskill2a" class="sheet-ability" value="0"> <input type="text" class="sheet-14emwidth" name="attr_hskill2" ></p></p>
</div> <!-- div pc traits cell 3 end -->
</div> <!-- div pc traits row 1 end -->
<div class="sheet-rowtable"> <!-- div pc traits row 2 -->
<div class="sheet-tablecell"> <!-- div pc traits cell 1 begin -->
<p class="monotype"><button type="roll" name="roll_hweak2" value="&{template:default} {{name= @{character_name} - Weakness: @{hweak2} Check}} {{Roll=[[1d20cf1cf[[@{weak2a}]]cs20]]}} {{Lucky Break=[[@{hweak2a} + 1]]}} }} "></button><input type="number" class="score" class="score" name="attr_hweak2a" class="sheet-ability" value="0"> <input type="text" class="sheet-14emwidth" name="attr_hweak2" ></p></p>
</div> <!-- div pc traits cell 1 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 2 begin -->
<p class="monotype"><button type="roll" name="roll_hskill3" value="&{template:default} {{name= @{character_name} - Skill: @{hskill3} Check}} {{Roll=[[1d20cs1cf20]]}} {{Lucky Break=[[ ?{Attribute|Body,@{hbody}|Brain,@{hbrain}|Nerve,@{hnerve}|Job1,@{hjob1a}|Gimmick1,@{hgim1a}|Job2,@{hjob2a}|Gimmick2,@{hgim2a}}+@{hskill3a} ]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "></button> +<input type="number" class="score" class="score" name="attr_hskill3a" class="sheet-ability" value="0"> <input type="text" class="sheet-14emwidth" name="attr_hskill3" ></p></p>
</div> <!-- div pc traits cell 2 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 3 begin -->
<p class="monotype"><button type="roll" name="roll_hskill4" value="&{template:default} {{name= @{character_name} - Skill: @{hskill4} Check}} {{Roll=[[1d20cs1cf20]]}} {{Lucky Break=[[ ?{Attribute|Body,@{hbody}|Brain,@{hbrain}|Nerve,@{hnerve}|Job1,@{hjob1a}|Gimmick1,@{hgim1a}|Job2,@{hjob2a}|Gimmick2,@{hgim2a}}+@{hskill4a} ]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "></button> +<input type="number" class="score" class="score" name="attr_hskill4a" class="sheet-ability" value="0"> <input type="text" class="sheet-14emwidth" name="attr_hskill4" ></p></p>
</div> <!-- div pc traits cell 3 end -->
</div> <!-- div pc traits row 0 end -->
<div class="sheet-rowtable"> <!-- div pc traits row 0 -->
<div class="sheet-tablecell"> <!-- div pc traits cell 1 begin -->
<p class="monotype"></p>
</div> <!-- div pc traits cell 1 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 2 begin -->
<p class="monotype"><button type="roll" name="roll_hskill5" value="&{template:default} {{name= @{character_name} - Skill: @{hskill5} Check}} {{Roll=[[1d20cs1cf20]]}} {{Lucky Break=[[ ?{Attribute|Body,@{hbody}|Brain,@{hbrain}|Nerve,@{hnerve}|Job1,@{hjob1a}|Gimmick1,@{hgim1a}|Job2,@{hjob2a}|Gimmick2,@{hgim2a}}+@{hskill5a} ]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "></button> +<input type="number" class="score" class="score" name="attr_hskill5a" class="sheet-ability" value="0"> <input type="text" class="sheet-14emwidth" name="attr_hskill5" ></p></p>
</div> <!-- div pc traits cell 2 end -->
<div class="sheet-tablecell"> <!-- div pc traits cell 3 begin -->
<p class="monotype"><button type="roll" name="roll_hskill6" value="&{template:default} {{name= @{character_name} - Skill: @{hskill6} Check}} {{Roll=[[1d20cs1cf20]]}} {{Lucky Break=[[ ?{Attribute|Body,@{hbody}|Brain,@{hbrain}|Nerve,@{hnerve}|Job1,@{hjob1a}|Gimmick1,@{hgim1a}|Job2,@{hjob2a}|Gimmick2,@{hgim2a}}+@{hskill6a} ]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "></button> +<input type="number" class="score" class="score" name="attr_hskill6a" class="sheet-ability" value="0"> <input type="text" class="sheet-14emwidth" name="attr_hskill6" ></p></p>
</div> <!-- div pc traits cell 3 end -->
</div> <!-- div pc traits row 0 end -->
</div> <!-- div pc table end -->
<br>
<div class="sheet-table"> <!-- div pc abilities section table begin -->
<div class="sheet-rowtable"> <!-- div pc row 0 begin -->
<div class="sheet-tablecell"> <!-- div pc traits cell 1 begin -->
<p class="monotype">Hobomancer Abilities:</p>
<textarea name="attr_hsets" class="sheet-fullbox"></textarea>
</div> <!-- div pc traits cell 1 end -->
</div> <!-- div pc row 0 end -->
</div> <!-- div pc abilities section table end -->
<br>
<div class="sheet-table"> <!-- div pc equip section table begin -->
<div class="sheet-rowtable"> <!-- div pc row 1 begin -->
<div class="sheet-tablecell"> <!-- div pc traits cell 1 begin -->
<p class="monotype">Equpment Carried:</p>
<textarea name="attr_hequip" class="sheet-fullbox"></textarea>
</div> <!-- div pc traits cell 1 end -->
</div> <!-- div pc row 1 end -->
</div> <!-- div pc equip section table end -->
<br>
<div class="sheet-table"> <!-- div pc note section table begin -->
<div class="sheet-rowtable"> <!-- div pc row 2 begin -->
<div class="sheet-tablecell"> <!-- div pc traits cell 1 begin -->
<p class="monotype">History and Notes</p>
<textarea name="attr_hnotes" class="sheet-fullbox"></textarea>
</div> <!-- div pc traits cell 1 end -->
</div> <!-- div pc row 2 end -->
</div> <!-- div pc note section table end -->
</div> <!-- div pc section 1 end --> <!-- div pc section 1 end -->
</div> <!-- div npc section end --> <!-- div npc section end --> <!-- div npc section end -->
</div> <!-- div overall wrapper end -->
CSS Code: /* qags CSS */
.charsheet button[type=roll].sheet-d6-dice::before { /*changes die roller to d6*/
font-family: 'dicefontd6',arial;
content: 'f '; /*F represents a black d6 with 6 white dots, f the opposite*/
}
.charsheet {
background-image: url("");
background-repeat: no-repeat;
background-position: right top;
background-color: #caafde; /* purple #caafde green #b9d980*/
}
.sheet-overall-wrapper {
min-width: 850px;
}
img{
display: block;
margin-left: auto;
margin-right: auto;
}
.sheet-thirdwidth{
float:left;
width:calc(33%-10px);
margin-left:0px;
margin-right:10px;
display:inline-block;
vertical-align:top;
}
.sheet-twothirdwidth{
float:left;
width:calc(66%-10px);
margin-left:0px;
margin-right:10px;
display:inline-block;
vertical-align:top;
}
.sheet-halfwidth{
float:left;
width:calc(50%-10px);
margin-left:0px;
margin-right:10px;
display:inline-block;
vertical-align:top;
}
.sheet-fullwidth{
display:block;
clear:both;
}
.sheet-skillcol{
float:left;
width:calc(33%-2px);
margin-left:0px;
margin-right:0px;
display:inline-block;
vertical-align:top;
}
.sheet-bordersolid{
border-style: solid;
border-width: 1px;
}
input[type=number].sheet-ability, input[type=text].sheet-ability, .sheet-5emwidth {
width: 5em;
}
input[type=number].sheet-ability, input[type=text].sheet-ability, .sheet-4emwidth {
width: 4em;
}
input[type=number].sheet-score , input[type=text].sheet-score, .sheet-3emwidth {
width: 3em;
}
input[type=number].sheet-scoredisabled, input[type=text].sheet-scoredisabled {
width: 2em;
}
input[type=text].sheet-dmgtype{
width: 2.5em;
}
input[type=text].sheet-dicetype, .sheet-4emwidth{
width: 4em;
}
input[type=text].sheet-range, select.sheet-range, .sheet-8emwidth{
width: 8em;
}
input[type=text], .sheet-12emwidth{
width: 12em;
}
input[type=text], .sheet-10emwidth{
width: 10em;
}
input[type=text].sheet-14emwidth, .sheet-14emwidth{
width: 14em;
}
input[type=text].sheet-16emwidth, .sheet-16emwidth{
width: 16em;
}
input[type=text].sheet-20emwidth, .sheet-20emwidth{
width: 20em;
}
input[type=text].sheet-25emwidth, .sheet-25emwidth{
width: 25em;
}
input[type=text].sheet-30emwidth, .sheet-30emwidth{
width: 30em;
}
.sheet-situation{
width: 5em;
height: 2em;
float:left;
margin-left:0px;
margin-right:0px;
display:inline-block;
vertical-align:middle;
text-align: center;
}
textarea {
width: 28em; height: 6em;
}
textarea.sheet-perks {
width: 13em; height: 4em;
}
textarea.sheet-bigbox {
width: 28em; height: 10em;
}
textarea.sheet-smallbox {
width: 28em; height: 3em;
}
textarea.sheet-fullbox{
width: 61em;
height: 10em;
}
textarea.sheet-shortfullbox{
width: 61em;
height: 3em;
}
textarea.sheet-medfullbox{
width: 61em;
height: 7em;
}
.sheet-specskilluntrained::-webkit-input-placeholder{
color: #0d71bc;
font-family: Courier, monotype;
}
.sheet-specskilluntrained{
color: #0d71bc;
font-family: Courier, monotype;
}
.sheet-specskill{
font-family: Courier, monotype;
}
.sheet-broadskilluntrained{
color: #0d71bc;
font-family: Courier, monotype;
}
.sheet-broadskill{
font-family: Courier, monotype;
}
.sheet-skilltitle{
color: #8dbf39; /* #339966; */
font-family: Courier, monotype;
}
.sheet-skilltitle, .sheet-broadskill, .sheet-specskill, .sheet-specskilluntrained, .sheet-broadskilluntrained, .sheet-tablecell, input{
display: table-cell;
}
.sheet-rowtable{
display:table-row;
}
.sheet-table {
display:table;
width:100%;
}
.sheet-aligncenter{
text-align: center;
}
.sheet-movement{
width: 9em;
}
h1{
font-family: Courier, monotype;
}
input[disabled]::-webkit-inner-spin-button,
input[disabled]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance:textfield;
margin: 0;
}
/* Fonts */
p.monotype {
font-family: Courier, monotype;
}
/* Main Sheet Tabs */
div[class^="sheet-section"] {
display: none;
}
input.sheet-tab1:checked ~ div.sheet-section-npc_list1,
input.sheet-tab2:checked ~ div.sheet-section-npc_list2,
input.sheet-tab3:checked ~ div.sheet-section-npc_list3,
input.sheet-tab4:checked ~ div.sheet-section-npc_list4,
input.sheet-tab5:checked ~ div.sheet-section-npc_list5,
input.sheet-tab21:checked ~ div.sheet-section-pc,
input.sheet-tab22:checked ~ div.sheet-section-npc{
display: block;
border: 1px solid #a8a8a8;
}
input.sheet-tab99:checked ~ div[class^="sheet-section"] {
display: block;
}
input.sheet-tab {
width: 100px;
height: 20px;
cursor: pointer;
position: relative;
opacity: 0;
z-index: 9999;
}
span.sheet-tab {
text-align: center;
display: inline-block;
font-size: 13px;
background: #dcdcdc;
font-family: Courier, monotype;
border-radius: 4px;
width: 100px;
height: 20px;
cursor: pointer;
position: relative;
margin-left: -91px;
border-bottom-color: #fff;
}
input.sheet-tab1:checked + span.sheet-tab1,
input.sheet-tab2:checked + span.sheet-tab2,
input.sheet-tab3:checked + span.sheet-tab3,
input.sheet-tab4:checked + span.sheet-tab4,
input.sheet-tab5:checked + span.sheet-tab5,
input.sheet-tab21:checked + span.sheet-tab21,
input.sheet-tab22:checked + span.sheet-tab22{
background: #aa75d1; /* purple #aa75d1 green #8dbf39 */
border-radius: 4px;
}
/* END Main sheet tabs */
/* START Div hide for compartments */
input.sheet-compartment
{
float: left;
}
input.sheet-compartment ~ div.sheet-compartment
{
display: none;
}
input.sheet-compartment:checked ~ div.sheet-compartment
{
display: inline;
}
div.sheet-compartmentcontainer{
width: 20em;
height: 10em;
}
/* END Div hide for compartments */