diff --git a/Stewpot/Stewpot.css b/Stewpot/Stewpot.css index fa71e10c3b..0c93c90dda 100644 --- a/Stewpot/Stewpot.css +++ b/Stewpot/Stewpot.css @@ -98,6 +98,7 @@ } .wrapper .tavern .columns .column .rateblock { border: 1px solid var(--stew-boxb); + margin-bottom: 10px; } .wrapper .tavern .columns .column .rateblock .shead { color: var(--stew-boxc); @@ -146,30 +147,30 @@ .wrapper .tavern .columns .column .rateblock .ratebox .cuisine input.state[value="4"] + input.highlighter[value="4"] + .description, .wrapper .tavern .columns .column .rateblock .ratebox .atmosphere input.state[value="4"] + input.highlighter[value="4"] + .description, .wrapper .tavern .columns .column .rateblock .ratebox .service input.state[value="4"] + input.highlighter[value="4"] + .description { color: var(--stew-fg); } -.wrapper .tavern .columns .column .advblock, .wrapper .tavern .columns .column .npcblock { +.wrapper .tavern .columns .column .advblock, .wrapper .tavern .columns .column .npcblock, .wrapper .tavern .columns .column .listblock { border: 1px solid var(--stew-boxb); margin-bottom: 10px; } -.wrapper .tavern .columns .column .advblock .shead, .wrapper .tavern .columns .column .npcblock .shead { +.wrapper .tavern .columns .column .advblock .shead, .wrapper .tavern .columns .column .npcblock .shead, .wrapper .tavern .columns .column .listblock .shead { color: var(--stew-boxc); background-color: var(--stew-boxb); } -.wrapper .tavern .columns .column .advblock .shead .flabel, .wrapper .tavern .columns .column .npcblock .shead .flabel { +.wrapper .tavern .columns .column .advblock .shead .flabel, .wrapper .tavern .columns .column .npcblock .shead .flabel, .wrapper .tavern .columns .column .listblock .shead .flabel { text-align: center; font-size: 22px; } -.wrapper .tavern .columns .column .advblock .instruction, .wrapper .tavern .columns .column .npcblock .instruction { +.wrapper .tavern .columns .column .advblock .instruction, .wrapper .tavern .columns .column .npcblock .instruction, .wrapper .tavern .columns .column .listblock .instruction { font-style: italic; color: var(--stew-boxb); } -.wrapper .tavern .columns .column .advblock .instruction, .wrapper .tavern .columns .column .advblock .content, .wrapper .tavern .columns .column .npcblock .instruction, .wrapper .tavern .columns .column .npcblock .content { +.wrapper .tavern .columns .column .advblock .instruction, .wrapper .tavern .columns .column .advblock .content, .wrapper .tavern .columns .column .npcblock .instruction, .wrapper .tavern .columns .column .npcblock .content, .wrapper .tavern .columns .column .listblock .instruction, .wrapper .tavern .columns .column .listblock .content { padding: 5px; margin-bottom: 0px; } -.wrapper .tavern .columns .column .advblock .instruction .repcontainer, .wrapper .tavern .columns .column .advblock .content .repcontainer, .wrapper .tavern .columns .column .npcblock .instruction .repcontainer, .wrapper .tavern .columns .column .npcblock .content .repcontainer { +.wrapper .tavern .columns .column .advblock .instruction .repcontainer, .wrapper .tavern .columns .column .advblock .content .repcontainer, .wrapper .tavern .columns .column .npcblock .instruction .repcontainer, .wrapper .tavern .columns .column .npcblock .content .repcontainer, .wrapper .tavern .columns .column .listblock .instruction .repcontainer, .wrapper .tavern .columns .column .listblock .content .repcontainer { padding: 0px; } -.wrapper .tavern .columns .column .advblock .instruction .btn, .wrapper .tavern .columns .column .advblock .content .btn, .wrapper .tavern .columns .column .npcblock .instruction .btn, .wrapper .tavern .columns .column .npcblock .content .btn { +.wrapper .tavern .columns .column .advblock .instruction .btn, .wrapper .tavern .columns .column .advblock .content .btn, .wrapper .tavern .columns .column .npcblock .instruction .btn, .wrapper .tavern .columns .column .npcblock .content .btn, .wrapper .tavern .columns .column .listblock .instruction .btn, .wrapper .tavern .columns .column .listblock .content .btn { background-color: var(--stew-bg); color: var(--stew-boxb); border: 1px solid var(--stew-boxb); @@ -178,13 +179,27 @@ box-shadow: none; background-image: unset; } -.wrapper .tavern .columns .column .advblock .instruction .btn.repcontrol_move, .wrapper .tavern .columns .column .advblock .content .btn.repcontrol_move, .wrapper .tavern .columns .column .npcblock .instruction .btn.repcontrol_move, .wrapper .tavern .columns .column .npcblock .content .btn.repcontrol_move { +.wrapper .tavern .columns .column .advblock .instruction .btn.repcontrol_move, .wrapper .tavern .columns .column .advblock .content .btn.repcontrol_move, .wrapper .tavern .columns .column .npcblock .instruction .btn.repcontrol_move, .wrapper .tavern .columns .column .npcblock .content .btn.repcontrol_move, .wrapper .tavern .columns .column .listblock .instruction .btn.repcontrol_move, .wrapper .tavern .columns .column .listblock .content .btn.repcontrol_move { font-size: 16px; } -.wrapper .tavern .columns .column .advblock input[type=text] { +.wrapper .tavern .columns .column .advblock input[type=text], .wrapper .tavern .columns .column .listblock input[type=text] { width: 100%; margin-bottom: 5px; } +.wrapper .tavern .columns .column .advblock textarea, .wrapper .tavern .columns .column .listblock textarea { + height: 60px; + border: 1px solid var(--stew-keepb); + border-radius: 5px; + margin-bottom: 10px; + width: calc(100% - 10px); + height: 42px; + resize: none; + padding: 5px; + background: rgba(0, 0, 0, 0); +} +.wrapper .tavern .columns .column .readonly .btn { + display: none; +} .wrapper .tavern .columns .column .npcblock .repitem { display: -ms-grid; display: grid; @@ -476,6 +491,55 @@ text-decoration: line-through; color: var(--stew-crossed); } +.wrapper .character .columns .column .listblock { + border: 1px solid var(--stew-boxb); + margin-bottom: 10px; +} +.wrapper .character .columns .column .listblock .shead { + color: var(--stew-boxc); + background-color: var(--stew-boxb); +} +.wrapper .character .columns .column .listblock .shead .flabel { + text-align: center; + font-size: 22px; +} +.wrapper .character .columns .column .listblock .content { + padding: 5px; + margin-bottom: 0px; +} +.wrapper .character .columns .column .listblock .content .repcontainer { + padding: 0px; +} +.wrapper .character .columns .column .listblock .content .btn { + background-color: var(--stew-bg); + color: var(--stew-boxb); + border: 1px solid var(--stew-boxb); + text-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; + background-image: unset; +} +.wrapper .character .columns .column .listblock .content .btn.repcontrol_move { + font-size: 16px; +} +.wrapper .character .columns .column .listblock input[type=text] { + width: 100%; + margin-bottom: 5px; +} +.wrapper .character .columns .column .listblock textarea { + height: 60px; + border: 1px solid var(--stew-keepb); + border-radius: 5px; + margin-bottom: 10px; + width: calc(100% - 10px); + height: 42px; + resize: none; + padding: 5px; + background: rgba(0, 0, 0, 0); +} +.wrapper .character .columns .column .readonly .btn { + display: none; +} input.thider[value="0"] + *, input.hider[value=""] + *, input.mhider[value=""] + *, input.mhider[value=character] + *, input.mhider[value=tavern] + * { display: none; @@ -517,6 +581,10 @@ input.rhider[value="4"] + button:not([value="4"]).marked { display: none; } +input.lhider:not([value="1"]) + *, input.lshower[value="1"] + * { + display: none; +} + input.hideunless + * { display: none; } @@ -597,13 +665,13 @@ input.mhider[value=character] + .character, input.mhider[value=tavern] + .tavern display: initial; } -.cbox, .rbox { +.cbox, .rbox, .ebox { background: none; color: none; border: none; padding: 0; } -.cbox::before, .rbox::before { +.cbox::before, .rbox::before, .ebox::before { font-family: "Material Symbols Outlined"; font-weight: normal; font-style: normal; @@ -639,6 +707,28 @@ input.mhider[value=character] + .character, input.mhider[value=tavern] + .tavern content: "radio_button_checked"; } +.ebox::before { + content: "edit"; +} + +.ebox.marked::before { + content: "visibility"; +} + +.ebox .eboxtext { + line-height: 1; + color: var(--stew-boxb); + font-weight: normal; + font-style: normal; + font-size: 16px; + color: var(--stew-boxb); + display: inline-block; + text-transform: uppercase; + white-space: nowrap; + padding-top: 6px; + vertical-align: top; +} + button.rbox.marked[value="1"]::before { color: var(--stew-fg); content: "counter_1"; diff --git a/Stewpot/Stewpot.html b/Stewpot/Stewpot.html index 98f723d539..f28ee0d2f7 100644 --- a/Stewpot/Stewpot.html +++ b/Stewpot/Stewpot.html @@ -155,6 +155,38 @@ on("change:select_character_weapon change:select_character_armor change:select_c +