diff --git a/Shadowrun3e/shadowrun3e.css b/Shadowrun3e/shadowrun3e.css index 4bfeec0ba8..3cdf5ccb4e 100644 --- a/Shadowrun3e/shadowrun3e.css +++ b/Shadowrun3e/shadowrun3e.css @@ -19,6 +19,13 @@ animation-name: example; animation-duration: 4s; } +select option { + background: black; + color: white; + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); +} + + .button { font-size: 1em; padding: 4px; @@ -1167,15 +1174,35 @@ min-width: 0; display: none; } -.numberspan { - -} - - /* Magic Formating */ -.spells-spirit-status, -.spells-status { +.spells-status-tracking { + display: grid; + grid-template-columns: 40px 60px 60px 90px 50px 35px 60px 35px 50px 35px 70px 35px 50px 40px 60px 35px 35px; + align-items: center; + text-align: end; + background-color: rgba(192,192,192,.9); + border-top: 2px solid #fff; + border-right: 2px solid #fff; + border-left: 2px solid #fff; + border-top-left-radius: 10px; + border-top-right-radius: 10px; +} + +.spells-status-buttons { + display: grid; + grid-template-columns: 200px 60px 25px 60px 25px 60px 25px 60px 25px 60px 25px; + align-items: center; + text-align: end; + background-color: rgba(192,192,192,.9); + border-bottom: 2px solid #fff; + border-right: 2px solid #fff; + border-left: 2px solid #fff; + border-bottom-left-radius: 10px; + border-bottom-right-radius: 10px; + } + +.spells-spirit-status { display: grid; grid-template-columns: auto auto auto 60px 25px auto 25px 60px 25px 60px 25px; align-items: center; @@ -1292,6 +1319,36 @@ input[type="checkbox"].hidden-checkbox { grid-template-columns: 90px auto auto auto; } +.reusable-foci, +.powerfocus, +.spiritfocus { + display: none; +} + + +.focitype[value="Power Focus"] ~.reusable { + display: none; +} + + +.focitype[value="Spirit Focus"] ~.spiritfocus, +.focitype[value="Power Focus"] ~.powerfocus { + display: grid; +} + +.focitype[value="Spirit Focus"] ~.reusable, +.focitype[value="Spirit Focus"] ~.powerfoucs, +.focitype[value="Power Focus"] ~.reusable { + display: none; +} + +.magictype[value="shaman"] ~.mage-foci { + display: none; +} +.magictype[value="mage"] ~.shaman-foci { + display: none; +} + .foci-table { display: grid; /*grid-template-columns: 80px 45px;*/ @@ -1521,6 +1578,16 @@ melee-table-row input[type="textarea"], border-radius: 2px; justify-content: center; } +.spells-status-tracking span { + width: 35px; + background-color: white; + padding-left: 10px; + padding-right: 10px; + padding-top: 3px; + padding-bottom: 3px; + border: 1px solid #fff; + border-radius: 2px; + } .numberspan span, .deck-combat-modifiers span { width: 35px; @@ -2158,11 +2225,12 @@ input.enable-fa:not(:checked)~span.show_fa_dice { padding-right: 5px; } +.sorcery-over[value="1"] ~ .sorcery-over, +.spellpool-over[value="1"] ~ .spellpool-over, .vehicle-flux-overload[value="1"] ~ .flux-overload, .frame-utility-full[value="1"]~.frame-overload, .deck-mem-full[value="1"]~.deck-overload { background-color: red; - /* Green */ } .deck-utilities { diff --git a/Shadowrun3e/shadowrun3e.html b/Shadowrun3e/shadowrun3e.html index f84fdfdf20..ae6eab8d11 100644 --- a/Shadowrun3e/shadowrun3e.html +++ b/Shadowrun3e/shadowrun3e.html @@ -670,17 +670,71 @@