From 1d3d1f498454e3781c5bd7bd73aed899f39e35aa Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=88=87ince?= Date: Sun, 28 Jul 2024 21:13:16 -0700 Subject: [PATCH 1/9] friend/foe magic resistance light goldenrod --- ADnD_1E_Revised/1ESheet.css | 122 ++++++++++++++++++++++++++++++----- ADnD_1E_Revised/1ESheet.html | 33 ++++++++-- 2 files changed, 131 insertions(+), 24 deletions(-) diff --git a/ADnD_1E_Revised/1ESheet.css b/ADnD_1E_Revised/1ESheet.css index 2178ac1645f..0e1bdee99f9 100644 --- a/ADnD_1E_Revised/1ESheet.css +++ b/ADnD_1E_Revised/1ESheet.css @@ -196,6 +196,17 @@ overflow: visible; } +/*light goldenrod*/ +.charsheet .background-selection[value='7']:checked ~ .background { + background-color: #f6e8a7; + background-image: none; +} + +.charsheet .background-selection[value='7']:checked ~ .background input, +.charsheet .background-selection[value='7']:checked ~ .background select { + background-color: rgb(255 255 255 / 40%); +} + /*goldenrod*/ .charsheet .background-selection[value='3']:checked ~ .background { background-color: #f4d74f; @@ -1095,28 +1106,102 @@ summary::-webkit-details-marker { z-index: 1; } +.charsheet .sheet-type { + display: grid; + grid-template-rows: 1em 1em; + position: relative; + top: -1em; +} + +.charsheet .friend-foe > span { + padding-top: 4px; + width: 6.25em; +} + +.charsheet input.is-friend, +.charsheet input.is-foe { + margin-inline: auto; + opacity: 0; + position: relative; + width: 100%; + z-index: 1; +} + +.charsheet .friend-foe .inline-label input.is-friend + span::before { + content: 'Friend'; + font-weight: normal; + margin: -0.65em 0 0 -2.75em; + opacity: .35; + position: relative; +} + +.charsheet .friend-foe .inline-label input.is-foe + span::before { + content: 'Foe'; + font-weight: normal; + margin: -0.65em 0 0 -2.5em; + opacity: .35; + position: relative; +} + +.charsheet .friend-foe .inline-label input.is-friend:checked + span::before, +.charsheet .friend-foe .inline-label input.is-foe:checked + span::before { + font-weight: bold; + opacity: 1; + text-decoration: underline; + } + + .charsheet .pc-npc > span { - justify-content: space-evenly; padding-top: 4px; - width: 7.5em; + width: 6.25em; +} + +.charsheet input.is-pc { + left: 4px; + margin: 0; + min-width: 3em; + opacity: 0; + position: relative; + z-index: 1; +} + +.charsheet input.is-npc { + left: -10px; + margin: 0; + min-width: 3em; + opacity: 0; + position: relative; + z-index: 1; } .charsheet .pc-npc .inline-label input.is-pc + span::before { content: 'PC'; - margin: -0.65em 0 0 -3.75em; - position: absolute; + font-weight: normal; + left: -13px; + opacity: .35; + position: relative; } .charsheet .pc-npc .inline-label input.is-npc + span::before { content: 'NPC'; - margin: -0.65em 0 0 -4.5em; - position: absolute; + font-weight: normal; + opacity: .35; + position: relative; + right: 3.65em; } .charsheet .pc-npc .inline-label input.is-pc:checked + span::before, .charsheet .pc-npc .inline-label input.is-npc:checked + span::before { font-weight: bold; opacity: 1; + text-decoration: underline; +} + +.charsheet .friend-foe .inline-label input.is-friend:hover + span::before, +.charsheet .friend-foe .inline-label input.is-foe:hover + span::before, +.charsheet .pc-npc .inline-label input.is-pc:hover + span::before, +.charsheet .pc-npc .inline-label input.is-npc:hover + span::before { + opacity: .85; } .charsheet .npc-toggle.npc-tabs { @@ -2706,7 +2791,7 @@ details[open].thac0-box { color: var(--link-hover); font-size: var(--text-xl); margin: auto; - padding: 0 0 0 5px; + padding: 0 0 0 10px; } .charsheet .wrapper .announcements { @@ -3700,16 +3785,16 @@ details[open].thac0-box { scrollbar-width: none; } -.charsheet button:focus, -.charsheet select:focus, -.charsheet textarea:focus, -.charsheet input[type='number']:focus, -.charsheet input[type='text']:focus, -.charsheet button[type='roll']:focus-within, -.charsheet select:focus-within, -.charsheet textarea:focus-within, -.charsheet input[type='number']:focus-within, -.charsheet input[type='text']:focus-within { +.charsheet .background .wrapper button:focus, +.charsheet .background .wrapper select:focus, +.charsheet .background .wrapper textarea:focus, +.charsheet .background .wrapper input[type='number']:focus, +.charsheet .background .wrapper input[type='text']:focus, +.charsheet .background .wrapper button[type='roll']:focus-within, +.charsheet .background .wrapper select:focus-within, +.charsheet .background .wrapper textarea:focus-within, +.charsheet .background .wrapper input[type='number']:focus-within, +.charsheet .background .wrapper input[type='text']:focus-within { background-color: revert; color: var(--color-black1); outline: outset 2px var(--link-hover); @@ -3875,7 +3960,10 @@ details[open].thac0-box { .charsheet .announcements-box input[type='checkbox'].sect-show ~ .material-icons::before { content: 'menu'; + font-size: 1.75rem; margin: auto; + margin-top: 3px; + opacity: .5; } .charsheet .announcements-box input[type='checkbox'].sect-show:checked ~ .material-icons::before { diff --git a/ADnD_1E_Revised/1ESheet.html b/ADnD_1E_Revised/1ESheet.html index 2e84cb1bdab..4bc19793817 100644 --- a/ADnD_1E_Revised/1ESheet.html +++ b/ADnD_1E_Revised/1ESheet.html @@ -7,6 +7,7 @@ + @@ -39,12 +40,20 @@
- - - - +
+ + + + + - + + + + + + +
i
@@ -54,9 +63,12 @@
v - • 7/19/24' + • 7/28/24'
    +
  • Added Friend/Foe indicator at the top of the sheet. This is purely a visual indicator and does not impact the sheet.
  • +
  • Copied the Magic Resistance field to PC Saving Throws.
  • +
  • Added "Light Goldenrod" background.
  • Added a close "X" option from within the Announcements window.
  • Removed the whisper option when clicking on the portrait image to send to chat and added a query to prevent an accidental display of the portrait.
  • Updated History/Bio textarea to auto-expand to match it's content.
  • @@ -2585,7 +2597,13 @@

    Autofill Base:

- + + + + +