C&C - Keep finding tweaks I want to incorporate

More moving of formatting from HTML to CSS, trying to make the sheet
more appealing.
This commit is contained in:
David Berkompas
2014-07-26 19:12:17 -07:00
parent 3506334573
commit 7b72b452bd
2 changed files with 36 additions and 26 deletions
+11 -1
View File
@@ -10,7 +10,10 @@
}
.charsheet input.sheet-tiny {
display: inline-block;
width: 25px;
width: 20px;
}
.charsheet .sheet-attrchk {
width: 15px;
}
.charsheet input.sheet-short {
display: inline-block;
@@ -72,4 +75,11 @@
}
.charsheet .sheet-alcenter {
text-align: center;
}
.charsheet .sheet-attrtext {
width: 50px;
}
.charsheet .sheet-attrtab {
border-collapse: collapse;
border-spacing: 0;
}
+25 -25
View File
@@ -88,66 +88,66 @@
</table>
</div>
<div class="sheet-col">
<table style='border-collapse: collapse; border-spacing: 0;'>
<table class="attrtab">
<tr>
<td colspan="5" align="center"><img src="http://cf.geekdo-images.com/images/pic1807281_t.png"></img></td>
<td colspan="6" class="alcenter"><img src="http://cf.geekdo-images.com/images/pic1807281_t.png"></img></td>
</tr>
<tr>
<td><h4>Attributes</h4></td>
<td colspan="2" class="boldme">Attributes</td>
<td colspan="4">(Attribute check: d20 + lvl + mod)</td>
</tr>
<tr>
<td class="bluehilite alleft">Check</td>
<td class="bluehilite">Primary</td>
<td class="bluehilite alleft attrchk">Check</td>
<td class="bluehilite attrtext">Pri</td>
<td class="bluehilite"></td>
<td class="bluehilite">Score</td>
<td class="bluehilite">Category</td>
<td class="bluehilite">Mod</td>
</tr>
<tr>
<td><button type="roll" value="/roll d20+@{Level}+@{StrengthMod} (Strength check)" class="tiny" /></td>
<td><input type="checkbox" name="attr_StrengthPri" class="tiny" value="1" /></td>
<td class="mnattr">Strength</td>
<td name='Strength'><input type="number" name="attr_Strength" class="short" value="@{Strength}" /></td>
<td class="attrchk alcenter"><button type="roll" value="/roll d20+@{Level}+@{StrengthMod} (Strength check)" /></td>
<td class="alcenter tiny"><input type="checkbox" name="attr_StrengthPri" class="tiny" value="1" /></td>
<td class="mnattr attrtext alcenter">Strength</td>
<td name='Strength'><input type="number" name="attr_Strength" class="attrtext" value="@{Strength}" /></td>
<td>Paralysis & Constriction</td>
<td><input type="number" name="attr_StrengthMod" class="short" value="0" /></td>
<td><input type="number" name="attr_StrengthMod" class="attrtext" value="0" /></td>
</tr>
<tr>
<td><button type="roll" value="/roll d20+@{Level}+@{DexterityMod} (Dexterity check)" class="tiny" /></td>
<td><input type="checkbox" name="attr_DexterityPri" class="tiny" value="1" /></td>
<td class="mnattr">Dexterity</td>
<td class="attrchk alcenter" ><button type="roll" value="/roll d20+@{Level}+@{DexterityMod} (Dexterity check)"/></td>
<td class="alcenter tiny"><input type="checkbox" name="attr_DexterityPri" class="tiny" value="1" /></td>
<td class="mnattr attrtext alcenter">Dexterity</td>
<td><input type="number" name="attr_Dexterity" class="short" value="@{Dexterity}" /></td>
<td>Breath weapon & Traps</td>
<td><input type="number" name="attr_DexterityMod" class="short" value="0" /></td>
</tr>
<tr>
<td><button type="roll" value="/roll d20+@{Level}+@{ConstitutionMod} (Constitution check)" class="tiny" /></td>
<td ><input type="checkbox" name="attr_ConstitutionPri" class="tiny" value="1" /></td>
<td class="mnattr">Constitution</td>
<td class="attrchk alcenter" ><button type="roll" value="/roll d20+@{Level}+@{ConstitutionMod} (Constitution check)" /></td>
<td class="alcenter tiny"><input type="checkbox" name="attr_ConstitutionPri" class="tiny" value="1" /></td>
<td class="mnattr attrtext alcenter">Constitution</td>
<td><input type="number" name="attr_Constitution" class="short" value="@{Constitution}" /></td>
<td>Disease, Energy drain &amp; Poison</td>
<td><input type="number" name="attr_ConstitutionMod" class="short" value="0" /></td>
</tr>
<tr>
<td><button type="roll" value="/roll d20+@{Level}+@{IntelligenceMod} (Intelligence check)" class="tiny" /></td>
<td><input type="checkbox" name="attr_IntelligencePri" class="tiny" value="1" /></td>
<td class="mnattr">Intelligence</td>
<td class="attrchk alcenter"><button type="roll" value="/roll d20+@{Level}+@{IntelligenceMod} (Intelligence check)" /></td>
<td class="alcenter tiny"><input type="checkbox" name="attr_IntelligencePri" class="tiny" value="1" /></td>
<td class="mnattr attrtext alcenter">Intelligence</td>
<td><input type="number" name="attr_Intelligence" class="short" value="@{Intelligence}" /></td>
<td>Arcane magic &amp; Illusion</td>
<td><input type="number" name="attr_IntelligenceMod" class="short" value="0" /></td>
</tr>
<tr>
<td><button type="roll" value="/roll d20+@{Level}+@{WisdomMod} (Wisdom check)" class="tiny" /></td>
<td><input type="checkbox" name="attr_WisdomPri" class="tiny" value="1" /></td>
<td class="mnattr">Wisdom</td>
<td class="attrchk alcenter" ><button type="roll" value="/roll d20+@{Level}+@{WisdomMod} (Wisdom check)" /></td>
<td class="alcenter tiny"><input type="checkbox" name="attr_WisdomPri" class="tiny" value="1" /></td>
<td class="mnattr attrtext alcenter">Wisdom</td>
<td><input type="number" name="attr_Wisdom" class="short" value="@{Wisdom}" /></td>
<td>Confusion, Divine magic &amp; Gaze attack</td>
<td><input type="number" name="attr_WisdomMod" class="short" value="0" /></td>
</tr>
<tr>
<td><button type="roll" value="/roll d20+@{Level}+@{CharismaMod} (Charisma check)" class="tiny" /></td>
<td><input type="checkbox" name="attr_CharismaPri" class="tiny" value="1" /></td>
<td class="mnattr">Charisma</td>
<td class="attrchk alcenter"><button type="roll" value="/roll d20+@{Level}+@{CharismaMod} (Charisma check)" /></td>
<td class="alcenter tiny"><input type="checkbox" name="attr_CharismaPri" class="tiny" value="1" /></td>
<td class="mnattr attrtext alcenter">Charisma</td>
<td><input type="number" name="attr_Charisma" class="short" value="@{Charisma}" /></td>
<td>Death attack, Charm &amp; Fear</td>
<td><input type="number" name="attr_CharismaMod" class="short" value="0" /></td>