Fix issues with focuses

This commit is contained in:
Timm Allman
2016-05-22 11:58:37 -04:00
parent e3ecd6b8a6
commit 10808b424f
2 changed files with 307 additions and 328 deletions
+99 -108
View File
@@ -4,21 +4,21 @@
width: 870px;
}
.charsheet p {
p {
font-family: Georgia;
}
.charsheet .sheet-colrow {
.sheet-colrow {
margin-top: 15px;
}
.charsheet .sheet-spacer {
.sheet-spacer {
border-bottom: 1px solid #a8a8a8;
margin-bottom: 5px;
margin-top: 2px;
}
.charsheet textarea {
textarea {
background: none;
box-shadow: none;
font-size: 12px;
@@ -28,26 +28,28 @@
border: none;
}
.charsheet tbody {
tbody {
background: none;
}
.charsheet table {
table {
width: 100%;
border: 2px solid black;
}
.charsheet td {
td {
background: none;
}
div.sheet-tab-content { display: none; }
.charsheet div.sheet-tab-content { display: none; }
input.sheet-tab1:checked ~ div.sheet-tab1,
input.sheet-tab2:checked ~ div.sheet-tab2,
input.sheet-tab3:checked ~ div.sheet-tab3,
input.sheet-tab4:checked ~ div.sheet-tab4,
{ display: block; }
.charsheet input.sheet-tab1:checked ~ div.sheet-tab1,.charsheet input.sheet-tab2:checked ~ div.sheet-tab2,.charsheet input.sheet-tab3:checked ~ div.sheet-tab3,.charsheet input.sheet-tab4:checked ~ div.sheet-tab4,.charsheet
{display: block;}
.charsheet input.sheet-tab {
input.sheet-tab {
width: 150px;
height: 20px;
position: relative;
@@ -58,7 +60,7 @@
z-index: 1;
}
.charsheet input.sheet-tab::before {
input.sheet-tab::before {
content: attr(title);
display: inline-block;
background: #fff;
@@ -72,46 +74,45 @@
height: 20px;
}
.charsheet input.sheet-tab:checked::before {
input.sheet-tab:checked::before {
border-bottom-color: white;
}
.charsheet input.sheet-tab:not(:first-child)::before {
input.sheet-tab:not(:first-child)::before {
border-left: 2px, black;
}
.charsheet input.sheet-tab2::before {
input.sheet-tab2::before {
background: #ffffff;
}
.charsheet input.sheet-tab2:checked::before {
input.sheet-tab2:checked::before {
background: white;
border-bottom-color: none;
}
.charsheet div.sheet-tab-content {
div.sheet-tab-content {
border: 15px solid #010101;
border-top-color: #000;
margin: 2px 0 0 2px;
padding: 5px;
}
.charsheet div.sheet-tab2 {
div.sheet-tab2 {
background-color: white;
}
.charsheet .sheet-characterinfotable {
.sheet-characterinfotable {
border: 2px solid black;
width: 300px;
margin-bottom: 5px;
}
.charsheet .sheet-characterinfotable td {
.sheet-characterinfotable td {
border: 2px solid black;
}
.charsheet .sheet-basicinfotextbox {
.sheet-basicinfotextbox {
width: 100%;
background: none;
border-style:none;
@@ -123,7 +124,7 @@
font-family: Lucida Handwriting;
}
.charsheet .sheet-blackbox {
.sheet-blackbox {
border: 2px solid black;
background-color: black;
font-weight: none;
@@ -135,13 +136,13 @@
font-family: Georgia;
}
.charsheet .sheet-characterfeaturestable {
.sheet-characterfeaturestable {
border: 2px solid black;
width: 100%;
margin-bottom: 5px;
}
.charsheet .sheet-blackbox_alternate {
.sheet-blackbox_alternate {
border: 2px solid black;
background-color: black;
font-weight: none;
@@ -151,27 +152,25 @@
padding: 3px;
}
.charsheet .sheet-featurestextarea {
.sheet-featurestextarea {
width: 97%;
height: 95px;
}
.charsheet .sheet-skilltable {
.sheet-skilltable {
border: 2px solid black;
width: 100%;
}
.charsheet .sheet-skilltable td {
.sheet-skilltable td {
border: 2px solid black;
}
.charsheet .sheet-skilltable div {
.sheet-skilltable div {
text-align: left;
}
.charsheet .sheet-skillvaluebox {
.sheet-skillvaluebox {
font-weight: bold;
background: none;
border: none;
@@ -184,27 +183,25 @@
font-family: Lucida Handwriting;
}
.charsheet .sheet-skillvalue {
.sheet-skillvalue {
width: 90px;
}
.charsheet .sheet-focustextarea {
.sheet-focustextarea {
width: 97%;
height: 50px;
text-align: justify;
}
.charsheet .sheet-xptable {
.sheet-xptable {
border: 2px solid black;
}
.charsheet .sheet-xptable td {
.sheet-xptable td {
border: 2px solid black;
}
.charsheet .sheet-blackboxlarge {
.sheet-blackboxlarge {
border: 2px solid black;
background-color: black;
font-weight: none;
@@ -216,7 +213,7 @@
font-family: Georgia;
}
.charsheet .sheet-class_and_xptextbox {
.sheet-class_and_xptextbox {
width: 150px;
background: none;
border-style:none;
@@ -228,21 +225,20 @@
font-family: Lucida Handwriting;
}
.charsheet .sheet-2ndstattable {
.sheet-2ndstattable {
border: 2px solid black;
}
.charsheet .sheet-2ndstattable td {
.sheet-2ndstattable td {
border: 2px solid black;
text-align:center;
}
.charsheet .sheet-2ndstatbox {
.sheet-2ndstatbox {
text-align:center;
}
.charsheet .sheet-otherinput {
.sheet-otherinput {
width: 50px;
background: none;
border-style:none;
@@ -254,7 +250,7 @@
font-family: Lucida Handwriting;
}
.charsheet .sheet-2nd_statstextbox {
.sheet-2nd_statstextbox {
width: 83px;
background: none;
border-style:none;
@@ -266,7 +262,7 @@
font-family: Lucida Handwriting;
}
.charsheet .sheet-armortypetextarea {
.sheet-armortypetextarea {
width: 97%;
background: none;
border-style:none;
@@ -279,8 +275,7 @@
font-family: Lucida Handwriting;
}
.charsheet .sheet-container {
.sheet-container {
position: relative;
min-height: 60px;
border-radius: 0px;
@@ -288,24 +283,24 @@
background: none;
}
.charsheet .sheet-weapons-content {
.sheet-weapons-content {
height: 100%;
}
.charsheet .sheet-weaponscont {
.sheet-weaponscont {
border: 2px solid black;
position: relative;
}
.charsheet .sheet-weaponstable {
.sheet-weaponstable {
border: 2px solid black;
width: 100%;
}
.charsheet .sheet-weaponstable td {
.sheet-weaponstable td {
text-align: center;
}
.charsheet .sheet-blackbox_alternate2 {
.sheet-blackbox_alternate2 {
border: 2px solid black;
background-color: black;
font-weight: none;
@@ -317,7 +312,7 @@
text-align: center;
}
.charsheet .sheet-weaponnametext {
.sheet-weaponnametext {
width: 200px;
background: none;
border: none;
@@ -331,7 +326,7 @@
font-family: Lucida Handwriting;
}
.charsheet .sheet-weaponatacktext {
.sheet-weaponatacktext {
width: 60px;
background: none;
border: none;
@@ -344,7 +339,7 @@
font-family: Lucida Handwriting;
}
.charsheet .sheet-weaponrangetext {
.sheet-weaponrangetext {
width: 40px;
background: none;
border: none;
@@ -357,7 +352,7 @@
font-family: Lucida Handwriting;
}
.charsheet .sheet-weapondamagetext {
.sheet-weapondamagetext {
width: 60px;
background: none;
border: none;
@@ -370,30 +365,29 @@
font-family: Lucida Handwriting;
}
.charsheet .sheet-borderdown {
.sheet-borderdown {
border-bottom: 2px solid black;
font-size: 9px;
}
.charsheet .sheet-borderall {
.sheet-borderall {
border: 2px solid black;
font-size: 9px;
}
.charsheet .sheet-weaponstype {
.sheet-weaponstype {
height: 30px;
width: 458px;
text-align: left;
}
.charsheet .sheet-weapondetails {
.sheet-weapondetails {
height: 30px;
width: 100%;
text-align: center;
}
.charsheet .sheet-weaponnametext2 {
.sheet-weaponnametext2 {
width: 150px;
background: none;
border: none;
@@ -404,7 +398,7 @@
color: #000000;
font-family: Lucida Handwriting;
}
.charsheet .sheet-reloadtext {
.sheet-reloadtext {
height: 100%;
width: 85px;
background: none;
@@ -418,7 +412,7 @@
-webkit-appearance: none;
}
.charsheet .sheet-weaponspecs {
.sheet-weaponspecs {
width: 231px;
height: 100%;
text-align: left;
@@ -427,11 +421,11 @@
font-family: Lucida Handwriting;
}
.charsheet .sheet-ammotable td {
.sheet-ammotable td {
border: 2px solid black;
}
.charsheet .sheet-ammotext {
.sheet-ammotext {
width: 100%;
background: none;
border: none;
@@ -441,7 +435,7 @@
color: #000000;
font-family: Lucida Handwriting;
}
.charsheet .sheet-ammotypetext {
.sheet-ammotypetext {
width: 100%;
background: none;
border: none;
@@ -452,15 +446,14 @@
font-family: Lucida Handwriting;
}
.charsheet .sheet-circularhome {
.sheet-circularhome {
width:100%;
height:100%;
z-index:1;
position:relative;
}
.charsheet .sheet-circulartextbox {
.sheet-circulartextbox {
background: none;
border: none;
width: 70px;
@@ -477,7 +470,7 @@
position: absolute;
}
.charsheet .sheet-circulartext {
.sheet-circulartext {
font-weight: bold;
background: none;
border: none;
@@ -496,7 +489,7 @@
transform: translate(-50%,-50%);
}
.charsheet .sheet-circularp {
.sheet-circularp {
font-weight: bold;
background: none;
border: none;
@@ -513,28 +506,27 @@
transform: translate(-50%,-50%);
}
.charsheet .sheet-spellbox {
.sheet-spellbox {
width: 100%;
height: 100%;
border: 2px solid black;
}
.charsheet .sheet-powerstext {
.sheet-powerstext {
width: 475px;
height: 150px;
text-align: left;
}
.charsheet .sheet-spelltable td {
.sheet-spelltable td {
border: 2px solid black;
}
.charsheet .sheet-spelltable {
.sheet-spelltable {
border: 2px solid black;
width: 100%;
}
.charsheet .sheet-spelltext {
.sheet-spelltext {
width:110px;
background: none;
border: none;
@@ -545,7 +537,7 @@
font-family: Lucida Handwriting;
padding:0;
}
.charsheet .sheet-spellselect {
.sheet-spellselect {
width: 100%;
font-size: 12px;
background: none;
@@ -557,7 +549,7 @@
-webkit-appearance: none;
padding:0;
}
.charsheet .sheet-spellselect2 {
.sheet-spellselect2 {
width: 90px;
font-size: 12px;
background: none;
@@ -569,7 +561,7 @@
-webkit-appearance: none;
padding:0;
}
.charsheet .sheet-manatext {
.sheet-manatext {
width: 45px;
font-size: 12px;
background: none;
@@ -581,7 +573,7 @@
font-family: Lucida Handwriting;
padding:0;
}
.charsheet .sheet-timetext {
.sheet-timetext {
width:100px;
font-size:12px;
border: none;
@@ -592,7 +584,7 @@
font-family: Lucida Handwriting;
padding:0;
}
.charsheet .sheet-natext {
.sheet-natext {
width:30px;
font-size:12px;
background: none;
@@ -604,7 +596,7 @@
font-family: Lucida Handwriting;
padding:0;
}
.charsheet .sheet-vstext {
.sheet-vstext {
width:100%;
font-size:10px;
background: none;
@@ -616,44 +608,43 @@
font-family: Lucida Handwriting;
padding:0;
}
.charsheet .sheet-spelltext {
.sheet-spelltext {
width:100%;
height: 40px;
}
.charsheet .sheet-talent {
.sheet-talent {
height: 360px;
position: relative;
}
.charsheet .sheet-lefter {
.sheet-lefter {
margin-left: 10px;
}
.charsheet .sheet-general {
.sheet-general {
width: 97%;
}
.charsheet .sheet-concepttext {
.sheet-concepttext {
height: 160px;
width: 100%;
}
.charsheet .sheet-goalstextsmall {
.sheet-goalstextsmall {
height: 70px;
}
.charsheet .sheet-goalstext {
.sheet-goalstext {
height: 260px;
}
.charsheet .sheet-tiestext {
.sheet-tiestext {
height: 110px;
}
.charsheet .sheet-section {
.sheet-section {
position: relative;
min-height: 30px;
border-radius: 0px;
@@ -661,26 +652,26 @@
background: none;
}
.charsheet .sheet-inventory {
.sheet-inventory {
height: 550px;
border: 2px solid black;
padding-bottom: 35px;
position: relative;
}
.charsheet .sheet-inventory-content {
.sheet-inventory-content {
overflow-y: auto;
height: 100%;
}
.charsheet .sheet-InventoryName {
.sheet-InventoryName {
border: none;
width: 100%;
font-size: 10px;
font-family: Lucida Handwriting;
box-shadow: none;
}
.charsheet .sheet-InventoryAmount {
.sheet-InventoryAmount {
border: none;
width: 50px;
font-size: 10px;
@@ -688,11 +679,11 @@
box-shadow: none;
}
.charsheet .sheet-invTable td {
.sheet-invTable td {
border: 2px solid black;
}
.charsheet .sheet-circularmoney {
.sheet-circularmoney {
background: none;
border: none;
width: 70px;
@@ -703,7 +694,7 @@
background-size: contain;
text-align:center;
}
.charsheet .sheet-circularmoneytext {
.sheet-circularmoneytext {
width: 65px;
background: none;
border: none;
@@ -716,7 +707,7 @@
font-family: Lucida Handwriting;
}
.charsheet .sheet-talenttext {
.sheet-talenttext {
width:300px;
background: none;
border: none;
@@ -727,7 +718,7 @@
font-family: Lucida Handwriting;
padding:0;
}
.charsheet .sheet-talentnumber {
.sheet-talentnumber {
background: none;
border: 2px solid black;
box-shadow: none;
@@ -737,7 +728,7 @@
font-family: Lucida Handwriting;
padding:0;
}
.charsheet .sheet-talentselect {
.sheet-talentselect {
width: 100%;
font-size: 15px;
background: none;
@@ -749,7 +740,7 @@
-webkit-appearance: none;
padding:0;
}
.charsheet .sheet-talentarea {
.sheet-talentarea {
width:100%;
height: 40px;
}
+208 -220
View File
@@ -15,6 +15,214 @@
<div>
<img src='http://i.imgur.com/qWErCh7.png' />
</div>
</div>
<!-- Character Stats -->
<div class='sheet-colrow'>
<table class='sheet-skilltable'>
<tr>
<td class='sheet-blackbox'>
<div>
<button class='sheet-skillbuttons' type='roll' value='/roll {2d6, d6[Dragon Die]} + @{Communication}' name='roll_Communication_Check'></button>
COMMUNICATION
<input type='checkbox' title='Primary Skill' name='attr_Primary_Skill_Com' />
</div>
</td>
<td class='sheet-skillvalue'>
<input class='sheet-skillvaluebox' name='attr_Communication' type='number' value='0' />
</td>
</tr>
<tr>
<td colspan='2'>
<div class='sheet-focusbox'>
<textarea class="sheet-focustextarea" name="attr_Communication_Focuses" placeholder="Focuses"></textarea>
</div>
<div class="sheet-checkerpose">
<span>Roll with focus<button class='sheet-skillbuttons' type='roll' value='/roll {2d6, d6[Dragon Die]} + @{Communication} + 2' name='roll_Communication_Focus_Check'></button></span>
</div>
</td>
</tr>
</table>
</div>
<div class='sheet-colrow'>
<table class='sheet-skilltable'>
<tr>
<td class='sheet-blackbox'>
<div>
<button class='sheet-skillbuttons' type='roll' value='/roll 3d6 + @{Constitution}' name='roll_Constitution_Check' /></button>
CONSTITUTION
<input type='checkbox' title='Primary Skill' name='attr_Primary_Skill_Con' />
</div>
</td>
<td class='sheet-skillvalue'>
<input class='sheet-skillvaluebox' name='attr_Constitution' type='number' value='0' />
</td>
</tr>
<tr>
<td colspan='2'>
<div class='sheet-focusbox'>
<textarea class="sheet-focustextarea" name="attr_Constitution_Focuses" placeholder="Focuses"></textarea>
</div>
<div>
<span>Roll with focus<button class='sheet-skillbuttons' type='roll' value='/roll {2d6, d6[Dragon Die]} + @{Constitution} + 2' name='roll_Constitution_Focus_Check'></button></span>
</div>
</td>
</tr>
</table>
</div>
<div class='sheet-colrow'>
<table class='sheet-skilltable'>
<tr>
<td class='sheet-blackbox'>
<div>
<button class='sheet-skillbuttons' type='roll' value='/roll 3d6 + @{Cunning}' name='roll_Cunning_Check'></button>
CUNNING
<input type='checkbox' title='Primary Skill' name='attr_Primary_Skill_Cun' />
</div>
</td>
<td class='sheet-skillvalue'><input class='sheet-skillvaluebox' name='attr_Cunning' type='number' value='0' /></td>
</tr>
<tr>
<td colspan='2'>
<div class='sheet-focusbox'>
<textarea class="sheet-focustextarea" name="attr_Cunning_Focuses" placeholder="Focuses"></textarea>
</div>
<div>
<span>Roll with focus<button class='sheet-skillbuttons' type='roll' value='/roll {2d6, d6[Dragon Die]} + @{Cunning} + 2' name='roll_Cunning_Focus_Check'></button></span>
</div>
</td>
</tr>
</table>
</div>
<div class='sheet-colrow'>
<table class='sheet-skilltable'>
<tr>
<td class='sheet-blackbox'>
<div>
<button class='sheet-skillbuttons' type='roll' value='/roll 3d6 + @{Dexterity}' name='roll_Dexterity_Check' /></button>
DEXTERITY
<input type='checkbox' title='Primary Skill' name='attr_Primary_Skill_Dex' />
</div>
</td>
<td class='sheet-skillvalue'>
<input class='sheet-skillvaluebox' name='attr_Dexterity' type='number' value='0' />
</td>
</tr>
<tr>
<td colspan='2'>
<div class='sheet-focusbox'>
<textarea class="sheet-focustextarea" name="attr_Dexterity_Focuses" placeholder="Focuses"></textarea>
</div>
<div>
<span>Roll with focus<button class='sheet-skillbuttons' type='roll' value='/roll {2d6, d6[Dragon Die]} + @{Dexterity} + 2' name='roll_Dexterity_Focus_Check'></button></span>
</div>
</td>
</tr>
</table>
</div>
<div class='sheet-colrow'>
<table class='sheet-skilltable'>
<tr>
<td class='sheet-blackbox'>
<div>
<button class='sheet-skillbuttons' type='roll' value='/roll 3d6 + @{Magic}' name='roll_Magic_Check' /></button>
MAGIC
<input type='checkbox' title='Primary Skill' name='attr_Primary_Skill_Mag' />
</div>
</td>
<td class='sheet-skillvalue'><input class='sheet-skillvaluebox' name='attr_Magic' type='number' value='0' /></td>
</tr>
<tr>
<td colspan='2'>
<div class='sheet-focusbox'>
<textarea class="sheet-focustextarea" name="attr_Magic_Focuses" placeholder="Focuses"></textarea>
</div>
<div>
<span>Roll with focus<button class='sheet-skillbuttons' type='roll' value='/roll {2d6, d6[Dragon Die]} + @{Magic} + 2' name='roll_Magic_Focus_Check'></button></span>
</div>
</td>
</tr>
</table>
</div>
<div class='sheet-colrow'>
<table class='sheet-skilltable'>
<tr>
<td class='sheet-blackbox'>
<div>
<button class='sheet-skillbuttons' type='roll' value='/roll 3d6 + @{Perception}' name='roll_Perception_Check' /></button>
PERCEPTION
<input type='checkbox' title='Primary Skill' name='attr_Primary_Skill_Per' />
</div>
</td>
<td class='sheet-skillvalue'>
<input class='sheet-skillvaluebox' name='attr_Perception' type='number' value='0' />
</td>
</tr>
<tr>
<td colspan='2'>
<div class='sheet-focusbox'>
<textarea class="sheet-focustextarea" name="attr_Perception_Focuses" placeholder="Focuses"></textarea>
</div>
<div>
<span>Roll with focus<button class='sheet-skillbuttons' type='roll' value='/roll {2d6, d6[Dragon Die]} + @{Perception} + 2' name='roll_Perception_Focus_Check'></button></span>
</div>
</td>
</tr>
</table>
</div>
<div class='sheet-colrow'>
<table class='sheet-skilltable'>
<tr>
<td class='sheet-blackbox'>
<div>
<button class='sheet-skillbuttons' type='roll' value='/roll 3d6 + @{Strength}' name='roll_Strength_Check' /></button>
STRENGTH
<input type='checkbox' title='Primary Skill' name='attr_Primary_Skill_Str' />
</div>
</td>
<td class='sheet-skillvalue'><input class='sheet-skillvaluebox' name='attr_Strength' type='number' value='0' /></td>
</tr>
<tr>
<td colspan='2'>
<div class='sheet-focusbox'>
<textarea class="sheet-focustextarea" name="attr_Strength_Focuses" placeholder="Focuses"></textarea>
</div>
<div>
<span>Roll with focus<button class='sheet-skillbuttons' type='roll' value='/roll {2d6, d6[Dragon Die]} + @{Strength} + 2' name='roll_Strength_Focus_Check'></button></span>
</div>
</td>
</tr>
</table>
</div>
<div class='sheet-colrow'>
<table class='sheet-skilltable'>
<tr>
<td class='sheet-blackbox'>
<div>
<button class='sheet-skillbuttons' type='roll' value='/roll 3d6 + @{Willpower}' name='roll_Willpower_Check' /></button>
WILLPOWER
<input type='checkbox' title='Primary Skill' name='attr_Primary_Skill_Wil' />
</div>
</td>
<td class='sheet-skillvalue'><input class='sheet-skillvaluebox' name='attr_Willpower' type='number' value='0' /></td>
</tr>
<tr>
<td colspan='2'>
<div class='sheet-focusbox'>
<textarea class="sheet-focustextarea" name="attr_Willpower_Focuses" placeholder="Focuses"></textarea>
</div>
<div>
<span>Roll with focus<button class='sheet-skillbuttons' type='roll' value='/roll {2d6, d6[Dragon Die]} + @{Willpower} + 2' name='roll_Willpower_Focus_Check'></button></span>
</div>
</td>
</tr>
</table>
</div>
</div>
<!-- end of 1st column -->
<!-- 2nd Column -->
<div class='sheet-col' style='width:494px;'>
<div class='sheet-colrow'>
<table class='sheet-characterinfotable'>
<tr>
<td class='sheet-blackbox'>NAME</td>
@@ -52,226 +260,6 @@
</tr>
</table>
</div>
<!-- Character Stats -->
<div class='sheet-colrow'>
<table class='sheet-skilltable'>
<tr>
<td class='sheet-blackbox'>
<button class='sheet-skillbuttons' type='roll' value='/roll {2d6, d6[Dragon Die]} + @{Communication}' name='roll_Communication_Check'></button>
COMMUNICATION
<input type='checkbox' title='Primary Skill' name='attr_Primary_Skill_Com' />
</td>
<td class='sheet-skillvalue'>
<input class='sheet-skillvaluebox' name='attr_Communication' type='number' value='0' />
</td>
</tr>
<tr>
<td colspan='2'>
<div class='sheet-focusbox'>
<fieldset class='repeating_communication_focus'>
<div>
<button class='sheet-skillbuttons' type='roll' value='/roll {2d6, d6[Dragon Die]} + @{Communication} + 2' name='roll_Comm_Focus_Check'></button>
<input type='text' class='focus-input' name='attr_Communication_Focus' />
</div>
</fieldset>
</div>
</td>
</tr>
</table>
</div>
<div class='sheet-colrow'>
<table class='sheet-skilltable'>
<tr>
<td class='sheet-blackbox'>
<div>
<button class='sheet-skillbuttons' type='roll' value='/roll 3d6 + @{Constitution}' name='roll_Constitution_Check' /></button>
CONSTITUTION
<input type='checkbox' title='Primary Skill' name='attr_Primary_Skill_Con' />
</div>
</td>
<td class='sheet-skillvalue'>
<input class='sheet-skillvaluebox' name='attr_Constitution' type='number' value='0' />
</td>
</tr>
<tr>
<td colspan='2'>
<div class='sheet-focusbox'>
<fieldset class='repeating_constitution_focus'>
<div>
<button class='sheet-skillbuttons' type='roll' value='/roll {2d6, d6[Dragon Die]} + @{Constitution} + 2' name='roll_Constitution_Focus_Check'></button>
<input type='text' class='focus-input' name='attr_Constitution_Focus' />
</div>
</fieldset>
</div>
</td>
</tr>
</table>
</div>
<div class='sheet-colrow'>
<table class='sheet-skilltable'>
<tr>
<td class='sheet-blackbox'>
<div>
<button class='sheet-skillbuttons' type='roll' value='/roll 3d6 + @{Cunning}' name='roll_Cunning_Check'></button>
CUNNING
<input type='checkbox' title='Primary Skill' name='attr_Primary_Skill_Cun' />
</div>
</td>
<td class='sheet-skillvalue'><input class='sheet-skillvaluebox' name='attr_Cunning' type='number' value='0' /></td>
</tr>
<tr>
<td colspan='2'>
<div class='sheet-focusbox'>
<fieldset class='repeating_cunning_focus'>
<div>
<button class='sheet-skillbuttons' type='roll' value='/roll {2d6, d6[Dragon Die]} + @{Cunning} + 2' name='roll_Cunning_Focus_Check'></button>
<input type='text' class='focus-input' name='attr_Cunning_Focus' />
</div>
</fieldset>
</div>
</td>
</tr>
</table>
</div>
<div class='sheet-colrow'>
<table class='sheet-skilltable'>
<tr>
<td class='sheet-blackbox'>
<div>
<button class='sheet-skillbuttons' type='roll' value='/roll 3d6 + @{Dexterity}' name='roll_Dexterity_Check' /></button>
DEXTERITY
<input type='checkbox' title='Primary Skill' name='attr_Primary_Skill_Dex' />
</div>
</td>
<td class='sheet-skillvalue'>
<input class='sheet-skillvaluebox' name='attr_Dexterity' type='number' value='0' />
</td>
</tr>
<tr>
<td colspan='2'>
<div class='sheet-focusbox'>
<fieldset class='repeating_dex_focus'>
<div>
<button class='sheet-skillbuttons' type='roll' value='/roll {2d6, d6[Dragon Die]} + @{Dexterity} + 2' name='roll_Dexterity_Focus_Check'></button>
<input type='text' class='focus-input' name='attr_Dexterity_Focus' />
</div>
</fieldset>
</div>
</td>
</tr>
</table>
</div>
<div class='sheet-colrow'>
<table class='sheet-skilltable'>
<tr>
<td class='sheet-blackbox'>
<div>
<button class='sheet-skillbuttons' type='roll' value='/roll 3d6 + @{Magic}' name='roll_Magic_Check' /></button>
MAGIC
<input type='checkbox' title='Primary Skill' name='attr_Primary_Skill_Mag' />
</div>
</td>
<td class='sheet-skillvalue'><input class='sheet-skillvaluebox' name='attr_Magic' type='number' value='0' /></td>
</tr>
<tr>
<td colspan='2'>
<div class='sheet-focusbox'>
<fieldset class='repeating_magic_focus'>
<div>
<button class='sheet-skillbuttons' type='roll' value='/roll {2d6, d6[Dragon Die]} + @{Magic} + 2' name='roll_Magic_Focus_Check'></button>
<input type='text' class='focus-input' name='attr_Magic_Focus' />
</div>
</fieldset>
</div>
</td>
</tr>
</table>
</div>
<div class='sheet-colrow'>
<table class='sheet-skilltable'>
<tr>
<td class='sheet-blackbox'>
<div>
<button class='sheet-skillbuttons' type='roll' value='/roll 3d6 + @{Perception}' name='roll_Perception_Check' /></button>
PERCEPTION
<input type='checkbox' title='Primary Skill' name='attr_Primary_Skill_Per' />
</div>
</td>
<td class='sheet-skillvalue'>
<input class='sheet-skillvaluebox' name='attr_Perception' type='number' value='0' />
</td>
</tr>
<tr>
<td colspan='2'>
<div class='sheet-focusbox'>
<fieldset class='repeating_per_focus'>
<div>
<button class='sheet-skillbuttons' type='roll' value='/roll {2d6, d6[Dragon Die]} + @{Perception} + 2' name='roll_Perception_Focus_Check'></button>
<input type='text' class='focus-input' name='attr_Perception_Focus' />
</div>
</fieldset>
</div>
</td>
</tr>
</table>
</div>
<div class='sheet-colrow'>
<table class='sheet-skilltable'>
<tr>
<td class='sheet-blackbox'>
<div>
<button class='sheet-skillbuttons' type='roll' value='/roll 3d6 + @{Strength}' name='roll_Strength_Check' /></button>
STRENGTH
<input type='checkbox' title='Primary Skill' name='attr_Primary_Skill_Str' />
</div>
</td>
<td class='sheet-skillvalue'><input class='sheet-skillvaluebox' name='attr_Strength' type='number' value='0' /></td>
</tr>
<tr>
<td colspan='2'>
<div class='sheet-focusbox'>
<fieldset class='repeating_str_focus'>
<div>
<button class='sheet-skillbuttons' type='roll' value='/roll {2d6, d6[Dragon Die]} + @{Strength} + 2' name='roll_Strength_Focus_Check'></button>
<input type='text' class='focus-input' name='attr_Strength_Focus' />
</div>
</fieldset>
</div>
</td>
</tr>
</table>
</div>
<div class='sheet-colrow'>
<table class='sheet-skilltable'>
<tr>
<td class='sheet-blackbox'>
<div>
<button class='sheet-skillbuttons' type='roll' value='/roll 3d6 + @{Willpower}' name='roll_Willpower_Check' /></button>
WILLPOWER
<input type='checkbox' title='Primary Skill' name='attr_Primary_Skill_Wil' />
</div>
</td>
<td class='sheet-skillvalue'><input class='sheet-skillvaluebox' name='attr_Willpower' type='number' value='0' /></td>
</tr>
<tr>
<td colspan='2'>
<div class='sheet-focusbox'>
<fieldset class='repeating_wil_focus'>
<div>
<button class='sheet-skillbuttons' type='roll' value='/roll {2d6, d6[Dragon Die]} + @{Willpower} + 2' name='roll_Willpower_Focus_Check'></button>
<input type='text' class='focus-input' name='attr_Willpower_Focus' />
</div>
</fieldset>
</div>
</td>
</tr>
</table>
</div>
</div>
<!-- end of 1st column -->
<!-- 2nd Column -->
<div class='sheet-col' style='width:494px;'>
<!-- WEAPONS, AMMO, CLASS POWERS, SPELLS, PERKS, EQUIPS, MONEY -->
<div class='sheet-colrow'>
<!-- CLASS, XP, LEVEL -->