update for new sheet system

Aborea_new/aborea.css.map

@@ -1 +1 @@
-{"version":3,"sources":["aborea.sass"],"names":[],"mappings":"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","file":"aborea.css"}
+{"version":3,"sources":["aborea.sass"],"names":[],"mappings":"AAEI,sBACI,WAAA,CACA,SAAA,CACA,QAAA,CAEA,4BACI,sBAAA,CACA,UAAA,CACA,qBAAA,CACA,iBAAA,CAEJ,6BACI,sBAAA,CACA,UAAA,CACA,qBAAA,CACA,iBAAA,CAEJ,yCACI,iBAAA,CACA,yBAAA,CACA,4BAAA,CAEJ,2CACI,UAAA,CAEJ,+BACI,QAAA,CACA,UAAA,CACA,WAAA,CACA,eAAA,CACA,qBAAA,CACA,qBAAA,CACA,iBAAA,CAEJ,6BACI,QAAA,CAEJ,2BACI,wBAAA,CAEJ,4BACI,UAAA,CACA,aAAA,CACA,gBAAA,CACA,iBAAA,CACA,kBAAA,CACA,WAAA,CACA,cAAA,CAEJ,mCACI,cAAA,CAEJ,6BACI,oBAAA,CACA,UAAA,CACA,oBAAA,CACA,4BAAA,CACA,gBAAA,CACA,gBAAA,CAEJ,6BACI,eAAA,CAEJ,kCACI,iBAAA,CAEJ,6BACI,UAAA,CACA,qBAAA,CACA,SAAA,CACA,sBAAA,CAEJ,gCACI,WAAA,CAEJ,4BACI,aAAA,CAEJ,6BACI,YAAA,CACA,6BAAA,CACA,YAAA,CAEJ,6BACI,UAAA,CACA,aAAA,CAEJ,2BACI,gBAAA,CACA,cAAA,CACA,aAAA,CAEA,iFAEI,YAAA,CAEJ,iCACI,gBAAA,CAEJ,uCACI,eAAA,CAER,6EAEI,iBAAA,CACA,SAAA,CACA,UAAA,CAEJ,oCACI,SAAA,CACA,qBAAA,CACA,eAAA,CACA,SAAA,CAEA,yCACI,kBAAA,CACA,UAAA,CACA,WAAA,CACA,cAAA,CACA,kBAAA,CACA,UAAA,CACA,cAAA,CACA,YAAA,CACA,YAAA,CACA,wBAAA,CAEJ,6CACI,YAAA,CAEJ,qDACI,eAAA,CAER,sGAGI,YAAA,CACA,YAAA,CAEJ,0EAEI,cAAA,CAEJ,gCACI,oBAAA,CACA,UAAA,CACA,gBAAA,CACA,iBAAA,CAEJ,sQAMI,4BAAA,CACA,oBAAA,CAEJ,mEACI,UAAA,CAEJ,kFAEI,aAAA,CACA,iBAAA,CAEJ,8BACI,iBAAA,CACA,oBAAA,CACA,UAAA,CACA,WAAA,CAEJ,oCACI,SAAA,CACA,OAAA,CACA,QAAA,CAEJ,8BACI,iBAAA,CACA,cAAA,CACA,KAAA,CACA,MAAA,CACA,OAAA,CACA,QAAA,CACA,qBAAA,CAEA,cAAA,CAEJ,qCACI,iBAAA,CACA,UAAA,CACA,WAAA,CACA,UAAA,CACA,QAAA,CACA,UAAA,CACA,qBAAA,CAEA,cAAA,CAEJ,4CACI,oBAAA,CAEJ,0CACI,sBAAA,CAEJ,mDAGI,0BAAA,CAIA,gCACI,WAAA,CACA,UAAA,CAEA,4EAEI,UAAA,CACA,gBAAA,CAEJ,kGAEI,gBAAA,CAEJ,sCACI,UAAA,CACA,WAAA,CAEJ,+FAEI,UAAA,CACA,iBAAA,CAEJ,uGAEI,UAAA,CACA,iBAAA,CAER,uCACI,WAAA,CACA,WAAA,CACA,aAAA,CAEA,2CACI,UAAA,CAEJ,0FAEI,UAAA,CACA,eAAA,CAEJ,kHAEI,eAAA,CAEJ,6CACI,UAAA,CACA,WAAA,CAEJ,8KAGI,UAAA,CACA,iBAAA,CAEJ,qHAEI,UAAA,CACA,iBAAA,CAER,mCACI,UAAA,CAEA,yHAGI,UAAA,CACA,iBAAA,CAEJ,0JAGI,gBAAA,CAEJ,yDACI,iBAAA,CACA,UAAA,CACA,WAAA,CAEJ,yCACI,UAAA,CACA,WAAA,CAEJ,6CACI,gBAAA,CAER,oCACI,WAAA,CACA,WAAA,CAEA,2CACI,WAAA,CACA,WAAA,CAIJ,2DACI,YAAA,CAEJ,2CACI,WAAA,CACA,iBAAA,CACA,WAAA,CACA,qBAAA,CAEA,mDACI,eAAA,CAEJ,0DACI,WAAA,CACA,UAAA,CAMA,+EACI,YAAA,CAEJ,gFACI,eAAA,CAEhB,sCACI,gBAAA,CACA,YAAA,CACA,6BAAA,CACA,YAAA,CAEA,2FAEI,YAAA,CAIJ,yFAEI,oDAAA,CAEJ,6CACI,iCAAA,CACA,oCAAA,CACA,0BAAA,CACA,UAAA,CACA,WAAA,CACA,YAAA,CACA,iBAAA,CAEJ,4CACI,iBAAA,CACA,UAAA,CACA,OAAA,CAER,kCACI,iBAAA,CAEA,wCACI,iBAAA,CACA,QAAA,CAEJ,wCACI,UAAA,CACA,gBAAA,CAER,kCACI,gBAAA,CAEA,yCACI,6BAAA,CAEJ,wCACI,UAAA,CACA,WAAA,CAER,mCACI,gBAAA,CAEA,mFAEI,+CAAA,CAIJ,kKAGI,+CAAA,CAIJ,mGAEI,+DAAA,CAER,sCACI,eAAA,CAEA,8LAGI,WAAA,CAEJ,4CACI,UAAA,CAER,yEAEI,eAAA,CAEA,yFACI,WAAA,CACA,iBAAA,CACA,QAAA,CACA,WAAA,CACA,qBAAA,CAEA,yGACI,eAAA,CAEJ,uHACI,WAAA,CACA,UAAA,CAKA,iKACI,YAAA,CAIA,iLACI,oBAAA,CAKR,2JACI,YAAA,CAIA,2KACI,oBAAA,CAEhB,wSAEI,aAAA,CAER,qCACI,gBAAA","file":"aborea.css"}

