From 2f0f5db93fc288622fa5ea6a4849ce910794a27f Mon Sep 17 00:00:00 2001 From: Cacealeos <54554311+Cacealeos@users.noreply.github.com> Date: Mon, 17 May 2021 01:06:24 -0700 Subject: [PATCH] Update genCharR20sheet.css --- Generation/genCharR20sheet.css | 72 +++++++++++++++++++++++++++------- 1 file changed, 57 insertions(+), 15 deletions(-) diff --git a/Generation/genCharR20sheet.css b/Generation/genCharR20sheet.css index fc5f57ea39..3d4c11a3aa 100644 --- a/Generation/genCharR20sheet.css +++ b/Generation/genCharR20sheet.css @@ -19,12 +19,11 @@ In the HTML file, this prefix is not needed. */ .sheet-menuborder-secondary { border-style: double; - border-width: 5px; box-sizing: border box; border-color: mediumspringgreen; - padding: 5px; background: linear-gradient(to bottom right, mediumseagreen, rgba(0,0,0,0)); opacity: 0; + padding: 5px; } .sheet-spell-tech-points { @@ -64,15 +63,15 @@ button.sheet-semi { .sheet-passives-semi:hover, .sheet-inventory-semi:hover, .sheet-training-semi:hover, -.sheet-character-semi[value="character"], -.sheet-equipment-semi[value="equipment"], -.sheet-styles-semi[value="styles"], -.sheet-spells-semi[value="spells"], -.sheet-energy-techniques-semi[value="energytechniques"], -.sheet-melee-techniques-semi[value="meleetechniques"], -.sheet-passives-semi[value="passives"], -.sheet-inventory-semi[value="inventory"], -.sheet-training-semi[value="training"], +.sheet-tabstoggle[value="character"] ~ button.sheet-character-semi, +.sheet-tabstoggle[value="passives"] ~ button.sheet-passives-semi, +.sheet-tabstoggle[value="inventory"] ~ button.sheet-inventory-semi, +.sheet-tabstoggle[value="equipment"] ~ button.sheet-equipment-semi, +.sheet-tabstoggle[value="spells"] ~ button.sheet-spells-semi, +.sheet-tabstoggle[value="styles"] ~ button.sheet-styles-semi, +.sheet-tabstoggle[value="meleetechniques"] ~ button.sheet-meleetechniques-semi, +.sheet-tabstoggle[value="energytechniques"] ~ button.sheet-energytechniques-semi, +.sheet-tabstoggle[value="training"] ~ button.sheet-training-semi, button.sheet-semi:hover, { background: black; @@ -95,6 +94,7 @@ button.sheet-semi:hover, text-align: center; transition: all 0.4s ease-in; flex-flow: row; + flex-basis: content; } div.sheet-stats, div.sheet-skills, div.sheet-energy-catalyst { @@ -145,7 +145,31 @@ input.sheet-character-inputs { border-right: 35px; border-top: 35px; color: lime; - width: 40%; + width: 25%; + font-size: 30px; +} +input.sheet-character-inputsleft { + padding: 3px; + background: linear-gradient(to top right, mediumseagreen, rgba(0,0,0,0)); + text-align: center; + position: relative; + border-color: mediumspringgreen; + border-right: 35px; + border-top: 35px; + color: lime; + width: 25%; + font-size: 30px; +} +input.sheet-character-inputsright { + padding: 3px; + background: linear-gradient(to top right, mediumseagreen, rgba(0,0,0,0)); + text-align: center; + position: relative; + border-color: mediumspringgreen; + border-right: 35px; + border-top: 35px; + color: lime; + width: 25%; font-size: 30px; } @@ -218,7 +242,11 @@ will reveal the Left side block. The "name" of the attribute is not shown here; .sheet-moduletype-toggle[value="assault"] ~ div.sheet-assault, .sheet-moduletype-toggle[value="vigilant"] ~ div.sheet-vigilant, .sheet-moduletype-toggle[value="caster"] ~ div.sheet-caster, -.sheet-moduletype-toggle[value="universal"] ~ div.sheet-universal, +.sheet-moduletype-toggle[value="universal"] ~ div.sheet-universal { + display: block; +} + + .sheet-tabstoggle[value="character"] ~ div.sheet-character, .sheet-tabstoggle[value="passives"] ~ div.sheet-passives, .sheet-tabstoggle[value="inventory"] ~ div.sheet-inventory, @@ -326,6 +354,7 @@ button.sheet-energy > span.sheet-checked { .sheet-mods { display: flex; align-items: center; + flex-flow: row wrap; } button.sheet-mod{ padding: 5; @@ -361,7 +390,11 @@ input.sheet-race:not([value="Necrian"]) ~ button.sheet-race-5 > span.sheet-check input.sheet-moduletype-toggle:not([value="assault"]) ~ button.sheet-mod-1 > span.sheet-checked, input.sheet-moduletype-toggle:not([value="vigilant"]) ~ button.sheet-mod-2 > span.sheet-checked, input.sheet-moduletype-toggle:not([value="caster"]) ~ button.sheet-mod-3 > span.sheet-checked, -input.sheet-moduletype-toggle:not([value="universal"]) ~ button.sheet-mod-4 > span.sheet-checked{ +input.sheet-moduletype-toggle:not([value="universal"]) ~ button.sheet-mod-4 > span.sheet-checked, +input.sheet-weapon-toggle:not([value="primary"]) ~ div.sheet-primaryweapon, +input.sheet-weapon-toggle:not([value="secondary"]) ~ div.sheet-secondaryweapon, +input.sheet-weapon-toggle:not([value="dual"]) ~ div.sheet-dualweapon, +input.sheet-weapon-toggle:not([value="ranged"]) ~ div.sheet-rangedweapon,{ display: none; } @@ -427,54 +460,63 @@ div.sheet-cooldown { } input.sheet-cooldown[value="8"] ~ div.sheet-cooldown { background: purple; + width: 100%; } input.sheet-cooldown[value="8"] ~ div.sheet-cooldown:before { content: "8 Turns of Cooldown"; } input.sheet-cooldown[value="7"] ~ div.sheet-cooldown { background: purple; + width: 100%; } input.sheet-cooldown[value="7"] ~ div.sheet-cooldown:before { content: "7 Turns of Cooldown"; } input.sheet-cooldown[value="6"] ~ div.sheet-cooldown { background: red; + width: 100%; } input.sheet-cooldown[value="6"] ~ div.sheet-cooldown:before { content: "6 Turns of Cooldown"; } input.sheet-cooldown[value="5"] ~ div.sheet-cooldown { background: red; + width: 100%; } input.sheet-cooldown[value="5"] ~ div.sheet-cooldown:before { content: "5 Turns of Cooldown"; } input.sheet-cooldown[value="4"] ~ div.sheet-cooldown { background: yellow; + width: 100%; } input.sheet-cooldown[value="4"] ~ div.sheet-cooldown:before { content: "4 Turns of Cooldown"; } input.sheet-cooldown[value="3"] ~ div.sheet-cooldown { background: yellow; + width: 100%; } input.sheet-cooldown[value="3"] ~ div.sheet-cooldown:before { content: "3 Turns of Cooldown"; } input.sheet-cooldown[value="2"] ~ div.sheet-cooldown { background: green; + width: 100%; } input.sheet-cooldown[value="2"] ~ div.sheet-cooldown:before { content: "2 Turns of Cooldown"; } input.sheet-cooldown[value="1"] ~ div.sheet-cooldown { background: green; + width: 100%; } input.sheet-cooldown[value="1"] ~ div.sheet-cooldown:before { content: "1 Turns of Cooldown"; } input.sheet-cooldown[value=""] ~ div.sheet-cooldown { display: none; + width: 100%; } div.sheet-techbar { @@ -558,5 +600,5 @@ input.sheet-durbar[value="1"] ~ div.sheet-durbar { background: purple; } input.sheet-durbar[value="1"] ~ div.sheet-durbar:before { - content: "~ 20$"; + content: "~ 20%"; }