✨

less/character-sheet.less

@@ -196,13 +196,13 @@
         justify-content: center;
 	}
 
-    div#topPicture
+    .topPicture
 	{
 		margin: 6px auto;
 		width: 40px;
 	}
 
-	div#buttontopPicture1, div#buttontopPicture2
+	.buttontopPicture1, .buttontopPicture2
 	{
 		height: 8px;
 		width: 8px;
@@ -216,12 +216,12 @@
 		-o-border-radius: 15px;
 	}
 
-	div#buttontopPicture1
+	.buttontopPicture1
 	{
 		margin-right: 20px;
 	}
 
-	div#buttonbottomPicture
+	.buttonbottomPicture
 	{
 		height: 26px;
 		width: 26px;
@@ -245,7 +245,7 @@
 		background: -o-linear-gradient(top, #c00d0d 0%, #8b0000 80%);
 	}
 
-	div#speakers
+	.speakers
 	{
 		float: right;
 		width: 75px;
@@ -253,7 +253,7 @@
 		margin-right: 20px;
 	}
 
-	div.sp
+	.sp
 	{
 		height: 3px;
 		margin-bottom: 5px;
@@ -274,17 +274,25 @@
 
     .vertLine {
         position: absolute;
-        height: 400px;
+        height: 416px;
         float: left;
-        left: 200px;
+        left: 216px;
         bottom: 0px;
         width: 5px;
         background-color: #5e0000;
     }
 
+    .calcStatBox {
+        margin-top: 200px;
+    }
+
     .menuBox {
         background-color: #5e0000;
         border: none;
         padding: 0px 10px;
     }
+
+    nav {
+        border: none;
+    }
 }

pokemon.css

@@ -165,12 +165,12 @@
   align-items: center;
   justify-content: center;
 }
-.pokemon.sheet.characterSheet div#topPicture {
+.pokemon.sheet.characterSheet .topPicture {
   margin: 6px auto;
   width: 40px;
 }
-.pokemon.sheet.characterSheet div#buttontopPicture1,
+.pokemon.sheet.characterSheet .buttontopPicture1,
-.pokemon.sheet.characterSheet div#buttontopPicture2 {
+.pokemon.sheet.characterSheet .buttontopPicture2 {
   height: 8px;
   width: 8px;
   background-color: #c00d0d;
@@ -181,10 +181,10 @@
   -moz-border-radius: 15px;
   -o-border-radius: 15px;
 }
-.pokemon.sheet.characterSheet div#buttontopPicture1 {
+.pokemon.sheet.characterSheet .buttontopPicture1 {
   margin-right: 20px;
 }
-.pokemon.sheet.characterSheet div#buttonbottomPicture {
+.pokemon.sheet.characterSheet .buttonbottomPicture {
   height: 26px;
   width: 26px;
   background-color: #c00d0d;
@@ -203,13 +203,13 @@
   background: -moz-linear-gradient(top, #c00d0d 0%, #8b0000 80%);
   background: -o-linear-gradient(top, #c00d0d 0%, #8b0000 80%);
 }
-.pokemon.sheet.characterSheet div#speakers {
+.pokemon.sheet.characterSheet .speakers {
   float: right;
   width: 75px;
   height: 25px;
   margin-right: 20px;
 }
-.pokemon.sheet.characterSheet div.sp {
+.pokemon.sheet.characterSheet .sp {
   height: 3px;
   margin-bottom: 5px;
   background-color: #494949;
@@ -226,15 +226,21 @@
 }
 .pokemon.sheet.characterSheet .vertLine {
   position: absolute;
-  height: 400px;
+  height: 416px;
   float: left;
-  left: 200px;
+  left: 216px;
   bottom: 0px;
   width: 5px;
   background-color: #5e0000;
 }
+.pokemon.sheet.characterSheet .calcStatBox {
+  margin-top: 200px;
+}
 .pokemon.sheet.characterSheet .menuBox {
   background-color: #5e0000;
   border: none;
   padding: 0px 10px;
 }
+.pokemon.sheet.characterSheet nav {
+  border: none;
+}

system.json

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