Aborea_new/aborea.html

@@ -1,18 +1,18 @@
-<div class="sheet-container">
-  <div class="sheet-main">
-    <div class="sheet-float sheet-half">
-      <div class="sheet-row"><label class="sheet-redbg">Charaktername</label><input type="text" id="attr_character_name" name="attr_character_name" /></div>
-      <div class="sheet-row">
-        <div class="sheet-ep">
+<div class="container">
+  <div class="main">
+    <div class="float half">
+      <div class="row"><label class="redbg">Charaktername</label><input type="text" id="attr_character_name" name="attr_character_name" /></div>
+      <div class="row">
+        <div class="ep">
           <label>EP</label><input type="number" name="attr_ep" /> <label>Stufe</label><input type="number" name="attr_stufe" readonly /> <label>AP</label><input type="number" name="attr_AP" />
         </div>
-        <div class="sheet-vermoegen">
+        <div class="vermoegen">
           <label>GF</label><input type="number" name="attr_gf" /> <label>TT</label><input type="number" name="attr_tt" /> <label>KL</label><input type="number" name="attr_kl" /> <label>MU</label
           ><input type="number" name="attr_mu" />
         </div>
       </div>
-      <div class="sheet-row">
-        <div class="sheet-stats">
+      <div class="row">
+        <div class="stats">
           <div>
             <label>Leben</label>
             <input type="number" name="attr_leben" placeholder="Aktuell" /> / <input type="number" name="attr_leben_max" />
@@ -23,16 +23,16 @@
         </div>
       </div>
     </div>
-    <div class="sheet-float sheet-half">
-      <div class="sheet-row"><label class="sheet-redbg">Spieler-Name</label><input type="text" name="attr_SpielerName" /></div>
-      <div class="sheet-row sheet-twice">
-        <div><label class="sheet-redbg">Volk</label><input type="text" name="attr_Volk" /></div>
-        <div class="sheet-beruf">
-          <label class="sheet-switch">
+    <div class="float half">
+      <div class="row"><label class="redbg">Spieler-Name</label><input type="text" name="attr_SpielerName" /></div>
+      <div class="row twice">
+        <div><label class="redbg">Volk</label><input type="text" name="attr_Volk" /></div>
+        <div class="beruf">
+          <label class="switch">
             <input type="checkbox" name="attr_toggle_beruf" value="1" checked />
-            <span class="sheet-slider"></span>
+            <span class="slider"></span>
           </label>
-          <label class="sheet-redbg">Beruf</label>
+          <label class="redbg">Beruf</label>
           <input type="checkbox" name="attr_toggle_beruf" value="1" style="display: none" checked />
           <input type="text" name="attr_beruf" />
           <select name="attr_beruf">
@@ -46,7 +46,7 @@
           </select>
         </div>
       </div>
-      <div class="sheet-row sheet-settings">
+      <div class="row settings">
         <div>
           <select name="attr_gmroll">
             <option value="0" selected disabled>Auswahl treffen</option>
@@ -56,34 +56,34 @@
           <input type="hidden" name="attr_abilityroll" />
         </div>
         <div>
-          <label class="sheet-switch">
+          <label class="switch">
             <input type="checkbox" name="attr_calcleben" value="1" checked />
-            <span class="sheet-slider"></span>
+            <span class="slider"></span>
           </label>
           Lebensberechnung
         </div>
         <div>
-          <label class="sheet-switch">
+          <label class="switch">
             <input type="checkbox" name="attr_calcmoney" value="1" checked />
-            <span class="sheet-slider"></span>
+            <span class="slider"></span>
           </label>
           Geldberechnung
         </div>
         <div>
-          <label class="sheet-switch">
+          <label class="switch">
             <input type="checkbox" name="attr_calcmana" value="1" checked />
-            <span class="sheet-slider"></span>
+            <span class="slider"></span>
           </label>
           Manaberechnung
         </div>
       </div>
     </div>
 
-    <div class="sheet-clear"></div>
+    <div class="clear"></div>
 
-    <div class="sheet-grid"></div>
-    <div class="sheet-float sheet-half sheet-attribut">
-      <div class="sheet-grid">
+    <div class="grid"></div>
+    <div class="float half attribut">
+      <div class="grid">
         <div>Attribut</div>
         <div>Wert</div>
         <div>Mod</div>
@@ -91,307 +91,290 @@
         <div>Bonus</div>
         <div>Roll</div>
       </div>
-      <div class="sheet-gridplace">
-        <div class="repcontainer">
-          <div class="repitem">
-            <div class="sheet-name"><strong>St</strong>ärke</div>
-            <input type="number" name="attr_st" />
-            <input type="number" name="attr_st_bonus" value="0" />
-            <div class="sheet-arrow"></div>
-            <input type="number" name="attr_stb" readonly />
-            <button type="roll" name="roll_st" value="@{abilityroll} versucht sich in Stärke [[1d10! + @{stb} + @{ruestung_modifier} + @{global_modifier} + ?{Modifier?|0}]]"></button>
+      <div class="items">
+        <div class="name"><strong>St</strong>ärke</div>
+        <input type="number" name="attr_st" />
+        <input type="number" name="attr_st_bonus" value="0" />
+        <div class="arrow"></div>
+        <input type="number" name="attr_stb" readonly />
+        <button type="roll" name="roll_st" value="@{abilityroll} versucht sich in Stärke [[1d10! + @{stb} + @{ruestung_modifier} + @{global_modifier} + ?{Modifier?|0}]]"></button>
 
-            <div class="sheet-name"><strong>Ge</strong>schicklichkeit</div>
-            <input type="number" name="attr_ge" />
-            <input type="number" name="attr_ge_bonus" value="0" />
-            <div class="sheet-arrow"></div>
-            <input type="number" name="attr_geb" readonly />
-            <button type="roll" name="roll_ge" value="@{abilityroll} versucht sich in Geschicklichkeit [[1d10! + @{geb} + @{ruestung_modifier} + @{global_modifier} + ?{Modifier?|0}]]"></button>
+        <div class="name"><strong>Ge</strong>schicklichkeit</div>
+        <input type="number" name="attr_ge" value=""  />
+        <input type="number" name="attr_ge_bonus" value="0" />
+        <div class="arrow"></div>
+        <input type="number" name="attr_geb" readonly />
+        <button type="roll" name="roll_ge" value="@{abilityroll} versucht sich in Geschicklichkeit [[1d10! + @{geb} + @{ruestung_modifier} + @{global_modifier} + ?{Modifier?|0}]]"></button>
 
