Completed Background tab

I'd like the Familiar section to be formatted a little more nicely, but
this will have to do.
Cleaning up the Statistics tab after removing things is still on the
to-do list.
Need to add Merits/Flaws section on Statistics tab

Exalted2e/exalted2e.css

@@ -88,9 +88,14 @@ div[data-groupname="repeating_charms"] .repitem
 }
 
 .sheet-charm,
+.sheet-combo,
 .sheet-sorcery,
 .sheet-artifacts,
-.sheet-hearthstones
+.sheet-hearthstones,
+.sheet-languages,
+.sheet-background,
+.sheet-specialty,
+.sheet-intimacy
 {
     margin-bottom: 5px;
 }
@@ -135,11 +140,23 @@ span.sheet-span-header
     font-size: 110%;
 }
 
+div.repcontrol { margin-top: 5px; }
+
 div[data-groupname="repeating_attack"] div:not(:first-child) div.sheet-attack
 {
     border-top: 1px solid #ccc;
 }
 
+div[data-groupname="repeating_intimacies"] .repitem
+{
+    display: inline-block;
+}
+
+div[data-groupname="repeating_intimacies"] .repitem:nth-child(even)
+{
+    margin-left: 40px;
+}
+
 div.sheet-combat-equipment div.sheet-weapons { display: inline-block; vertical-align: top; }
 div.sheet-weapons div.sheet-rolls { padding: 5px; }
 div.sheet-weapons span { border-top: 3px solid black; border-right: 1px solid black; }
@@ -159,7 +176,6 @@ div.sheet-weapons div.sheet-attack select
     border-radius: 0px;
 }
 
-/*div.repcontainer[data-groupname="repeating_attacks"] div.repitem:last-child input*/
 div.repcontainer[data-groupname="repeating_attacks"] div.repitem:last-child div.sheet-rolls
 {
     border-bottom: 3px solid black;
@@ -172,6 +188,37 @@ div.sheet-combat-equipment div.sheet-armor
     display: inline-block;
 }
 
+/* tables */
+table.sheet-anima,
+table.sheet-familiar-attacks,
+table.sheet-familiar-attacks > tbody > tr > td > input[type="text"] { width: 100%; }
+
+table.sheet-anima:first-of-type > tbody > tr > td:last-child,
+table.sheet-anima:last-of-type > thead > tr:last-child > th:last-child,
+table.sheet-anima:last-of-type > tbody > tr > td:first-child { padding-left: 10px; }
+
+table.sheet-anima:last-of-type { margin-top: 30px; }
+
+table.sheet-anima:last-of-type > thead > tr > td { width: 70px; }
+
+table.sheet-anima th
+{
+    font-size: 18px;
+    text-align: left;
+}
+
+table.sheet-anima td { font-weight: bold; }
+
+table.sheet-anima > thead > tr:first-child > th { font-size: 20px; }
+
+table.sheet-familiar-attacks > thead > tr > th:first-child { text-align: left; }
+
+table.sheet-familiar-attacks > tbody > tr > td:nth-child(2), 
+table.sheet-familiar-attacks > tbody > tr > td:nth-child(3), 
+table.sheet-familiar-attacks > tbody > tr > td:nth-child(5) { text-align: center; }
+
+table.sheet-familiar-attacks > tbody > tr:not(:first-child) > td > * { margin-top: 5px; }
+
 /* Align labels and input boxes */
 label,
 div.sheet-background,
@@ -179,7 +226,11 @@ div.sheet-charm,
 div.sheet-combo,
 div.sheet-sorcery,
 div.sheet-artifacts,
-div.sheet-hearthstones
+div.sheet-hearthstones,
+div.sheet-languages,
+div.sheet-specialty,
+div.sheet-intimacy,
+div.sheet-familiar-row
 {
     display: -webkit-flex;
     display: flex;
@@ -192,6 +243,9 @@ div.sheet-combo input[type="text"]:not(.sheet-narrow),
 div.sheet-sorcery input[type="text"]:not(.sheet-regular):not(.sheet-narrow),
 div.sheet-artifacts input[type="text"],
 div.sheet-hearthstones input[type="text"],
+div.sheet-languages input[type="text"],
+div.sheet-specialty input[type="text"],
+div.sheet-intimacy input[type="text"],
 label input[type="text"],
 label input[type="number"],
 label select
@@ -200,6 +254,9 @@ label select
     flex: 1 1 auto;
 }
 
+div.sheet-intimacy input[type="text"] { max-width: 220px; }
+div.sheet-intimacy div.sheet-dots { width: 185px; }
+
 div.sheet-sorcery input[type="text"].sheet-wide-flex:not(.sheet-regular):not(.sheet-narrow),
 div.sheet-artifacts input[type="text"].sheet-wide-flex,
 div.sheet-hearthstones input[type="text"].sheet-wide-flex
