- Cleaned up a lot of styling for the new spell section.

- Fixed a styling bug with the annoucement pop up

AD&D 2E Revised/2ESheet.html

@@ -3631,12 +3631,12 @@
 
     <input type="checkbox" class="sheet-show-spell-points-wiz" value="1" title="Show Announcements"/><span></span><b title="Show Spells points and Arc">Spell Points & Arc - Player's Option: Spells & Magic</b>
     <div class="sheet-spell-points-wiz">
-        <table>
+        <table class="sheet-default-header-first-row sheet-default-header-first-column">
             <tr>
                 <td></td>
                 <td>Base</td>
-                <td>Specialist</td>
-                <td>Intelligence</td>
+                <td class="sheet-padding-right">Specialist</td>
+                <td class="sheet-padding-right">Intelligence</td>
                 <td>Remaining</td>
             </tr>
             <tr>
@@ -3708,7 +3708,9 @@
         <input style="display: none;" type="text" name="attr_spell-points3-spent-wiz15" class="sheet-short" value="0">
         <input style="display: none;" type="text" name="attr_spell-points-spent-wiz15" class="sheet-short" value="(@{spell-points1-spent-wiz15})+(@{spell-points2-spent-wiz15})+(@{spell-points3-spent-wiz15})">
 
-        <table>
+        <br>
+        
+        <table class="sheet-default-header-first-row sheet-default-header-first-column">
             <tr>
                 <td></td>
                 <td>Total</td>
@@ -3780,15 +3782,15 @@
         <input style="display: none;" type="text" name="attr_total-arc65-spent" class="sheet-short" value="0">
         <input style="display: none;" type="text" name="attr_total-arc66-spent" class="sheet-short" value="0">
         <input style="display: none;" type="text" name="attr_total-arc-spent15" class="sheet-short" value="(@{total-arc64-spent}+@{total-arc65-spent}+@{total-arc66-spent})">
-        <hr>
     </div>
+    <hr>
 
 <div class="sheet-tab-content sheet-section-wizard-level-one">
     <table class="sheet-default-header-first-row sheet-default-header-first-column" style="display:inline-block;">
         <tr>
             <th></th>
             <th title="Spells slots gained from levels">Level</th>
-            <th title="+1 spell slot from being a specialist" class="sheet-centering-padding">Specialist</th>
+            <th title="+1 spell slot from being a specialist" class="sheet-padding-right">Specialist</th>
             <th title="Spells slots gained from other sources">Misc.</th>
             <th title="Total number of spell slots">Total</th>
             <th>/</th>
@@ -3804,7 +3806,7 @@
             <td><input type="text" name="attr_intmax" title="@{intmax}" class="sheet-short" value="0" readonly></td>
         </tr>
     </table>
-    <table class=sheet-default-header-thead style="display:inline-block;">
+    <table class="sheet-default-header-thead padding-right" style="display:inline-block;">
         <thead>
         <tr>
             <th colspan="2" class="sheet-centering">Available to *</th>
@@ -3882,15 +3884,15 @@
                         <td><input type="number" name="attr_spell-points1" title="@{repeating_spells_$X_spell-points1}" class="sheet-short" value="0"><b> / </b><input type="number" name="attr_arc1" title="@{repeating_spells_$X_arc1}" class="sheet-short" value="0"></td>
                     </tr>
                     <tr>
-                        <td><input type="text" name="attr_spell-casttime" title="@{repeating_spells_$X_casttime}" class="sheet-table-dynamic" placeholder="Cast time"></td>
+                        <td><input type="text" name="attr_casttime" title="@{repeating_spells_$X_casttime}" class="sheet-table-dynamic" placeholder="Cast time"></td>
                         <td><button type="roll" name="roll_initspell" title="@{repeating_spells_$X_initspell}" value="/gmroll [[{([[1d10]]+@{casttime}), 1}kh1]] [Initiative (@{spellname})]&{tracker}">Initiative</button></td>
                     </tr>
                     <tr>
