✨

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;
+    }
 }