Update twilight-2k-4e.css

The following updates have been made to the character sheet HTML and CSS
- updated character sheet to add new tab for NPC/Allies
- updated Load Carrier specialty trait bonus to correct amount
This commit is contained in:
tomqat
2022-11-07 16:17:23 -05:00
committed by GitHub
parent f91ef40e96
commit 5f66d279a4
+405 -1
View File
@@ -1372,6 +1372,400 @@ input[type=number].sheet-number-input.sheet-gear-weight {
grid-column: 2;
}
/***** PLATOON *****/
.sheet-platoons-rolls-section {
border-bottom: 3px solid #877D70;
}
.sheet-tab-content .sheet-platoons-details {
display: grid;
grid-column-gap: 3px;
grid-row-gap: 6px;
}
.sheet-platoons-header.sheet-platoon-name {
grid-row: 1;
grid-column: 1/2;
}
.sheet-platoons-one.sheet-platoon-name {
grid-row: 2;
grid-column: 1/2;
}
.sheet-platoons-two.sheet-platoon-name {
grid-row: 3;
grid-column: 1/2;
}
.sheet-platoons-three.sheet-platoon-name {
grid-row: 4;
grid-column: 1/2;
}
.sheet-platoons-four.sheet-platoon-name {
grid-row: 5;
grid-column: 1/2;
}
.sheet-platoons-five.sheet-platoon-name {
grid-row: 6;
grid-column: 1/2;
}
.sheet-platoons-header.sheet-platoon-str {
grid-row: 1;
grid-column: 3;
}
.sheet-platoons-one.sheet-platoon-str {
grid-row: 2;
grid-column: 3;
}
.sheet-platoons-two.sheet-platoon-str {
grid-row: 3;
grid-column: 3;
}
.sheet-platoons-three.sheet-platoon-str {
grid-row: 4;
grid-column: 3;
}
.sheet-platoons-four.sheet-platoon-str {
grid-row: 5;
grid-column: 3;
}
.sheet-platoons-five.sheet-platoon-str {
grid-row: 6;
grid-column: 3;
}
.sheet-platoons-header.sheet-platoon-agi {
grid-row: 1;
grid-column: 4;
}
.sheet-platoons-one.sheet-platoon-agi {
grid-row: 2;
grid-column: 4;
}
.sheet-platoons-two.sheet-platoon-agi {
grid-row: 3;
grid-column: 4;
}
.sheet-platoons-three.sheet-platoon-agi {
grid-row: 4;
grid-column: 4;
}
.sheet-platoons-four.sheet-platoon-agi {
grid-row: 5;
grid-column: 4;
}
.sheet-platoons-five.sheet-platoon-agi {
grid-row: 6;
grid-column: 4;
}
.sheet-platoons-header.sheet-platoon-int {
grid-row: 1;
grid-column: 5;
}
.sheet-platoons-one.sheet-platoon-int {
grid-row: 2;
grid-column: 5;
}
.sheet-platoons-two.sheet-platoon-int {
grid-row: 3;
grid-column: 5;
}
.sheet-platoons-three.sheet-platoon-int {
grid-row: 4;
grid-column: 5;
}
.sheet-platoons-four.sheet-platoon-int {
grid-row: 5;
grid-column: 5;
}
.sheet-platoons-five.sheet-platoon-int {
grid-row: 6;
grid-column: 5;
}
.sheet-platoons-header.sheet-platoon-emp {
grid-row: 1;
grid-column: 6;
}
.sheet-platoons-one.sheet-platoon-emp {
grid-row: 2;
grid-column: 6;
}
.sheet-platoons-two.sheet-platoon-emp {
grid-row: 3;
grid-column: 6;
}
.sheet-platoons-three.sheet-platoon-emp {
grid-row: 4;
grid-column: 6;
}
.sheet-platoons-four.sheet-platoon-emp {
grid-row: 5;
grid-column: 6;
}
.sheet-platoons-five.sheet-platoon-emp {
grid-row: 6;
grid-column: 6;
}
.sheet-platoons-header.sheet-platoon-hitcap {
grid-row: 1;
grid-column: 7;
}
.sheet-platoons-one.sheet-platoon-hitcap {
grid-row: 2;
grid-column: 7;
}
.sheet-platoons-two.sheet-platoon-hitcap {
grid-row: 3;
grid-column: 7;
}
.sheet-platoons-three.sheet-platoon-hitcap {
grid-row: 4;
grid-column: 7;
}
.sheet-platoons-four.sheet-platoon-hitcap {
grid-row: 5;
grid-column: 7;
}
.sheet-platoons-five.sheet-platoon-hitcap {
grid-row: 6;
grid-column: 7;
}
.sheet-platoons-header.sheet-platoon-cuf {
grid-row: 1;
grid-column: 8;
}
.sheet-platoons-one.sheet-platoon-cuf {
grid-row: 2;
grid-column: 8;
}
.sheet-platoons-two.sheet-platoon-cuf {
grid-row: 3;
grid-column: 8;
}
.sheet-platoons-three.sheet-platoon-cuf {
grid-row: 4;
grid-column: 8;
}
.sheet-platoons-four.sheet-platoon-cuf {
grid-row: 5;
grid-column: 8;
}
.sheet-platoons-five.sheet-platoon-cuf {
grid-row: 6;
grid-column: 8;
}
.sheet-platoons-header.sheet-platoon-skill1 {
grid-row: 1;
grid-column: 9;
}
.sheet-platoons-one.sheet-platoon-skill1 {
grid-row: 2;
grid-column: 9;
}
.sheet-platoons-two.sheet-platoon-skill1 {
grid-row: 3;
grid-column: 9;
}
.sheet-platoons-three.sheet-platoon-skill1 {
grid-row: 4;
grid-column: 9;
}
.sheet-platoons-four.sheet-platoon-skill1 {
grid-row: 5;
grid-column: 9;
}
.sheet-platoons-five.sheet-platoon-skill1 {
grid-row: 6;
grid-column: 9;
}
.sheet-platoons-header.sheet-platoon-rank1 {
grid-row: 1;
grid-column: 10;
}
.sheet-platoons-one.sheet-platoon-rank1 {
grid-row: 2;
grid-column: 10;
}
.sheet-platoons-two.sheet-platoon-rank1 {
grid-row: 3;
grid-column: 10;
}
.sheet-platoons-three.sheet-platoon-rank1 {
grid-row: 4;
grid-column: 10;
}
.sheet-platoons-four.sheet-platoon-rank1 {
grid-row: 5;
grid-column: 10;
}
.sheet-platoons-five.sheet-platoon-rank1 {
grid-row: 6;
grid-column: 10;
}
.sheet-platoons-header.sheet-platoon-skill2 {
grid-row: 1;
grid-column: 11;
}
.sheet-platoons-one.sheet-platoon-skill2 {
grid-row: 2;
grid-column: 11;
}
.sheet-platoons-two.sheet-platoon-skill2 {
grid-row: 3;
grid-column: 11;
}
.sheet-platoons-three.sheet-platoon-skill2 {
grid-row: 4;
grid-column: 11;
}
.sheet-platoons-four.sheet-platoon-skill2 {
grid-row: 5;
grid-column: 11;
}
.sheet-platoons-five.sheet-platoon-skill2 {
grid-row: 6;
grid-column: 11;
}
.sheet-platoons-header.sheet-platoon-rank2 {
grid-row: 1;
grid-column: 12;
}
.sheet-platoons-one.sheet-platoon-rank2 {
grid-row: 2;
grid-column: 12;
}
.sheet-platoons-two.sheet-platoon-rank2 {
grid-row: 3;
grid-column: 12;
}
.sheet-platoons-three.sheet-platoon-rank2 {
grid-row: 4;
grid-column: 12;
}
.sheet-platoons-four.sheet-platoon-rank2 {
grid-row: 5;
grid-column: 12;
}
.sheet-platoons-five.sheet-platoon-rank2 {
grid-row: 6;
grid-column: 12;
}
.sheet-platoons-header.sheet-platoon-skill3 {
grid-row: 1;
grid-column: 13;
}
.sheet-platoons-one.sheet-platoon-skill3 {
grid-row: 2;
grid-column: 13;
}
.sheet-platoons-two.sheet-platoon-skill3 {
grid-row: 3;
grid-column: 13;
}
.sheet-platoons-three.sheet-platoon-skill3 {
grid-row: 4;
grid-column: 13;
}
.sheet-platoons-four.sheet-platoon-skill3 {
grid-row: 5;
grid-column: 13;
}
.sheet-platoons-five.sheet-platoon-skill3 {
grid-row: 6;
grid-column: 13;
}
.sheet-platoons-header.sheet-platoon-rank3 {
grid-row: 1;
grid-column: 14;
}
.sheet-platoons-one.sheet-platoon-rank3 {
grid-row: 2;
grid-column: 14;
}
.sheet-platoons-two.sheet-platoon-rank3 {
grid-row: 3;
grid-column: 14;
}
.sheet-platoons-three.sheet-platoon-rank3 {
grid-row: 4;
grid-column: 14;
}
.sheet-platoons-four.sheet-platoon-rank3 {
grid-row: 5;
grid-column: 14;
}
.sheet-platoons-five.sheet-platoon-rank3 {
grid-row: 6;
grid-column: 14;
}
.sheet-platoons-header.sheet-platoon-skill4 {
grid-row: 1;
grid-column: 15;
}
.sheet-platoons-one.sheet-platoon-skill4 {
grid-row: 2;
grid-column: 15;
}
.sheet-platoons-two.sheet-platoon-skill4 {
grid-row: 3;
grid-column: 15;
}
.sheet-platoons-three.sheet-platoon-skill4 {
grid-row: 4;
grid-column: 15;
}
.sheet-platoons-four.sheet-platoon-skill4 {
grid-row: 5;
grid-column: 15;
}
.sheet-platoons-five.sheet-platoon-skill4 {
grid-row: 6;
grid-column: 15;
}
.sheet-platoons-header.sheet-platoon-rank4 {
grid-row: 1;
grid-column: 16;
}
.sheet-platoons-one.sheet-platoon-rank4 {
grid-row: 2;
grid-column: 16;
}
.sheet-platoons-two.sheet-platoon-rank4 {
grid-row: 3;
grid-column: 16;
}
.sheet-platoons-three.sheet-platoon-rank4 {
grid-row: 4;
grid-column: 16;
}
.sheet-platoons-four.sheet-platoon-rank4 {
grid-row: 5;
grid-column: 16;
}
.sheet-platoons-five.sheet-platoon-rank4 {
grid-row: 6;
grid-column: 16;
}
.sheet-platoons-header.sheet-platoon-gear {
grid-row: 1;
grid-column: 17/18;
}
.sheet-platoons-one.sheet-platoon-gear {
grid-row: 2;
grid-column: 17/18;
}
.sheet-platoons-two.sheet-platoon-gear {
grid-row: 3;
grid-column: 17/18;
}
.sheet-platoons-three.sheet-platoon-gear {
grid-row: 4;
grid-column: 17/18;
}
.sheet-platoons-four.sheet-platoon-gear {
grid-row: 5;
grid-column: 17/18;
}
.sheet-platoons-five.sheet-platoon-gear {
grid-row: 6;
grid-column: 17/18;
}
/* Targetted styling that only effects elements contained within the stated class */
.sheet-stats h3 {
@@ -1395,9 +1789,12 @@ input[type=number].sheet-number-input.sheet-gear-weight {
.sheet-attributes,
.sheet-combat,
.sheet-vehicle,
.sheet-platoon,
.sheet-stockpile,
.sheet-tab-weapon-one-contents,
.sheet-tab-weapon-two-contents,
.sheet-tab-platoon-one-contents,
.sheet-tab-platoon-two-contents,
.sheet-tab-gear-one-contents,
.sheet-tab-gear-two-contents,
.sheet-tab-specialties-one-contents,
@@ -1411,9 +1808,12 @@ input[type=number].sheet-number-input.sheet-gear-weight {
.sheet-tabstoggle[value="attributes"] ~ div.sheet-attributes,
.sheet-tabstoggle[value="combat"] ~ div.sheet-combat,
.sheet-tabstoggle[value="vehicle"] ~ div.sheet-vehicle,
.sheet-tabstoggle[value="platoon"] ~ div.sheet-platoon,
.sheet-tabstoggle[value="stockpile"] ~ div.sheet-stockpile,
.sheet-tab-weapons[value="tab_weapon_one"] ~ div.sheet-tab-weapon-one-contents,
.sheet-tab-weapons[value="tab_weapon_two"] ~ div.sheet-tab-weapon-two-contents,
.sheet-tab-platoons[value="tab_platoon_one"] ~ div.sheet-tab-platoon-one-contents,
.sheet-tab-platoons[value="tab_platoon_two"] ~ div.sheet-tab-platoon-two-contents,
.sheet-tab-specialties[value="tab_specialties_one"] ~ div.sheet-tab-specialties-one-contents,
.sheet-tab-specialties[value="tab_specialties_two"] ~ div.sheet-tab-specialties-two-contents,
.sheet-tab-gear[value="tab_gear_one"] ~ div.sheet-tab-gear-one-contents,
@@ -1442,10 +1842,14 @@ button[type=action]:hover {
.sheet-tabstoggle[value="combat"] ~ div.sheet-tab-buttons-container button[type=action].sheet-main-buttons.sheet-button-combat,
.sheet-tabstoggle[value="gear"] ~ div.sheet-tab-buttons-container button[type=action].sheet-main-buttons.sheet-button-gear,
.sheet-tabstoggle[value="vehicle"] ~ div.sheet-tab-buttons-container button[type=action].sheet-main-buttons.sheet-button-vehicle,
.sheet-tabstoggle[value="platoon"] ~ div.sheet-tab-buttons-container button[type=action].sheet-main-buttons.sheet-button-platoon,
.sheet-tab-weapons[value="tab_weapon_one"] ~ div.sheet-weapons-section button[type=action].sheet-weapons-header.sheet-weapon-button-one,
.sheet-tab-weapons[value="tab_weapon_two"] ~ div.sheet-weapons-section button[type=action].sheet-weapons-header.sheet-weapon-button-two,
.sheet-tab-platoons[value="tab_platoon_one"] ~ div.sheet-platoons-section button[type=action].sheet-platoons-header.sheet-platoon-button-one,
.sheet-tab-platoons[value="tab_platoon_two"] ~ div.sheet-platoons-section button[type=action].sheet-platoons-header.sheet-platoon-button-two,
.sheet-tab-specialties[value="tab_specialties_one"] ~ button[type=action].sheet-specialties-button-one,
.sheet-tab-specialties[value="tab_specialties_two"] ~ button[type=action].sheet-specialties-button-two,
@@ -1824,4 +2228,4 @@ input.sheet-letter-box:checked + span::before {
{
background-color: transparent;
border:none;
}
}