diff --git a/Curseborne/Cursed.css b/Curseborne/Cursed.css index aa9bdb5219..6654585c72 100644 --- a/Curseborne/Cursed.css +++ b/Curseborne/Cursed.css @@ -75,8 +75,11 @@ input[type="checkbox"].readonly { } .charsheet button[type="roll"].label, +.charsheet button[type="action"].label, .charsheet button[type="roll"].label:focus, -.charsheet button[type="roll"].label:hover { +.charsheet button[type="action"].label:focus, +.charsheet button[type="roll"].label:hover, +.charsheet button[type="action"].label:hover { font-family: 'Montserrat', sans-serif; text-transform: uppercase; color: #333; @@ -93,12 +96,14 @@ input[type="checkbox"].readonly { background-color: transparent; } -.charsheet button[type="roll"].label::before { +.charsheet button[type="roll"].label::before, +.charsheet button[type="action"].label::before { content: " "; } -.charsheet button[type="roll"].dice-roll { +.charsheet button[type="roll"].dice-roll, +.charsheet button[type="action"].dice-roll { border-style: none; border-radius: 10px; text-shadow: none !important; @@ -963,6 +968,7 @@ input.toggle-more[value="0"] + button > span.less { display: grid; grid-template-rows: auto; grid-template-columns: 1fr 1fr; + grid-gap: 10px; } .sheet-rolltemplate-skillroll .sheet-inner p:last-child, @@ -1240,3 +1246,129 @@ input.neardeath-toggle[value="0"] + div.neardeath-hide { .charsheet .sheet-tabstoggle[value="configuration"] ~ div.sheet-configuration { display: block; } + +/* --- Roll options modal --- */ + +.charsheet input.sheet-roll-dialog-toggle { + display: none; +} + +.charsheet .sheet-roll-modal { + display: none; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 9999; + align-items: center; + justify-content: center; +} + +.charsheet input.sheet-roll-dialog-toggle:checked ~ .sheet-roll-modal { + display: flex; +} + +.charsheet .sheet-roll-modal-backdrop { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.55); +} + +.charsheet .sheet-roll-modal-content { + position: relative; + background: #f5f0ea; + border: 2px solid #333; + border-radius: 4px; + padding: 24px 28px; + min-width: 280px; + box-shadow: 0 6px 24px rgba(0, 0, 0, 0.5); + z-index: 1; +} + +.charsheet .sheet-roll-modal-title { + margin: 0 0 16px; + font-size: 1.4rem; + letter-spacing: 1px; +} + +.charsheet .sheet-roll-modal-field { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 12px; + gap: 12px; +} + +.charsheet .sheet-roll-modal-field label { + font-family: 'Montserrat', sans-serif; + font-weight: 700; + font-size: 13px; + text-transform: uppercase; + color: #333; + white-space: nowrap; +} + +.charsheet .sheet-roll-modal-field select, +.charsheet .sheet-roll-modal-field input[type="number"] { + flex: 1; +} + +.charsheet .sheet-roll-modal-buttons { + display: flex; + gap: 10px; + margin-top: 20px; + justify-content: flex-end; +} + +.charsheet .sheet-roll-modal-buttons button[type="action"] { + font-family: 'Montserrat', sans-serif; + font-weight: 700; + font-size: 13px; + text-transform: uppercase; + padding: 6px 16px; + border: 2px solid #333; + border-radius: 3px; + cursor: pointer; + background: #333; + color: #fff; +} + +.charsheet .sheet-roll-modal-buttons button[type="action"]:last-child { + background: transparent; + color: #333; +} + +/* --- Roll template result rows --- */ + +.sheet-rolltemplate-skillroll .sheet-roll-label { + font-family: 'Montserrat', sans-serif; + font-weight: 700; + font-size: 11px; + text-transform: uppercase; + letter-spacing: 0.5px; + color: #555; + align-self: center; +} + +.sheet-rolltemplate-skillroll .sheet-curse-label { + color: #8b0000; +} + +.sheet-rolltemplate-skillroll .sheet-total-label { + color: #fff; + font-size: 12px; + border-top: 1px solid #ccc; + padding-top: 6px; + margin-top: 2px; +} + + +.sheet-rolltemplate-skillroll em.sheet-bonus-label { + font-size: 11px; + color: #666; + font-style: italic; +} diff --git a/Curseborne/Cursed_HTML.html b/Curseborne/Cursed_HTML.html index f852b46e70..eeb017bfcb 100644 --- a/Curseborne/Cursed_HTML.html +++ b/Curseborne/Cursed_HTML.html @@ -19,6 +19,40 @@ --> + + + + + +
{{successes}}
-{{cursedsuccesses}}
+Yay! You rolled one or more 10s!
- {{/rollWasCrit() successes}}