-            <div class="sheet-name"><strong>Ko</strong>nstitution</div>
-            <input type="number" name="attr_ko" />
-            <input type="number" name="attr_ko_bonus" value="0" />
-            <div class="sheet-arrow"></div>
-            <input type="number" name="attr_kob" readonly />
-            <button type="roll" name="roll_ko" value="@{abilityroll} versucht sich in Konstitution [[1d10! + @{kob} + @{ruestung_modifier} + @{global_modifier} + ?{Modifier?|0}]]"></button>
+        <div class="name"><strong>Ko</strong>nstitution</div>
+        <input type="number" name="attr_ko" />
+        <input type="number" name="attr_ko_bonus" value="0" />
+        <div class="arrow"></div>
+        <input type="number" name="attr_kob" readonly />
+        <button type="roll" name="roll_ko" value="@{abilityroll} versucht sich in Konstitution [[1d10! + @{kob} + @{ruestung_modifier} + @{global_modifier} + ?{Modifier?|0}]]"></button>
 
-            <div class="sheet-name"><strong>In</strong>telligenz</div>
-            <input type="number" name="attr_in" />
-            <input type="number" name="attr_in_bonus" value="0" />
-            <div class="sheet-arrow"></div>
-            <input type="number" name="attr_inb" readonly />
-            <button type="roll" name="roll_in" value="@{abilityroll} versucht sich in Intelligenz [[1d10! + @{inb} + @{global_modifier} + ?{Modifier?|0}]]"></button>
+        <div class="name"><strong>In</strong>telligenz</div>
+        <input type="number" name="attr_in" />
+        <input type="number" name="attr_in_bonus" value="0" />
+        <div class="arrow"></div>
+        <input type="number" name="attr_inb" readonly />
+        <button type="roll" name="roll_in" value="@{abilityroll} versucht sich in Intelligenz [[1d10! + @{inb} + @{global_modifier} + ?{Modifier?|0}]]"></button>
 
-            <div class="sheet-name"><strong>Ch</strong>arisma</div>
-            <input type="number" name="attr_ch" />
-            <input type="number" name="attr_ch_bonus" value="0" />
-            <div class="sheet-arrow"></div>
-            <input type="number" name="attr_chb" readonly />
-            <button type="roll" name="roll_ch" value="@{abilityroll} versucht sich in Charisma [[1d10! + @{chb} + @{global_modifier} + ?{Modifier?|0}]]"></button>
-          </div>
-        </div>
+        <div class="name"><strong>Ch</strong>arisma</div>
+        <input type="number" name="attr_ch" />
+        <input type="number" name="attr_ch_bonus" value="0" />
+        <div class="arrow"></div>
+        <input type="number" name="attr_chb" readonly />
+        <button type="roll" name="roll_ch" value="@{abilityroll} versucht sich in Charisma [[1d10! + @{chb} + @{global_modifier} + ?{Modifier?|0}]]"></button>
       </div>
     </div>
-    <div class="sheet-float sheet-half">
-      <div class="sheet-row sheet-small">
-        <div class="sheet-gott">
-          <div>Göttliche Chance / Punkte</div>
-          <input type="checkbox" name="attr_1" />
-          <input type="checkbox" name="attr_2" />
-          <input type="checkbox" name="attr_3" />
-          <input type="checkbox" name="attr_4" />
-          <input type="checkbox" name="attr_5" />
-        </div>
-        <div class="sheet-mana">
-          <label>Mana</label>
+    <div class="float half">
+      <div class="row gott">
+        <label class="redbg">Göttliche Chance / Punkte</label>
+        <input type="checkbox" name="attr_1" />
+        <input type="checkbox" name="attr_2" />
+        <input type="checkbox" name="attr_3" />
+        <input type="checkbox" name="attr_4" />
+        <input type="checkbox" name="attr_5" />
+        <input type="checkbox" name="attr_6" />
+        <input type="checkbox" name="attr_7" />
+        <input type="checkbox" name="attr_8" />
+        <input type="checkbox" name="attr_9" />
+        <input type="checkbox" name="attr_10" />
+      </div>
+      <div class="row mana">
+        <div class="items">
+          <div>Mana</div>
           <div><input type="number" name="attr_mana" placeholder="Aktuell" /> / <input type="number" name="attr_mana_max" /></div>
         </div>
       </div>
 
-      <div class="sheet-row sheet-small sheet-magie">
-        <div class="sheet-grid">
+      <div class="row magie">
+        <div class="grid">
           <div>Magie</div>
           <div>Attr.</div>
           <div>Wert</div>
           <div>Mod</div>
           <div>Roll</div>
         </div>
