✨

less/character-sheet.less

@@ -1,7 +1,97 @@
 // main: ./pokemon.less
 .pokemon.sheet.charactersheet {
-    .sheet {
+    .window-content {
-        width: 500px;
+        background: #c00d0d;
-        height: 500px;
+        color: white;
+        width: 100%;
+        height: 100%;
+        font-family: Arial, Helvetica, sans-serif;
     };
+
+    .headerBox {
+        float: left;
+        width: 100%;
+        height: 80px;
+    };
+
+    .inputText {
+        background-color: #30da0c;
+        color: black;
+        border: black;
+
+        box-shadow: 0 0 20px #003300 inset;
+        -webkit-box-shadow: 0 0 20px #003300 inset;
+        -moz-box-shadow: 0 0 20px #003300 inset;
+        -o-box-shadow: 0 0 20px #003300 inset;
+
+        border-radius: 10px;
+        -webkit-border-radius: 10px;
+        -moz-border-radius: 10px;
+        -o-border-radius: 10px;
+    }
+
+    .bigInputText {
+        font-size: 21px;
+
+        padding-left: 10px;
+        padding-right: 10px;
+        padding-top: 20px;
+        padding-bottom: 20px;
+
+        margin-bottom: 5px;
+    }
+
+    .smallInputText {
+        font-size: 18px;
+
+        padding-left: 10px;
+        padding-right: 10px;
+        padding-top: 20px;
+        padding-bottom: 20px;
+
+        margin-top: 5px;
+    }
+
+    .sideBarBox {
+        visibility: hidden;
+    }
+
+    //  .sideBarBox {
+    //     float: left;
+    //     width: 185px;
+    //     min-height: 500px;
+    //     border-image: url(assets/img/banner.png);
+    //     border-image-slice: 21 18 52 fill;
+    //     border-left-width: 18px;
+    //     border-right-width: 18px;
+    //     border-top-width: 21px;
+    //     border-bottom-width: 52px;
+    //     border-style: solid;
+    //     margin-top: 3px;
+    // };
+
+    // .imgBox {
+    //     float: left;
+    //     width: 135px;
+    //     height: 175px;
+    //     position: relative;
+    //     margin-left: 8px;
+    //     margin-top: 10px;
+    //     margin-bottom: 3px;
+    //     border: 3px #e99d76 solid;
+    // };
+    // .charImg {
+    //     width: 100%;
+    //     height: 100%;
+    //     object-fit: cover;
+    // };
+    // .imgOverlay {
+    //     width: 135px;
+    //     height: 210px;
+    //     position: absolute;
+    //     top: -3px;
+    //     left: -3px;
+    //     background-image: url(assets/img/imageBorder.png);
+    //     pointer-events: none;
+    // };
 }

pokemon.css

@@ -1,4 +1,44 @@
-.pokemon.sheet.charactersheet .sheet {
+.pokemon.sheet.charactersheet .window-content {
-  width: 500px;
+  background: #c00d0d;
-  height: 500px;
+  color: white;
+  width: 100%;
+  height: 100%;
+  font-family: Arial, Helvetica, sans-serif;
+}
+.pokemon.sheet.charactersheet .headerBox {
+  float: left;
+  width: 100%;
+  height: 80px;
+}
+.pokemon.sheet.charactersheet .inputText {
+  background-color: #30da0c;
+  color: black;
+  border: black;
+  box-shadow: 0 0 20px #003300 inset;
+  -webkit-box-shadow: 0 0 20px #003300 inset;
+  -moz-box-shadow: 0 0 20px #003300 inset;
+  -o-box-shadow: 0 0 20px #003300 inset;
+  border-radius: 10px;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  -o-border-radius: 10px;
+}
+.pokemon.sheet.charactersheet .bigInputText {
+  font-size: 21px;
+  padding-left: 10px;
+  padding-right: 10px;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  margin-bottom: 5px;
+}
+.pokemon.sheet.charactersheet .smallInputText {
+  font-size: 18px;
+  padding-left: 10px;
+  padding-right: 10px;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  margin-top: 5px;
+}
+.pokemon.sheet.charactersheet .sideBarBox {
+  visibility: hidden;
 }

system.json

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

template.json

@@ -6,7 +6,7 @@
         ],
 
         "character": {
-            "species": "",
+            "species": "species",
 
             "experience": {
                 "level": 1,

templates/sheets/character/header.hbs

@@ -6,8 +6,8 @@
 
     <div class="charInfoBox">
         <div class="charInfo">
-            <input class="bigInputText" type="text" name="name" value="{{actor.name}}">
+            <input class="inputText bigInputText" type="text" name="name" value="{{actor.name}}">
-            <input class="smallInputText" type="text" name="species" value="{{actor.species}}">
+            <input class="inputText smallInputText" type="text" name="species" value="{{actor.species}}">
         </div>
         <div class="lvlBox">
             <div class="lvlLabel">{{localize "POKEMON.System.LevelShort"}}</div>