diff --git a/HeroSystem6eHeroic/HeroSystem6eHeroic.css b/HeroSystem6eHeroic/HeroSystem6eHeroic.css
index 3832090987..61fa193340 100644
--- a/HeroSystem6eHeroic/HeroSystem6eHeroic.css
+++ b/HeroSystem6eHeroic/HeroSystem6eHeroic.css
@@ -643,8 +643,8 @@ select:focus + .focus {
justify-content: space-evenly;
width: 670px;
height: 25px;
- border: 2px solid #fff990;
- border-radius: 5px;
+ border: 2px solid #6787e7;
+ border-radius: 0px;
background: royalblue;
margin: 0px;
padding-top: 6px;
@@ -705,8 +705,8 @@ select:focus + .focus {
font-size: 16px;
grid-gap: 5px;
background-color: royalblue;
- border: 2px solid #f6ee8d;
- border-radius: 5px;
+ border: 2px solid #6787e7;
+ border-radius: 0px;
margin-bottom: 0px;
}
@@ -720,10 +720,10 @@ select:focus + .focus {
.sheet-attributes[value="standard"] ~ div.item-characteristics-attributes .item-characteristics-combat-attributes,
.sheet-attributes[value="standard"] ~ div.item-characteristics-attributes .item-characteristics-movement-abilities,
.sheet-health-display[value="standard"] ~ div.item-characteristics-health:nth-child(3),
-.sheet-health-display[value="standard"] ~ div.item-gear-health:nth-child(8),
+.sheet-health-display[value="standard"] ~ div.item-gear-health:nth-child(9),
.sheet-health-display[value="standard"] ~ div.item-powers-health:nth-child(3),
.sheet-health-display[value="vehicle"] ~ div.item-characteristics-health:nth-child(4),
-.sheet-health-display[value="vehicle"] ~ div.item-gear-health:nth-child(9),
+.sheet-health-display[value="vehicle"] ~ div.item-gear-health:nth-child(10),
.sheet-health-display[value="vehicle"] ~ div.item-powers-health:nth-child(4),
.sheet-attributes[value="vehicle"] ~ div.item-characteristics-attributes .item-characteristics-vehicle-size-attributes,
.sheet-attributes[value="vehicle"] ~ div.item-characteristics-attributes .item-characteristics-vehicle-primary-attributes,
@@ -738,10 +738,10 @@ select:focus + .focus {
.sheet-attributes[value="vehicle"] ~ div.item-characteristics-attributes .item-characteristics-combat-attributes,
.sheet-attributes[value="vehicle"] ~ div.item-characteristics-attributes .item-characteristics-movement-abilities,
.sheet-health-display[value="vehicle"] ~ div.item-characteristics-health:nth-child(3),
-.sheet-health-display[value="vehicle"] ~ div.item-gear-health:nth-child(8),
+.sheet-health-display[value="vehicle"] ~ div.item-gear-health:nth-child(9),
.sheet-health-display[value="vehicle"] ~ div.item-powers-health:nth-child(3),
.sheet-health-display[value="standard"] ~ div.item-characteristics-health:nth-child(4),
-.sheet-health-display[value="standard"] ~ div.item-gear-health:nth-child(9),
+.sheet-health-display[value="standard"] ~ div.item-gear-health:nth-child(10),
.sheet-health-display[value="standard"] ~ div.item-powers-health:nth-child(4),
.sheet-attributes[value="standard"] ~ div.item-characteristics-attributes .item-characteristics-vehicle-size-attributes,
.sheet-attributes[value="standard"] ~ div.item-characteristics-attributes .item-characteristics-vehicle-primary-attributes,
@@ -2024,8 +2024,8 @@ select:focus + .focus {
justify-content: flex-end;
font-size: 16px;
background-color: royalblue;
- border: 2px solid #fff990;
- border-radius: 5px;
+ border: 2px solid #6787e7;
+ border-radius: 0px;
margin-bottom: 0px;
min-height: 802px;
min-width: 676px;
@@ -3446,10 +3446,10 @@ select:focus + .focus {
align-self: start;
font-size: 16px;
background-color: royalblue;
- border: 2px solid #fff990;
+ border: 2px solid #6787e7;
min-height: 803px;
min-width: 676px;
- border-radius: 5px;
+ border-radius: 0px;
margin-bottom: 0px;
}
@@ -3978,8 +3978,8 @@ select:focus + .focus {
font-size: 16px;
grid-gap: 0px 0px;
background-color: royalblue;
- border: 2px solid #f6ee8d;
- border-radius: 5px;
+ border: 2px solid #6787e7;
+ border-radius: 0px;
margin-bottom: 0px;
padding: 0px;
}
@@ -4834,8 +4834,8 @@ select:focus + .focus {
margin-bottom: 0px;
font-size: 16px;
background-color: #f0c566;
- border: 3px solid #f6ee8d;
- border-radius: 5px;
+ border: 3px solid #6787e7;
+ border-radius: 0px;
justify-content: middle;
min-height: 795px;
}
@@ -5403,18 +5403,18 @@ select:focus + .focus {
grid-template-areas:
"theEncumbrance theEncumbrance gearHealth"
"theArmor theArmor gearHealth"
+ "theShield theShield gearHealth"
"theWeapons theWeapons theWeapons"
"theEquipment theSlides theSlides";
- grid-gap: 8px;
- grid-template-columns: 250px 336px 86px;
- grid-template-rows: 65px 172px 157px 322px;
+ grid-template-columns: 258px 344px 86px;
+ grid-template-rows: 78px 134px 43px 163px 322px;
max-width: 694px;
padding: 0px;
padding-left: 2px;
font-size: 16px;
background-color: royalblue;
- border: 2px solid #f6ee8d;
- border-radius: 5px;
+ border: 2px solid #6787e7;
+ border-radius: 0px;
justify-content: middle;
min-height: 803px;
}
@@ -5448,11 +5448,10 @@ select:focus + .focus {
flex-direction: row;
justify-content: space-between;
margin-left: 4px;
- margin-top: 6px;
+ margin-top: 8px;
padding: 0px;
max-width: 594px;
max-height: 58px;
- padding-left: 10px;
padding-right: 10px;
text-align: left;
vertical-align: middle;
@@ -5474,8 +5473,8 @@ select:focus + .focus {
.item-tab-gear-flex-container-encumbrance input[readonly] {
text-align: center;
max-width: 65px;
- background-color: #F0E442;
- border: solid 1px #ebb232;
+ background-color: #d2e9ff;
+ border: solid 2px #8da5ed;
font-size: 16px;
margin-left: 0px;
padding-right: 0px;
@@ -5546,11 +5545,11 @@ select:focus + .focus {
.subitem-tab-gear-plus-minus-enclosure {
display: flex;
flex-direction: row;
- background-color: #F0E442;
justify-content: space-between;
width: 50px;
max-height: 20px;
- border: solid 1px #ebb232;
+ background-color: #d2e9ff;
+ border: solid 2px #8da5ed;
border-radius: 3px;
}
@@ -5611,20 +5610,24 @@ select:focus + .focus {
/* ------------- */
/* Item: Armor */
/* ------------- */
+
.item-tab-gear-grid-container-armor {
grid-area: theArmor;
display: flex;
flex-direction: column;
justify-content: space-around;
- max-width: 594px;
+ max-width: 583px;
padding-left: 2px;
- margin-left: 4px;
+ padding-bottom: 4px;
padding-top: 0px;
- grid-gap: 3px;
+ margin-left: 4px;
background-color: #f6ee8d;
border: solid 2px #ebb232;
- border-radius: 3px;
- height: 177px;
+ border-bottom: none;
+ border-radius: 2px;
+ border-bottom-left-radius: 0px;
+ border-bottom-right-radius: 0px;
+ height: 132px;
}
.subitem-tab-gear-flex-container-armor-heading,
@@ -5634,7 +5637,6 @@ select:focus + .focus {
justify-content: space-between;
align-items: center;
max-width: 575px;
- margin-bottom: 1px;
height: 24px;
}
@@ -5746,14 +5748,30 @@ select:focus + .focus {
text-align: center; /* Firefox */
}
-/* Shield */
+/* ------------- */
+/* Item: Shield */
+/* ------------- */
+
+.item-tab-gear-grid-container-shield {
+ grid-area: theShield;
+ max-width: 583px;
+ padding-left: 2px;
+ margin-left: 4px;
+ grid-gap: 3px;
+ background-color: #f6ee8d;
+ border: solid 2px #ebb232;
+ border-top: none;
+ border-radius: 2px;
+ border-top-left-radius: 0px;
+ border-top-right-radius: 0px;
+ height: 42px;
+}
+
.subitem-tab-gear-flex-container-shield {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-right: 5px;
- margin-top: 3px;
- max-width: 589px;
}
.subitem-tab-gear-flex-container-shield-heading {
@@ -5763,8 +5781,6 @@ select:focus + .focus {
align-items: center;
min-height: 38px;
max-height: 38px;
- margin-bottom: 3px;
- margin-top: 2px;
}
.shield-title-container {
@@ -5777,6 +5793,7 @@ select:focus + .focus {
margin-left: 16px;
}
+
/* ------------- */
/* Item: Weapons */
/* ------------- */
@@ -5790,7 +5807,7 @@ select:focus + .focus {
padding: 0px;
padding-bottom: 1px;
margin-top: 8px;
- height: 145px;
+ height: 142px;
background-color: #f6ee8d;
border: solid 2px #ebb232;
border-right: solid 2px #ebb232;
@@ -5809,14 +5826,14 @@ select:focus + .focus {
.subitem-tab-gear-flex-container-shield-checks {
min-width: 14px;
- min-height: 36px;
- max-height: 36px;
- padding: 0px;
+ min-height: 32px;
+ max-height: 32px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
margin-left: 2px;
+ margin-top: 2px;
}
.subitem-tab-gear-flex-container-shield-heading:nth-child(3) {
@@ -6277,7 +6294,7 @@ select:focus + .focus {
display: flex;
flex-direction: column;
justify-content: space-between;
- max-width: 250px;
+ max-width: 234px;
margin-left: 4px;
padding: 4px;
padding-top: 3px;
@@ -6657,6 +6674,7 @@ select:focus + .focus {
.subitem-tab-gear-flex-container-shield-checks .container-checkbox-tiny,
.subitem-tab-gear-flex-container-shield-checks .container-xbox-tiny {
display: none;
+ top: 0px;
}
.shield-checks[value="carry"] ~ div.subitem-tab-gear-flex-container-shield-checks .tiny-xbox-empty-container,
@@ -7998,7 +8016,7 @@ select:focus + .focus {
.item-tab-gear-slide-treasure-text textarea {
width: 398px;
- height: 366px;
+ height: 367px;
margin: 0px;
border: solid 2px #66bbeb;
border-radius: 3px;
diff --git a/HeroSystem6eHeroic/HeroSystem6eHeroic.html b/HeroSystem6eHeroic/HeroSystem6eHeroic.html
index 8f5d4abb1d..efa3addd7b 100644
--- a/HeroSystem6eHeroic/HeroSystem6eHeroic.html
+++ b/HeroSystem6eHeroic/HeroSystem6eHeroic.html
@@ -1092,7 +1092,7 @@
-
+
+
-
+
+
+