From 29c5adf1a97cb98ba8c56bbc22a9522d57d3da78 Mon Sep 17 00:00:00 2001 From: KPhan1212 Date: Fri, 31 Mar 2023 19:40:29 -0700 Subject: [PATCH] Basic Roleplaying System CSS Conversion to CSE, and allow the sheet to work without Legacy Sanitization Opt-in. --- Basic_Roleplaying/Basic_Roleplaying.css | 58 ++++++++++++------------- 1 file changed, 29 insertions(+), 29 deletions(-) diff --git a/Basic_Roleplaying/Basic_Roleplaying.css b/Basic_Roleplaying/Basic_Roleplaying.css index 4612e2ea66..06041533d8 100644 --- a/Basic_Roleplaying/Basic_Roleplaying.css +++ b/Basic_Roleplaying/Basic_Roleplaying.css @@ -3,7 +3,7 @@ } } -.sheet-characteristic-roll{ +.characteristic-roll{ font-size: 0.8em !important; margin-left: 3px; margin-right: 3px; @@ -36,30 +36,30 @@ -.charsheet div.sheet-strike-rank{ +.charsheet div.strike-rank{ display: none; } -.charsheet input.sheet-showstrike-rank:checked ~ div.sheet-strike-rank { +.charsheet input.showstrike-rank:checked ~ div.strike-rank { display: inline; } -.charsheet span.sheet-strike-rank{ +.charsheet span.strike-rank{ display: inline; } -.charsheet input.sheet-showstrike-rank:checked ~ span.sheet-strike-rank { +.charsheet input.showstrike-rank:checked ~ span.strike-rank { display: none; } /* -input.sheet-showstrike-rank:checked ~ .repcontainer[data-groupname="repeating_Hand-to-Hand"] sheet-strike-rank { +input.showstrike-rank:checked ~ .repcontainer[data-groupname="repeating_Hand-to-Hand"] strike-rank { display: inline; } -div[data-groupname="repeating_Hand-to-Hand"] .sheet-strike-rank +div[data-groupname="repeating_Hand-to-Hand"] .strike-rank { display: inline-block; border: 5px solid green; @@ -71,8 +71,8 @@ div[data-groupname="repeating_Hand-to-Hand"] .sheet-strike-rank .sheet-check-melee-toggle:checked ~ [data-groupname=repeating_melee] > .repitem .sheet-melee-toggle { display: inline; } -.sheet-example-toggle { display: none; } -.sheet-check-toggle:checked ~ [data-groupname=repeating_example] > .repitem .sheet-example-toggle { display: inline; } +.example-toggle { display: none; } +.check-toggle:checked ~ [data-groupname=repeating_example] > .repitem .example-toggle { display: inline; } .sheet-repeat-strike-rank{ display: none; border: 5px soild pink; } @@ -80,16 +80,16 @@ div[data-groupname="repeating_Hand-to-Hand"] .sheet-strike-rank /* - input.sheet-collapse-example::checked ~ .repcontainer[data-groupname=repeating_example] .repeating-content { + input.collapse-example::checked ~ .repcontainer[data-groupname=repeating_example] .repeating-content { display: none; } */ /* -.charsheet div.sheet-skills-alphabetical{ +.charsheet div.skills-alphabetical{ display: inline; } -.charsheet input.sheet-toggle-alphabetical:not(:checked) ~ div.sheet-skills-alphabetical { +.charsheet input.toggle-alphabetical:not(:checked) ~ div.skills-alphabetical { display: none; */ @@ -103,7 +103,6 @@ div[data-groupname="repeating_Hand-to-Hand"] .sheet-strike-rank } - .charsheet div.sheet-skills-by-category{ display: none; } @@ -112,6 +111,7 @@ div[data-groupname="repeating_Hand-to-Hand"] .sheet-strike-rank display: inline; } + .charsheet div.sheet-strike-rank{ display: none; } @@ -155,7 +155,7 @@ div[data-groupname="repeating_Hand-to-Hand"] .sheet-strike-rank } /* Configuration Window*/ -.charsheet .sheet-cdiv { +.charsheet .cdiv { /*border: 1px dotted;*/ padding-right: 15px; padding-left: 15px; @@ -206,7 +206,7 @@ div[data-groupname="repeating_Hand-to-Hand"] .sheet-strike-rank color: white; } -.charsheet label.sheet-configitem { +.charsheet label.configitem { margin-left: 10px; width: 50px; font-size: .9em; @@ -279,13 +279,13 @@ div.repcontrol.editmode button.repcontrol_edit::before } -.sheet-characteristics +.characteristics { border: 3px solid black; width: 100% } -.sheet-characteristics p +.characteristics p { margin-left: 3px; margin-right: 7px; @@ -293,7 +293,7 @@ div.repcontrol.editmode button.repcontrol_edit::before margin-bottom: 0px; } -button[type="roll"].sheet-plain +button[type="roll"].plain { width:100%; } @@ -311,7 +311,7 @@ font-size: 1.0em; } -button[type="roll"].sheet-plain-major-wound::before +button[type="roll"].plain-major-wound::before { content: ""; width: 117px; @@ -321,25 +321,25 @@ button[type="roll"].sheet-plain-major-wound::before } /* Increase specificity for now. Should have roll icon affordance instead of suppressing. */ -.ui-dialog .charsheet button[type="roll"].sheet-plain::before +.ui-dialog .charsheet button[type="roll"].plain::before { content: ""; } -.sheet-hit-location-selection { +.hit-location-selection { color: #ffffff; background-color: #000000; width:100% } -.sheet-hit-location-selection td{ +.hit-location-selection td{ padding-left: 20px; } -.sheet-hit-location-selection select{ +.hit-location-selection select{ color: #ffffff; background-color: #000000; margin-top: 3px; @@ -359,7 +359,7 @@ button[type="roll"].sheet-plain-major-wound::before } -.sheet-template_value{ +.template_value{ text-align: right; } @@ -466,7 +466,7 @@ button[type="roll"].sheet-plain-major-wound::before width:151px; } -.charsheet button[type=roll].sheet-textButton { +.charsheet button[type=roll].textButton { background-color: transparent; color: black; border: none; @@ -482,16 +482,16 @@ button[type="roll"].sheet-plain-major-wound::before /*width: 70%;*/ } -.charsheet span.sheet-diceroll { +.charsheet span.diceroll { font-family: "dicefontd20"; } -.charsheet button[type=roll].sheet-textButton::before, -.charsheet button[type=roll].sheet-powerButton::before { +.charsheet button[type=roll].textButton::before, +.charsheet button[type=roll].powerButton::before { content: "" !important; } -.charsheet input[type=text].sheet-standard { +.charsheet input[type=text].standard { border-top: none; border-right: none; border-left: none;