-        <div class="sheet-gridplace">
-          <div class="repcontainer">
-            <div class="repitem">
-              <div>Magie entwickeln</div>
-              <div>
-                <select name="attr_mag_attribut">
-                  <option value="@{inb}" selected>IN</option>
-                  <option value="@{chb}">CH</option>
-                </select>
-              </div>
-              <div><input type="number" name="attr_mag" value="0" /></div>
-              <div></div>
-              <div></div>
-            </div>
-            <div class="repitem">
-              <div>Gezielte Sprüche</div>
-              <div>
-                <select name="attr_gezsp_attribut">
-                  <option value="@{inb}" selected>IN</option>
-                  <option value="@{chb}">CH</option>
-                </select>
-              </div>
-              <div><input type="number" name="attr_gezsp" value="0" /></div>
-              <div><input type="number" name="attr_gezsp_bonus" value="0" /></div>
-              <div>
-                <button
-                  type="roll"
-                  name="roll_gezsp"
-                  value="@{abilityroll} wirkt einen geziehlten Zauber mit dem Ergebnis [[1d10! + @{gezsp_attribut} + @{gezsp} + @{gezsp_bonus} + @{global_modifier} + ?{Modifier?|0}]]"
-                ></button>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <div class="sheet-clear"></div>
-
-    <div class="sheet-float sheet-half sheet-fertigkeiten">
-      <div class="sheet-grid">
-        <div>Fertigkeit</div>
-        <div>Attr.</div>
-        <div>Wert</div>
-        <div>Mod</div>
-        <div>Roll</div>
-      </div>
-      <div class="sheet-gridplace">
-        <div class="repcontainer">
-          <div class="repitem">
-            <div>Athletik</div>
-            <div>
-              <select name="attr_athletik_attribut">
-                <option value="@{stb} + @{ruestung_modifier}">ST</option>
-                <option value="@{geb} + @{ruestung_modifier}" selected>GE</option>
-                <option value="@{kob} + @{ruestung_modifier}">KO</option>
-                <option value="@{inb}">IN</option>
-                <option value="@{chb}">CH</option>
-              </select>
-            </div>
-            <div><input type="number" name="attr_athletik" value="0" /></div>
-            <div><input type="number" name="attr_athletik_bonus" value="0" /></div>
-            <div>
-              <button
-                type="roll"
-                name="roll_athletik"
-                value="@{abilityroll} würfelt Athletik mit dem Ergebnis [[1d10! + @{athletik_attribut} + @{athletik} + @{athletik_bonus} + @{global_modifier} + ?{Modifier?|0}]]"
-              ></button>
-            </div>
-          </div>
-          <div class="repitem">
-            <div>Einflussnahme</div>
-            <div>
-              <select name="attr_einflussnahme_attribut">
-                <option value="@{stb} + @{ruestung_modifier}">ST</option>
-                <option value="@{geb} + @{ruestung_modifier}">GE</option>
-                <option value="@{kob} + @{ruestung_modifier}">KO</option>
-                <option value="@{inb}">IN</option>
-                <option value="@{chb}" selected>CH</option>
-              </select>
-            </div>
-            <div><input type="number" name="attr_einflussnahme" value="0" /></div>
-            <div><input type="number" name="attr_einflussnahme_bonus" value="0" /></div>
-            <div>
-              <button
-                type="roll"
-                name="roll_einflussnahme"
-                value="@{abilityroll} würfelt Einflussnahme mit dem Ergebnis [[1d10! + @{einflussnahme_attribut} + @{einflussnahme} + @{einflussnahme_bonus} + @{global_modifier} + ?{Modifier?|0}]]"
-              ></button>
-            </div>
-          </div>
-          <div class="repitem">
-            <div>List</div>
-            <div>
-              <select name="attr_list_attribut">
-                <option value="@{stb} + @{ruestung_modifier}">ST</option>
-                <option value="@{geb} + @{ruestung_modifier}" selected>GE</option>
-                <option value="@{kob} + @{ruestung_modifier}">KO</option>
-                <option value="@{inb}">IN</option>
-                <option value="@{chb}">CH</option>
-              </select>
-            </div>
-            <div><input type="number" name="attr_list" value="0" /></div>
-            <div><input type="number" name="attr_list_bonus" value="0" /></div>
-            <div>
-              <button
-                type="roll"
-                name="roll_list"
-                value="@{abilityroll} würfelt List mit dem Ergebnis [[1d10! + @{list_attribut} + @{list} + @{list_bonus} + @{global_modifier} + ?{Modifier?|0}]]"
-              ></button>
-            </div>
-          </div>
-          <div class="repitem">
-            <div>Natur</div>
-            <div>
-              <select name="attr_natur_attribut">
-                <option value="@{stb} + @{ruestung_modifier}">ST</option>
-                <option value="@{geb} + @{ruestung_modifier}" selected>GE</option>
-                <option value="@{kob} + @{ruestung_modifier}">KO</option>
-                <option value="@{inb}">IN</option>
-                <option value="@{chb}">CH</option>
-              </select>
-            </div>
-            <div><input type="number" name="attr_natur" value="0" /></div>
-            <div><input type="number" name="attr_natur_bonus" value="0" /></div>
-            <div>
-              <button
-                type="roll"
-                name="roll_natur"
-                value="@{abilityroll} würfelt Natur mit dem Ergebnis [[1d10! + @{natur_attribut} + @{natur} + @{natur_bonus} + @{global_modifier} + ?{Modifier?|0}]]"
-              ></button>
-            </div>
-          </div>
-          <div class="repitem">
-            <div>Reiten</div>
-            <div>
-              <select name="attr_reiten_attribut">
-                <option value="@{stb} + @{ruestung_modifier}">ST</option>
-                <option value="@{geb} + @{ruestung_modifier}" selected>GE</option>
-                <option value="@{kob} + @{ruestung_modifier}">KO</option>
-                <option value="@{inb}">IN</option>
-                <option value="@{chb}">CH</option>
-              </select>
-            </div>
-            <div><input type="number" name="attr_reiten" value="0" /></div>
-            <div><input type="number" name="attr_reiten_bonus" value="0" /></div>
-            <div>
-              <button
-                type="roll"
-                name="roll_reiten"
-                value="@{abilityroll} würfelt Reiten mit dem Ergebnis [[1d10! + @{reiten_attribut} + @{reiten} + @{reiten_bonus} + @{global_modifier} + ?{Modifier?|0}]]"
-              ></button>
-            </div>
-          </div>
-          <div class="repitem">
-            <div>Schwimmen</div>
-            <div>
-              <select name="attr_schwimmen_attribut">
-                <option value="@{stb} + @{ruestung_modifier}">ST</option>
-                <option value="@{geb} + @{ruestung_modifier}" selected>GE</option>
-                <option value="@{kob} + @{ruestung_modifier}">KO</option>
-                <option value="@{inb}">IN</option>
-                <option value="@{chb}">CH</option>
-              </select>
-            </div>
-            <div><input type="number" name="attr_schwimmen" value="0" /></div>
-            <div><input type="number" name="attr_schwimmen_bonus" value="0" /></div>
-            <div>
-              <button
-                type="roll"
-                name="roll_schwimmen"
-                value="@{abilityroll} würfelt Schwimmen mit dem Ergebnis [[1d10! + @{schwimmen_attribut} + @{schwimmen} + @{schwimmen_bonus} + @{global_modifier} + ?{Modifier?|0}]]"
-              ></button>
-            </div>
-          </div>
-          <div class="repitem">
-            <div>Wahrnehmung</div>
-            <div>
-              <select name="attr_wa_attribut">
-                <option value="@{stb} + @{ruestung_modifier}">ST</option>
-                <option value="@{geb} + @{ruestung_modifier}">GE</option>
-                <option value="@{kob} + @{ruestung_modifier}">KO</option>
-                <option value="@{inb}" selected>IN</option>
-                <option value="@{chb}">CH</option>
-              </select>
-            </div>
-            <div><input type="number" name="attr_wa" value="0" /></div>
-            <div><input type="number" name="attr_wa_bonus" value="0" /></div>
-            <div>
-              <button
-                type="roll"
-                name="roll_wa"
-                value="@{abilityroll} würfelt Wahrnehmung mit dem Ergebnis [[1d10! + @{wa_attribut} + @{wa} + @{wa_bonus} + @{global_modifier} + ?{Modifier?|0}]]"
-              ></button>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="sheet-float sheet-half sheet-fertigkeiten">
-      <div class="sheet-grid">
-        <div>Fertigkeit</div>
-        <div>Attr.</div>
-        <div>Wert</div>
-        <div>Mod</div>
-        <div>Roll</div>
-      </div>
-      <div class="sheet-gridplace">
-        <fieldset class="repeating_fertigkeiten">
-          <div><input class="sheet-textcenter" type="text" name="attr_fertigkeit_name" /></div>
+        <div class="items">
+          <div>Magie entwickeln</div>
           <div>
