Nighthawk/roll20-character-sheets
1
0
Fork 0
mirror of https://github.com/Nighthawk42/roll20-character-sheets.git synced 2026-08-30 03:40:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

Shield display independent of armor.

Browse Source
This commit is contained in:
Villain1nGlasses
2025-05-05 15:20:55 -06:00
parent a7fa4f984b
commit 9ee24c950e
2 changed files with 67 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files
HeroSystem6eHeroic/HeroSystem6eHeroic.css
+62 -44
View File
@@ -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;
HeroSystem6eHeroic/HeroSystem6eHeroic.html
+5 -2
View File
@@ -1092,7 +1092,7 @@
</div>
</div>
</div>
<div class="item-tab-gear-grid-container-armor">
<div class="subitem-tab-gear-flex-container-armor">
<input type="hidden" class="armor-checks" name="attr_armorChecks" value="move"/>
@@ -1342,8 +1342,10 @@
<input type="number" name="attr_armorMass04" title="@{armorMass04}" value="0" min="0" step="0.1" tabindex="37"/>
</div>
</div>
</div>
<!-- Shield -->
<!-- Shield -->
<div class="item-tab-gear-grid-container-shield">
<div class="subitem-tab-gear-flex-container-shield">
<input type="hidden" class="shield-checks" name="attr_shieldChecks" value="carry"/>
@@ -1417,6 +1419,7 @@
</div>
</div>
<!-- Set Weapon Damage -->
<input type="hidden" class="set-damage-toggle" name="attr_setDamageToggle" value="0">