@@ -213,7 +270,10 @@ div.sheet-artifacts input[type="text"],
 div.sheet-artifacts select,
 div.sheet-hearthstones input[type="text"],
 div.sheet-hearthstones input[type="checkbox"],
-div.sheet-hearthstones select
+div.sheet-hearthstones select,
+div.sheet-charm select,
+div.sheet-charm input[type="text"],
+div.sheet-combo input[type="text"]
 {
     margin-right: 5px;
 }
@@ -231,17 +291,9 @@ label span
     margin-right: 20px;
 }
 
-div.sheet-ability input[type="text"]
-{
-    max-width: 170px;
-}
-
-div.sheet-background input[type="text"]
-{
-    max-width: 160px;
-}
-
-div.sheet-background div.sheet-dots
+div.sheet-background div.sheet-dots,
+div.sheet-specialty div.sheet-dots,
+div.sheet-intimacy div.sheet-dots
 {
     text-align: right;
 }
@@ -282,6 +334,14 @@ div.sheet-artifacts input[type="text"],
 div.sheet-artifacts select,
 div.sheet-hearthstones input[type="text"],
 div.sheet-hearthstones select,
+div.sheet-languages input[type="text"],
+div.sheet-intimacy input[type="text"],
+div.sheet-familiar-health-row select,
+table.sheet-familiar-attacks > tbody > tr > td > input[type="text"],
+table.sheet-familiar-attacks > tbody > tr > td > input[type="number"],
+select.sheet-health-label,
+select.sheet-health-value,
+div.sheet-essence input[type="number"]:not([disabled]),
 .sheet-fancy
 {
     border: 0px;
@@ -309,6 +369,10 @@ div.sheet-combo input[type="text"]:focus,
 div.sheet-sorcery input[type="text"]:focus,
 div.sheet-artifacts input[type="text"]:focus,
 div.sheet-hearthstones input[type="text"]:focus,
+div.sheet-languages input[type="text"]:focus,
+div.sheet-intimacy input[type="text"]:focus,
+table.sheet-familiar-attacks > tbody > tr > td > input[type="text"]:focus,
+table.sheet-familiar-attacks > tbody > tr > td > input[type="number"]:focus,
 .sheet-fancy:focus
 {
     box-shadow: rgba(83, 167, 235, 0.466667) 0px 0px 6px 0px;
@@ -412,7 +476,9 @@ div.sheet-dots input[type="checkbox"]:first-child + span::before
 /* Styles unique to fake checkbox (checked) */
 div.sheet-ability input[type="checkbox"]:first-child:checked + span::before,
 div.sheet-will input[type="checkbox"]:checked + span::before,
-div.sheet-hearthstones input[type="checkbox"]:checked + span::before
+div.sheet-hearthstones input[type="checkbox"]:checked + span::before,
+div.sheet-languages input[type="checkbox"]:checked + span::before,
+table.sheet-anima input[type="checkbox"]:checked + span::before
 {
     content: "✓";
     color: #bea000;
@@ -495,6 +561,8 @@ select.sheet-health-value
     float: right;
 }
 
+div.sheet-familiar-health-row select.sheet-health-value { float: none; }
+
 /* Tabs */
 input.sheet-tab
 {

Exalted2e/exalted2e.html

@@ -28,7 +28,441 @@
 <input type="radio" class="tab" name="attr_tab" value="background" /><span title="Background"></span>
 
 <div class="tab-content background-tab">
-    BACKGROUND: Languages, Movement calculations, Anima flare, Backgrounds, Specialties, Intimacies, Familiar
+    <div class="sheet-2colrow">
+        <div class="sheet-col">
+            <h1 class="separator"><span>Languages</span></h1>
+            <fieldset class="repeating_languages">
+                <div class="languages">
+                    <input type="checkbox" name="attr_LanguageFavored" value="1" style="top: 13px" /><span></span>
+                    <input type="text" name="attr_LanguageName" />
+                </div>
+            </fieldset>
+        </div>
+        
+        <div class="sheet-col">
+            <h1 class="separator"><span>Anima</span></h1>
+            <table class="anima">
+                <thead>
+                    <tr>
+                        <th colspan="2">Solar Anima</th>
+                    </tr>
+                    <tr>
+                        <th>Motes</th>
+                        <th>Manifestation</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td><input type="checkbox" name="attr_Motes1-3" value="1" /><span></span> 1-3</td>
+                        <td>Weak Caste Mark</td>
+                    </tr>
+                    <tr>
+                        <td><input type="checkbox" name="attr_Motes4-7" value="1" /><span></span> 4-7</td>
+                        <td>Strong Caste Mark</td>
+                    </tr>
+                    <tr>
+                        <td><input type="checkbox" name="attr_Motes8-10" value="1" /><span></span> 8-10</td>
+                        <td>Mild Aura</td>
+                    </tr>
+                    <tr>
+                        <td><input type="checkbox" name="attr_Motes11-15" value="1" /><span></span> 11-15</td>
+                        <td>Bonfire Aura</td>
+                    </tr>
+                    <tr>
+                        <td><input type="checkbox" name="attr_Motes16" value="1" /><span></span> 16+</td>
+                        <td>Iconic</td>
+                    </tr>
+                </tbody>
+            </table>
+            
+            <table class="anima">
+                <thead>
+                    <tr>
+                        <th colspan="3">Anima Abilities</th>
+                    </tr>
+                    <tr>
+                        <th>Cost</th>
+                        <td></td>
+                        <th>Effect</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td>1</td>
+                        <td>Mote</td>
+                        <td>Cause Caste Mark to glow for scene.</td>
+                    </tr>
+                    <tr>
+                        <td>1</td>
+                        <td>Mote</td>
+                        <td>Cause Anima to glow for scene.</td>
+                    </tr>
+                    <tr>
+                        <td>1</td>
+                        <td>Mote</td>
+                        <td>Know exact time of day innately.</td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+    
+    <div class="sheet-2colrow">
+        <div class="sheet-col">
+            <h1 class="separator vspace"><span>Backgrounds</span></h1>
+            <fieldset class="repeating_backgrounds">
+                <div class="background">
+                    <input type="text" name="attr_BackgroundName" />
+                    <div class="dots">
+                        <input type="radio" name="attr_Background" value="1" checked="checked" /><span></span>
+                        <input type="radio" name="attr_Background" value="2" /><span></span>
+                        <input type="radio" name="attr_Background" value="3" /><span></span>
+                        <input type="radio" name="attr_Background" value="4" /><span></span>
+                        <input type="radio" name="attr_Background" value="5" /><span></span>
+                    </div>
+                </div>
+            </fieldset>
+        </div>
+        
+        <div class="sheet-col">
+            <h1 class="separator vspace"><span>Specialties</span></h1>
+            <fieldset class="repeating_specialties">
+                <div class="ability specialty">
+                    <input type="checkbox" name="attr_SpecialtyFavored" value="1" /><span></span>
+                    <input type="text" name="attr_SpecialtyName" />
+                    <div class="dots">
+                        <input type="radio" name="attr_Specialty" value="1" checked="checked" /><span></span>
+                        <input type="radio" name="attr_Specialty" value="2" /><span></span>
+                        <input type="radio" name="attr_Specialty" value="3" /><span></span>
+                    </div>
+                </div>
+            </fieldset>
+        </div>
+    </div>
+    
+    <h1 class="separator vspace"><span>Intimacies</span></h1>
+    <fieldset class="repeating_intimacies">
+        <div class="intimacy">
+            <input type="text" name="attr_IntimacyName" />
+            <div class="dots">
+                <input type="radio" name="attr_Intimacy" value="1" checked="checked" /><span></span>
+                <input type="radio" name="attr_Intimacy" value="2" /><span></span>
+                <input type="radio" name="attr_Intimacy" value="3" /><span></span>
+                <input type="radio" name="attr_Intimacy" value="4" /><span></span>
+                <input type="radio" name="attr_Intimacy" value="5" /><span></span>
+                <input type="radio" name="attr_Intimacy" value="6" /><span></span>
+                <input type="radio" name="attr_Intimacy" value="7" /><span></span>
+                <input type="radio" name="attr_Intimacy" value="8" /><span></span>
+                <input type="radio" name="attr_Intimacy" value="9" /><span></span>
+                <input type="radio" name="attr_Intimacy" value="10" /><span></span>
+            </div>
+        </div>
+    </fieldset>
+    
+    <h1 class="separator"><span>Familiar</span></h1>
+    <div class="familiar-row">
+        <label>Name: <input type="text" name="attr_FamiliarName" /></label>
+        <label>Creature: <input type="text" name="attr_FamiliarSpecies" /></label>
+    </div>
+    
+    <div class="familiar-row">
+        <label>Str: <input type="number" name="attr_FamiliarStrength" min="0" value="1" /></label>
+        <label>Dex: <input type="number" name="attr_FamiliarDexterity" min="0" value="1" /></label>
+        <label>Sta: <input type="number" name="attr_FamiliarStamina" min="0" value="1" /></label>
+        <label>Per: <input type="number" name="attr_FamiliarPerception" min="0" value="1" /></label>
+        <label>Int: <input type="number" name="attr_FamiliarIntelligence" min="0" value="1" /></label>
+        <label>Wit: <input type="number" name="attr_FamiliarWits" min="0" value="1" /></label>
+    </div>
+    
+    <div class="familiar-row">
+        <label>
+            Soak: <input type="number" name="attr_FamiliarSoakBashing" min="0" value="1" />B
+            <input type="number" name="attr_FamiliarSoakLethal" min="0" value="1" />L
+            <input type="number" name="attr_FamiliarSoakAggravated" min="0" value="0" />A
+        </label>
+        <label>
+            Dodge DV: <input type="number" name="attr_FamiliarDDV" min="0" value="1" />
+            Parry DV: <input type="number" name="attr_FamiliarPDV" min="0" value="1" />
+        </label>
+        <label>Willpower: <input type="number" name="attr_FamiliarWillpower" min="1" value="5" /></label>
+    </div>
+    
+    <div class="familiar-health-row">
+        <label>Health:</label>
+        <select name="attr_FamiliarHealth1" class="health-value">
+            <option value=""></option>
+            <option value="none" selected="true">☐ (no damage)</option>
+            <option value="bashing">&nbsp;∕ (bashing damage)</option>
+            <option value="lethal">☓ (lethal damage)</option>
+            <option value="aggravated">✱ (aggravated damage)</option>
+        </select>
+        <select name="attr_FamiliarHealth2" class="health-value">
+            <option value=""></option>
+            <option value="none" selected="true">☐ (no damage)</option>
+            <option value="bashing">&nbsp;∕ (bashing damage)</option>
+            <option value="lethal">☓ (lethal damage)</option>
+            <option value="aggravated">✱ (aggravated damage)</option>
+        </select>
+        <select name="attr_FamiliarHealth3" class="health-value">
+            <option value=""></option>
+            <option value="none" selected="true">☐ (no damage)</option>
+            <option value="bashing">&nbsp;∕ (bashing damage)</option>
+            <option value="lethal">☓ (lethal damage)</option>
+            <option value="aggravated">✱ (aggravated damage)</option>
+        </select>
+        <select name="attr_FamiliarHealth4" class="health-value">
+            <option value=""></option>
+            <option value="none" selected="true">☐ (no damage)</option>
+            <option value="bashing">&nbsp;∕ (bashing damage)</option>
+            <option value="lethal">☓ (lethal damage)</option>
+            <option value="aggravated">✱ (aggravated damage)</option>
+        </select>
+        <select name="attr_FamiliarHealth5" class="health-value">
+            <option value=""></option>
+            <option value="none" selected="true">☐ (no damage)</option>
+            <option value="bashing">&nbsp;∕ (bashing damage)</option>
+            <option value="lethal">☓ (lethal damage)</option>
+            <option value="aggravated">✱ (aggravated damage)</option>
+        </select>
+        <select name="attr_FamiliarHealth6" class="health-value">
+            <option value=""></option>
+            <option value="none" selected="true">☐ (no damage)</option>
+            <option value="bashing">&nbsp;∕ (bashing damage)</option>
+            <option value="lethal">☓ (lethal damage)</option>
+            <option value="aggravated">✱ (aggravated damage)</option>
+        </select>
+        <select name="attr_FamiliarHealth7" class="health-value">
+            <option value=""></option>
+            <option value="none" selected="true">☐ (no damage)</option>
+            <option value="bashing">&nbsp;∕ (bashing damage)</option>
+            <option value="lethal">☓ (lethal damage)</option>
+            <option value="aggravated">✱ (aggravated damage)</option>
+        </select>
+        <select name="attr_FamiliarHealth8" class="health-value">
+            <option value=""></option>
+            <option value="none">☐ (no damage)</option>
+            <option value="bashing">&nbsp;∕ (bashing damage)</option>
+            <option value="lethal">☓ (lethal damage)</option>
+            <option value="aggravated">✱ (aggravated damage)</option>
+        </select>
+        <select name="attr_FamiliarHealth9" class="health-value">
+            <option value=""></option>
+            <option value="none">☐ (no damage)</option>
+            <option value="bashing">&nbsp;∕ (bashing damage)</option>
+            <option value="lethal">☓ (lethal damage)</option>
+            <option value="aggravated">✱ (aggravated damage)</option>
+        </select>
+        <select name="attr_FamiliarHealth10" class="health-value">
+            <option value=""></option>
+            <option value="none">☐ (no damage)</option>
+            <option value="bashing">&nbsp;∕ (bashing damage)</option>
+            <option value="lethal">☓ (lethal damage)</option>
+            <option value="aggravated">✱ (aggravated damage)</option>
+        </select>
+        <select name="attr_FamiliarHealth11" class="health-value">
+            <option value=""></option>
+            <option value="none">☐ (no damage)</option>
+            <option value="bashing">&nbsp;∕ (bashing damage)</option>
+            <option value="lethal">☓ (lethal damage)</option>
+            <option value="aggravated">✱ (aggravated damage)</option>
+        </select>
+        <select name="attr_FamiliarHealth12" class="health-value">
+            <option value=""></option>
+            <option value="none">☐ (no damage)</option>
+            <option value="bashing">&nbsp;∕ (bashing damage)</option>
+            <option value="lethal">☓ (lethal damage)</option>
+            <option value="aggravated">✱ (aggravated damage)</option>
+        </select>
+        <select name="attr_FamiliarHealth13" class="health-value">
+            <option value=""></option>
+            <option value="none">☐ (no damage)</option>
+            <option value="bashing">&nbsp;∕ (bashing damage)</option>
+            <option value="lethal">☓ (lethal damage)</option>
+            <option value="aggravated">✱ (aggravated damage)</option>
+        </select>
+        <select name="attr_FamiliarHealth14" class="health-value">
+            <option value=""></option>
+            <option value="none">☐ (no damage)</option>
+            <option value="bashing">&nbsp;∕ (bashing damage)</option>
+            <option value="lethal">☓ (lethal damage)</option>
+            <option value="aggravated">✱ (aggravated damage)</option>
+        </select>
+        <select name="attr_FamiliarHealth15" class="health-value">
+            <option value=""></option>
+            <option value="none">☐ (no damage)</option>
+            <option value="bashing">&nbsp;∕ (bashing damage)</option>
+            <option value="lethal">☓ (lethal damage)</option>
+            <option value="aggravated">✱ (aggravated damage)</option>
+        </select>
+        <select name="attr_FamiliarHealth16" class="health-value">
+            <option value=""></option>
+            <option value="none">☐ (no damage)</option>
+            <option value="bashing">&nbsp;∕ (bashing damage)</option>
+            <option value="lethal">☓ (lethal damage)</option>
+            <option value="aggravated">✱ (aggravated damage)</option>
+        </select>
+        <select name="attr_FamiliarHealth17" class="health-value">
+            <option value=""></option>
+            <option value="none">☐ (no damage)</option>
+            <option value="bashing">&nbsp;∕ (bashing damage)</option>
+            <option value="lethal">☓ (lethal damage)</option>
+            <option value="aggravated">✱ (aggravated damage)</option>
+        </select>
+        <select name="attr_FamiliarHealth18" class="health-value">
+            <option value=""></option>
+            <option value="none">☐ (no damage)</option>
+            <option value="bashing">&nbsp;∕ (bashing damage)</option>
+            <option value="lethal">☓ (lethal damage)</option>
+            <option value="aggravated">✱ (aggravated damage)</option>
+        </select>
+        <select name="attr_FamiliarHealth19" class="health-value">
+            <option value=""></option>
+            <option value="none">☐ (no damage)</option>
+            <option value="bashing">&nbsp;∕ (bashing damage)</option>
+            <option value="lethal">☓ (lethal damage)</option>
+            <option value="aggravated">✱ (aggravated damage)</option>
+        </select>
+        <select name="attr_FamiliarHealth20" class="health-value">
+            <option value=""></option>
+            <option value="none">☐ (no damage)</option>
+            <option value="bashing">&nbsp;∕ (bashing damage)</option>
+            <option value="lethal">☓ (lethal damage)</option>
+            <option value="aggravated">✱ (aggravated damage)</option>
+        </select>
+        <select name="attr_FamiliarHealth21" class="health-value">
+            <option value=""></option>
+            <option value="none">☐ (no damage)</option>
+            <option value="bashing">&nbsp;∕ (bashing damage)</option>
+            <option value="lethal">☓ (lethal damage)</option>
+            <option value="aggravated">✱ (aggravated damage)</option>
+        </select>
+        <select name="attr_FamiliarHealth22" class="health-value">
+            <option value=""></option>
+            <option value="none">☐ (no damage)</option>
+            <option value="bashing">&nbsp;∕ (bashing damage)</option>
+            <option value="lethal">☓ (lethal damage)</option>
+            <option value="aggravated">✱ (aggravated damage)</option>
+        </select>
+        <select name="attr_FamiliarHealth23" class="health-value">
+            <option value=""></option>
+            <option value="none">☐ (no damage)</option>
+            <option value="bashing">&nbsp;∕ (bashing damage)</option>
+            <option value="lethal">☓ (lethal damage)</option>
+            <option value="aggravated">✱ (aggravated damage)</option>
+        </select>
+        <select name="attr_FamiliarHealth24" class="health-value">
+            <option value=""></option>
+            <option value="none">☐ (no damage)</option>
+            <option value="bashing">&nbsp;∕ (bashing damage)</option>
+            <option value="lethal">☓ (lethal damage)</option>
+            <option value="aggravated">✱ (aggravated damage)</option>
+        </select>
+        <select name="attr_FamiliarHealth25" class="health-value">
+            <option value=""></option>
+            <option value="none">☐ (no damage)</option>
+            <option value="bashing">&nbsp;∕ (bashing damage)</option>
+            <option value="lethal">☓ (lethal damage)</option>
+            <option value="aggravated">✱ (aggravated damage)</option>
+        </select>
+        <select name="attr_FamiliarHealth26" class="health-value">
+            <option value=""></option>
+            <option value="none">☐ (no damage)</option>
+            <option value="bashing">&nbsp;∕ (bashing damage)</option>
+            <option value="lethal">☓ (lethal damage)</option>
+            <option value="aggravated">✱ (aggravated damage)</option>
+        </select>
+        <select name="attr_FamiliarHealth27" class="health-value">
+            <option value=""></option>
+            <option value="none">☐ (no damage)</option>
+            <option value="bashing">&nbsp;∕ (bashing damage)</option>
+            <option value="lethal">☓ (lethal damage)</option>
+            <option value="aggravated">✱ (aggravated damage)</option>
+        </select>
+        <select name="attr_FamiliarHealth28" class="health-value">
+            <option value=""></option>
+            <option value="none">☐ (no damage)</option>
+            <option value="bashing">&nbsp;∕ (bashing damage)</option>
+            <option value="lethal">☓ (lethal damage)</option>
+            <option value="aggravated">✱ (aggravated damage)</option>
+        </select>
+        <select name="attr_FamiliarHealth29" class="health-value">
+            <option value=""></option>
+            <option value="none">☐ (no damage)</option>
+            <option value="bashing">&nbsp;∕ (bashing damage)</option>
+            <option value="lethal">☓ (lethal damage)</option>
+            <option value="aggravated">✱ (aggravated damage)</option>
+        </select>
+        <select name="attr_FamiliarHealth30" class="health-value">
+            <option value=""></option>
+            <option value="none">☐ (no damage)</option>
+            <option value="bashing">&nbsp;∕ (bashing damage)</option>
+            <option value="lethal">☓ (lethal damage)</option>
+            <option value="aggravated">✱ (aggravated damage)</option>
+        </select>
+        <select name="attr_FamiliarHealth31" class="health-value">
+            <option value=""></option>
+            <option value="none">☐ (no damage)</option>
+            <option value="bashing">&nbsp;∕ (bashing damage)</option>
+            <option value="lethal">☓ (lethal damage)</option>
+            <option value="aggravated">✱ (aggravated damage)</option>
+        </select>
+        <select name="attr_FamiliarHealth32" class="health-value">
+            <option value=""></option>
+            <option value="none">☐ (no damage)</option>
+            <option value="bashing">&nbsp;∕ (bashing damage)</option>
+            <option value="lethal">☓ (lethal damage)</option>
+            <option value="aggravated">✱ (aggravated damage)</option>
+        </select>
+        <select name="attr_FamiliarHealth33" class="health-value">
+            <option value=""></option>
+            <option value="none">☐ (no damage)</option>
+            <option value="bashing">&nbsp;∕ (bashing damage)</option>
+            <option value="lethal">☓ (lethal damage)</option>
+            <option value="aggravated">✱ (aggravated damage)</option>
+        </select>
+        <select name="attr_FamiliarHealth34" class="health-value">
+            <option value=""></option>
+            <option value="none">☐ (no damage)</option>
+            <option value="bashing">&nbsp;∕ (bashing damage)</option>
+            <option value="lethal">☓ (lethal damage)</option>
+            <option value="aggravated">✱ (aggravated damage)</option>
+        </select>
+    </div>
+    
+    <table class="familiar-attacks">
+        <thead>
+            <tr>
+                <th>Attack</th>
+                <th>Speed</th>
+                <th>Accuracy</th>
+                <th>Damage</th>
+                <th>Rate</th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr>
+                <td><input type="text" name="attr_FamiliarAttack1Name" /></td>
+                <td><input type="number" name="attr_FamiliarAttack1Speed" min="3" value="6" /></td>
+                <td><input type="number" name="attr_FamiliarAttack1Accuracy" value="0" /></td>
+                <td><input type="text" name="attr_FamiliarAttack1Damage" /></td>
+                <td><input type="number" name="attr_FamiliarAttack1Rate" min="1" value="1" /></td>
+            </tr>
+            <tr>
+                <td><input type="text" name="attr_FamiliarAttack2Name" /></td>
+                <td><input type="number" name="attr_FamiliarAttack2Speed" min="3" value="6" /></td>
+                <td><input type="number" name="attr_FamiliarAttack2Accuracy" value="0" /></td>
+                <td><input type="text" name="attr_FamiliarAttack2Damage" /></td>
+                <td><input type="number" name="attr_FamiliarAttack2Rate" min="1" value="1" /></td>
+            </tr>
+            <tr>
+                <td><input type="text" name="attr_FamiliarAttack3Name" /></td>
+                <td><input type="number" name="attr_FamiliarAttack3Speed" min="3" value="6" /></td>
+                <td><input type="number" name="attr_FamiliarAttack3Accuracy" value="0" /></td>
+                <td><input type="text" name="attr_FamiliarAttack3Damage" /></td>
+                <td><input type="number" name="attr_FamiliarAttack3Rate" min="1" value="1" /></td>
+            </tr>
+        </tbody>
+    </table>
 </div>
 
 <div class="tab-content magic-tab">
@@ -114,7 +548,7 @@
                     <div class="essence center"><input type="number" name="attr_PeripheralEssence" value="0" min="0" /> | <input type="number" name="attr_Peripheral_Essence_max" value="@{Essence}*7+@{Willpower}+@{Compassion}+@{Conviction}+@{Temperance}+@{Valor}" disabled="true" /></div>
                 </div>
             </div>
-            <div class="essence center"><label>Committed: <input type="number" name="attr_CommittedEssence" value="0" min="0" /></label></div>
+            <div class="essence center vspace"><label>Committed: <input type="number" name="attr_CommittedEssence" value="0" min="0" /></label></div>
         </div>
         <div class="sheet-col">
             <h1 class="separator"><span>Athleticism</span></h1>
@@ -148,48 +582,13 @@
                     <input type="hidden" disabled="true" name="attr_FOSIndex-7" value="(@{FOSIndex-4} * @{FOSIndex-3})" />
                     <input type="hidden" disabled="true" name="attr_FOSIndex-8" value="(@{FOSIndex-4} * @{FOSIndex-4})" />
                     <input type="hidden" disabled="true" name="attr_FOSIndex-9" value="(@{FOSIndex-5} * @{FOSIndex-4})" />
-                    <!--input type="hidden" disabled="true" name="attr_FOSIndex-10" value="(@{FOSIndex-5} * @{FOSIndex-5})" />
-                    <input type="hidden" disabled="true" name="attr_FOSIndex-11" value="(@{FOSIndex-6} * @{FOSIndex-5})" />
-                    <input type="hidden" disabled="true" name="attr_FOSIndex-12" value="(@{FOSIndex-6} * @{FOSIndex-6})" />
-                    <input type="hidden" disabled="true" name="attr_FOSIndex-13" value="(@{FOSIndex-7} * @{FOSIndex-6})" />
-                    <input type="hidden" disabled="true" name="attr_FOSIndex-14" value="(@{FOSIndex-7} * @{FOSIndex-7})" />
-                    <input type="hidden" disabled="true" name="attr_FOSIndex-15" value="(@{FOSIndex-8} * @{FOSIndex-7})" />
-                    <input type="hidden" disabled="true" name="attr_FOSIndex-16" value="(@{FOSIndex-8} * @{FOSIndex-8})" />
-                    <input type="hidden" disabled="true" name="attr_FOSIndex-17" value="(@{FOSIndex-9} * @{FOSIndex-8})" />
-                    <input type="hidden" disabled="true" name="attr_FOSIndex-18" value="(@{FOSIndex-9} * @{FOSIndex-9})" />
-                    <input type="hidden" disabled="true" name="attr_FOSIndex-19" value="(@{FOSIndex-10} * @{FOSIndex-9})" />
-                    <div class="right">
-                        Lift/Pull/Push:
-                        <input
-                            type="number"
-                            name="attr_FeatOfStrengthLift"
-                            style="width: 4em"
-                            title="(Strength + Athletics)"
-                            value="floor(
-                                -(157 * @{FOSIndex-19})/92155379097600
-                                +(2963 * @{FOSIndex-18})/8536498274304
-                                -(2341067 * @{FOSIndex-17})/71137485619200
-                                +(4033721 * @{FOSIndex-16})/2092278988800
-                                -(432529 * @{FOSIndex-15})/5535129600
-                                +(74847767 * @{FOSIndex-14})/32188907520
-                                -(330175083323 * @{FOSIndex-13})/6276836966400
-                                +(55783081009 * @{FOSIndex-12})/60354201600
-                                -(28562453303 * @{FOSIndex-11})/2235340800
-                                +(818974997747 * @{FOSIndex-10})/5852528640
-                                -(1694902545761 * @{FOSIndex-9})/1393459200
-                                +(1347147156514750 * @{FOSIndex-8})/160944537600
-                                -(71063990724083300 * @{FOSIndex-7})/1569209241600
-                                +(7466657846854940 * @{FOSIndex-6})/39230231040
-                                -(159525020406878000 * @{FOSIndex-5})/261534873600
-                                +(63197395681531900 * @{FOSIndex-4})/43589145600
-                                -(154413810661777 * @{FOSIndex-3})/63011520
-                                +(43565252987287 * @{FOSIndex-2})/15833664
-                                -(42178464230215 * @{FOSIndex})/23279256
-                                +518850.2669)"
-                            disabled="true" />
-                    </div-->
-                    <div class="right">Lift/Pull/Push: <input type="number" name="attr_FeatOfStrengthLift" style="width: 4em" title="(Strength + Athletics)" value="round((19 * @{FOSIndex-9})/9072-(205 * @{FOSIndex-8})/2016+(3187 * @{FOSIndex-7})/1512-(1171 * @{FOSIndex-6})/48+(74761 * @{FOSIndex-5})/432-(74525 * @{FOSIndex-4})/96+(9916159 * @{FOSIndex-3})/4536-(1856837 * @{FOSIndex-2})/504+(214435 * @{FOSIndex})/63-1200)" disabled="true" /></div>
-                    <div class="right">Throw Object: <input type="number" name="attr_FeatOfStrengthThrow" title="" value="" disabled="true" /></div>
+                    <div class="right">Lift/Pull/Push: <input type="number" name="attr_FeatOfStrengthLift" style="width: 4em" title="Lift weight in pounds" value="round((19 * @{FOSIndex-9})/9072-(205 * @{FOSIndex-8})/2016+(3187 * @{FOSIndex-7})/1512-(1171 * @{FOSIndex-6})/48+(74761 * @{FOSIndex-5})/432-(74525 * @{FOSIndex-4})/96+(9916159 * @{FOSIndex-3})/4536-(1856837 * @{FOSIndex-2})/504+(214435 * @{FOSIndex})/63-1200)" disabled="true" /></div>
+                    
+                    <input type="hidden" disabled="true" name="attr_FOSIndex2" value="(((@{FOSIndex} - 5) + abs(@{FOSIndex} - 5)) / 2)" />
+                    <input type="hidden" disabled="true" name="attr_FOSIndex2-2" value="(@{FOSIndex2} * @{FOSIndex2})" />
+                    <input type="hidden" disabled="true" name="attr_FOSIndex2-3" value="(@{FOSIndex2-2} * @{FOSIndex2})" />
+                    <input type="hidden" disabled="true" name="attr_FOSIndex2-4" value="(@{FOSIndex2-2} * @{FOSIndex2-2})" />
+                    <div class="right">Throw Object: <input type="number" name="attr_FeatOfStrengthThrow" title="Throw weight in pounds for (Strength + Athletics) yards" value="-5 * @{FOSIndex2-4} / 12 + 25 * @{FOSIndex2-3} / 6 - 115 * @{FOSIndex2-2} / 12 + 515 * @{FOSIndex2} / 6" disabled="true" /></div>
                 </div>
             </div>
         </div>
@@ -948,17 +1347,7 @@
         
         <div class="sheet-col">
             <h3 class="ability">Specialties</h3>
-            <fieldset class="repeating_specialties">
-                <div class="ability">
-                    <input type="checkbox" name="attr_SpecialtyFavored" value="1" /><span></span>
-                    <input type="text" name="attr_SpecialtyName" />
-                    <div class="dots">
-                        <input type="radio" name="attr_Specialty" value="1" checked="checked" /><span></span>
-                        <input type="radio" name="attr_Specialty" value="2" /><span></span>
-                        <input type="radio" name="attr_Specialty" value="3" /><span></span>
-                    </div>
-                </div>
-            </fieldset>
+            
         </div>
     </div>
     
@@ -966,19 +1355,6 @@
     
     <div class="sheet-3colrow">
         <div class="sheet-col">
-            <h4>Backgrounds</h4>
-            <fieldset class="repeating_backgrounds">
-                <div class="background">
-                    <input type="text" name="attr_BackgroundName" />
-                    <div class="dots">
-                        <input type="radio" name="attr_Background" value="1" checked="checked" /><span></span>
-                        <input type="radio" name="attr_Background" value="2" /><span></span>
-                        <input type="radio" name="attr_Background" value="3" /><span></span>
-                        <input type="radio" name="attr_Background" value="4" /><span></span>
-                        <input type="radio" name="attr_Background" value="5" /><span></span>
-                    </div>
-                </div>
-            </fieldset>
             <h1 class="separator"><span>Anima</span></h1>
             <textarea name="attr_AnimaLong" class="four-lines"></textarea>
             <h1 class="separator"><span>Limit Break</span></h1>