-            <select name="attr_fertigkeit_attribut">
-              <option value="@{stb} + @{ruestung_modifier}">ST</option>
-              <option value="@{geb} + @{ruestung_modifier}">GE</option>
-              <option value="@{kob} + @{ruestung_modifier}">KO</option>
-              <option value="@{inb}">IN</option>
+            <select name="attr_mag_attribut">
+              <option value="@{inb}" selected>IN</option>
               <option value="@{chb}">CH</option>
             </select>
           </div>
-          <div><input type="number" name="attr_fertigkeit_value" value="0" /></div>
-          <div><input type="number" name="attr_fertigkeit_bonus" value="0" /></div>
+          <div><input type="number" name="attr_mag" value="0" /></div>
+          <div></div>
+          <div></div>
+          <div>Gezielte Sprüche</div>
+          <div>
+            <select name="attr_gezsp_attribut">
+              <option value="@{inb}" selected>IN</option>
+              <option value="@{chb}">CH</option>
+            </select>
+          </div>
+          <div><input type="number" name="attr_gezsp" value="0" /></div>
+          <div><input type="number" name="attr_gezsp_bonus" value="0" /></div>
           <div>
             <button
               type="roll"
-              name="roll_skill"
-              value="@{abilityroll} würfelt @{fertigkeit_name} mit dem Ergebnis [[1d10! +@{fertigkeit_attribut} + @{fertigkeit_value} + @{fertigkeit_bonus} + @{global_modifier} + ?{Modifier?|0}]]"
+              name="roll_gezsp"
+              value="@{abilityroll} wirkt einen geziehlten Zauber mit dem Ergebnis [[1d10! + @{gezsp_attribut} + @{gezsp} + @{gezsp_bonus} + @{global_modifier} + ?{Modifier?|0}]]"
             ></button>
           </div>
-        </fieldset>
+        </div>
       </div>
     </div>
 
-    <div class="sheet-clear"></div>
+    <div class="clear"></div>
 
