Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×
Create a free account

I'm working on a QAGS character sheet and need help with the roll buttons

1614373043

Edited 1614373215
MattBx8
Pro
Marketplace Creator
Sheet Author
Hello All, I'm working on a QAGS character sheet and I need some help with the roll buttons. QAGS is a d20 based system from Hex Games. The character has attributes like Body, Brains and Nerve, and other things like Job (aka Class) and Gimmick (aka Advantages) valued between 6 and 16. The rolls result as follows: A Natural 1 = Quirky Success (Success w Unusual/Negative Side Effect)  The Specific Number Required = Lucky Break (Critical Success) A Natural 20 = Bad Break (Critical Failure)   Sometimes there's a difficulty added, which is added to the lower end (from the 1). So if a character has a Body of 15, a 15 is a Lucky Break (Critical Success, a 1 is a Quirky Success and a 20 is a Bad Break (Critical Failure). If the Body check has a Difficulty of 5, then rolls between 1 and 5 are failures, 6 is the Quirky Success and the rest as above. Since the '>' is equivalent to '>=' and '<' is equivalent '<=', then hitting a 15 is a success but a 16 and above is a failure. I created a Macro as follows: /roll {1d20}>?{DifficultyNumber+1|0}f>?{SkillNumber+1} It doesn't work the best because it doesn't add in the +1 to get the right range, it relies on the Macro user to add +1 to each input. I'm trying to convert that into a roll button for the character sheet <button type="roll" name="roll_body" value="&{template:default} {{name= @{character_name} - Body}} {{results= [[1d20>?{Difficulty}f>@{body}]] }} "></button><strong>Body</strong><input type="number" name="attr_body"> But I can't get it to work within the ranges required. I tried to put in the +1 in () and with {} but those don't work. Any assistance is greatly appreciated!
1614382976
GiGs
Pro
Sheet Author
API Scripter
I'm not following exactly how this roll works, or how your macro actually represents it, but I think you want to put the skull number in inline roll brackets, like /roll {1d20}>?{DifficultyNumber+1|0}f>[[?{SkillNumber|1}+1]] [[1d20>?{Difficulty}f>[[@{body}+1]]]] Shouldnt those > be < if you're doing roll under?
1614388950
MattBx8
Pro
Marketplace Creator
Sheet Author
Hey GiGs, Thanks for responding. The Macro has the user add one to the Difficulty number and the Skill Number instead of doing it in the Macro. So for the example, the Body roll would have the Difficulty number be 6 = 5+1, since '>' is '>=', so 6 or greater is a success, while 5 or less is a failure. And the Skill number would be 16 = 15 + 1, since the same and 16 and higher is a failure, while 15 or less is a success, and 15 is a Lucky Break. So from your example, if I put '[[' and ']]' on either side of the @{body}+1, then it will add the +1. Would that work if I put the '[[' and ']]' around the ?{Difficulty}+1?
1614391344
GiGs
Pro
Sheet Author
API Scripter
I understand now. Try these [[1d20>[[?{Difficulty}+1]]f>[[@{body}+1]] ]] /roll 1d20>[[?{Difficulty}+1]]f>[[@{body}+1]]  I'm wondering if this will give you what you need. It will be giving the highest score to results that fail completely (roll above Difficulty).
1614391610
GiGs
Pro
Sheet Author
API Scripter
If the system is: you need to roll above the difficulty, but under your score, then you want something more like: /roll 1d20<[[@{Body}]]f<[[?{Difficulty|1}]] [[1d20<[[@{Body}]]f<[[?{Difficulty|1}]] ]] If you roll equal or under your body, but above difficulty, it will give a result of 1. Otherwise it will be 0 or -1.
1614392722
GiGs
Pro
Sheet Author
API Scripter
All that said, considering how quirky this system is, you'd be best off by making a custom roll template for your sheet. That way you'll ber able to display the number rolled and what quality of a roll it was.
1614393606
MattBx8
Pro
Marketplace Creator
Sheet Author
GiGs said: All that said, considering how quirky this system is, you'd be best off by making a custom roll template for your sheet. That way you'll ber able to display the number rolled and what quality of a roll it was. How would I do that? Show the roll and successes in a template?
1614399351
GiGs
Pro
Sheet Author
API Scripter
The system is here:&nbsp; <a href="https://wiki.roll20.net/Building_Character_Sheets/Roll_Templates" rel="nofollow">https://wiki.roll20.net/Building_Character_Sheets/Roll_Templates</a> But you'd create your own template, lets say you call it qags, and pass the different pieces of information like &amp;{template:qags} {{name=An Attack}} {{roll=[[1d20cs1cf20]]}} {{skill={{@{body}]]}} {{difficulty=[[ ?{difficulty} ]]}} Then within the rolltemplate design in your sheet, you use the logic helper functions described on the page above, to compare the roll to the skill and the difficulty, and also whether the roll was a critical or fumble (1 or 20), and can print out exactly what you need to.
1614401744
MattBx8
Pro
Marketplace Creator
Sheet Author
GiGs, Thanks! I'll try that!
1614537656
MattBx8
Pro
Marketplace Creator
Sheet Author
GiGs, Thanks for all your help. Here's what I've got so far (still in testing): HTML Code: &lt;!-- QAGS --&gt; &lt;div class="sheet-overall-wrapper"&gt; &lt;!-- div overall wrapper begin --&gt; &lt;!-- tabs --&gt; &lt;input type="radio" name="attr_mode" class="sheet-tab sheet-tab21" value="21" title="qags" checked="checked" /&gt; &lt;span class="sheet-tab sheet-tab21"&gt;qags&lt;/span&gt; &lt;input type="radio" name="attr_mode" class="sheet-tab sheet-tab22" value="22" title="hobomancer" /&gt; &lt;span class="sheet-tab sheet-tab22"&gt;hobomancer&lt;/span&gt; &lt;!-- qags Tab --&gt; &lt;!-- qags Tab --&gt; &lt;!-- qags Tab --&gt; &lt;!-- qags Tab --&gt; &lt;!-- qags Tab --&gt; &lt;!-- qags Tab --&gt; &lt;!-- qags Tab --&gt; &lt;!-- qags Tab --&gt; &lt;!-- qags Tab --&gt; &lt;!-- qags Tab --&gt; &lt;!-- qags Tab --&gt; &lt;!-- qags Tab --&gt; &lt;!-- qags Tab --&gt; &lt;!-- qags Tab --&gt; &lt;!-- qags Tab --&gt; &lt;!-- qags Tab --&gt; &lt;div class="sheet-section-pc"&gt; &lt;!-- div pc section begin --&gt; &lt;!-- div pc section begin --&gt; &lt;!-- div pc section begin --&gt; &lt;div class="sheet-fullwidth"&gt; &lt;!-- div pc section 1 begin --&gt; &lt;!-- div pc section 1 begin --&gt; &lt;h2&gt;QAGS&lt;/h2&gt; &lt;div class="sheet-table"&gt; &lt;!-- div pc table begin --&gt; &lt;div class="sheet-rowtable"&gt; &lt;!-- div pc row 0 --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc cell 1 begin --&gt; &lt;p class="monotype"&gt;Name &lt;input type="text" class="sheet-25emwidth" name="attr_character_name" &gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc cell 1 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc cell 2 begin --&gt; &lt;p class="monotype"&gt;&lt;p class="monotype"&gt;Concept &lt;input type="text" class="sheet-25emwidth" name="attr_conc" &gt; &lt;/p&gt; &lt;/div&gt; &lt;!-- div pc cell 2 end --&gt; &lt;/div&gt; &lt;!-- div pc row 0 end --&gt; &lt;div class="sheet-rowtable"&gt; &lt;!-- div pc row 1 --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc cell 1 begin --&gt; &lt;p class="monotype"&gt;WWPHITM &lt;input type="text" class="sheet-25emwidth" name="attr_wwphitm" &gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc cell 1 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc cell 3 begin --&gt; &lt;p class="monotype"&gt;&lt;p class="monotype"&gt;Setting &lt;input type="text" class="sheet-25emwidth" name="attr_setting" &gt; &lt;/p&gt; &lt;/div&gt; &lt;!-- div pc cell 3 end --&gt; &lt;/div&gt; &lt;!-- div pc row 1 end --&gt; &lt;div class="sheet-rowtable"&gt; &lt;!-- div pc row 2 --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc cell 2 begin --&gt; &lt;p class="monotype"&gt;&lt;p class="monotype"&gt;Tag Line &lt;input type="text" class="sheet-25emwidth" name="attr_tag" &gt; &lt;/p&gt; &lt;/div&gt; &lt;!-- div pc cell 2 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc cell 3 begin --&gt; &lt;p class="monotype"&gt;&lt;p class="monotype"&gt;Dumb Fact &lt;input type="text" class="sheet-25emwidth" name="attr_df" &gt; &lt;/p&gt; &lt;/div&gt; &lt;!-- div pc cell 3 end --&gt; &lt;/div&gt; &lt;!-- div pc row 2 end --&gt; &lt;/div&gt; &lt;!-- div pc table end --&gt; &lt;br&gt; &lt;div class="sheet-table"&gt; &lt;!-- div pc traits table begin --&gt; &lt;div class="sheet-rowtable"&gt; &lt;!-- div pc traits row 0 --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 1 begin --&gt; &lt;p class="monotype"&gt;&lt;h4&gt;Abilities&lt;/h4&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 1 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 2 begin --&gt; &lt;p class="monotype"&gt;&lt;h4&gt;&lt;/h4&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 2 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 3 begin --&gt; &lt;p class="monotype"&gt;&lt;h4&gt;&lt;/h4&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 3 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 4 begin --&gt; &lt;p class="monotype"&gt;&lt;h4&gt;&lt;/h4&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 4 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 5 begin --&gt; &lt;p class="monotype"&gt;&lt;h4&gt;&lt;/h4&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 5 end --&gt; &lt;/div&gt; &lt;!-- div pc traits row 0 end --&gt; &lt;div class="sheet-rowtable"&gt; &lt;!-- div pc traits row 1 --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 1 begin --&gt; &lt;p class="monotype"&gt;&lt;button type="roll" name="roll_body" value="&amp;{template:default} {{name= @{character_name} - Body Check}} {{Roll=[[1d20cs1cs[[@{body}]]cf20]]}} {{Lucky Break=[[@{body}]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "&gt;&lt;/button&gt;Body &lt;input type="number" class="ability" class="ability" name="attr_body" class="sheet-4emwidth" value="0"&gt; &lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 1 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 2 begin --&gt; &lt;p class="monotype"&gt;&lt;button type="roll" name="roll_brain" value="&amp;{template:default} {{name= @{character_name} - Brain Check}} {{Roll=[[1d20cs1cs[[@{brain}]]cf20]]}} {{Lucky Break=[[@{brain}]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "&gt;&lt;/button&gt;Brain &lt;input type="number" class="ability" class="ability" name="attr_brain" class="sheet-4emwidth" value="0"&gt; &lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 2 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 3 begin --&gt; &lt;p class="monotype"&gt;&lt;button type="roll" name="roll_nerve" value="&amp;{template:default} {{name= @{character_name} - Nerve Check}} {{Roll=[[1d20cs1cs[[@{nerve}]]cf20]]}} {{Lucky Break=[[@{nerve}]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "&gt;&lt;/button&gt;Nerve &lt;input type="number" class="ability" class="ability" name="attr_nerve" class="sheet-4emwidth" value="0"&gt; &lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 3 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 4 begin --&gt; &lt;p class="monotype"&gt;HP &amp;nbsp; &lt;input type="number" class="ability" class="ability" name="attr_hp" class="sheet-ability" class="sheet-4emwidth" value="0"&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 4 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 5 begin --&gt; &lt;p class="monotype"&gt;YY &amp;nbsp; &lt;input type="number" class="ability" class="ability" name="attr_YY" class="sheet-ability" class="sheet-4emwidth" value="0"&gt; &lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 5 end --&gt; &lt;/div&gt; &lt;!-- div pc traits row 1 end --&gt; &lt;div class="sheet-rowtable"&gt; &lt;!-- div pc traits row 2 --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 1 begin --&gt; &lt;p class="monotype"&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 1 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 2 begin --&gt; &lt;p class="monotype"&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 2 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 3 begin --&gt; &lt;p class="monotype"&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 3 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 4 begin --&gt; &lt;p class="monotype"&gt;HP Current &lt;input type="number" class="ability" class="ability" name="attr_current_hp" class="sheet-ability" class="sheet-4emwidth" value="0"&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 4 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 5 begin --&gt; &lt;p class="monotype"&gt;YY Current &lt;input type="number" class="ability" class="ability" name="attr_current_YY" class="sheet-ability" class="sheet-4emwidth" value="0"&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 5 end --&gt; &lt;/div&gt; &lt;!-- div pc traits row 2 end --&gt; &lt;/div&gt; &lt;!-- div pc table end --&gt; &lt;br&gt; &lt;div class="sheet-table"&gt; &lt;!-- div pc traits table begin --&gt; &lt;div class="sheet-rowtable"&gt; &lt;!-- div pc traits row 0 --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 1 begin --&gt; &lt;p class="monotype"&gt;&lt;h4&gt;Job(s)&lt;/h4&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 1 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 2 begin --&gt; &lt;p class="monotype"&gt;&lt;h4&gt;Gimmick(s)&lt;/h4&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 2 end --&gt; &lt;/div&gt; &lt;!-- div pc traits row 0 end --&gt; &lt;div class="sheet-rowtable"&gt; &lt;!-- div pc traits row 1 --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 1 begin --&gt; &lt;p class="monotype"&gt;&lt;button type="roll" name="roll_job1" value="&amp;{template:default} {{name= @{character_name} - Job: @{job1} Check}} {{Roll=[[1d20cs1cs[[@{job1a}]]cf20]]}} {{Lucky Break=[[@{job1a}]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "&gt;&lt;/button&gt;&lt;input type="number" class="score" class="score" name="attr_job1a" class="sheet-ability" value="0"&gt; &lt;input type="text" class="sheet-25emwidth" name="attr_job1" &gt;&lt;/p&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 1 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 2 begin --&gt; &lt;p class="monotype"&gt;&lt;button type="roll" name="roll_gimm1" value="&amp;{template:default} {{name= @{character_name} - Gimmick: @{gim1} Check}} {{Roll=[[1d20cs1cs[[@{gim1a}]]cf20]]}} {{Lucky Break=[[@{gim1a}]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "&gt;&lt;/button&gt;&lt;input type="number" class="score" class="score" name="attr_gim1a" class="sheet-ability" value="0"&gt; &lt;input type="text" class="sheet-25emwidth" name="attr_gim1" &gt;&lt;/p&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 2 end --&gt; &lt;/div&gt; &lt;!-- div pc traits row 1 end --&gt; &lt;div class="sheet-rowtable"&gt; &lt;!-- div pc traits row 2 --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 1 begin --&gt; &lt;p class="monotype"&gt;&lt;button type="roll" name="roll_job2" value="&amp;{template:default} {{name= @{character_name} - Job: @{job2} Check}} {{Roll=[[1d20cs1cs[[@{job2a}]]cf20]]}} {{Lucky Break=[[@{job2a}]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "&gt;&lt;/button&gt;&lt;input type="number" class="score" class="score" name="attr_job2a" class="sheet-ability" value="0"&gt; &lt;input type="text" class="sheet-25emwidth" name="attr_job2" &gt;&lt;/p&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 1 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 2 begin --&gt; &lt;p class="monotype"&gt;&lt;button type="roll" name="roll_gimm2" value="&amp;{template:default} {{name= @{character_name} - Gimmick: @{gim2} Check}} {{Roll=[[1d20cs1cs[[@{gim2a}]]cf20]]}} {{Lucky Break=[[@{gim2a}]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "&gt;&lt;/button&gt;&lt;input type="number" class="score" class="score" name="attr_gim2a" class="sheet-ability" value="0"&gt; &lt;input type="text" class="sheet-25emwidth" name="attr_gim2" &gt;&lt;/p&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 2 end --&gt; &lt;/div&gt; &lt;!-- div pc traits row 2 end --&gt; &lt;/div&gt; &lt;!-- div pc table end --&gt; &lt;br&gt; &lt;div class="sheet-table"&gt; &lt;!-- div pc traits table begin --&gt; &lt;div class="sheet-rowtable"&gt; &lt;!-- div pc traits row 0 --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 1 begin --&gt; &lt;p class="monotype"&gt;&lt;h4&gt;Weakness(es)&lt;/h4&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 1 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 2 begin --&gt; &lt;p class="monotype"&gt;&lt;h4&gt;Skill(s)&lt;/h4&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 2 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 3 begin --&gt; &lt;p class="monotype"&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 3 end --&gt; &lt;/div&gt; &lt;!-- div pc traits row 0 end --&gt; &lt;div class="sheet-rowtable"&gt; &lt;!-- div pc traits row 1 --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 1 begin --&gt; &lt;p class="monotype"&gt;&lt;button type="roll" name="roll_weak1" value="&amp;{template:default} {{name= @{character_name} - Weakness: @{weak1} Check}} {{Roll=[[1d20cf1cf[[@{weak1a}]]cs20]]}} {{Lucky Break=[[@{weak1a} + 1]]}} }} "&gt;&lt;/button&gt;&lt;input type="number" class="score" class="score" name="attr_weak1a" class="sheet-ability" value="0"&gt; &lt;input type="text" class="sheet-14emwidth" name="attr_weak1" &gt;&lt;/p&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 1 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 2 begin --&gt; &lt;p class="monotype"&gt;&lt;button type="roll" name="roll_skill1" value="&amp;{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} ]] }} "&gt;&lt;/button&gt; +&lt;input type="number" class="score" class="score" name="attr_skill1a" class="sheet-ability" value="0"&gt; &lt;input type="text" class="sheet-14emwidth" name="attr_skill1" &gt;&lt;/p&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 2 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 3 begin --&gt; &lt;p class="monotype"&gt;&lt;button type="roll" name="roll_skill2" value="&amp;{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} ]] }} "&gt;&lt;/button&gt; +&lt;input type="number" class="score" class="score" name="attr_skill2a" class="sheet-ability" value="0"&gt; &lt;input type="text" class="sheet-14emwidth" name="attr_skill2" &gt;&lt;/p&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 3 end --&gt; &lt;/div&gt; &lt;!-- div pc traits row 1 end --&gt; &lt;div class="sheet-rowtable"&gt; &lt;!-- div pc traits row 2 --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 1 begin --&gt; &lt;p class="monotype"&gt;&lt;button type="roll" name="roll_weak2" value="&amp;{template:default} {{name= @{character_name} - Weakness: @{weak2} Check}} {{Roll=[[1d20cf1cf[[@{weak2a}]]cs20]]}} {{Lucky Break=[[@{weak2a} + 1]]}} }} "&gt;&lt;/button&gt;&lt;input type="number" class="score" class="score" name="attr_weak2a" class="sheet-ability" value="0"&gt; &lt;input type="text" class="sheet-14emwidth" name="attr_weak2" &gt;&lt;/p&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 1 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 2 begin --&gt; &lt;p class="monotype"&gt;&lt;button type="roll" name="roll_skill3" value="&amp;{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} ]] }} "&gt;&lt;/button&gt; +&lt;input type="number" class="score" class="score" name="attr_skill3a" class="sheet-ability" value="0"&gt; &lt;input type="text" class="sheet-14emwidth" name="attr_skill3" &gt;&lt;/p&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 2 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 3 begin --&gt; &lt;p class="monotype"&gt;&lt;button type="roll" name="roll_skill4" value="&amp;{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} ]] }} "&gt;&lt;/button&gt; +&lt;input type="number" class="score" class="score" name="attr_skill4a" class="sheet-ability" value="0"&gt; &lt;input type="text" class="sheet-14emwidth" name="attr_skill4" &gt;&lt;/p&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 3 end --&gt; &lt;/div&gt; &lt;!-- div pc traits row 2 end --&gt; &lt;div class="sheet-rowtable"&gt; &lt;!-- div pc traits row 3 --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 1 begin --&gt; &lt;p class="monotype"&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 1 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 2 begin --&gt; &lt;p class="monotype"&gt;&lt;button type="roll" name="roll_skill5" value="&amp;{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} ]] }} "&gt;&lt;/button&gt; +&lt;input type="number" class="score" class="score" name="attr_skill5a" class="sheet-ability" value="0"&gt; &lt;input type="text" class="sheet-14emwidth" name="attr_skill5" &gt;&lt;/p&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 2 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 3 begin --&gt; &lt;p class="monotype"&gt;&lt;button type="roll" name="roll_skill6" value="&amp;{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} ]] }} "&gt;&lt;/button&gt; +&lt;input type="number" class="score" class="score" name="attr_skill6a" class="sheet-ability" value="0"&gt; &lt;input type="text" class="sheet-14emwidth" name="attr_skill6" &gt;&lt;/p&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 3 end --&gt; &lt;/div&gt; &lt;!-- div pc traits row 3 end --&gt; &lt;/div&gt; &lt;!-- div pc table end --&gt; &lt;br&gt; &lt;div class="sheet-table"&gt; &lt;!-- div pc abilities section table begin --&gt; &lt;div class="sheet-rowtable"&gt; &lt;!-- div pc row 0 begin --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 1 begin --&gt; &lt;p class="monotype"&gt;Setting Specific Abilities:&lt;/p&gt; &lt;textarea name="attr_sets" class="sheet-fullbox"&gt;&lt;/textarea&gt; &lt;/div&gt; &lt;!-- div pc traits cell 1 end --&gt; &lt;/div&gt; &lt;!-- div pc row 0 end --&gt; &lt;/div&gt; &lt;!-- div pc abilities section table end --&gt; &lt;br&gt; &lt;div class="sheet-table"&gt; &lt;!-- div pc equip section table begin --&gt; &lt;div class="sheet-rowtable"&gt; &lt;!-- div pc row 1 begin --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 1 begin --&gt; &lt;p class="monotype"&gt;Equpment Carried:&lt;/p&gt; &lt;textarea name="attr_equip" class="sheet-fullbox"&gt;&lt;/textarea&gt; &lt;/div&gt; &lt;!-- div pc traits cell 1 end --&gt; &lt;/div&gt; &lt;!-- div pc row 1 end --&gt; &lt;/div&gt; &lt;!-- div pc equip section table end --&gt; &lt;br&gt; &lt;div class="sheet-table"&gt; &lt;!-- div pc note section table begin --&gt; &lt;div class="sheet-rowtable"&gt; &lt;!-- div pc row 2 begin --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 1 begin --&gt; &lt;p class="monotype"&gt;History and Notes&lt;/p&gt; &lt;textarea name="attr_notes" class="sheet-fullbox"&gt;&lt;/textarea&gt; &lt;/div&gt; &lt;!-- div pc traits cell 1 end --&gt; &lt;/div&gt; &lt;!-- div pc row 2 end --&gt; &lt;/div&gt; &lt;!-- div pc note section table end --&gt; &lt;/div&gt; &lt;!-- div pc section 1 end --&gt; &lt;!-- div pc section 1 end --&gt; &lt;/div&gt; &lt;!-- div pc section end --&gt; &lt;!-- div pc section end --&gt; &lt;!-- div pc section end --&gt; &lt;!-- hobomancer Tab --&gt; &lt;!-- hobomancer Tab --&gt; &lt;!-- hobomancer Tab --&gt; &lt;!-- hobomancer Tab --&gt; &lt;!-- hobomancer Tab --&gt; &lt;!-- hobomancer Tab --&gt; &lt;!-- hobomancer Tab --&gt; &lt;!-- hobomancer Tab --&gt; &lt;!-- hobomancer Tab --&gt; &lt;!-- hobomancer Tab --&gt; &lt;!-- hobomancer Tab --&gt; &lt;!-- hobomancer Tab --&gt; &lt;!-- hobomancer Tab --&gt; &lt;!-- hobomancer Tab --&gt; &lt;!-- hobomancer Tab --&gt; &lt;!-- hobomancer Tab --&gt; &lt;div class="sheet-section-npc"&gt; &lt;!-- div hobomancer section begin --&gt; &lt;!-- div hobomancer section begin --&gt; &lt;!-- div hobomancer section begin --&gt; &lt;div class="sheet-fullwidth"&gt; &lt;!-- div npc section 1 begin --&gt; &lt;!-- div npc section 1 begin --&gt; &lt;h2&gt;Hobomancer&lt;/h2&gt; &lt;div class="sheet-table"&gt; &lt;!-- div pc table begin --&gt; &lt;div class="sheet-rowtable"&gt; &lt;!-- div pc row 0 --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc cell 1 begin --&gt; &lt;p class="monotype"&gt;Name &lt;input type="text" class="sheet-25emwidth" name="attr_character_name" &gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc cell 1 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc cell 2 begin --&gt; &lt;p class="monotype"&gt;&lt;p class="monotype"&gt;Concept &lt;input type="text" class="sheet-25emwidth" name="attr_hconc" &gt; &lt;/p&gt; &lt;/div&gt; &lt;!-- div pc cell 2 end --&gt; &lt;/div&gt; &lt;!-- div pc row 0 end --&gt; &lt;div class="sheet-rowtable"&gt; &lt;!-- div pc row 1 --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc cell 1 begin --&gt; &lt;p class="monotype"&gt;WWPHITM &lt;input type="text" class="sheet-25emwidth" name="attr_hwwphitm" &gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc cell 1 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc cell 2 begin --&gt; &lt;p class="monotype"&gt;&lt;p class="monotype"&gt;Setting: Hobomancer &lt;/p&gt; &lt;/div&gt; &lt;!-- div pc cell 2 end --&gt; &lt;/div&gt; &lt;!-- div pc row 1 end --&gt; &lt;div class="sheet-rowtable"&gt; &lt;!-- div pc row 2 --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc cell 1 begin --&gt; &lt;p class="monotype"&gt;&lt;p class="monotype"&gt;Tag Line &lt;input type="text" class="sheet-25emwidth" name="attr_htag" &gt; &lt;/p&gt; &lt;/div&gt; &lt;!-- div pc cell 1 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc cell 2 begin --&gt; &lt;p class="monotype"&gt;&lt;p class="monotype"&gt;Dumb Fact &lt;input type="text" class="sheet-25emwidth" name="attr_hdf" &gt; &lt;/p&gt; &lt;/div&gt; &lt;!-- div pc cell 2 end --&gt; &lt;/div&gt; &lt;!-- div pc row 2 end --&gt; &lt;div class="sheet-rowtable"&gt; &lt;!-- div pc row 2 --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc cell 1 begin --&gt; &lt;p class="monotype"&gt;&lt;p class="monotype"&gt;Hobomancer Power &lt;input type="text" class="sheet-20emwidth" name="attr_hpower" &gt; &lt;/p&gt; &lt;/div&gt; &lt;!-- div pc cell 1 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc cell 2 begin --&gt; &lt;p class="monotype"&gt;&lt;p class="monotype"&gt;Vow &lt;input type="text" class="sheet-25emwidth" name="attr_hvow" &gt; &lt;/p&gt; &lt;/div&gt; &lt;!-- div pc cell 2 end --&gt; &lt;/div&gt; &lt;!-- div pc row 2 end --&gt; &lt;/div&gt; &lt;!-- div pc table end --&gt; &lt;br&gt; &lt;div class="sheet-table"&gt; &lt;!-- div pc traits table begin --&gt; &lt;div class="sheet-rowtable"&gt; &lt;!-- div pc traits row 0 --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 1 begin --&gt; &lt;p class="monotype"&gt;&lt;h4&gt;Abilities&lt;/h4&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 1 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 2 begin --&gt; &lt;p class="monotype"&gt;&lt;h4&gt;&lt;/h4&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 2 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 3 begin --&gt; &lt;p class="monotype"&gt;&lt;h4&gt;&lt;/h4&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 3 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 4 begin --&gt; &lt;p class="monotype"&gt;&lt;h4&gt;&lt;/h4&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 4 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 5 begin --&gt; &lt;p class="monotype"&gt;&lt;h4&gt;&lt;/h4&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 5 end --&gt; &lt;/div&gt; &lt;!-- div pc traits row 0 end --&gt; &lt;div class="sheet-rowtable"&gt; &lt;!-- div pc traits row 1 --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 1 begin --&gt; &lt;p class="monotype"&gt;&lt;button type="roll" name="roll_hbody" value="&amp;{template:default} {{name= @{character_name} - Body Check}} {{Roll=[[1d20cs1cs[[@{hbody}]]cf20]]}} {{Lucky Break=[[@{hbody}]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "&gt;&lt;/button&gt;Body &lt;input type="number" class="ability" class="ability" name="attr_hbody" class="sheet-4emwidth" value="0"&gt; &lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 1 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 2 begin --&gt; &lt;p class="monotype"&gt;&lt;button type="roll" name="roll_hbrain" value="&amp;{template:default} {{name= @{character_name} - Brain Check}} {{Roll=[[1d20cs1cs[[@{hbrain}]]cf20]]}} {{Lucky Break=[[@{hbrain}]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "&gt;&lt;/button&gt;Brain &lt;input type="number" class="ability" class="ability" name="attr_hbrain" class="sheet-4emwidth" value="0"&gt; &lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 2 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 3 begin --&gt; &lt;p class="monotype"&gt;&lt;button type="roll" name="roll_hnerve" value="&amp;{template:default} {{name= @{character_name} - Nerve Check}} {{Roll=[[1d20cs1cs[[@{hnerve}]]cf20]]}} {{Lucky Break=[[@{hnerve}]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "&gt;&lt;/button&gt;Nerve &lt;input type="number" class="ability" class="ability" name="attr_hnerve" class="sheet-4emwidth" value="0"&gt; &lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 3 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 4 begin --&gt; &lt;p class="monotype"&gt;HP &amp;nbsp; &lt;input type="number" class="ability" class="ability" name="attr_hhp" class="sheet-ability" class="sheet-4emwidth" value="0"&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 4 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 5 begin --&gt; &lt;p class="monotype"&gt;YY &amp;nbsp; &lt;input type="number" class="ability" class="ability" name="attr_hYY" class="sheet-ability" class="sheet-4emwidth" value="0"&gt; &lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 5 end --&gt; &lt;/div&gt; &lt;!-- div pc traits row 1 end --&gt; &lt;div class="sheet-rowtable"&gt; &lt;!-- div pc traits row 2 --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 1 begin --&gt; &lt;p class="monotype"&gt;&lt;button type="roll" name="roll_hnerve" value="&amp;{template:default} {{name= @{character_name} - The Blues Check}} {{Roll=[[1d20cs1cs[[@{hnerve} - @{hblues}]]cf20]]}} {{Lucky Break=[[@{hnerve} - @{hblues}]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "&gt;&lt;/button&gt;The Blues &lt;input type="number" class="ability" class="ability" name="attr_hblues" class="sheet-4emwidth" value="0"&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 1 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 2 begin --&gt; &lt;p class="monotype"&gt;Bad Mojo &lt;input type="number" class="ability" class="ability" name="attr_hbadmojo" class="sheet-4emwidth" value="0"&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 2 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 3 begin --&gt; &lt;p class="monotype"&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 3 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 4 begin --&gt; &lt;p class="monotype"&gt;HP Current &lt;input type="number" class="ability" class="ability" name="attr_hcurrent_hp" class="sheet-ability" class="sheet-4emwidth" value="0"&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 4 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 5 begin --&gt; &lt;p class="monotype"&gt;YY Current &lt;input type="number" class="ability" class="ability" name="attr_hcurrent_YY" class="sheet-ability" class="sheet-4emwidth" value="0"&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 5 end --&gt; &lt;/div&gt; &lt;!-- div pc traits row 0 end --&gt; &lt;/div&gt; &lt;!-- div pc table end --&gt; &lt;br&gt; &lt;div class="sheet-table"&gt; &lt;!-- div pc traits table begin --&gt; &lt;div class="sheet-rowtable"&gt; &lt;!-- div pc traits row 0 --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 1 begin --&gt; &lt;p class="monotype"&gt;&lt;h4&gt;Job(s)&lt;/h4&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 1 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 2 begin --&gt; &lt;p class="monotype"&gt;&lt;h4&gt;Gimmick(s)&lt;/h4&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 2 end --&gt; &lt;/div&gt; &lt;!-- div pc traits row 0 end --&gt; &lt;div class="sheet-rowtable"&gt; &lt;!-- div pc traits row 1 --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 1 begin --&gt; &lt;p class="monotype"&gt;&lt;button type="roll" name="roll_hjob1" value="&amp;{template:default} {{name= @{character_name} - Job: @{hjob1} Check}} {{Roll=[[1d20cs1cs[[@{hjob1a}]]cf20]]}} {{Lucky Break=[[@{hjob1a}]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "&gt;&lt;/button&gt;&lt;input type="number" class="score" class="score" name="attr_hjob1a" class="sheet-ability" value="0"&gt; &lt;input type="text" class="sheet-25emwidth" name="attr_hjob1" &gt;&lt;/p&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 1 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 2 begin --&gt; &lt;p class="monotype"&gt;&lt;button type="roll" name="roll_hgimm1" value="&amp;{template:default} {{name= @{character_name} - Gimmick: @{hgim1} Check}} {{Roll=[[1d20cs1cs[[@{hgim1a}]]cf20]]}} {{Lucky Break=[[@{hgim1a}]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "&gt;&lt;/button&gt;&lt;input type="number" class="score" class="score" name="attr_hgim1a" class="sheet-ability" value="0"&gt; &lt;input type="text" class="sheet-25emwidth" name="attr_hgim1" &gt;&lt;/p&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 2 end --&gt; &lt;/div&gt; &lt;!-- div pc traits row 1 end --&gt; &lt;div class="sheet-rowtable"&gt; &lt;!-- div pc traits row 2 --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 1 begin --&gt; &lt;p class="monotype"&gt;&lt;button type="roll" name="roll_hjob2" value="&amp;{template:default} {{name= @{character_name} - Job: @{job2} Check}} {{Roll=[[1d20cs1cs[[@{hjob2a}]]cf20]]}} {{Lucky Break=[[@{hjob2a}]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "&gt;&lt;/button&gt;&lt;input type="number" class="score" class="score" name="attr_hjob2a" class="sheet-ability" value="0"&gt; &lt;input type="text" class="sheet-25emwidth" name="attr_hjob2" &gt;&lt;/p&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 1 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 2 begin --&gt; &lt;p class="monotype"&gt;&lt;button type="roll" name="roll_hgimm2" value="&amp;{template:default} {{name= @{character_name} - Gimmick: @{gim2} Check}} {{Roll=[[1d20cs1cs[[@{hgim2a}]]cf20]]}} {{Lucky Break=[[@{hgim2a}]]}} {{Difficulty=[[ ?{Difficulty|0} ]] }} "&gt;&lt;/button&gt;&lt;input type="number" class="score" class="score" name="attr_hgim2a" class="sheet-ability" value="0"&gt; &lt;input type="text" class="sheet-25emwidth" name="attr_hgim2" &gt;&lt;/p&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 2 end --&gt; &lt;/div&gt; &lt;!-- div pc traits row 0 end --&gt; &lt;/div&gt; &lt;!-- div pc table end --&gt; &lt;br&gt; &lt;div class="sheet-table"&gt; &lt;!-- div pc traits table begin --&gt; &lt;div class="sheet-rowtable"&gt; &lt;!-- div pc traits row 0 --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 1 begin --&gt; &lt;p class="monotype"&gt;&lt;h4&gt;Weakness(es)&lt;/h4&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 1 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 2 begin --&gt; &lt;p class="monotype"&gt;&lt;h4&gt;Skill(s)&lt;/h4&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 2 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 3 begin --&gt; &lt;p class="monotype"&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 3 end --&gt; &lt;/div&gt; &lt;!-- div pc traits row 0 end --&gt; &lt;div class="sheet-rowtable"&gt; &lt;!-- div pc traits row 1 --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 1 begin --&gt; &lt;p class="monotype"&gt;&lt;button type="roll" name="roll_hweak1" value="&amp;{template:default} {{name= @{character_name} - Weakness: @{hweak1} Check}} {{Roll=[[1d20cf1cf[[@{hweak1a}]]cs20]]}} {{Lucky Break=[[@{hweak1a} + 1]]}} }} "&gt;&lt;/button&gt;&lt;input type="number" class="score" class="score" name="attr_hweak1a" class="sheet-ability" value="0"&gt; &lt;input type="text" class="sheet-14emwidth" name="attr_hweak1" &gt;&lt;/p&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 1 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 2 begin --&gt; &lt;p class="monotype"&gt;&lt;button type="roll" name="roll_hskill1" value="&amp;{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} ]] }} "&gt;&lt;/button&gt; +&lt;input type="number" class="score" class="score" name="attr_hskill1a" class="sheet-ability" value="0"&gt; &lt;input type="text" class="sheet-14emwidth" name="attr_hskill1" &gt;&lt;/p&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 2 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 3 begin --&gt; &lt;p class="monotype"&gt;&lt;button type="roll" name="roll_hskill2" value="&amp;{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} ]] }} "&gt;&lt;/button&gt; +&lt;input type="number" class="score" class="score" name="attr_hskill2a" class="sheet-ability" value="0"&gt; &lt;input type="text" class="sheet-14emwidth" name="attr_hskill2" &gt;&lt;/p&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 3 end --&gt; &lt;/div&gt; &lt;!-- div pc traits row 1 end --&gt; &lt;div class="sheet-rowtable"&gt; &lt;!-- div pc traits row 2 --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 1 begin --&gt; &lt;p class="monotype"&gt;&lt;button type="roll" name="roll_hweak2" value="&amp;{template:default} {{name= @{character_name} - Weakness: @{hweak2} Check}} {{Roll=[[1d20cf1cf[[@{weak2a}]]cs20]]}} {{Lucky Break=[[@{hweak2a} + 1]]}} }} "&gt;&lt;/button&gt;&lt;input type="number" class="score" class="score" name="attr_hweak2a" class="sheet-ability" value="0"&gt; &lt;input type="text" class="sheet-14emwidth" name="attr_hweak2" &gt;&lt;/p&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 1 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 2 begin --&gt; &lt;p class="monotype"&gt;&lt;button type="roll" name="roll_hskill3" value="&amp;{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} ]] }} "&gt;&lt;/button&gt; +&lt;input type="number" class="score" class="score" name="attr_hskill3a" class="sheet-ability" value="0"&gt; &lt;input type="text" class="sheet-14emwidth" name="attr_hskill3" &gt;&lt;/p&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 2 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 3 begin --&gt; &lt;p class="monotype"&gt;&lt;button type="roll" name="roll_hskill4" value="&amp;{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} ]] }} "&gt;&lt;/button&gt; +&lt;input type="number" class="score" class="score" name="attr_hskill4a" class="sheet-ability" value="0"&gt; &lt;input type="text" class="sheet-14emwidth" name="attr_hskill4" &gt;&lt;/p&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 3 end --&gt; &lt;/div&gt; &lt;!-- div pc traits row 0 end --&gt; &lt;div class="sheet-rowtable"&gt; &lt;!-- div pc traits row 0 --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 1 begin --&gt; &lt;p class="monotype"&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 1 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 2 begin --&gt; &lt;p class="monotype"&gt;&lt;button type="roll" name="roll_hskill5" value="&amp;{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} ]] }} "&gt;&lt;/button&gt; +&lt;input type="number" class="score" class="score" name="attr_hskill5a" class="sheet-ability" value="0"&gt; &lt;input type="text" class="sheet-14emwidth" name="attr_hskill5" &gt;&lt;/p&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 2 end --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 3 begin --&gt; &lt;p class="monotype"&gt;&lt;button type="roll" name="roll_hskill6" value="&amp;{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} ]] }} "&gt;&lt;/button&gt; +&lt;input type="number" class="score" class="score" name="attr_hskill6a" class="sheet-ability" value="0"&gt; &lt;input type="text" class="sheet-14emwidth" name="attr_hskill6" &gt;&lt;/p&gt;&lt;/p&gt; &lt;/div&gt; &lt;!-- div pc traits cell 3 end --&gt; &lt;/div&gt; &lt;!-- div pc traits row 0 end --&gt; &lt;/div&gt; &lt;!-- div pc table end --&gt; &lt;br&gt; &lt;div class="sheet-table"&gt; &lt;!-- div pc abilities section table begin --&gt; &lt;div class="sheet-rowtable"&gt; &lt;!-- div pc row 0 begin --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 1 begin --&gt; &lt;p class="monotype"&gt;Hobomancer Abilities:&lt;/p&gt; &lt;textarea name="attr_hsets" class="sheet-fullbox"&gt;&lt;/textarea&gt; &lt;/div&gt; &lt;!-- div pc traits cell 1 end --&gt; &lt;/div&gt; &lt;!-- div pc row 0 end --&gt; &lt;/div&gt; &lt;!-- div pc abilities section table end --&gt; &lt;br&gt; &lt;div class="sheet-table"&gt; &lt;!-- div pc equip section table begin --&gt; &lt;div class="sheet-rowtable"&gt; &lt;!-- div pc row 1 begin --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 1 begin --&gt; &lt;p class="monotype"&gt;Equpment Carried:&lt;/p&gt; &lt;textarea name="attr_hequip" class="sheet-fullbox"&gt;&lt;/textarea&gt; &lt;/div&gt; &lt;!-- div pc traits cell 1 end --&gt; &lt;/div&gt; &lt;!-- div pc row 1 end --&gt; &lt;/div&gt; &lt;!-- div pc equip section table end --&gt; &lt;br&gt; &lt;div class="sheet-table"&gt; &lt;!-- div pc note section table begin --&gt; &lt;div class="sheet-rowtable"&gt; &lt;!-- div pc row 2 begin --&gt; &lt;div class="sheet-tablecell"&gt; &lt;!-- div pc traits cell 1 begin --&gt; &lt;p class="monotype"&gt;History and Notes&lt;/p&gt; &lt;textarea name="attr_hnotes" class="sheet-fullbox"&gt;&lt;/textarea&gt; &lt;/div&gt; &lt;!-- div pc traits cell 1 end --&gt; &lt;/div&gt; &lt;!-- div pc row 2 end --&gt; &lt;/div&gt; &lt;!-- div pc note section table end --&gt; &lt;/div&gt; &lt;!-- div pc section 1 end --&gt; &lt;!-- div pc section 1 end --&gt; &lt;/div&gt; &lt;!-- div npc section end --&gt; &lt;!-- div npc section end --&gt; &lt;!-- div npc section end --&gt; &lt;/div&gt; &lt;!-- div overall wrapper end --&gt; 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 */