# Modified Sheet Tabs

- Made them more folder-y
 - Added Settign Tab
## Settings Tab
 - Added new setting controls
 - No Constitution Score option
 - No Intelligence Score option
 - Can directly modify base skill grwoth via settings menu
## CRP Added for Focus
 - What it says on the tin
## Minor graphics tweaks
 - several small tweaks with heading colors
## Hidden Things
 - I hid some legacy cards, but did not delete them, just in case.

Table Top Defined/Table_Top_Defined.css

@@ -213,7 +213,8 @@
 .charsheet .sheet-spells,
 .charsheet .sheet-accessories,
 .charsheet .sheet-inventory,
-.charsheet .sheet-profitloss{
+.charsheet .sheet-profitloss,
+.charsheet .sheet-settings{
     display: none;
     text-align: center;
 }
@@ -227,24 +228,41 @@
 .charsheet .sheet-tabstoggle[value="spells"] ~ div.sheet-spells,
 .charsheet .sheet-tabstoggle[value="accessories"] ~ div.sheet-accessories,
 .charsheet .sheet-tabstoggle[value="inventory"] ~ div.sheet-inventory,
-.charsheet .sheet-tabstoggle[value="profitloss"] ~ div.sheet-profitloss{
+.charsheet .sheet-tabstoggle[value="profitloss"] ~ div.sheet-profitloss,
+.charsheet .sheet-tabstoggle[value="settings"] ~ div.sheet-settings {
     display: grid;
     width: 800px;
+    z-index: 2;
+}
+
+.ui-dialog .charsheet .SAbutton {
+    position: relative;
+    width: 800px;
+    text-align: left !important;
+    padding-left: 10px;
+    padding-top: 4px;
+    white-space: nowrap;
+    margin-bottom: -1px;
 }
 
 .ui-dialog .charsheet .SAbutton button{
+    position: relative;
+    z-index: 1;
     background-color: #ffffff;
     color: #000000;
-    padding: 0 4px 0 4px;
-    margin: 0 1px 0 1px;
+    padding: 0 8px 0 8px;
+    margin: 0 -6px 0 0;
     font-weight: bold;
     border: solid 1px black;
     border-radius: 5px 5px 0 0;
-    border-bottom: 0;
+    border-bottom: 1px #323232 solid;
+    transform: skewX(-8deg);
+    transform-origin: bottom left;
     transition-duration: 0.1s;
 }
 
 .ui-dialog .charsheet .SAbutton button:hover{
+    z-index: 2;
     background-color: #323232;
     color: #FFFFFF;
 }
@@ -255,6 +273,21 @@
     box-shadow: 0 0px;
 }
 
+.ui-dialog .charsheet .SAbutton button::after {
+    content: "";
+    position: absolute;
+    right: -7px;
+    top: -1px;
+    width: 12px;
+    height: calc(100%);
+    background-color: inherit;
+    border-top: 1px solid black;
+    border-right: 1px solid black;
+    border-radius: 0 12px 0 0;
+    z-index: 0;
+    pointer-events: none;
+}
+
 .ui-dialog .charsheet .sheet-tabstoggle[value="main"] ~ .SAbutton .sheet-tab-button-main,
 .ui-dialog .charsheet .sheet-tabstoggle[value="definitions"] ~ .SAbutton .sheet-tab-button-definitions,
 .ui-dialog .charsheet .sheet-tabstoggle[value="abilities"] ~ .SAbutton .sheet-tab-button-abilities,
@@ -263,9 +296,12 @@
 .ui-dialog .charsheet .sheet-tabstoggle[value="gear"] ~ .SAbutton .sheet-tab-button-gear,
 .ui-dialog .charsheet .sheet-tabstoggle[value="accessories"] ~ .SAbutton .sheet-tab-button-accessories,
 .ui-dialog .charsheet .sheet-tabstoggle[value="inventory"] ~ .SAbutton .sheet-tab-button-inventory,
-.ui-dialog .charsheet .sheet-tabstoggle[value="profitloss"] ~ .SAbutton .sheet-tab-button-profitloss {
+.ui-dialog .charsheet .sheet-tabstoggle[value="profitloss"] ~ .SAbutton .sheet-tab-button-profitloss,
+.ui-dialog .charsheet .sheet-tabstoggle[value="settings"] ~ .SAbutton .sheet-tab-button-settings{
     background-color: #323232;
     color: #FFFFFF;
+    position: relative;
+    z-index: 3;
 }
 
 /*</editor-fold>*/
@@ -351,6 +387,7 @@
     text-align: center;
     border-radius: 10px 10px 0 0;
     width: 100%;
+    overflow: hidden;
 }
 
 .row-footer{
@@ -635,6 +672,8 @@
     background-color: #000000;
     padding-bottom: 18px;
     border-radius: 12px;
+    overflow: hidden;
+    z-index: 5;
 }
 
 .main-full{grid-column: 1/-1;}
@@ -761,6 +800,24 @@
 }
 
 