-    <div class="sheet-float sheet-kampf">
-      <div class="sheet-grid">
+    <div class="float half fertigkeiten">
+      <div class="grid">
+        <div>Fertigkeit</div>
+        <div>Attr.</div>
+        <div>Wert</div>
+        <div>Mod</div>
+        <div>Roll</div>
+      </div>
+      <div class="items">
+        <div>Athletik</div>
+        <div>
+          <select name="attr_athletik_attribut">
+            <option value="@{stb} + @{ruestung_modifier}">ST</option>
+            <option value="@{geb} + @{ruestung_modifier}" selected>GE</option>
+            <option value="@{kob} + @{ruestung_modifier}">KO</option>
+            <option value="@{inb}">IN</option>
+            <option value="@{chb}">CH</option>
+          </select>
+        </div>
+        <div><input type="number" name="attr_athletik" value="0" /></div>
+        <div><input type="number" name="attr_athletik_bonus" value="0" /></div>
+        <div>
+          <button
+            type="roll"
+            name="roll_athletik"
+            value="@{abilityroll} würfelt Athletik mit dem Ergebnis [[1d10! + @{athletik_attribut} + @{athletik} + @{athletik_bonus} + @{global_modifier} + ?{Modifier?|0}]]"
+          ></button>
+        </div>
+
+        <div>Einflussnahme</div>
+        <div>
+          <select name="attr_einflussnahme_attribut">
+            <option value="@{stb} + @{ruestung_modifier}">ST</option>
+            <option value="@{geb} + @{ruestung_modifier}">GE</option>
+            <option value="@{kob} + @{ruestung_modifier}">KO</option>
+            <option value="@{inb}">IN</option>
+            <option value="@{chb}" selected>CH</option>
+          </select>
+        </div>
+        <div><input type="number" name="attr_einflussnahme" value="0" /></div>
+        <div><input type="number" name="attr_einflussnahme_bonus" value="0" /></div>
+        <div>
+          <button
+            type="roll"
+            name="roll_einflussnahme"
+            value="@{abilityroll} würfelt Einflussnahme mit dem Ergebnis [[1d10! + @{einflussnahme_attribut} + @{einflussnahme} + @{einflussnahme_bonus} + @{global_modifier} + ?{Modifier?|0}]]"
+          ></button>
+        </div>
+
+        <div>List</div>
+        <div>
+          <select name="attr_list_attribut">
+            <option value="@{stb} + @{ruestung_modifier}">ST</option>
+            <option value="@{geb} + @{ruestung_modifier}" selected>GE</option>
+            <option value="@{kob} + @{ruestung_modifier}">KO</option>
+            <option value="@{inb}">IN</option>
+            <option value="@{chb}">CH</option>
+          </select>
+        </div>
+        <div><input type="number" name="attr_list" value="0" /></div>
+        <div><input type="number" name="attr_list_bonus" value="0" /></div>
+        <div>
+          <button
+            type="roll"
+            name="roll_list"
+            value="@{abilityroll} würfelt List mit dem Ergebnis [[1d10! + @{list_attribut} + @{list} + @{list_bonus} + @{global_modifier} + ?{Modifier?|0}]]"
+          ></button>
+        </div>
+
+        <div>Natur</div>
+        <div>
+          <select name="attr_natur_attribut">
+            <option value="@{stb} + @{ruestung_modifier}">ST</option>
+            <option value="@{geb} + @{ruestung_modifier}" selected>GE</option>
+            <option value="@{kob} + @{ruestung_modifier}">KO</option>
+            <option value="@{inb}">IN</option>
+            <option value="@{chb}">CH</option>
+          </select>
+        </div>
+        <div><input type="number" name="attr_natur" value="0" /></div>
+        <div><input type="number" name="attr_natur_bonus" value="0" /></div>
+        <div>
+          <button
+            type="roll"
+            name="roll_natur"
+            value="@{abilityroll} würfelt Natur mit dem Ergebnis [[1d10! + @{natur_attribut} + @{natur} + @{natur_bonus} + @{global_modifier} + ?{Modifier?|0}]]"
+          ></button>
+        </div>
+
+        <div>Reiten</div>
+        <div>
+          <select name="attr_reiten_attribut">
+            <option value="@{stb} + @{ruestung_modifier}">ST</option>
+            <option value="@{geb} + @{ruestung_modifier}" selected>GE</option>
+            <option value="@{kob} + @{ruestung_modifier}">KO</option>
+            <option value="@{inb}">IN</option>
+            <option value="@{chb}">CH</option>
+          </select>
+        </div>
+        <div><input type="number" name="attr_reiten" value="0" /></div>
+        <div><input type="number" name="attr_reiten_bonus" value="0" /></div>
+        <div>
+          <button
+            type="roll"
+            name="roll_reiten"
+            value="@{abilityroll} würfelt Reiten mit dem Ergebnis [[1d10! + @{reiten_attribut} + @{reiten} + @{reiten_bonus} + @{global_modifier} + ?{Modifier?|0}]]"
+          ></button>
+        </div>
+
+        <div>Schwimmen</div>
+        <div>
+          <select name="attr_schwimmen_attribut">
+            <option value="@{stb} + @{ruestung_modifier}">ST</option>
+            <option value="@{geb} + @{ruestung_modifier}" selected>GE</option>
+            <option value="@{kob} + @{ruestung_modifier}">KO</option>
+            <option value="@{inb}">IN</option>
+            <option value="@{chb}">CH</option>
+          </select>
+        </div>
+        <div><input type="number" name="attr_schwimmen" value="0" /></div>
+        <div><input type="number" name="attr_schwimmen_bonus" value="0" /></div>
+        <div>
+          <button
+            type="roll"
+            name="roll_schwimmen"
+            value="@{abilityroll} würfelt Schwimmen mit dem Ergebnis [[1d10! + @{schwimmen_attribut} + @{schwimmen} + @{schwimmen_bonus} + @{global_modifier} + ?{Modifier?|0}]]"
+          ></button>
+        </div>
+
+        <div>Wahrnehmung</div>
+        <div>
+          <select name="attr_wa_attribut">
+            <option value="@{stb} + @{ruestung_modifier}">ST</option>
+            <option value="@{geb} + @{ruestung_modifier}">GE</option>
+            <option value="@{kob} + @{ruestung_modifier}">KO</option>
+            <option value="@{inb}" selected>IN</option>
+            <option value="@{chb}">CH</option>
+          </select>
+        </div>
+        <div><input type="number" name="attr_wa" value="0" /></div>
+        <div><input type="number" name="attr_wa_bonus" value="0" /></div>
+        <div>
+          <button
+            type="roll"
+            name="roll_wa"
+            value="@{abilityroll} würfelt Wahrnehmung mit dem Ergebnis [[1d10! + @{wa_attribut} + @{wa} + @{wa_bonus} + @{global_modifier} + ?{Modifier?|0}]]"
+          ></button>
+        </div>
+      </div>
+    </div>
+    <div class="float half fertigkeiten">
+      <div class="grid">
+        <div>Fertigkeit</div>
+        <div>Attr.</div>
+        <div>Wert</div>
+        <div>Mod</div>
+        <div>Roll</div>
+      </div>
+      <fieldset class="repeating_fertigkeiten">
+        <div><input class="textcenter" type="text" name="attr_fertigkeit_name" /></div>
+        <div>
+          <select name="attr_fertigkeit_attribut">
+            <option value="@{stb} + @{ruestung_modifier}">ST</option>
+            <option value="@{geb} + @{ruestung_modifier}">GE</option>
+            <option value="@{kob} + @{ruestung_modifier}">KO</option>
+            <option value="@{inb}">IN</option>
+            <option value="@{chb}">CH</option>
+          </select>
+        </div>
+        <div><input type="number" name="attr_fertigkeit_value" value="0" /></div>
+        <div><input type="number" name="attr_fertigkeit_bonus" value="0" /></div>
+        <div>
+          <button
+            type="roll"
+            name="roll_skill"
+            value="@{abilityroll} würfelt @{fertigkeit_name} mit dem Ergebnis [[1d10! +@{fertigkeit_attribut} + @{fertigkeit_value} + @{fertigkeit_bonus} + @{global_modifier} + ?{Modifier?|0}]]"
+          ></button>
+        </div>
+      </fieldset>
+    </div>
+
+    <div class="clear"></div>
+
+    <div class="float kampf">
+      <div class="grid">
         <div>Waffe</div>
         <div>Attribut</div>
         <div>Fertigkeit</div>
@@ -401,36 +384,34 @@
         <div>Init.</div>
         <div>Angr.</div>
       </div>
-      <div class="sheet-gridplace">
-        <fieldset class="repeating_waffen">
-          <div><input class="sheet-textcenter" type="text" name="attr_kampf_waffenname" placeholder="Kurzschwert" /></div>
-          <select name="attr_kampf_attribut">
-            <option value="@{stb} + @{ruestung_modifier}">ST</option>
-            <option value="@{geb} + @{ruestung_modifier}">GE</option>
-          </select>
-          <div><input class="sheet-textcenter" type="text" name="attr_kampf_fertigkeit" placeholder="Kurze Klingenwaffe" /></div>
-          <div><input type="number" name="attr_kampf_kb" value="0" /></div>
-          <div><input type="number" name="attr_kampf_schaden" value="0" /></div>
-          <div><input type="number" name="attr_kampf_inib" value="0" /></div>
-          <div><button type="roll" name="roll_kampf_init" value="@{abilityroll} nutzt @{kampf_waffenname} mit einer Initiative von [[@{geb} + @{kampf_inib} &{tracker}]]"></button></div>
-          <div>
-            <button
-              type="roll"
-              name="roll_kampf_angr"
-              value="@{abilityroll} greift mit @{kampf_waffenname} an würfelt eine [[1d10!+ ?{Offensivbonus?|@{kampf_kb}} + @{global_modifier} + ?{Kampf-Modifier?|0}]] mit [[@{kampf_schaden} + ?{Schaden-Modifier?|0}]] Schaden. Der DB beträgt [[floor(@{kampf_KB}-?{Offensivbonus?})]]"
-            ></button>
-          </div>
-        </fieldset>
-      </div>
+      <fieldset class="repeating_waffen">
+        <div><input class="textcenter" type="text" name="attr_kampf_waffenname" placeholder="Kurzschwert" /></div>
+        <select name="attr_kampf_attribut">
+          <option value="@{stb} + @{ruestung_modifier}">ST</option>
+          <option value="@{geb} + @{ruestung_modifier}">GE</option>
+        </select>
+        <div><input class="textcenter" type="text" name="attr_kampf_fertigkeit" placeholder="Kurze Klingenwaffe" /></div>
+        <div><input type="number" name="attr_kampf_kb" value="0" /></div>
+        <div><input type="number" name="attr_kampf_schaden" value="0" /></div>
+        <div><input type="number" name="attr_kampf_inib" value="0" /></div>
+        <div><button type="roll" name="roll_kampf_init" value="@{abilityroll} nutzt @{kampf_waffenname} mit einer Initiative von [[@{geb} + @{kampf_inib} &{tracker}]]"></button></div>
+        <div>
+          <button
+            type="roll"
+            name="roll_kampf_angr"
+            value="@{abilityroll} greift mit @{kampf_waffenname} an würfelt eine [[1d10!+ ?{Offensivbonus?|@{kampf_kb}} + @{global_modifier} + ?{Kampf-Modifier?|0}]] mit [[@{kampf_schaden} + ?{Schaden-Modifier?|0}]] Schaden. Der DB beträgt [[floor(@{kampf_KB}-?{Offensivbonus?})]]"
+          ></button>
+        </div>
+      </fieldset>
     </div>
 
