diff --git a/HeroSystem6eHeroic/HeroSystem6eHeroic.css b/HeroSystem6eHeroic/HeroSystem6eHeroic.css index 4219b11150..11581f4d8e 100644 --- a/HeroSystem6eHeroic/HeroSystem6eHeroic.css +++ b/HeroSystem6eHeroic/HeroSystem6eHeroic.css @@ -344,6 +344,27 @@ select:focus + .focus { margin-bottom: 5px; } +.grid-container-characteristics-leftGrid h1 { + padding-left: 0px; + padding-top: 5px; + padding-bottom: 0px; + margin: 0px; + font-size: 13px; + font-style: normal; + line-height: 1.40; + min-width: 54px; +} + +.grid-container-characteristics-leftGrid h2 { + height: 20px; + line-height: 1.6; + margin-left: 5px; + margin-bottom: 0px; + margin-top: 2px; + font-size: 13px; + font-style: normal; +} + /* Item: logo graphic bio0 */ .item-characteristics-logo { @@ -464,12 +485,19 @@ select:focus + .focus { vertical-align: top; } +.item-characteristics-earnings h1 { + margin-bottom: 10px; + padding-left: 3px; + padding-top: 4px; + line-height: 1.3; +} + .item-characteristics-earnings input[type=number] { text-align: right; padding-right: 1px; border: solid 1px palegoldenrod; padding-top: 2px; - margin-bottom: 1px; + margin-bottom: 5px; } .item-characteristics-earnings input[type=text] { @@ -479,7 +507,8 @@ select:focus + .focus { background-color: #fff990; font-weight: bold; margin-top: 0px; - margin-bottom: 2px; + margin-bottom: 1px; + color: black; } /* Subitem: Character Experience */ @@ -504,6 +533,7 @@ select:focus + .focus { .item-characteristics-earnings-money input[type=number] { min-width: 70px; + margin-bottom: 5px; } /* Item: core abilities */ @@ -512,7 +542,7 @@ select:focus + .focus { display: grid; grid-template-areas: "primaryAbilityNames primaryAbilityValues primaryAbilityChances primaryAbilityButtons primaryAbilityCosts"; - grid-template-columns: 126px 49px 50px 40px 45px; + grid-template-columns: 126px 49px 50px 45px 45px; min-width: 300px; vertical-align: middle; margin-left: 6px; @@ -520,28 +550,29 @@ select:focus + .focus { border-top: solid 1px goldenrod; border-left: solid 1px goldenrod; border-right: solid 1px goldenrod; - border-bottom: none; + border-bottom: 0px; border-top-left-radius: 3px; border-top-right-radius: 3px; + padding-bottom: 2px; } .item-characteristics-primary-attributes h1 { - margin-left: 0px; - padding-left: 0px; - padding-top: 4px; - padding-bottom: 0px; + background: gold; + padding-left: 5px; + padding-right: 6px; + padding-top: 2px; + padding-bottom: 2px; margin: 0px; + margin-top: 0px; font-size: 13px; font-style: normal; - line-height: 1.48; - min-width: 54px; + line-height: 1.35; } -.item-characteristics-primary-attributes h1:nth-child(1){ - background-color: gold; +.item-characteristics-primary-attributes h2 { + margin-left: 8px; } - .item-characteristics-primary-attributes input[type=number] { text-align: right; padding-right: 0px; @@ -554,21 +585,6 @@ select:focus + .focus { max-width: 45px; } -.item-characteristics-primary-attributes label { - height: 20px; - line-height: 1.6; - margin-left: 5px; - margin-bottom: 1px; - margin-top: 2px; -} - -.item-characteristics-primary-attributes label:nth-child(1) { - background: gold; - margin-left: 0px; - padding-left: 1px; - padding-top: 3px; -} - /* Sub-Item: core abilities characteristics */ .item-characteristics-primary-attributes-names { grid-area: primaryAbilityNames; @@ -592,10 +608,6 @@ select:focus + .focus { max-width: 55px; } -.item-characteristics-primary-attributes h1 { - padding-left: 5px; -} - /* Sub-Item: core abilities values */ .item-characteristics-primary-attributes-rollChances { grid-area: primaryAbilityChances; @@ -608,7 +620,7 @@ select:focus + .focus { } .item-characteristics-primary-attributes-rollChances h1 { - padding-left: 8px; + margin-left: 6px; } /* Sub-Item: core abilities values */ @@ -633,7 +645,9 @@ select:focus + .focus { } .item-characteristics-primary-attributes-costs h1 { - padding-left: 2px; + margin-left: 8px; + text-align: left; + min-width: 32px; } /* Item: combat abilities */ @@ -642,7 +656,7 @@ select:focus + .focus { display: grid; grid-template-areas: "combatAbilityNames combatAbilityValues . . combatAbilityCosts"; - grid-template-columns: 120px 50px 55px 40px 45px; + grid-template-columns: 126px 49px 50px 45px 45px; min-width: 300px; vertical-align: middle; margin-left: 6px; @@ -652,6 +666,7 @@ select:focus + .focus { border-left: solid 1px goldenrod; border-bottom: none; border-top: none; + padding-bottom: 2px; } .item-characteristics-combat-attributes input[type=number] { @@ -667,41 +682,30 @@ select:focus + .focus { max-width: 45px; } -.item-characteristics-combat-attributes label:nth-child(1) { +.item-characteristics-combat-attributes h1 { background: gold; - margin-left: 0px; - padding-left: 1px; + padding-left: 5px; + padding-right: 6px; + padding-top: 2px; + padding-bottom: 2px; + margin: 0px; + margin-top: 0px; + font-size: 13px; + font-style: normal; + line-height: 1.35; } -.item-characteristics-combat-attributes label { - height: 20px; - line-height: 1.6; - margin: 0; - margin-left: 6px; -} - -.item-characteristics-combat-attributes label:nth-child(1) { - background: gold; +.item-characteristics-combat-attributes h2 { + margin-left: 8px; } /* Sub-Item: combat abilities characteristics */ .item-characteristics-combat-attributes-names { + display: flex; + flex-direction: column; + justify-content: space-between; text-align: left; grid-area: combatAbilityNames; -} - -.item-characteristics-combat-attributes-names h1 { - background: gold; - margin-left: 0px; - padding-left: 2px; - padding-right: 50px; - padding-top: 2px; - padding-bottom: 1px; - margin: 0px; - margin-top: 1px; - font-size: 13px; - font-style: normal; - line-height: 1.35; min-width: 120px; } @@ -709,21 +713,10 @@ select:focus + .focus { .item-characteristics-combat-attributes-values { text-align: center; grid-area: combatAbilityValues; -} - -.item-characteristics-combat-attributes-values h1 { - background: gold; - margin-left: 0px; - padding-left: 12px; - padding-right: 17px; - padding-top: 2px; - padding-bottom: 1px; - margin: 0px; - margin-top: 1px; - font-size: 13px; - font-style: normal; - line-height: 1.35; - min-width: 120px; + display: flex; + flex-direction: column; + justify-content: space-between; + min-width: 152px; text-align: left; } @@ -731,21 +724,15 @@ select:focus + .focus { .item-characteristics-combat-attributes-costs { grid-area: combatAbilityCosts; text-align: right; + display: flex; + flex-direction: column; + justify-content: space-between; } .item-characteristics-combat-attributes-costs h1 { - background: gold; - margin-left: 0px; - padding-left: 1px; - padding-right: 17px; - padding-top: 2px; - padding-bottom: 1px; - margin: 0px; - margin-top: 1px; - font-size: 13px; - font-style: normal; - line-height: 1.35; - min-width: 38px; + margin-left: 8px; + text-align: left; + min-width: 32px; } /* Item: combat abilities */ @@ -754,7 +741,7 @@ select:focus + .focus { display: grid; grid-template-areas: "movementNames movementValues . . movementCosts"; - grid-template-columns: 120px 50px 55px 40px 45px; + grid-template-columns: 126px 49px 50px 45px 45px; background: purple; min-width: 300px; margin-left: 6px; @@ -776,87 +763,60 @@ select:focus + .focus { .item-characteristics-movement-abilities input[readonly] { text-align: center; - padding-right: 2px; - border: none; + padding-right: 0px; + border: none; max-width: 45px; } -.item-characteristics-movement-abilities label:nth-child(1) { +.item-characteristics-movement-abilities h1 { background: gold; - margin-left: 0px; - padding-left: 1px; + padding-left: 5px; + padding-right: 6px; + padding-top: 2px; + padding-bottom: 2px; + margin: 0px; + margin-top: 0px; + font-size: 13px; + font-style: normal; + line-height: 1.35; } -.item-characteristics-movement-abilities label { - height: 20px; - line-height: 1.6; - margin: 0; - margin-left: 6px; -} - -.item-characteristics-movement-abilities label:nth-child(1) { - background: gold; +.item-characteristics-movement-abilities h2 { + margin-left: 8px; } /* Sub-Item: combat abilities characteristics */ .item-characteristics-movement-abilities-names { grid-area: movementNames; -} - -.item-characteristics-movement-abilities-names h1 { - background: gold; - margin-left: 0px; - padding-left: 2px; - padding-right: 50px; - padding-top: 2px; - padding-bottom: 1px; - margin: 0px; - margin-top: 1px; - font-size: 13px; - font-style: normal; - line-height: 1.35; - min-width: 120px; + display: flex; + flex-direction: column; + justify-content: space-between; } /* Sub-Item: core abilities values */ .item-characteristics-movement-abilities-values { grid-area: movementValues; + display: flex; + flex-direction: column; + justify-content: space-between; } .item-characteristics-movement-abilities-values h1 { - background: gold; - margin-left: 0px; - padding-left: 12px; - padding-right: 17px; - padding-top: 2px; - padding-bottom: 1px; - margin: 0px; - margin-top: 1px; - font-size: 13px; - font-style: normal; - line-height: 1.35; - min-width: 130px; - text-align: left; + min-width: 141px; } /* Sub-Item: core abilities costs */ .item-characteristics-movement-abilities-costs { grid-area: movementCosts; + display: flex; + flex-direction: column; + justify-content: space-between; } .item-characteristics-movement-abilities-costs h1 { - background: gold; - margin-left: 0px; - padding-left: 20px; - padding-right: 5px; - padding-top: 2px; - padding-bottom: 1px; - margin: 0px; - margin-top: 1px; - font-size: 13px; - font-style: normal; - line-height: 1.35; - min-width: 31px; + margin-left: 8px; + text-align: left; + min-width: 32px; } /* characteristics tab right side */ @@ -1252,25 +1212,46 @@ select:focus + .focus { min-width: 674px; } -.grid-container-tab-options label { +.grid-container-tab-options h1 { font-size: 14px; - margin-left: 5px; + margin-left: 0px; + color: black; + padding-bottom: 5px; +} + +.grid-container-tab-options label { + max-width: 13px; + padding: 8px; } /* Sub-Item: options */ .item-options { grid-area: options; + display: flex; + flex-direction: column; + justify-content: flex-start; padding-left: 2px; padding-top: 2px; padding-bottom: 2px; background-color: #fff990; margin: 5px; width: 450px; + max-height: 203px; margin: 0px; border: solid 2px goldenrod; border-radius: 3px; } +.item-options-row { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: baseline; + min-width: 400px; + max-height: 28px; + margin-left: 10px; +} + /* --------------------------------------------------- */ /* Custom buttons */ /* --------------------------------------------------- */ @@ -4250,7 +4231,8 @@ select:focus + .focus { .sheet-rolltemplate-custom-attack, .sheet-rolltemplate-custom-activate, .sheet-rolltemplate-custom-show { - margin-left: -37px; + margin-left: -37px; + color: #181818; } .withoutavatars .sheet-rolltemplate-custom, @@ -4259,8 +4241,9 @@ select:focus + .focus { .withoutavatars .sheet-rolltemplate-custom-attack, .withoutavatars .sheet-rolltemplate-custom-activate, .withoutavatars .sheet-rolltemplate-custom-show { - margin-left: -7px; - } + margin-left: -7px; + color: #181818; +} .sheet-rolltemplate-custom .sheet-container, .sheet-rolltemplate-custom-normal-attack .sheet-container, @@ -4420,4 +4403,4 @@ select:focus + .focus { grid-column: span 2; padding-right: 10px; text-align: left; -} \ No newline at end of file +} diff --git a/HeroSystem6eHeroic/HeroSystem6eHeroic.html b/HeroSystem6eHeroic/HeroSystem6eHeroic.html index af5411c868..f2a88285b8 100644 --- a/HeroSystem6eHeroic/HeroSystem6eHeroic.html +++ b/HeroSystem6eHeroic/HeroSystem6eHeroic.html @@ -22,7 +22,7 @@
- +

Name:

@@ -30,7 +30,7 @@
- +

Title:

@@ -38,7 +38,7 @@
- +

Background:

@@ -49,7 +49,7 @@
- +

Experience:

@@ -69,12 +69,12 @@

Characteristics

- - - - - - +

Strength

+

Dexterity

+

Constitution

+

Intelligence

+

Ego

+

Presence

@@ -115,82 +115,82 @@

CP

- - - - - - + + + + + +

Combat Abilities

- - - - - - - - - - - +

OCV

+

DCV

+

OMCV

+

DMCV

+

Speed

+

Physical Defense

+

Energy Defense

+

Body

+

Stun

+

Endurance

+

Recovery

Value

- - - - - - - - - - - + + + + + + + + + + +

CP

- - - - - - - - - - - + + + + + + + + + + +
-
-

Movement

- - - -
+
+

Movement

+

Running

+

Leaping

+

Swimming

+
-
+

Value

-
-
-
+ + +
-

CP

-
-
-
+

CP

+ + +
@@ -3543,31 +3543,48 @@
- - +
+

Options

+
+
+ +

Characteristic Maximums

+
- +
+ +

Literacy Costs Character Points

+
- +
+ +

Attack and Power Buttons Apply END Costs

+
- +
+ +

Super-Heroic Campaign Endurance

+
- +
+ +

Use Hit Location System

+
@@ -8633,4 +8650,4 @@ // End sheet workers - \ No newline at end of file +