Sheet optimized

Cthulhu D100/cthulhud100.css

@@ -3,22 +3,21 @@
 
 /* DATA INPUT */
 
-
-.sheet-pestana-jugador select {
+.sheet-character select {
     display: flex;
 }
 
-.sheet-pestana-jugador input[type="number"] {
+.sheet-character input[type="number"] {
     text-align: center;
 }
 
-.sheet-pestana-jugador textarea {
+.sheet-character textarea {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }
 
-.sheet-pestana-jugador .repitem textarea {
+.sheet-character .repitem textarea {
     height: auto !important;
 }
 
@@ -37,23 +36,37 @@
     padding-left: 1rem !important;
 }
 
-.sheet-pestana-jugador select {
+.sheet-character select, .sheet-bio select {
     -webkit-appearance: none;
     -moz-appearance: none;
     text-indent: 0px;
     text-overflow: '';
 }
 
+/* TABS */
+.sheet-bio,
+.sheet-skills, .sheet-inventory {
+	display: none !important;
+}
+
+/* show the selected tab */
+.sheet-tabstoggle[value="bio"] ~ div.sheet-bio,
+.sheet-tabstoggle[value="skills"] ~ div.sheet-skills,
+.sheet-tabstoggle[value="inventory"] ~ div.sheet-inventory
+{
+	display: block !important;
+}
+
 
 /* Switch */
-.sheet-pestana-jugador .sheet-switch {
+.sheet-character .sheet-switch {
     position: relative;
     display: inline-block;
     width: 60px;
     height: 34px;
 }
 
-.sheet-pestana-jugador .sheet-switch input {
+.sheet-character .sheet-switch input {
     opacity: 0;
     width: 0;
     height: 0;
@@ -83,29 +96,29 @@
     transition: .4s;
 }
 
-.sheet-pestana-jugador input:checked + .sheet-slider {
+.sheet-character input:checked + .sheet-slider {
     background-color: #C31F26;
 }
 
-.sheet-pestana-jugador input:focus + .sheet-slider {
+.sheet-character input:focus + .sheet-slider {
     box-shadow: 0 0 1px #C31F26;
 }
 
-.sheet-pestana-jugador input:checked + .sheet-slider:before {
+.sheet-character input:checked + .sheet-slider:before {
     -webkit-transform: translateX(26px);
     -ms-transform: translateX(26px);
     transform: translateX(26px);
 }
 
 /* Chrome, Safari, Edge, Opera */
-.sheet-pestana-jugador input::-webkit-outer-spin-button,
-.sheet-pestana-jugador input::-webkit-inner-spin-button {
+.sheet-character input::-webkit-outer-spin-button,
+.sheet-character input::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
 }
 
 /* Firefox */
-.sheet-pestana-jugador input[type=number] {
+.sheet-character input[type=number] {
     -moz-appearance: textfield;
 }
 
@@ -782,7 +795,7 @@
     height:2.2em;
 }
 
-.sheet-pestana-jugador .repitem {
+.sheet-character .repitem {
     display: flex;
     align-items: stretch;
     margin-bottom: 3px;
@@ -790,11 +803,11 @@
     width: 100%;
 }
 
-.sheet-pestana-jugador .repcontainer {
+.sheet-character .repcontainer {
     width: 100%;
 }
 
-.sheet-pestana-jugador .repcontrol {
+.sheet-character .repcontrol {
     display: flex !important;
     flex-flow: row nowrap !important;
 }
@@ -834,9 +847,9 @@
 }
 
 /* this sets the formatting for all repcontrol buttons */
-.sheet-pestana-jugador .charsheet .repcontrol_add,
-.sheet-pestana-jugador .charsheet .repcontrol_edit,
-.sheet-pestana-jugador .charsheet .repcontrol_del {
+.sheet-character .charsheet .repcontrol_add,
+.sheet-character .charsheet .repcontrol_edit,
+.sheet-character .charsheet .repcontrol_del {
     display: inline-flex;
     background-color: #000 !important;
     color: white;