-    <div class="sheet-clear"></div>
+    <div class="clear"></div>
 
-    <div class="sheet-float sheet-half sheet-inventar">
-      <div class="sheet-redbg">Inventar</div>
+    <div class="float half inventar">
+      <div class="redbg">Inventar</div>
       <fieldset class="repeating_inventar">
-        <div class="sheet-options sheet-inventar-row">
-          <input class="sheet-options-flag" name="attr_options-flag" type="checkbox" title="Show/hide options" /><span>y</span>
+        <div class="options inventar-row">
+          <input class="options-flag" name="attr_options-flag" type="checkbox" title="Show/hide options" /><span>y</span>
           <input type="text" name="attr_name" placeholder="Gegenstand/Rüstung" />
           <input type="text" name="attr_wight" placeholder="Info/Rüstwert" />
           <input type="number" name="attr_costs" placeholder="Anzahl" />
@@ -439,19 +420,19 @@
       </fieldset>
     </div>
 
-    <div class="sheet-float sheet-half sheet-notes">
-      <div class="sheet-redbg">Notizen</div>
+    <div class="float half notes">
+      <div class="redbg">Notizen</div>
       <fieldset class="repeating_notes">
-        <div class="sheet-options sheet-notes-row">
-          <input class="sheet-options-flag" name="attr_options-flag" type="checkbox" title="Show/hide options" /><span>y</span>
+        <div class="options notes-row">
+          <input class="options-flag" name="attr_options-flag" type="checkbox" title="Show/hide options" /><span>y</span>
           <input type="text" name="attr_title" placeholder="Titel" />
           <textarea name="attr_body" placeholder="Inhalt"></textarea>
         </div>
       </fieldset>
     </div>
 
-    <div class="sheet-float sheet-version">
-      v21.04.1
+    <div class="float version">
+      v21.04.2
     </div>
   </div>
 </div>

Aborea_new/aborea.sass

@@ -1,7 +1,9 @@
 .charsheet
     
-    .sheet-container
+    .container
         width: 870px
+        padding: 0
+        margin: 0
 
         input
             background: transparent
@@ -47,10 +49,10 @@
             padding: 0px
             font-size: 15px
 
-        .sheet-input_label
+        .input_label
             cursor: pointer
 
-        .sheet-redbg
+        .redbg
             background-color: red
             color: white
             border: 1px solid red
@@ -61,46 +63,52 @@
         strong
             font-weight: 900
 
-        .sheet-textcenter
+        .textcenter
             text-align: center
 
-        .sheet-float
+        .float
             float: left
             box-sizing: border-box
             width: 99%
             margin: 10px 5px 10px 0
 
-        .sheet-noborder
+        .noborder
             border: none
 
-        .sheet-half
+        .half
             max-width: 49%
 
-        .sheet-twice
+        .twice
             display: grid
             grid-template-columns: 49% 49%
             grid-gap: 5px
 
-        .sheet-clear
+        .clear
             clear: both
             overflow: auto
 
-        .sheet-row
+        .row
             padding-top: 30px
+            margin-right: 0
+            margin-left: 0
 
-            &.sheet-small
+            &.twice::before,
+            &.twice::after
+                display: none
+
+            &.small
                 padding-top: 10px
 
             &:first-child
                 padding-top: 0px
 
-        .sheet-options-flag,
-        .sheet-options-flag+span
+        .options-flag,
+        .options-flag+span
             position: absolute
             top: -10px
             left: -10px
 
-        .sheet-options-flag
+        .options-flag
             opacity: 0
             width: 16px !important
             min-height: 16px
@@ -124,51 +132,51 @@
             &:checked~textarea
                 display: inherit
 
-        .sheet-grid,
-        .sheet-gridplace .repcontainer .repitem,
-        .sheet-gridplace .sheet-repcontainer .sheet-repitem
+        .grid,
+        .items,
+        .repcontainer .repitem
             display: grid
             grid-gap: 5px
 
-        .sheet-gridplace .repcontainer .repitem,
-        .sheet-gridplace .sheet-repcontainer .sheet-repitem
+        .items,
+        .repcontainer .repitem
             margin-top: 5px
 
-        .sheet-grid>div
+        .grid>div
             background-color: #f00
             color: #FFF
             font-weight: bold
             text-align: center
 
-        .sheet-gridplace .repcontainer .repitem input,
-        .sheet-gridplace .repcontainer .repitem select,
-        .sheet-gridplace .repcontainer .repitem button,
-        .sheet-gridplace .sheet-repcontainer .sheet-repitem input,
-        .sheet-gridplace .sheet-repcontainer .sheet-repitem select,
-        .sheet-gridplace .sheet-repcontainer .sheet-repitem button
+        .items input,
+        .items select,
+        .items button,
+        .repcontainer .repitem input,
+        .repcontainer .repitem select,
+        .repcontainer .repitem button
             width: -webkit-fill-available
             width: -moz-available
 
-        .sheet-gridplace .repcontainer .repitem button.repcontrol_del
+        .repcontainer .repitem button.repcontrol_del
             width: auto
 