-                        <td colspan="2"><textarea name="attr_cast-macro" title="@{repeating_spells_$X_cast-macro}" class="label-like" placeholder="Insert Spell effects."></textarea></td>
+                        <td colspan="2"><textarea name="attr_cast-macro" title="@{repeating_spells_$X_cast-macro}" class="sheet-label-like" placeholder="Insert Spell effects."></textarea></td>
                     </tr>
                     <tr>
                         <td><button type="roll" name="roll_spellcast" title="%{repeating_spells_$X_spellcast}" value="@{cast-macro}">Spell Effects</button></td>
-                        <td><button type="roll" name="roll_spelltemplate" title="%{repeating_spells_$X_spelltemplate}" value="&{template:2Espell}{{title=@{spellname}}}{{splevel=@{spell-level}}}{{school=@{spell-school}}}{{components=@{spell-components}}}{{time=@{spell-casttime}}}{{range=@{spell-range}}}{{duration=@{}}}{{aoe=@{spell-aoe}}}{{save=@{spell-saving-throw}}}{{damage=@{spell-damage}}}{{damagetype=@{spell-damage-type}}}{{healing=@{spell-healing}}}{{reference=@{spell-reference}}}{{materials=@{spell-materials}}}{{effects=@{cast-macro}}}">Template Effects</button></td>
+                        <td><button type="roll" name="roll_spelltemplate" title="%{repeating_spells_$X_spelltemplate}" value="&{template:2Espell}{{title=@{spellname}}}{{splevel=@{spell-level}}}{{school=@{spell-school}}}{{components=@{spell-components}}}{{time=@{casttime}}}{{range=@{spell-range}}}{{duration=@{spell-duration}}}{{aoe=@{spell-aoe}}}{{save=@{spell-saving-throw}}}{{damage=@{spell-damage}}}{{damagetype=@{spell-damage-type}}}{{healing=@{spell-healing}}}{{reference=@{spell-reference}}}{{materials=@{spell-materials}}}{{effects=@{cast-macro}}}">Template</button></td>
                     </tr>
                 </table>
                 <hr>

AD&D 2E Revised/2EStyle.css

@@ -2,105 +2,107 @@
     display: inline-block;
     width: 165px;
 }
+.charsheet select.sheet-tiny,
 .charsheet input.sheet-tiny {
-    display: inline-block;
     width: 20px;
 }
+.charsheet select.sheet-small,
 .charsheet input.sheet-small {
-    display: inline-block;
     width: 30px;
 }
+.charsheet select.sheet-cent,
 .charsheet input.sheet-cent {
-    display: inline-block;
     width: 47px;
 }
+.charsheet select.sheet-track,
 .charsheet input.sheet-track {
-    display: inline-block;
     width: 59px;
 }
+.charsheet select.sheet-sym,
 .charsheet input.sheet-sym {
-    display: inline-block;
     width: 72px;
 }
+.charsheet select.sheet-mintext,
 .charsheet input.sheet-mintext {
-    display: inline-block;
     width: 74px;
 }
+.charsheet select.sheet-madtext,
 .charsheet input.sheet-madtext {
-    display: inline-block;
     width: 79px;
 }
+.charsheet select.sheet-attr,
 .charsheet input.sheet-attr {
-    display: inline-block;
     width: 80px;
 }
+.charsheet select.sheet-midtext,
 .charsheet input.sheet-midtext {
-    display: inline-block;
     width: 85px;
 }
+.charsheet select.sheet-maxtext,
 .charsheet input.sheet-maxtext {
-    display: inline-block;
     width: 100px;
 }
+.charsheet select.sheet-fill,
 .charsheet input.sheet-fill {
-    display: inline-block;
     width: 106px;
 }
-
+.charsheet select.sheet-medium,
 .charsheet input.sheet-medium {
-    display: inline-block;
     width: 115px;
 }
