diff --git a/PokemonTabletopAdventures_v3/PTA3.css b/PokemonTabletopAdventures_v3/PTA3.css index ab0f4e448c..590c5131f4 100644 --- a/PokemonTabletopAdventures_v3/PTA3.css +++ b/PokemonTabletopAdventures_v3/PTA3.css @@ -97,6 +97,11 @@ --stat-ro-spatk: #99ffff80; --stat-ro-spdef: #99ff9980; --stat-ro-spd: #ff99ff80; + --stat-atk-highlight: #ff9999cc; + --stat-def-highlight: #ffff99cc; + --stat-spatk-highlight: #99ffffcc; + --stat-spdef-highlight: #99ff99cc; + --stat-spd-highlight: #ff99ffcc; } .sheet-rolltemplate-inline-skill-roll, @@ -593,6 +598,15 @@ div.sheet-collapsible-skill { position: relative; } +div.sheet-collapsible-skill.sheet-capture { + grid-template-columns: 8fr 4fr 3fr 1fr; +} + +div.sheet-collapsible-skill.sheet-capture > input.sheet-options-flag, +div.sheet-collapsible-skill.sheet-capture > input.sheet-options-flag + span { + grid-column: 4; +} + div.sheet-collapsible-skill > input.sheet-options-flag, div.sheet-collapsible-skill > input.sheet-options-flag + span { display: block; @@ -614,7 +628,7 @@ div.sheet-3col-centered { .sheet-collapsible-skill.sheet-capture > div.sheet-options { background: #0001; border: 1px solid var(--foreground-color); - grid-area: 2 / 1 / 2 / 4; + grid-area: 2 / 1 / 2 / 5; padding: 0 8px; padding-bottom: 4px; display: grid; @@ -668,6 +682,25 @@ div.sheet-class-feature { background-size: 150px; } +div.sheet-control-header { + display: grid; + grid-template-columns: 4fr 1fr; +} + +p.sheet-pictos-font { + font-family: pictos; +} + +div.sheet-control-header div.sheet-header-controls > p { + display: inline-block; +} + +div.sheet-control-header div.sheet-header-controls > button[type="action"] { + border: none; + background: none; + box-shadow: none; +} + /* Sheet background and styling for Form Changes */ input.sheet-form-setting[value="mega"] ~ div.sheet-wrapper { @@ -1164,84 +1197,133 @@ input.sheet-character-type[value="hybrid"] ~ div.sheet-tab-hybrid { background-color: var(--stat-spd); } -input.sheet-skill-color-setting[value="ATK"] + input[type="number"].sheet-skill-total, -input.sheet-skill-color-setting[value="ATK"] + .sheet-skill-total + button[type="roll"].sheet-skill-roller:hover, input.sheet-skill-color-setting[value="ATK"] + button[type="roll"].sheet-skill-roller:hover, -input.sheet-skill-color-setting[value="ATK"] + button[type="roll"].sheet-skill-roller + .sheet-skill-total { +input.sheet-skill-color-setting[value="ATK"] + button[type="roll"].sheet-skill-roller + input.sheet-skill-total, +input.sheet-skill-color-setting[value="ATK"] + button[type="roll"].sheet-skill-roller + select + input.sheet-skill-total { background-color: var(--stat-ro-atk); border-color: #555555; } -input.sheet-skill-color-setting[value="DEF"] + input[type="number"].sheet-skill-total, -input.sheet-skill-color-setting[value="DEF"] + .sheet-skill-total + button[type="roll"].sheet-skill-roller:hover, input.sheet-skill-color-setting[value="DEF"] + button[type="roll"].sheet-skill-roller:hover, -input.sheet-skill-color-setting[value="DEF"] + button[type="roll"].sheet-skill-roller + .sheet-skill-total { +input.sheet-skill-color-setting[value="DEF"] + button[type="roll"].sheet-skill-roller + input.sheet-skill-total, +input.sheet-skill-color-setting[value="DEF"] + button[type="roll"].sheet-skill-roller + select + input.sheet-skill-total { background-color: var(--stat-ro-def); border-color: #555555; } -input.sheet-skill-color-setting[value="SPATK"] + input[type="number"].sheet-skill-total, -input.sheet-skill-color-setting[value="SPATK"] + .sheet-skill-total + button[type="roll"].sheet-skill-roller:hover, input.sheet-skill-color-setting[value="SPATK"] + button[type="roll"].sheet-skill-roller:hover, -input.sheet-skill-color-setting[value="SPATK"] + button[type="roll"].sheet-skill-roller + .sheet-skill-total { +input.sheet-skill-color-setting[value="SPATK"] + button[type="roll"].sheet-skill-roller + input.sheet-skill-total, +input.sheet-skill-color-setting[value="SPATK"] + button[type="roll"].sheet-skill-roller + select + input.sheet-skill-total { background-color: var(--stat-ro-spatk); border-color: #555555; } -input.sheet-skill-color-setting[value="SPDEF"] + input[type="number"].sheet-skill-total, -input.sheet-skill-color-setting[value="SPDEF"] + .sheet-skill-total + button[type="roll"].sheet-skill-roller:hover, input.sheet-skill-color-setting[value="SPDEF"] + button[type="roll"].sheet-skill-roller:hover, -input.sheet-skill-color-setting[value="SPDEF"] + button[type="roll"].sheet-skill-roller + .sheet-skill-total { +input.sheet-skill-color-setting[value="SPDEF"] + button[type="roll"].sheet-skill-roller + input.sheet-skill-total, +input.sheet-skill-color-setting[value="SPDEF"] + button[type="roll"].sheet-skill-roller + select + input.sheet-skill-total { background-color: var(--stat-ro-spdef); border-color: #555555; } -input.sheet-skill-color-setting[value="SPD"] + input[type="number"].sheet-skill-total, -input.sheet-skill-color-setting[value="SPD"] + .sheet-skill-total + button[type="roll"].sheet-skill-roller:hover, input.sheet-skill-color-setting[value="SPD"] + button[type="roll"].sheet-skill-roller:hover, -input.sheet-skill-color-setting[value="SPD"] + button[type="roll"].sheet-skill-roller + .sheet-skill-total { +input.sheet-skill-color-setting[value="SPD"] + button[type="roll"].sheet-skill-roller + input.sheet-skill-total, +input.sheet-skill-color-setting[value="SPD"] + button[type="roll"].sheet-skill-roller + select + input.sheet-skill-total { background-color: var(--stat-ro-spd); border-color: #555555; } -.sheet-darkmode input.sheet-skill-color-setting[value="ATK"] + input[type="number"].sheet-skill-total, -.sheet-darkmode input.sheet-skill-color-setting[value="ATK"] + .sheet-skill-total + button[type="roll"].sheet-skill-roller:hover, +.sheet-darkmode input.sheet-skill-color-setting + button[type="roll"].sheet-skill-roller:hover, +.sheet-darkmode input.sheet-skill-color-setting + button[type="roll"].sheet-skill-roller + input.sheet-skill-total, +.sheet-darkmode input.sheet-skill-color-setting + button[type="roll"].sheet-skill-roller + select + input.sheet-skill-total { + color: #dddddd; +} + .sheet-darkmode input.sheet-skill-color-setting[value="ATK"] + button[type="roll"].sheet-skill-roller:hover, -.sheet-darkmode input.sheet-skill-color-setting[value="ATK"] + button[type="roll"].sheet-skill-roller + .sheet-skill-total { +.sheet-darkmode input.sheet-skill-color-setting[value="ATK"] + button[type="roll"].sheet-skill-roller + input.sheet-skill-total, +.sheet-darkmode input.sheet-skill-color-setting[value="ATK"] + button[type="roll"].sheet-skill-roller + select + input.sheet-skill-total { border-color: var(--stat-atk); - color: var(--stat-atk); } -.sheet-darkmode input.sheet-skill-color-setting[value="DEF"] + input[type="number"].sheet-skill-total, -.sheet-darkmode input.sheet-skill-color-setting[value="DEF"] + .sheet-skill-total + button[type="roll"].sheet-skill-roller:hover, .sheet-darkmode input.sheet-skill-color-setting[value="DEF"] + button[type="roll"].sheet-skill-roller:hover, -.sheet-darkmode input.sheet-skill-color-setting[value="DEF"] + button[type="roll"].sheet-skill-roller + .sheet-skill-total { +.sheet-darkmode input.sheet-skill-color-setting[value="DEF"] + button[type="roll"].sheet-skill-roller + input.sheet-skill-total, +.sheet-darkmode input.sheet-skill-color-setting[value="DEF"] + button[type="roll"].sheet-skill-roller + select + input.sheet-skill-total { border-color: var(--stat-def); - color: var(--stat-def); } -.sheet-darkmode input.sheet-skill-color-setting[value="SPATK"] + input[type="number"].sheet-skill-total, -.sheet-darkmode input.sheet-skill-color-setting[value="SPATK"] + .sheet-skill-total + button[type="roll"].sheet-skill-roller:hover, .sheet-darkmode input.sheet-skill-color-setting[value="SPATK"] + button[type="roll"].sheet-skill-roller:hover, -.sheet-darkmode input.sheet-skill-color-setting[value="SPATK"] + button[type="roll"].sheet-skill-roller + .sheet-skill-total { +.sheet-darkmode input.sheet-skill-color-setting[value="SPATK"] + button[type="roll"].sheet-skill-roller + input.sheet-skill-total, +.sheet-darkmode input.sheet-skill-color-setting[value="SPATK"] + button[type="roll"].sheet-skill-roller + select + input.sheet-skill-total { border-color: var(--stat-spatk); - color: var(--stat-spatk); } -.sheet-darkmode input.sheet-skill-color-setting[value="SPDEF"] + input[type="number"].sheet-skill-total, -.sheet-darkmode input.sheet-skill-color-setting[value="SPDEF"] + .sheet-skill-total + button[type="roll"].sheet-skill-roller:hover, .sheet-darkmode input.sheet-skill-color-setting[value="SPDEF"] + button[type="roll"].sheet-skill-roller:hover, -.sheet-darkmode input.sheet-skill-color-setting[value="SPDEF"] + button[type="roll"].sheet-skill-roller + .sheet-skill-total { +.sheet-darkmode input.sheet-skill-color-setting[value="SPDEF"] + button[type="roll"].sheet-skill-roller + input.sheet-skill-total, +.sheet-darkmode input.sheet-skill-color-setting[value="SPDEF"] + button[type="roll"].sheet-skill-roller + select + input.sheet-skill-total { border-color: var(--stat-spdef); - color: var(--stat-spdef); } -.sheet-darkmode input.sheet-skill-color-setting[value="SPD"] + input[type="number"].sheet-skill-total, -.sheet-darkmode input.sheet-skill-color-setting[value="SPD"] + .sheet-skill-total + button[type="roll"].sheet-skill-roller:hover, .sheet-darkmode input.sheet-skill-color-setting[value="SPD"] + button[type="roll"].sheet-skill-roller:hover, -.sheet-darkmode input.sheet-skill-color-setting[value="SPD"] + button[type="roll"].sheet-skill-roller + .sheet-skill-total { +.sheet-darkmode input.sheet-skill-color-setting[value="SPD"] + button[type="roll"].sheet-skill-roller + input.sheet-skill-total, +.sheet-darkmode input.sheet-skill-color-setting[value="SPD"] + button[type="roll"].sheet-skill-roller + select + input.sheet-skill-total { border-color: var(--stat-spd); - color: var(--stat-spd); +} + +input.sheet-skill-color-setting + button[type="roll"].sheet-skill-roller input.sheet-talent-pip-setting[value="on"] + span, +input.sheet-skill-color-setting + button[type="roll"].sheet-skill-roller input.sheet-talent-pip-setting[value="2"] + span { + background-color: var(--foreground-color); +} + +.sheet-darkmode input.sheet-skill-color-setting[value="ATK"] + button[type="roll"].sheet-skill-roller input.sheet-talent-pip-setting[value="on"] + span, +.sheet-darkmode input.sheet-skill-color-setting[value="ATK"] + button[type="roll"].sheet-skill-roller input.sheet-talent-pip-setting[value="2"] + span { + background-color: var(--stat-atk-highlight); +} + +.sheet-darkmode input.sheet-skill-color-setting[value="DEF"] + button[type="roll"].sheet-skill-roller input.sheet-talent-pip-setting[value="on"] + span, +.sheet-darkmode input.sheet-skill-color-setting[value="DEF"] + button[type="roll"].sheet-skill-roller input.sheet-talent-pip-setting[value="2"] + span { + background-color: var(--stat-def-highlight); +} + +.sheet-darkmode input.sheet-skill-color-setting[value="SPATK"] + button[type="roll"].sheet-skill-roller input.sheet-talent-pip-setting[value="on"] + span, +.sheet-darkmode input.sheet-skill-color-setting[value="SPATK"] + button[type="roll"].sheet-skill-roller input.sheet-talent-pip-setting[value="2"] + span { + background-color: var(--stat-spatk-highlight); +} + +.sheet-darkmode input.sheet-skill-color-setting[value="SPDEF"] + button[type="roll"].sheet-skill-roller input.sheet-talent-pip-setting[value="on"] + span, +.sheet-darkmode input.sheet-skill-color-setting[value="SPDEF"] + button[type="roll"].sheet-skill-roller input.sheet-talent-pip-setting[value="2"] + span { + background-color: var(--stat-spdef-highlight); +} + +.sheet-darkmode input.sheet-skill-color-setting[value="SPD"] + button[type="roll"].sheet-skill-roller input.sheet-talent-pip-setting[value="on"] + span, +.sheet-darkmode input.sheet-skill-color-setting[value="SPD"] + button[type="roll"].sheet-skill-roller input.sheet-talent-pip-setting[value="2"] + span { + background-color: var(--stat-spd-highlight); +} + +input.sheet-skill-color-setting + button[type="roll"].sheet-skill-roller { + position: relative; +} + +input.sheet-skill-color-setting + button[type="roll"].sheet-skill-roller input.sheet-talent-pip-setting + span { + border-radius: 50%; + height: 8px; + width: 8px; + position: absolute; + bottom: 6px; +} + +input.sheet-skill-color-setting + button[type="roll"].sheet-skill-roller input.sheet-talent-pip-setting + span.sheet-talent1-pip { + right: 20px; +} + +input.sheet-skill-color-setting + button[type="roll"].sheet-skill-roller input.sheet-talent-pip-setting + span.sheet-talent2-pip { + right: 8px; +} + +input.sheet-skill-color-setting + button[type="roll"].sheet-skill-roller input.sheet-talent-pip-setting + span { + background-color: #00000020; +} + +.sheet-darkmode input.sheet-skill-color-setting + button[type="roll"].sheet-skill-roller input.sheet-talent-pip-setting + span { + background-color: #ffffff20; } input.sheet-skill-total { diff --git a/PokemonTabletopAdventures_v3/PTA3.html b/PokemonTabletopAdventures_v3/PTA3.html index 3f515e1854..08a0c7320e 100644 --- a/PokemonTabletopAdventures_v3/PTA3.html +++ b/PokemonTabletopAdventures_v3/PTA3.html @@ -1,36 +1,34 @@ @@ -253,11 +251,6 @@ - - Held Item - - -