From 2cafff0d45c41508d32bb7d1ed348c23e49fc2a5 Mon Sep 17 00:00:00 2001
From: Stexinator <hurricane90@gmx.de>
Date: Sat, 28 Jan 2023 21:38:26 +0100
Subject: [PATCH] [Shadowrun5thA] removed notes checkbox from enhancements

---
 Shadowrun5th/Shadowrun5th.css  |  96 +++++++++++---------
 Shadowrun5th/Shadowrun5th.html | 156 +++++++++++----------------------
 2 files changed, 105 insertions(+), 147 deletions(-)

diff --git a/Shadowrun5th/Shadowrun5th.css b/Shadowrun5th/Shadowrun5th.css
index e27442e724..f65e41fb02 100644
--- a/Shadowrun5th/Shadowrun5th.css
+++ b/Shadowrun5th/Shadowrun5th.css
@@ -254,10 +254,13 @@ div .chummercheckwrapper{
 }
 
 /**
-    Magician Tab
+    Textareas Notes
 **/
 
-.spells textarea {
+.spells textarea,
+.ware textarea,
+.martial textarea,
+.qualities textarea {
     width:100% !important;
     vertical-align:top;
     background-color:#444444;
@@ -418,14 +421,8 @@ input.technomancycheckbox:checked ~ div label.labeltechnomancer{
 .weaponcheckbox:checked ~ div.weaponticked,
 .contactsunticked,
 .contactscheckbox:checked ~ div.contactsticked,
-.qualityunticked,
-.qualitycheckbox:checked ~ div.qualityticked,
 .spiritenotesunticked,
 .spiritenotescheckbox:checked ~ div.spiritenotesticked,
-.wareunticked,
-.warecheckbox:checked ~ div.wareticked,
-.martialunticked,
-.martialcheckbox:checked ~ div.martialticked,
 .equipmentunticked,
 .equipmentcheckbox:checked ~ div.equipmentticked,
 .nuyenunticked,
@@ -520,14 +517,8 @@ input.technomancycheckbox:checked ~ div label.labeltechnomancer{
 .armorworncheckbox:checked ~ div.armorwornunticked,
 .contactsticked,
 .contactscheckbox:checked ~ div.contactsunticked,
-.qualityticked,
-.qualitycheckbox:checked ~ div.qualityunticked,
 .spiritenotesticked,
 .spiritenotescheckbox:checked ~ div.spiritenotesunticked,
-.wareticked,
-.warecheckbox:checked ~ div.wareunticked,
-.martialticked,
-.martialcheckbox:checked ~ div.martialunticked,
 .equipmentticked,
 .equipmentcheckbox:checked ~ div.equipmentunticked,
 .nuyenticked,
@@ -895,13 +886,7 @@ input.technomancycheckbox:checked ~ div.technomancer{
 
 
 .movementrow input,
-.qualities input[type=text],
-.qualities textarea,
 .initiation input[type=text],
-.ware input[type=text],
-.ware textarea,
-.martial input[type=text],
-.martial textarea,
 .contacts select,
 .contacts input[type=text],
 .contacts textarea,
@@ -965,6 +950,16 @@ input.technomancycheckbox:checked ~ div.technomancer{
     text-align:center;
 }
 
+.martial input[type=text],
+.ware input[type=text],
+.qualities input[type=text]
+{
+   background-color:#444444;
+   color:inherit;
+   border:none;
+   text-align:center;
+}
+
 .armor .armortotal input[type=number] {
     background-color:#111111 !important;
     border:3px solid #444444 !important;
@@ -1014,11 +1009,8 @@ input[disabled="true"]{
 .skillrow div:not(.checkboxticker):not(.itemcontrol):not(.hiddentextfield),
 .mskillrow div:not(.checkboxticker):not(.itemcontrol):not(.hiddentextfield),
 .spells div:not(.checkboxticker):not(.itemcontrol):not(.magiciandrainattribute),
-.qualityrow div:not(.itemcontrol):not(.checkboxticker):not(.qualitynoteswrapper),
 .initiationrow div:not(.itemcontrol),
 .spiriterow div:not(.itemcontrol):not(.spiritenoteswrapper):not(.technobound):not(.magebound):not(.checkboxticker),
-.warerow div:not(.checkboxticker):not(.warenoteswrapper):not(.itemcontrol),
-.martialrow div:not(.checkboxticker):not(.martialnoteswrapper):not(.itemcontrol),
 .contactsrow div:not(.checkboxticker):not(.contactsnoteswrapper):not(.itemcontrol),
 .programrow div:not(.checkboxticker):not(.itemcontrol),
 .vehicle div:not(.checkboxticker):not(.vehicleskillmodelabel):not(.vehicleskillswrapper):not(.vehiclenoteswrapper):not(.vehicledmgwrapper):not(.vehicleweaponnoteswrapper):not(.vehicleweaponwrapper):not(.itemcontrol),
@@ -1096,25 +1088,29 @@ input[disabled="true"]{
 }
 
 
-.qualitynamewrapper{
-    width:48%;
+.qualityname{
+    width:58%;
+    display: inline-block;
 }
 
 
-.martialnamewrapper,
 .equipmentnamewrapper,
 .specroll{
     width:40%;
 }
 
+.martialname
+{
+    width:55%;
+    display: inline-block;
+}
 
-
-.martialdescriptionwrapper{
+.martialdescription{
     width:39%;
+    display: inline-block;
 }
 
 
-.warenamewrapper,
 .equipmentdescriptionwrapper,
 .charbackgroundwrapper,
 .chardescriptionwrapper,
@@ -1122,11 +1118,17 @@ input[disabled="true"]{
     width:32%;
 }
 
+.warename
+{
+    width:47%;
+    display: inline-block;
+}
 
 .movementmethod,
 .essencelabelwrapper,
 .initiationlabelwrapper{
     width:30%;
+    display: inline-block;
 }
 
 
@@ -1191,12 +1193,18 @@ input[disabled="true"]{
 .mskillnamewrapper,
 .mskillnoteswrapper,
 .weaponnamewrapper,
-.qualitykarmawrapper,
-.wareessencewrapper,
-.qualitydescriptionwrapper,
-.waredescriptionwrapper,
-.waregradewrapper{
+.qualitykarma,
+.wareessence,
+.waredescription,
+.waregrade{
     width:15%;
+    display: inline-block;
+}
+
+.qualitydescription
+{
+    width:20%;
+    display: inline-block;
 }
 
 
@@ -1511,8 +1519,6 @@ input[disabled="true"]{
 
 .initiationrow,
 .movementrow,
-.qualityrow,
-.warerow,
 .contactsrow,
 .charinforow,
 .spiriterow,
@@ -1532,8 +1538,18 @@ input[disabled="true"]{
 .equipmentrow,
 .weaponrow{
     width:100%;
-    display:inline-block;
     margin-top:0.3em;
+    list-style-position: outside;
+}
+
+.warerow,
+.martialrow,
+.qualityrow
+{
+    width:100%;
+    margin-top:0.3em;
+    margin-left: 10px;
+    list-style-position: outside;
 }
 
 .weaponrow{
@@ -1679,9 +1695,6 @@ input[disabled="true"]{
 .droneweaponnoteswrapper,
 .equipmentnoteswrapper,
 .nuyennoteswrapper,
-.warenoteswrapper,
-.martialnoteswrapper,
-.qualitynoteswrapper,
 .spiritenoteswrapper,
 .contactsnoteswrapper,
 .armornoteswrapper,
@@ -1701,9 +1714,6 @@ input.dronenotescheckbox:checked ~ div.dronenoteswrapper,
 input.droneskillscheckbox:checked ~ div.droneskillswrapper,
 input.droneweaponcheckbox:checked ~ div.droneweaponnoteswrapper,
 input.armornotescheckbox:checked ~ div.armornoteswrapper,
-input.warecheckbox:checked ~ div.warenoteswrapper,
-input.martialcheckbox:checked ~ div.martialnoteswrapper,
-input.qualitycheckbox:checked ~ div.qualitynoteswrapper,
 input.spiritenotescheckbox:checked ~ div.spiritenoteswrapper,
 input.contactscheckbox:checked ~ div.contactsnoteswrapper,
 input.equipmentcheckbox:checked ~ div.equipmentnoteswrapper,
diff --git a/Shadowrun5th/Shadowrun5th.html b/Shadowrun5th/Shadowrun5th.html
index b7c47c2127..35f9ac2dae 100644
--- a/Shadowrun5th/Shadowrun5th.html
+++ b/Shadowrun5th/Shadowrun5th.html
@@ -8720,73 +8720,53 @@ make sure to enter what the spell is resisted with">
         <div class="qualities">
             <h2>Positive Qualities</h2>
             <div class="qualityrow">
-                <div class="qualitynamewrapper">
+                <div class="qualityname">
                     <label class="qualitylabel">Name</label>
                 </div>
-                <div class="qualitydescriptionwrapper">
+                <div class="qualitydescription">
                     <label class="qualitylabel">Rating</label>
                 </div>
-                <div class="qualitykarmawrapper">
+                <div class="qualitykarma">
                     <label class="qualitylabel">Karma</label>
                 </div>
-                <div class="qualitykarmawrapper">
-                    <label class="qualitylabel">Notes</label>
-                </div>
             </div>
             <fieldset class="repeating_posqualities">
-                <div class="qualityrow">
-                    <div class="qualitynamewrapper">
-                        <input type="text" name="attr_posqualityname" title="Name of the Quality">
-                    </div>
-                    <div class="qualitydescriptionwrapper">
-                        <input type="text" name="attr_posqualitydescription" title="Description of the Quality">
-                    </div>
-                    <div class="qualitykarmawrapper">
-                        <input type="text" name="attr_posqualitykarma" title="Karma Value of the Quality">
-                    </div>
-                    <input class="qualitycheckbox hiddencheckbox" type="checkbox" name="attr_showposqualnotes" title="Need more Space?">
-                    <div class="checkboxticker qualityunticked"></div>
-                    <div class="checkboxticker qualityticked">X</div>
+                <details>
+                    <summary class="qualityrow">
+                        <input type="text" class="qualityname" name="attr_posqualityname" title="Name of the Quality">
+                        <input type="text" class="qualitydescription" name="attr_posqualitydescription" title="Description of the Quality">
+                        <input type="text" class="qualitykarma" name="attr_posqualitykarma" title="Karma Value of the Quality">
+                    </summary>
                     <div class="qualitynoteswrapper">
                         <textarea name="attr_posqualnotes" title="Have more Space!"></textarea>
                     </div>
-                </div>
+                </details>
             </fieldset>
         </div>
         <div class="qualities">
             <h2>Negative Qualities</h2>
             <div class="qualityrow">
-                <div class="qualitynamewrapper">
+                <div class="qualityname">
                     <label class="qualitylabel">Name</label>
                 </div>
-                <div class="qualitydescriptionwrapper">
+                <div class="qualitydescription">
                     <label class="qualitylabel">Rating</label>
                 </div>
-                <div class="qualitykarmawrapper">
+                <div class="qualitykarma">
                     <label class="qualitylabel">Karma</label>
                 </div>
-                <div class="qualitykarmawrapper">
-                    <label class="qualitylabel">Notes</label>
-                </div>
             </div>
             <fieldset class="repeating_negqualities">
-                <div class="qualityrow">
-                    <div class="qualitynamewrapper">
-                        <input type="text" name="attr_negqualityname" title="Name of the Quality">
-                    </div>
-                    <div class="qualitydescriptionwrapper">
-                        <input type="text" name="attr_negqualitydescription" title="Description of the Quality">
-                    </div>
-                    <div class="qualitykarmawrapper">
-                        <input type="text" name="attr_negqualitykarma" title="Karma Value of the Quality">
-                    </div>
-                    <input class="qualitycheckbox hiddencheckbox" type="checkbox" name="attr_shownegqualnotes" title="Need more Space?">
-                    <div class="checkboxticker qualityunticked"></div>
-                    <div class="checkboxticker qualityticked">X</div>
+                <details>
+                    <summary class="qualityrow">
+                        <input type="text" class="qualityname" name="attr_negqualityname" title="Name of the Quality">
+                        <input type="text" class="qualitydescription" name="attr_negqualitydescription" title="Description of the Quality">
+                        <input type="text" class="qualitykarma" name="attr_negqualitykarma" title="Karma Value of the Quality">
+                    </summary>
                     <div class="qualitynoteswrapper">
                         <textarea name="attr_negqualnotes" title="Have more Space!"></textarea>
                     </div>
-                </div>
+                </details>
             </fieldset>
         </div>
         <div class="ware">
@@ -8796,43 +8776,31 @@ make sure to enter what the spell is resisted with">
                 <div class="essencewrapper"><input type="text" class="essence" name="attr_powerpoints" value="0"></div>
             </div>
             <div class="warerow">
-                <div class="warenamewrapper">
+                <div class="warename">
                     <label class="warelabel">Name</label>
                 </div>
-                <div class="waredescriptionwrapper">
+                <div class="waredescription">
                     <label class="warelabel">Rating</label>
                 </div>
-                <div class="waregradewrapper">
+                <div class="waregrade">
                     <label class="warelabel">Focus</label>
                 </div>
-                <div class="wareessencewrapper">
+                <div class="wareessence">
                     <label class="warelabel">Adept PP</label>
                 </div>
-                <div class="wareessencewrapper">
-                    <label class="warelabel">Notes</label>
-                </div>
             </div>
             <fieldset class="repeating_powers">
-                <div class="warerow">
-                    <div class="warenamewrapper">
-                        <input type="text" name="attr_poweryname" title="Name of the Adept Power">
-                    </div>
-                    <div class="waredescriptionwrapper">
-                        <input type="text" name="attr_powerdescription" title="Description of the Adept Power">
-                    </div>
-                    <div class="waregradewrapper">
-                        <input type="text" name="attr_powerfocus" title="Is this Power on a Focus or from your Mentor Spirit?">
-                    </div>
-                    <div class="wareessencewrapper">
-                        <input type="text" name="attr_powerpoints" title="Power Point Cost of the Adept Power">
-                    </div>
-                    <input class="warecheckbox hiddencheckbox" type="checkbox" name="attr_showpowernotes" title="Need more Space?">
-                    <div class="checkboxticker wareunticked"></div>
-                    <div class="checkboxticker wareticked">X</div>
+                <details>
+                    <summary class="warerow">
+                        <input type="text" class="warename" name="attr_poweryname" title="Name of the Adept Power">
+                        <input type="text" class="waredescription" name="attr_powerdescription" title="Description of the Adept Power">
+                        <input type="text" class="waregrade" name="attr_powerfocus" title="Is this Power on a Focus or from your Mentor Spirit?">
+                        <input type="text" class="wareessence" name="attr_powerpoints" title="Power Point Cost of the Adept Power">
+                    </summary>
                     <div class="warenoteswrapper">
                         <textarea name="attr_powernotes" title="Have more Space!"></textarea>
                     </div>
-                </div>
+                </details>
             </fieldset>
         </div>
         <div class="ware">
@@ -8842,73 +8810,53 @@ make sure to enter what the spell is resisted with">
                 <div class="essencewrapper"><input type="text" class="essence" name="attr_ess_total" value="6"></div>
             </div>
             <div class="warerow">
-                <div class="warenamewrapper">
+                <div class="warename">
                     <label class="warelabel">Name</label>
                 </div>
-                <div class="waredescriptionwrapper">
+                <div class="waredescription">
                     <label class="warelabel">Rating</label>
                 </div>
-                <div class="waregradewrapper">
+                <div class="waregrade">
                     <label class="warelabel">Grade</label>
                 </div>
-                <div class="wareessencewrapper">
+                <div class="wareessence">
                     <label class="warelabel">Essence</label>
                 </div>
-                <div class="wareessencewrapper">
-                    <label class="warelabel">Notes</label>
-                </div>
             </div>
             <fieldset class="repeating_ware">
-                <div class="warerow">
-                    <div class="warenamewrapper">
-                        <input type="text" name="attr_warename" title="Name of the Cyber-/Bioware">
-                    </div>
-                    <div class="waredescriptionwrapper">
-                        <input type="text" name="attr_waredescription" title="Description of the Cyber-/Bioware">
-                    </div>
-                    <div class="waregradewrapper">
-                        <input type="text" name="attr_waregrade" title="Grade of the Cyber-/Bioware">
-                    </div>
-                    <div class="wareessencewrapper">
-                        <input type="text" name="attr_warekarma" title="Essence Cost of the Cyber-/Bioware">
-                    </div>
-                    <input class="warecheckbox hiddencheckbox" type="checkbox" name="attr_showwarenotes" title="Need more Space?">
-                    <div class="checkboxticker wareunticked"></div>
-                    <div class="checkboxticker wareticked">X</div>
+                <details>
+                    <summary class="warerow">
+                        <input type="text" class="warename" name="attr_warename" title="Name of the Cyber-/Bioware">
+                        <input type="text" class="waredescription" name="attr_waredescription" title="Description of the Cyber-/Bioware">
+                        <input type="text" class="waregrade" name="attr_waregrade" title="Grade of the Cyber-/Bioware">
+                        <input type="text" class="wareessence" name="attr_warekarma" title="Essence Cost of the Cyber-/Bioware">
+                    </summary>
                     <div class="warenoteswrapper">
                         <textarea name="attr_warenotes" title="Have more Space!"></textarea>
                     </div>
-                </div>
+                </details>
             </fieldset>
         </div>
         <div class="martial">
             <h2>Martial Art Techniques</h2>
             <div class="martialrow">
-                <div class="martialnamewrapper">
+                <div class="martialname">
                     <label class="warelabel">Technique</label>
                 </div>
-                <div class="martialdescriptionwrapper">
+                <div class="martialdescription">
                     <label class="warelabel">Martial Art</label>
                 </div>
-                <div class="martialessencewrapper">
-                    <label class="warelabel">Notes</label>
-                </div>
             </div>
             <fieldset class="repeating_martial">
-                <div class="martialrow">
-                    <div class="martialnamewrapper">
-                        <input type="text" name="attr_martialname" title="Name of the Cyber-/Bioware">
-                    </div>
-                    <div class="martialdescriptionwrapper">
-                        <input type="text" name="attr_martialdescription" title="Description of the Cyber-/Bioware">
-                    </div>
-                    <input class="martialcheckbox hiddencheckbox" type="checkbox" name="attr_showmartialnotes" title="Need more Space?">
-                    <div class="checkboxticker martialunticked"></div>
-                    <div class="checkboxticker martialticked">X</div>
+                <details>
+                    <summary class="martialrow">
+                        <input type="text" class="martialname" name="attr_martialname" title="Name of the Cyber-/Bioware">
+                        <input type="text" class="martialdescription" name="attr_martialdescription" title="Description of the Cyber-/Bioware">
+                    </summary>
                     <div class="martialnoteswrapper">
                         <textarea name="attr_martialnotes" title="Have more Space!"></textarea>
                     </div>
-                </div>
+                </details>
             </fieldset>
         </div>
     </div>