+.ui-dialog .charsheet .attribute-block input[type=text]{
+    height: 18px;
+    width: 100%;
+    box-sizing: border-box;
+    padding: 2px;
+    border: 1px solid #909090;
+    background-color: #FFFFFF;
+    color: #000000;
+    text-align: center;
+}
+
+.ui-dialog .charsheet .attribute-block input[type=text][readonly]{
+    background-color: #5A5A5A;
+    color: #FFFFFF;
+    text-align: center;
+    font-weight: bold;
+}
+
 .ui-dialog .charsheet .attribute-block button[type=roll],
 .ui-dialog .charsheet .attribute-block button[type=compendium]{
     height: 16px;
@@ -1568,9 +1625,10 @@ input.sptoggle[value="1"] ~ .sheet-repeating-fields{
     color: #FFFFFF;
     text-align: center;
     font-weight: bold;
-    font-size: medium;
+    font-size: small;
     border: 0;
     padding: 3px;
+    width: 350px;
 }
 
 .weapon-column-span{
@@ -1597,6 +1655,7 @@ input.sptoggle[value="1"] ~ .sheet-repeating-fields{
     display: none;
 }
 
+
 .ui-dialog .charsheet .advancedAttackButton button[type="roll"]::before{
     content: none;
 }
@@ -1606,12 +1665,14 @@ input.sptoggle[value="1"] ~ .sheet-repeating-fields{
     color: #000000;
     border: solid 1px black;
     border-radius: 5px;
+    font-size: small;
     transition-duration: 0.4s;
     box-shadow: 0 2px #909090;
-    margin: 1px 1px 6px 1px;
+    margin: 1px;
     padding: 1px;
     content: none;
     width: fit-content;
+    height: 16px;
 }
 
 .ui-dialog .charsheet .advancedAttackButton button:hover{
@@ -1633,7 +1694,7 @@ input.sptoggle[value="1"] ~ .sheet-repeating-fields{
 /*</editor-fold>*/
 
 /*<editor-fold desc="P&L">*/
-.sheet-profitloss{
+.sheet-profitloss {
     width: 800px;
     border-radius: 12px;
     border: 1px solid;
@@ -1641,3 +1702,59 @@ input.sptoggle[value="1"] ~ .sheet-repeating-fields{
 }
 /*</editor-fold>*/
 
+/*<editor-fold desc="settings"*/
+.sheet-settings {
+    width: 800px;
+    border-radius: 12px;
+    border: 1px solid;
+    overflow: clip;
+}
+
+.settings-grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    width: 800px;
+}
+
+.settings-left,
+.settings-right {
+    width: 400px;
+    box-sizing: border-box;
+}
+
+.settings-row {
+    display: grid;
+    grid-template-columns: 1fr auto;
+    align-items: center;
+    min-height: 24px;
+}
+
+.settings-left .settings-row:nth-child(even),
+.settings-right .settings-row:nth-child(even) {
+    background-color: #D0D0D0;
+}
+
+.settings-left .settings-row:nth-child(odd),
+.settings-right .settings-row:nth-child(odd) {
+    background-color: #FFFFFF;
+}
+
+.settings-label {
+    background-color: #000000;
+    color: #FFFFFF;
+    font-weight: bold;
+    text-align: right;
+    padding: 4px 8px 4px 4px;
+    min-height: 18px;
+}
+
+.settings-value {
+    background-color: #FFFFFF;
+    padding: 2px 6px;
+    text-align: left;
+}
+
+.settings-value input[type=number] {
+    background-color: #FFFFFF;
+    color: #000000;
+}