Add specialties

This commit is contained in:
lithl
2015-10-30 06:32:48 -05:00
parent 40edba61f9
commit b2d5df690c
2 changed files with 57 additions and 17 deletions
+6 -3
View File
@@ -5,7 +5,8 @@
box-shadow: inset 0 0 150px #ffd700, 0 0 1px #fff;
}
.sheet-flexbox-h > label {
.sheet-flexbox-h > label,
.sheet-flexbox0 {
width: 100%;
line-height: 28px;
margin-bottom: 0;
@@ -17,8 +18,8 @@
flex-direction: row;
}
.sheet-flexbox-h > label > input,
.sheet-flexbox-h > label > select {
.sheet-flexbox-h input,
.sheet-flexbox-h select {
-webkit-flex: 1 1 40%;
flex: 1 1 40%;
margin-left: 5px;
@@ -235,6 +236,8 @@ input[type=checkbox].sheet-unnamed-toggle:checked + span + div {
[data-groupname=repeating_abilities] input[type=text] { width: 120px; }
[data-groupname=repeating_specialties] input { margin-top: 3px; }
.sheet-unnamed-toggle + span + div > .sheet-trait > label {
display: inline-block;
margin: 0;
+51 -14
View File
@@ -133,6 +133,7 @@
</div><!-- /sheet-flexbox-h -->
</div><!-- /sheet-col concept, animal, supernal -->
</div><!-- /sheet-3colrow bio -->
<h1><span>Attributes</span></h1>
<div class="sheet-3colrow">
<div class="sheet-col">
@@ -313,6 +314,7 @@
</div><!-- /sheet-trait wits -->
</div><!-- /sheet-col mental -->
</div><!-- /sheet-3colrow attributes -->
<div class="sheet-3colrow">
<div class="sheet-col">
<h1><span>Abilities</span></h1>
@@ -1169,26 +1171,61 @@
</div>
</div>
</fieldset>
<h1><span>Specialties</span></h1>
<fieldset class="repeating_specialties">
<div class="sheet-flexbox-h sheet-flexbox0">
<input type="text" name="attr_repspecialtyname" placeholder="Pirate Tactics">
<select name="attr_repspecialtyability">
<option value=""></option>
<optgroup label="Abilities">
<option value="Archery">Archery</option>
<option value="Athletics">Athletics</option>
<option value="Brawl">Brawl</option>
<option value="Bureaucracy">Bureaucracy</option>
<option value="Craft">Craft</option>
<option value="Dodge">Dodge</option>
<option value="Integrity">Integrity</option>
<option value="Investigation">Investigation</option>
<option value="Larceny">Larceny</option>
<option value="Linguistics">Linguistics</option>
<option value="Lore">Lore</option>
<option value="Martial Arts">Martial Arts</option>
<option value="Medicine">Medicine</option>
<option value="Melee">Melee</option>
<option value="Occult">Occult</option>
<option value="Performance">Performance</option>
<option value="Presence">Presence</option>
<option value="Resistance">Resistance</option>
<option value="Ride">Ride</option>
<option value="Sail">Sail</option>
<option value="Socialize">Socialize</option>
<option value="Stealth">Stealth</option>
<option value="Survival">Survival</option>
<option value="Thrown">Thrown</option>
<option value="War">War</option>
<option value="Custom">Custom</option>
</optgroup>
<optgroup label="Attributes">
<option value="Strength">Strength</option>
<option value="Dexterity">Dexterity</option>
<option value="Stamina">Stamina</option>
<option value="Charisma">Charisma</option>
<option value="Manipulation">Manipulation</option>
<option value="Appearance">Appearance</option>
<option value="Perception">Perception</option>
<option value="Intelligence">Intelligence</option>
<option value="Wits">Wits</option>
</optgroup>
</select>
</div>
</fieldset>
</div><!-- /sheet-col abilities -->
<div class="sheet-2col">
<h1><span>Merits</span></h1>
</div><!-- /sheet-2col -->
</div><!-- /sheet-3colrow -->
<hr width="90%">
<div>
<div style="height: 377px; width: 33%; border-right: solid 1px; border-top: solid 1px; border-bottom: solid 1px; float: left;">
<div align="center">
<div align="center">
<h3 align="center"><span>Specialties</span></h3>
<input type="text" name="attr_specialty1" style="width: 95%;" align="center">
<input type="text" name="attr_specialty2" style="width: 95%;" align="center">
<input type="text" name="attr_specialty3" style="width: 95%;" align="center">
<fieldset class="repeating_speciality">
<input type="text" name="attr_repspecialty" style="width: 95%;" align="center">
</fieldset>
</div>
</div>
</div>
<div style="height: 377px; width: 33%; border-right: solid 1px; border-top: solid 1px; border-bottom: solid 1px; float: left;">
<div align="center">
<h3 align="center"><span>Merits</span></h3>