diff --git a/PokemonTabletopAdventures_v3/PTA3.css b/PokemonTabletopAdventures_v3/PTA3.css index e2cd47acd9..fa59852be3 100644 --- a/PokemonTabletopAdventures_v3/PTA3.css +++ b/PokemonTabletopAdventures_v3/PTA3.css @@ -148,133 +148,152 @@ button.sheet-hidden-setting { } input.sheet-color-setting[value="bug"] ~ div.sheet-wrapper, -input.sheet-color-setting-move[value="bug"] ~ div.sheet-pokemon-move { +input.sheet-color-setting-move[value="bug"] ~ div.sheet-pokemon-move, +input.sheet-color-setting-feature[value="bug"] ~ div.sheet-class-feature { --background-color: var(--poke-bug); --foreground-color: var(--poke-bug-shaded); --text-background-color: var(--poke-bug-background); } input.sheet-color-setting[value="dark"] ~ div.sheet-wrapper, -input.sheet-color-setting-move[value="dark"] ~ div.sheet-pokemon-move { +input.sheet-color-setting-move[value="dark"] ~ div.sheet-pokemon-move, +input.sheet-color-setting-feature[value="dark"] ~ div.sheet-class-feature { --background-color: var(--poke-dark); --foreground-color: var(--poke-dark-shaded); --text-background-color: var(--poke-dark-background); } input.sheet-color-setting[value="dragon"] ~ div.sheet-wrapper, -input.sheet-color-setting-move[value="dragon"] ~ div.sheet-pokemon-move { +input.sheet-color-setting-move[value="dragon"] ~ div.sheet-pokemon-move, +input.sheet-color-setting-feature[value="dragon"] ~ div.sheet-class-feature { --background-color: var(--poke-dragon); --foreground-color: var(--poke-dragon-shaded); --text-background-color: var(--poke-dragon-background); } input.sheet-color-setting[value="electric"] ~ div.sheet-wrapper, -input.sheet-color-setting-move[value="electric"] ~ div.sheet-pokemon-move { +input.sheet-color-setting-move[value="electric"] ~ div.sheet-pokemon-move, +input.sheet-color-setting-feature[value="electric"] ~ div.sheet-class-feature { --background-color: var(--poke-electric); --foreground-color: var(--poke-electric-shaded); --text-background-color: var(--poke-electric-background); } input.sheet-color-setting[value="fairy"] ~ div.sheet-wrapper, -input.sheet-color-setting-move[value="fairy"] ~ div.sheet-pokemon-move { +input.sheet-color-setting-move[value="fairy"] ~ div.sheet-pokemon-move, +input.sheet-color-setting-feature[value="fairy"] ~ div.sheet-class-feature { --background-color: var(--poke-fairy); --foreground-color: var(--poke-fairy-shaded); --text-background-color: var(--poke-fairy-background); } input.sheet-color-setting[value="fighting"] ~ div.sheet-wrapper, -input.sheet-color-setting-move[value="fighting"] ~ div.sheet-pokemon-move { +input.sheet-color-setting-move[value="fighting"] ~ div.sheet-pokemon-move, +input.sheet-color-setting-feature[value="fighting"] ~ div.sheet-class-feature { --background-color: var(--poke-fighting); --foreground-color: var(--poke-fighting-shaded); --text-background-color: var(--poke-fighting-background); } input.sheet-color-setting[value="fire"] ~ div.sheet-wrapper, -input.sheet-color-setting-move[value="fire"] ~ div.sheet-pokemon-move { +input.sheet-color-setting-move[value="fire"] ~ div.sheet-pokemon-move, +input.sheet-color-setting-feature[value="fire"] ~ div.sheet-class-feature { --background-color: var(--poke-fire); --foreground-color: var(--poke-fire-shaded); --text-background-color: var(--poke-fire-background); } input.sheet-color-setting[value="flying"] ~ div.sheet-wrapper, -input.sheet-color-setting-move[value="flying"] ~ div.sheet-pokemon-move { +input.sheet-color-setting-move[value="flying"] ~ div.sheet-pokemon-move, +input.sheet-color-setting-feature[value="flying"] ~ div.sheet-class-feature { --background-color: var(--poke-flying); --foreground-color: var(--poke-flying-shaded); --text-background-color: var(--poke-flying-background); } input.sheet-color-setting[value="ghost"] ~ div.sheet-wrapper, -input.sheet-color-setting-move[value="ghost"] ~ div.sheet-pokemon-move { +input.sheet-color-setting-move[value="ghost"] ~ div.sheet-pokemon-move, +input.sheet-color-setting-feature[value="ghost"] ~ div.sheet-class-feature { --background-color: var(--poke-ghost); --foreground-color: var(--poke-ghost-shaded); --text-background-color: var(--poke-ghost-background); } input.sheet-color-setting[value="grass"] ~ div.sheet-wrapper, -input.sheet-color-setting-move[value="grass"] ~ div.sheet-pokemon-move { +input.sheet-color-setting-move[value="grass"] ~ div.sheet-pokemon-move, +input.sheet-color-setting-feature[value="grass"] ~ div.sheet-class-feature { --background-color: var(--poke-grass); --foreground-color: var(--poke-grass-shaded); --text-background-color: var(--poke-grass-background); } input.sheet-color-setting[value="ground"] ~ div.sheet-wrapper, -input.sheet-color-setting-move[value="ground"] ~ div.sheet-pokemon-move { +input.sheet-color-setting-move[value="ground"] ~ div.sheet-pokemon-move, +input.sheet-color-setting-feature[value="ground"] ~ div.sheet-class-feature { --background-color: var(--poke-ground); --foreground-color: var(--poke-ground-shaded); --text-background-color: var(--poke-ground-background); } input.sheet-color-setting[value="ice"] ~ div.sheet-wrapper, -input.sheet-color-setting-move[value="ice"] ~ div.sheet-pokemon-move { +input.sheet-color-setting-move[value="ice"] ~ div.sheet-pokemon-move, +input.sheet-color-setting-feature[value="ice"] ~ div.sheet-class-feature { --background-color: var(--poke-ice); --foreground-color: var(--poke-ice-shaded); --text-background-color: var(--poke-ice-background); } input.sheet-color-setting[value="normal"] ~ div.sheet-wrapper, -input.sheet-color-setting-move[value="normal"] ~ div.sheet-pokemon-move { +input.sheet-color-setting-move[value="normal"] ~ div.sheet-pokemon-move, +input.sheet-color-setting-feature[value="normal"] ~ div.sheet-class-feature { --background-color: var(--poke-normal); --foreground-color: var(--poke-normal-shaded); --text-background-color: var(--poke-normal-background); } input.sheet-color-setting[value="poison"] ~ div.sheet-wrapper, -input.sheet-color-setting-move[value="poison"] ~ div.sheet-pokemon-move { +input.sheet-color-setting-move[value="poison"] ~ div.sheet-pokemon-move, +input.sheet-color-setting-feature[value="poison"] ~ div.sheet-class-feature { --background-color: var(--poke-poison); --foreground-color: var(--poke-poison-shaded); --text-background-color: var(--poke-poison-background); } input.sheet-color-setting[value="psychic"] ~ div.sheet-wrapper, -input.sheet-color-setting-move[value="psychic"] ~ div.sheet-pokemon-move { +input.sheet-color-setting-move[value="psychic"] ~ div.sheet-pokemon-move, +input.sheet-color-setting-feature[value="psychic"] ~ div.sheet-class-feature { --background-color: var(--poke-psychic); --foreground-color: var(--poke-psychic-shaded); --text-background-color: var(--poke-psychic-background); } input.sheet-color-setting[value="rock"] ~ div.sheet-wrapper, -input.sheet-color-setting-move[value="rock"] ~ div.sheet-pokemon-move { +input.sheet-color-setting-move[value="rock"] ~ div.sheet-pokemon-move, +input.sheet-color-setting-feature[value="rock"] ~ div.sheet-class-feature { --background-color: var(--poke-rock); --foreground-color: var(--poke-rock-shaded); --text-background-color: var(--poke-rock-background); } input.sheet-color-setting[value="steel"] ~ div.sheet-wrapper, -input.sheet-color-setting-move[value="steel"] ~ div.sheet-pokemon-move { +input.sheet-color-setting-move[value="steel"] ~ div.sheet-pokemon-move, +input.sheet-color-setting-feature[value="steel"] ~ div.sheet-class-feature { --background-color: var(--poke-steel); --foreground-color: var(--poke-steel-shaded); --text-background-color: var(--poke-steel-background); } input.sheet-color-setting[value="typeless"] ~ div.sheet-wrapper, -input.sheet-color-setting-move[value="typeless"] ~ div.sheet-pokemon-move { +input.sheet-color-setting-move[value="typeless"] ~ div.sheet-pokemon-move, +input.sheet-color-setting-feature[value="typeless"] ~ div.sheet-class-feature { --background-color: var(--poke-typeless); --foreground-color: var(--poke-typeless-shaded); --text-background-color: var(--poke-typeless-background); } input.sheet-color-setting[value="water"] ~ div.sheet-wrapper, -input.sheet-color-setting-move[value="water"] ~ div.sheet-pokemon-move { +input.sheet-color-setting-move[value="water"] ~ div.sheet-pokemon-move, +input.sheet-color-setting-feature[value="water"] ~ div.sheet-class-feature { --background-color: var(--poke-water); --foreground-color: var(--poke-water-shaded); --text-background-color: var(--poke-water-background); @@ -283,7 +302,8 @@ input.sheet-color-setting-move[value="water"] ~ div.sheet-pokemon-move { /* Fancy colors, in DARK MODE */ .sheet-darkmode input.sheet-color-setting[value="bug"] ~ div.sheet-wrapper, -.sheet-darkmode input.sheet-color-setting-move[value="bug"] ~ div.sheet-pokemon-move { +.sheet-darkmode input.sheet-color-setting-move[value="bug"] ~ div.sheet-pokemon-move, +.sheet-darkmode input.sheet-color-setting-feature[value="bug"] ~ div.sheet-class-feature { --background-color: var(--poke-all-dark); --foreground-color: var(--poke-bug); --text-background-color: var(--poke-all-dark-background); @@ -291,7 +311,8 @@ input.sheet-color-setting-move[value="water"] ~ div.sheet-pokemon-move { } .sheet-darkmode input.sheet-color-setting[value="dark"] ~ div.sheet-wrapper, -.sheet-darkmode input.sheet-color-setting-move[value="dark"] ~ div.sheet-pokemon-move { +.sheet-darkmode input.sheet-color-setting-move[value="dark"] ~ div.sheet-pokemon-move, +.sheet-darkmode input.sheet-color-setting-feature[value="dark"] ~ div.sheet-class-feature { --background-color: var(--poke-all-dark); --foreground-color: var(--poke-dark); --text-background-color: var(--poke-all-dark-background); @@ -299,7 +320,8 @@ input.sheet-color-setting-move[value="water"] ~ div.sheet-pokemon-move { } .sheet-darkmode input.sheet-color-setting[value="dragon"] ~ div.sheet-wrapper, -.sheet-darkmode input.sheet-color-setting-move[value="dragon"] ~ div.sheet-pokemon-move { +.sheet-darkmode input.sheet-color-setting-move[value="dragon"] ~ div.sheet-pokemon-move, +.sheet-darkmode input.sheet-color-setting-feature[value="dragon"] ~ div.sheet-class-feature { --background-color: var(--poke-all-dark); --foreground-color: var(--poke-dragon); --text-background-color: var(--poke-all-dark-background); @@ -307,7 +329,8 @@ input.sheet-color-setting-move[value="water"] ~ div.sheet-pokemon-move { } .sheet-darkmode input.sheet-color-setting[value="electric"] ~ div.sheet-wrapper, -.sheet-darkmode input.sheet-color-setting-move[value="electric"] ~ div.sheet-pokemon-move { +.sheet-darkmode input.sheet-color-setting-move[value="electric"] ~ div.sheet-pokemon-move, +.sheet-darkmode input.sheet-color-setting-feature[value="electric"] ~ div.sheet-class-feature { --background-color: var(--poke-all-dark); --foreground-color: var(--poke-electric); --text-background-color: var(--poke-all-dark-background); @@ -315,7 +338,8 @@ input.sheet-color-setting-move[value="water"] ~ div.sheet-pokemon-move { } .sheet-darkmode input.sheet-color-setting[value="fairy"] ~ div.sheet-wrapper, -.sheet-darkmode input.sheet-color-setting-move[value="fairy"] ~ div.sheet-pokemon-move { +.sheet-darkmode input.sheet-color-setting-move[value="fairy"] ~ div.sheet-pokemon-move, +.sheet-darkmode input.sheet-color-setting-feature[value="fairy"] ~ div.sheet-class-feature { --background-color: var(--poke-all-dark); --foreground-color: var(--poke-fairy); --text-background-color: var(--poke-all-dark-background); @@ -323,7 +347,8 @@ input.sheet-color-setting-move[value="water"] ~ div.sheet-pokemon-move { } .sheet-darkmode input.sheet-color-setting[value="fighting"] ~ div.sheet-wrapper, -.sheet-darkmode input.sheet-color-setting-move[value="fighting"] ~ div.sheet-pokemon-move { +.sheet-darkmode input.sheet-color-setting-move[value="fighting"] ~ div.sheet-pokemon-move, +.sheet-darkmode input.sheet-color-setting-feature[value="fighting"] ~ div.sheet-class-feature { --background-color: var(--poke-all-dark); --foreground-color: var(--poke-fighting); --text-background-color: var(--poke-all-dark-background); @@ -331,7 +356,8 @@ input.sheet-color-setting-move[value="water"] ~ div.sheet-pokemon-move { } .sheet-darkmode input.sheet-color-setting[value="fire"] ~ div.sheet-wrapper, -.sheet-darkmode input.sheet-color-setting-move[value="fire"] ~ div.sheet-pokemon-move { +.sheet-darkmode input.sheet-color-setting-move[value="fire"] ~ div.sheet-pokemon-move, +.sheet-darkmode input.sheet-color-setting-feature[value="fire"] ~ div.sheet-class-feature { --background-color: var(--poke-all-dark); --foreground-color: var(--poke-fire); --text-background-color: var(--poke-all-dark-background); @@ -339,7 +365,8 @@ input.sheet-color-setting-move[value="water"] ~ div.sheet-pokemon-move { } .sheet-darkmode input.sheet-color-setting[value="flying"] ~ div.sheet-wrapper, -.sheet-darkmode input.sheet-color-setting-move[value="flying"] ~ div.sheet-pokemon-move { +.sheet-darkmode input.sheet-color-setting-move[value="flying"] ~ div.sheet-pokemon-move, +.sheet-darkmode input.sheet-color-setting-feature[value="flying"] ~ div.sheet-class-feature { --background-color: var(--poke-all-dark); --foreground-color: var(--poke-flying); --text-background-color: var(--poke-all-dark-background); @@ -347,7 +374,8 @@ input.sheet-color-setting-move[value="water"] ~ div.sheet-pokemon-move { } .sheet-darkmode input.sheet-color-setting[value="ghost"] ~ div.sheet-wrapper, -.sheet-darkmode input.sheet-color-setting-move[value="ghost"] ~ div.sheet-pokemon-move { +.sheet-darkmode input.sheet-color-setting-move[value="ghost"] ~ div.sheet-pokemon-move, +.sheet-darkmode input.sheet-color-setting-feature[value="ghost"] ~ div.sheet-class-feature { --background-color: var(--poke-all-dark); --foreground-color: var(--poke-ghost); --text-background-color: var(--poke-all-dark-background); @@ -355,7 +383,8 @@ input.sheet-color-setting-move[value="water"] ~ div.sheet-pokemon-move { } .sheet-darkmode input.sheet-color-setting[value="grass"] ~ div.sheet-wrapper, -.sheet-darkmode input.sheet-color-setting-move[value="grass"] ~ div.sheet-pokemon-move { +.sheet-darkmode input.sheet-color-setting-move[value="grass"] ~ div.sheet-pokemon-move, +.sheet-darkmode input.sheet-color-setting-feature[value="grass"] ~ div.sheet-class-feature { --background-color: var(--poke-all-dark); --foreground-color: var(--poke-grass); --text-background-color: var(--poke-all-dark-background); @@ -363,7 +392,8 @@ input.sheet-color-setting-move[value="water"] ~ div.sheet-pokemon-move { } .sheet-darkmode input.sheet-color-setting[value="ground"] ~ div.sheet-wrapper, -.sheet-darkmode input.sheet-color-setting-move[value="ground"] ~ div.sheet-pokemon-move { +.sheet-darkmode input.sheet-color-setting-move[value="ground"] ~ div.sheet-pokemon-move, +.sheet-darkmode input.sheet-color-setting-feature[value="ground"] ~ div.sheet-class-feature { --background-color: var(--poke-all-dark); --foreground-color: var(--poke-ground); --text-background-color: var(--poke-all-dark-background); @@ -371,7 +401,8 @@ input.sheet-color-setting-move[value="water"] ~ div.sheet-pokemon-move { } .sheet-darkmode input.sheet-color-setting[value="ice"] ~ div.sheet-wrapper, -.sheet-darkmode input.sheet-color-setting-move[value="ice"] ~ div.sheet-pokemon-move { +.sheet-darkmode input.sheet-color-setting-move[value="ice"] ~ div.sheet-pokemon-move, +.sheet-darkmode input.sheet-color-setting-feature[value="ice"] ~ div.sheet-class-feature { --background-color: var(--poke-all-dark); --foreground-color: var(--poke-ice); --text-background-color: var(--poke-all-dark-background); @@ -379,7 +410,8 @@ input.sheet-color-setting-move[value="water"] ~ div.sheet-pokemon-move { } .sheet-darkmode input.sheet-color-setting[value="normal"] ~ div.sheet-wrapper, -.sheet-darkmode input.sheet-color-setting-move[value="normal"] ~ div.sheet-pokemon-move { +.sheet-darkmode input.sheet-color-setting-move[value="normal"] ~ div.sheet-pokemon-move, +.sheet-darkmode input.sheet-color-setting-feature[value="normal"] ~ div.sheet-class-feature { --background-color: var(--poke-all-dark); --foreground-color: var(--poke-normal); --text-background-color: var(--poke-all-dark-background); @@ -387,7 +419,8 @@ input.sheet-color-setting-move[value="water"] ~ div.sheet-pokemon-move { } .sheet-darkmode input.sheet-color-setting[value="poison"] ~ div.sheet-wrapper, -.sheet-darkmode input.sheet-color-setting-move[value="poison"] ~ div.sheet-pokemon-move { +.sheet-darkmode input.sheet-color-setting-move[value="poison"] ~ div.sheet-pokemon-move, +.sheet-darkmode input.sheet-color-setting-feature[value="poison"] ~ div.sheet-class-feature { --background-color: var(--poke-all-dark); --foreground-color: var(--poke-poison); --text-background-color: var(--poke-all-dark-background); @@ -395,7 +428,8 @@ input.sheet-color-setting-move[value="water"] ~ div.sheet-pokemon-move { } .sheet-darkmode input.sheet-color-setting[value="psychic"] ~ div.sheet-wrapper, -.sheet-darkmode input.sheet-color-setting-move[value="psychic"] ~ div.sheet-pokemon-move { +.sheet-darkmode input.sheet-color-setting-move[value="psychic"] ~ div.sheet-pokemon-move, +.sheet-darkmode input.sheet-color-setting-feature[value="psychic"] ~ div.sheet-class-feature { --background-color: var(--poke-all-dark); --foreground-color: var(--poke-psychic); --text-background-color: var(--poke-all-dark-background); @@ -403,7 +437,8 @@ input.sheet-color-setting-move[value="water"] ~ div.sheet-pokemon-move { } .sheet-darkmode input.sheet-color-setting[value="rock"] ~ div.sheet-wrapper, -.sheet-darkmode input.sheet-color-setting-move[value="rock"] ~ div.sheet-pokemon-move { +.sheet-darkmode input.sheet-color-setting-move[value="rock"] ~ div.sheet-pokemon-move, +.sheet-darkmode input.sheet-color-setting-feature[value="rock"] ~ div.sheet-class-feature { --background-color: var(--poke-all-dark); --foreground-color: var(--poke-rock); --text-background-color: var(--poke-all-dark-background); @@ -411,7 +446,8 @@ input.sheet-color-setting-move[value="water"] ~ div.sheet-pokemon-move { } .sheet-darkmode input.sheet-color-setting[value="steel"] ~ div.sheet-wrapper, -.sheet-darkmode input.sheet-color-setting-move[value="steel"] ~ div.sheet-pokemon-move { +.sheet-darkmode input.sheet-color-setting-move[value="steel"] ~ div.sheet-pokemon-move, +.sheet-darkmode input.sheet-color-setting-feature[value="steel"] ~ div.sheet-class-feature { --background-color: var(--poke-all-dark); --foreground-color: var(--poke-steel); --text-background-color: var(--poke-all-dark-background); @@ -419,7 +455,8 @@ input.sheet-color-setting-move[value="water"] ~ div.sheet-pokemon-move { } .sheet-darkmode input.sheet-color-setting[value="typeless"] ~ div.sheet-wrapper, -.sheet-darkmode input.sheet-color-setting-move[value="typeless"] ~ div.sheet-pokemon-move { +.sheet-darkmode input.sheet-color-setting-move[value="typeless"] ~ div.sheet-pokemon-move, +.sheet-darkmode input.sheet-color-setting-feature[value="typeless"] ~ div.sheet-class-feature { --background-color: var(--poke-all-dark); --foreground-color: var(--poke-typeless); --text-background-color: var(--poke-all-dark-background); @@ -427,7 +464,8 @@ input.sheet-color-setting-move[value="water"] ~ div.sheet-pokemon-move { } .sheet-darkmode input.sheet-color-setting[value="water"] ~ div.sheet-wrapper, -.sheet-darkmode input.sheet-color-setting-move[value="water"] ~ div.sheet-pokemon-move { +.sheet-darkmode input.sheet-color-setting-move[value="water"] ~ div.sheet-pokemon-move, +.sheet-darkmode input.sheet-color-setting-feature[value="water"] ~ div.sheet-class-feature { --background-color: var(--poke-all-dark); --foreground-color: var(--poke-water); --text-background-color: var(--poke-all-dark-background); @@ -522,7 +560,8 @@ div.sheet-collapsible-feature { border-color: var(--foreground-color); } -div.sheet-pokemon-move { +div.sheet-pokemon-move, +div.sheet-class-feature { background-image: var(--background-image); background-position: right top; background-repeat: no-repeat; @@ -794,6 +833,7 @@ select.sheet-no-dropdown::-ms-expand { grid-template-columns: 2fr 1fr 1fr 1.5fr 1fr; } +.sheet-class-feature-info-header, .sheet-pokemon-move-info-header { display: flex; justify-content: space-between; @@ -1630,11 +1670,16 @@ button[type="roll"].sheet-inline-roller { width: 30%; } +.sheet-class-feature-info-header input[type="text"], .sheet-pokemon-move-info-header input[type="text"] { margin-left: 4px; width: 30%; } +.sheet-class-feature-info-header select { + margin: 5px 0px; +} + .sheet-collapsible-feature .sheet-options-flag, .sheet-collapsible-feature .sheet-options-flag + span, .sheet-pokemon-move .sheet-options-flag, diff --git a/PokemonTabletopAdventures_v3/PTA3.html b/PokemonTabletopAdventures_v3/PTA3.html index c072da1af5..7b2339d67f 100644 --- a/PokemonTabletopAdventures_v3/PTA3.html +++ b/PokemonTabletopAdventures_v3/PTA3.html @@ -812,14 +812,15 @@
Origin Feature -
+ +
-
-
+
ℹ @@ -837,7 +838,7 @@ ℹ @@ -849,6 +850,34 @@
+
+ + Select a Feature Color: + + ℹ + +
@@ -856,14 +885,15 @@
Class Features
-
+ +
-
ℹ @@ -877,11 +907,11 @@
-
+
ℹ @@ -892,6 +922,34 @@ +
+
+ + Select a Feature Color: + + ℹ +