✨

less/character-sheet.less

@@ -67,6 +67,8 @@
         background: transparent;
         color: inherit;
         text-align: inherit;
+        font-size: inherit;
+        padding: 0px;
     }
 
     .advancementBox {
@@ -107,7 +109,7 @@
         display: flex;
         justify-content: flex-start;
         align-items: center;
-        width: 60px;
+        width: 80px;
         height: 30px;
         background-color: #30da0c;
         color: black;
@@ -127,23 +129,35 @@
         padding-right: 5px;
     }
 
-    .sideBarBox {
+    .expValue {
-        visibility: hidden;
+        text-align: center;
     }
 
-    //  .sideBarBox {
+
-    //     float: left;
+    .sideBarBox {
-    //     width: 185px;
+        float: left;
-    //     min-height: 500px;
+        width: 185px;
-    //     border-image: url(assets/img/banner.png);
+        min-height: 500px;
-    //     border-image-slice: 21 18 52 fill;
+        border-left-width: 18px;
-    //     border-left-width: 18px;
+        border-right-width: 18px;
-    //     border-right-width: 18px;
+        border-top-width: 21px;
-    //     border-top-width: 21px;
+        border-bottom-width: 52px;
-    //     border-bottom-width: 52px;
+        border-style: solid;
-    //     border-style: solid;
+        margin-top: 3px;
-    //     margin-top: 3px;
+    };
-    // };
+
+    .menuBox {
+        float: left;
+        width: 400px;
+        height: 26px;
+        position: relative;
+    };
+
+    .contentBox {
+        float: left;
+        width: 430px;
+        min-height: 500px;
+    };
 
     // .imgBox {
     //     float: left;

pokemon.css

@@ -57,6 +57,8 @@
   background: transparent;
   color: inherit;
   text-align: inherit;
+  font-size: inherit;
+  padding: 0px;
 }
 .pokemon.sheet.characterSheet .advancementBox {
   margin-left: 20px;
@@ -90,7 +92,7 @@
   display: flex;
   justify-content: flex-start;
   align-items: center;
-  width: 60px;
+  width: 80px;
   height: 30px;
   background-color: #30da0c;
   color: black;
@@ -106,6 +108,28 @@
   padding-left: 5px;
   padding-right: 5px;
 }
-.pokemon.sheet.characterSheet .sideBarBox {
+.pokemon.sheet.characterSheet .expValue {
-  visibility: hidden;
+  text-align: center;
+}
+.pokemon.sheet.characterSheet .sideBarBox {
+  float: left;
+  width: 185px;
+  min-height: 500px;
+  border-left-width: 18px;
+  border-right-width: 18px;
+  border-top-width: 21px;
+  border-bottom-width: 52px;
+  border-style: solid;
+  margin-top: 3px;
+}
+.pokemon.sheet.characterSheet .menuBox {
+  float: left;
+  width: 400px;
+  height: 26px;
+  position: relative;
+}
+.pokemon.sheet.characterSheet .contentBox {
+  float: left;
+  width: 430px;
+  min-height: 500px;
 }

system.json

@@ -1,5 +1,5 @@
 {
-    "version": "0.0.18",
+    "version": "0.0.19",
     "id": "pokemon",
     "title": "Pokémon TTRPG",
     "description": "A Pokémon TTRPG",

templates/sheets/character/header.hbs

@@ -6,11 +6,11 @@
     <div class="advancementBox">
         <div class="lvlBox">
             <div class="lvlLabel">{{localize "POKEMON.System.LevelShort"}}</div>
-            <input class="invisibleInput" type="number" name="system.experience.level" value="{{system.experience.level}}">
+            <input class="invisibleInput lvlValue" type="number" name="system.experience.level" value="{{system.experience.level}}">
         </div>
         <div class="expBox">
             <div class="expLabel">{{localize "POKEMON.System.ExperienceShort"}}:</div>
-            <input class="invisibleInput" type="number" name="system.experience.Exp" value="{{system.experience.Exp}}">
+            <input class="invisibleInput expValue" type="number" name="system.experience.Exp" value="{{system.experience.Exp}}">
         </div>
     </div>
 </div>