-        .sheet-gridplace .repcontainer .repitem div,
-        .sheet-gridplace .sheet-repcontainer .sheet-repitem div
+        .items div,
+        .repcontainer .repitem div
             margin: auto 0
             text-align: center
 
-        .sheet-switch
+        .switch
             position: relative
             display: inline-block
             width: 40px
             height: 24px
 
-        .sheet-switch input
+        .switch input
             opacity: 0
             width: 0
             height: 0
 
-        .sheet-slider
+        .slider
             position: absolute
             cursor: pointer
             top: 0
@@ -179,7 +187,7 @@
             -webkit-transition: .4s
             transition: .4s
 
-        .sheet-slider:before
+        .slider:before
             position: absolute
             content: ""
             height: 16px
@@ -190,20 +198,20 @@
             -webkit-transition: .4s
             transition: .4s
 
-        input:checked+.sheet-slider
+        input:checked+.slider
             background-color: #f00
 
-        input:focus+.sheet-slider
+        input:focus+.slider
             box-shadow: 0 0 1px #f00
 
-        input:checked+.sheet-slider:before
+        input:checked+.slider:before
             -webkit-transform: translateX(16px)
             -ms-transform: translateX(16px)
             transform: translateX(16px)
 
-        .sheet-main
+        .main
 
-            .sheet-ep
+            .ep
                 width: 190px
                 float: left
 
@@ -220,8 +228,8 @@
                     width: 50px
                     height: 40px
 
-                label[for="sheet-Stufe"],
-                label[for="sheet-AP"]
+                label[for="Stufe"],
+                label[for="AP"]
                     width: 50px
                     text-align: center
 
@@ -230,7 +238,7 @@
                     width: 80px
                     text-align: center
 
-            .sheet-vermoegen
+            .vermoegen
                 width: 210px
                 float: right
                 padding-top: 0
@@ -262,7 +270,7 @@
                     width: 70px
                     text-align: center
 
-            .sheet-stats
+            .stats
                 float: left
 
                 >input,
@@ -285,10 +293,10 @@
                     width: 50px
                     height: 40px
 
-                .sheet-moreleft
+                .moreleft
                     margin-left: -4px
 
-            .sheet-gmroll
+            .gmroll
                 width: 175px
                 float: right
 
@@ -296,21 +304,21 @@
                     float: right
                     width: 175px
 
-            .sheet-beruf
+            .beruf
 
                 select[name=attr_beruf]
                     display: none
 
-                .sheet-switch
+                .switch
                     float: right
                     position: relative
                     height: 17px
                     border: 1px solid #ccc
 
-                    & .sheet-slider
+                    & .slider
                         box-shadow: none
 
-                    & .sheet-slider:before
+                    & .slider:before
                         height: 13px
                         bottom: 2px
 
@@ -324,47 +332,23 @@
                         ~select
                             display: inherit
 
-            .sheet-settings
+            .settings
                 padding-top: 10px
                 display: grid
                 grid-template-columns: 49% 49%
                 grid-gap: 5px
 
-            .sheet-gott
-                width: 180px
-                float: left
+                &::before,
+                &::after
+                    display: none
 
-                div
-                    width: auto
-                    margin-left: 20px
+            .attribut
 
-                input
-                    width: auto
-                    margin-left: 10px
-
-                input[name="attr_1"]
-                    margin-left: 35px
-
-            .sheet-mana
-                width: 135px
-                float: right
-                margin-top: 10px
-
-                label
-                    text-align: center
-
-                input
-                    width: 60px
-                    height: 40px
-
-            .sheet-attribut
-
-                .sheet-grid,
-                .sheet-gridplace .repcontainer .repitem,
-                .sheet-gridplace .sheet-repcontainer .sheet-repitem
+                .grid,
+                .items
                     grid-template-columns: 150px 70px 70px 22px 42px 50px
 
-                .sheet-arrow
+                .arrow
                     border-top: 10px solid transparent
                     border-bottom: 10px solid transparent
                     border-left: 20px solid #f00
@@ -378,28 +362,48 @@
                     left: -95px
                     top: 7px
 
-            .sheet-magie
+            .gott
+                text-align: center
 
-                .sheet-grid,
-                .sheet-gridplace .repcontainer .repitem,
-                .sheet-gridplace .sheet-repcontainer .sheet-repitem
+                label
+                    text-align: center
+                    margin: 0
+
+                input
+                    width: auto
+                    margin-left: 10px
+
+            .mana
+                padding-top: 20px
+
+                .items
+                    grid-template-columns: 49% 49%
+
+                input
+                    width: 60px
+                    height: 40px
+
+            .magie
+                padding-top: 15px
+
+                .grid,
+                .items
                     grid-template-columns: 150px 70px 70px 70px 50px
 
-            .sheet-fertigkeiten
+            .fertigkeiten
 
-                .sheet-grid,
-                .sheet-gridplace .repcontainer .repitem,
-                .sheet-gridplace .sheet-repcontainer .sheet-repitem
+                .grid,
+                .items,
+                .repcontainer .repitem
                     grid-template-columns: 150px 70px 70px 70px 50px
 
-            .sheet-kampf
+            .kampf
 
-                .sheet-grid,
-                .sheet-gridplace .repcontainer .repitem,
-                .sheet-gridplace .sheet-repcontainer .sheet-repitem
+                .grid,
+                .repcontainer .repitem
                     grid-template-columns: 303px 70px 140px 70px 70px 70px 50px 50px
 
-            .sheet-inventar
+            .inventar
                 display: inherit
 
                 input[name=attr_ruestung1],
@@ -410,21 +414,21 @@
                 input
                     width: 84px
 
-            .sheet-inventar,
-            .sheet-notes
+            .inventar,
+            .notes
                 display: inherit
 
-                .sheet-switch
+                .switch
                     float: right
                     position: relative
                     top: 19px
                     height: 17px
                     border: 1px solid #ccc
 
-                    & .sheet-slider
+                    & .slider
                         box-shadow: none
 
-                    & .sheet-slider:before
+                    & .slider:before
                         height: 13px
                         bottom: 2px
 
@@ -450,9 +454,9 @@
                             textarea
                                 display: inline-block
 
-                .sheet-notes-row:hover .sheet-options-flag+span,
-                .sheet-inventar-row:hover .sheet-options-flag+span
+                .notes-row:hover .options-flag+span,
+                .inventar-row:hover .options-flag+span
                     display: block
 
-            .sheet-version
+            .version
                 text-align: right