+.charsheet select.sheet-rogue,
 .charsheet input.sheet-rogue {
-    display: inline-block;
     width: 120px;
 }
+.charsheet select.sheet-middle,
 .charsheet input.sheet-middle {
-    display: inline-block;
     width: 138px;
 }
+.charsheet select.sheet-display,
 .charsheet input.sheet-display {
-    display: inline-block;
     width: 150px;
 }
+.charsheet select.sheet-length,
 .charsheet input.sheet-length {
-    display: inline-block;
     width: 170px;
 }
+.charsheet select.sheet-half,
 .charsheet input.sheet-half {
-    display: inline-block;
     width: 200px;
 }
+.charsheet select.sheet-spell-immune,
 .charsheet input.sheet-spell-immune {
-    display: inline-block;
     width: 210px;
 }
-
+.charsheet select.sheet-spell,
 .charsheet input.sheet-spell {
-    display: inline-block;
     width: 215px;
 }
+.charsheet select.sheet-long,
 .charsheet input.sheet-long {
-    display: inline-block;
     width: 400px;
 }
+.charsheet select.sheet-min,
 .charsheet input.sheet-min {
-    display: inline-block;
     width: 2.5em;
 }
+.charsheet select.sheet-short,
 .charsheet input.sheet-short {
-   display: inline-block;
    width: 3.5em;
 }
+.charsheet select.sheet-shortish,
 .charsheet input.sheet-shortish {
-    display: inline-block;
     width: 4em;
 }
 
+.charsheet select {
+    display: inline-block;
+    margin: 0;
+}
+
 .charsheet select.sheet-table-dynamic,
 .charsheet input.sheet-table-dynamic,
 .charsheet input.sheet-table-dynamic90 {
-    display: inline-block;
     width: 0;
     min-width: 100%;
     box-sizing: border-box;
@@ -115,7 +117,6 @@
 }
 
 .charsheet input[type="number"].sheet-tiny {
-    display: inline-block;
     width: 23px;
 }
     input[type="number"].sheet-tiny::-webkit-inner-spin-button {
@@ -125,24 +126,6 @@
     -webkit-appearance: none;
 }
 
-.charsheet select.sheet-small {
-    display: inline-block;
-    margin: 0 0;
-    width: 30px;
-}
-.charsheet select.sheet-short {
-    display: inline-block;
-    margin: 0 0;
-    width: 3.5em;
-}
-.charsheet select.sheet-mintext {
-    display: inline-block;
-    margin: 0 0;
-    width: 74px;
-}
-
-
-
 input.sheet-arrow
 {
     float: left;
@@ -169,7 +152,7 @@ input.sheet-tab:not(:first-child)::before
     box-sizing: border-box;
 }
 
-textarea.label-like {
+textarea.sheet-label-like {
     height: 28px;
 }
 
@@ -1163,7 +1146,7 @@ button {
 }
 
 table.sheet-default-header-first-row tr:first-child,
-table.sheet-default-header-first-row thead:first-child,
+table.sheet-default-header-thead thead:first-child,
 table.sheet-default-header-even-row tr:nth-child(even),
 table.sheet-default-header-odd-row tr:nth-child(odd),
 table.sheet-default-header-every-third-row tr:nth-child(3n+1),
@@ -1192,6 +1175,10 @@ table.sheet-default-header-first-column th:first-child,
     padding-right: 2px;
 }
 
+.sheet-padding-right {
+    padding-right: 5px;
+}
+
 .sheet-table-white {
     color: #FFF;
     font-family: Arial,
@@ -1252,7 +1239,7 @@ input.sheet-show-announcement:checked ~ .sheet-announcement
     display: block;
 }
 
-div.sheet-chk-announce {
+div.sheet-announcement {
     width: 95%;
     margin: 5px;
     border: 3px solid #ff0000;