Attributes yo

This commit is contained in:
Salvador Melo
2018-11-05 02:42:04 -05:00
parent bcc4dd7e95
commit dbc82aee6f
2 changed files with 161 additions and 1 deletions
+37
View File
@@ -92,6 +92,7 @@
.sheet-header{
font-size: x-large;
text-align: center;
}
.sheet-line{
@@ -231,4 +232,40 @@ input.sheet-zero:hover + span::before
input.sheet-zero + span::before
{
opacity: 0;
}
/* end boxes/radios */
table.sheet-attribute-table {
table-layout: fixed;
text-align: center;
width:100%;
}
td, th {
padding: 0 1em 0 1em;
}
td:first-child, th:first-child {
padding: 0 1em 0 0;
}
td:last-child, th:last-child {
padding: 0 0 0 1em;
}
table.sheet-attribute-table td>div {
display: flex;
}
table.sheet-attribute-table th:first-child {
text-align: right;
}
table.sheet-attribute-table th {
text-align: center;
}
.sheet-row > .sheet-col {
width: 100%;
}
+124 -1
View File
@@ -17,7 +17,7 @@
Skills
</div>
</div>
<div class="2colrow">
<div class="2colrow">
<div class="col">
<div class="flex-container">
<label>
@@ -230,4 +230,127 @@
<input class="normal" type="radio" name="attr_technology" value="5" /><span></span>
</div>
</div>
</div>
<div class="row">
<div class="col header">Attributes</div>
</div>
<div class="row">
<div class="col">
<table class="attribute-table">
<tr>
<td style="width: 70px;"></td>
<th>Mental</th>
<th>Physical</th>
<th>Social</th>
</tr>
<tr>
<th>Power</th>
<td>
<div>
<label>Intellect</label>
<span class="line"></span>
<input class="normal" type="radio" name="attr_intellect" value="1" checked/><span></span>
<input class="normal" type="radio" name="attr_intellect" value="2" /><span></span>
<input class="normal" type="radio" name="attr_intellect" value="3" /><span></span>
<input class="normal" type="radio" name="attr_intellect" value="4" /><span></span>
<input class="normal" type="radio" name="attr_intellect" value="5" /><span></span>
</div>
</td>
<td>
<div>
<label>Cunning</label>
<span class="line"></span>
<input class="normal" type="radio" name="attr_cunning" value="1" checked/><span></span>
<input class="normal" type="radio" name="attr_cunning" value="2" /><span></span>
<input class="normal" type="radio" name="attr_cunning" value="3" /><span></span>
<input class="normal" type="radio" name="attr_cunning" value="4" /><span></span>
<input class="normal" type="radio" name="attr_cunning" value="5" /><span></span>
</div>
</td>
<td>
<div>
<label>Resolve</label>
<span class="line"></span>
<input class="normal" type="radio" name="attr_resolve" value="1" checked/><span></span>
<input class="normal" type="radio" name="attr_resolve" value="2" /><span></span>
<input class="normal" type="radio" name="attr_resolve" value="3" /><span></span>
<input class="normal" type="radio" name="attr_resolve" value="4" /><span></span>
<input class="normal" type="radio" name="attr_resolve" value="5" /><span></span>
</div>
</td>
</tr>
<tr>
<th>Finesse</th>
<td>
<div>
<label>Might</label>
<span class="line"></span>
<input class="normal" type="radio" name="attr_might" value="1" checked/><span></span>
<input class="normal" type="radio" name="attr_might" value="2" /><span></span>
<input class="normal" type="radio" name="attr_might" value="3" /><span></span>
<input class="normal" type="radio" name="attr_might" value="4" /><span></span>
<input class="normal" type="radio" name="attr_might" value="5" /><span></span>
</div>
</td>
<td>
<div>
<label>Dexterity</label>
<span class="line"></span>
<input class="normal" type="radio" name="attr_dexterity" value="1" checked/><span></span>
<input class="normal" type="radio" name="attr_dexterity" value="2" /><span></span>
<input class="normal" type="radio" name="attr_dexterity" value="3" /><span></span>
<input class="normal" type="radio" name="attr_dexterity" value="4" /><span></span>
<input class="normal" type="radio" name="attr_dexterity" value="5" /><span></span>
</div>
</td>
<td>
<div>
<label>Stamina</label>
<span class="line"></span>
<input class="normal" type="radio" name="attr_stamina" value="1" checked/><span></span>
<input class="normal" type="radio" name="attr_stamina" value="2" /><span></span>
<input class="normal" type="radio" name="attr_stamina" value="3" /><span></span>
<input class="normal" type="radio" name="attr_stamina" value="4" /><span></span>
<input class="normal" type="radio" name="attr_stamina" value="5" /><span></span>
</div>
</td>
</tr>
<tr>
<th>Resistance</th>
<td>
<div>
<label>Presence</label>
<span class="line"></span>
<input class="normal" type="radio" name="attr_presence" value="1" checked/><span></span>
<input class="normal" type="radio" name="attr_presence" value="2" /><span></span>
<input class="normal" type="radio" name="attr_presence" value="3" /><span></span>
<input class="normal" type="radio" name="attr_presence" value="4" /><span></span>
<input class="normal" type="radio" name="attr_presence" value="5" /><span></span>
</div>
</td>
<td>
<div>
<label>Manipulation</label>
<span class="line"></span>
<input class="normal" type="radio" name="attr_manipulation" value="1" checked/><span></span>
<input class="normal" type="radio" name="attr_manipulation" value="2" /><span></span>
<input class="normal" type="radio" name="attr_manipulation" value="3" /><span></span>
<input class="normal" type="radio" name="attr_manipulation" value="4" /><span></span>
<input class="normal" type="radio" name="attr_manipulation" value="5" /><span></span>
</div>
</td>
<td>
<div>
<label>Composure</label>
<span class="line"></span>
<input class="normal" type="radio" name="attr_composure" value="1" checked/><span></span>
<input class="normal" type="radio" name="attr_composure" value="2" /><span></span>
<input class="normal" type="radio" name="attr_composure" value="3" /><span></span>
<input class="normal" type="radio" name="attr_composure" value="4" /><span></span>
<input class="normal" type="radio" name="attr_composure" value="5" /><span></span>
</div>
</td>
</tr>
</table>
</div>
</div>