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 @@ --> + + + + + +
+
+
+

Roll:

+
+ + +
+
+ + +
+
+ + +
+
+
@@ -115,7 +149,7 @@ Resolution: The Primal must express her elemental nature and satisfy the Creatur
- +
@@ -137,14 +171,14 @@ Resolution: The Primal must express her elemental nature and satisfy the Creatur - +
- +
@@ -166,14 +200,14 @@ Resolution: The Primal must express her elemental nature and satisfy the Creatur - +
- +
@@ -195,7 +229,7 @@ Resolution: The Primal must express her elemental nature and satisfy the Creatur - +
@@ -203,7 +237,7 @@ Resolution: The Primal must express her elemental nature and satisfy the Creatur
- +
@@ -225,14 +259,14 @@ Resolution: The Primal must express her elemental nature and satisfy the Creatur - +
- +
@@ -254,14 +288,14 @@ Resolution: The Primal must express her elemental nature and satisfy the Creatur - +
- +
@@ -283,14 +317,14 @@ Resolution: The Primal must express her elemental nature and satisfy the Creatur - +
- +
@@ -312,14 +346,14 @@ Resolution: The Primal must express her elemental nature and satisfy the Creatur - +
- +
@@ -341,7 +375,7 @@ Resolution: The Primal must express her elemental nature and satisfy the Creatur - +
@@ -351,7 +385,7 @@ Resolution: The Primal must express her elemental nature and satisfy the Creatur
- +
@@ -373,14 +407,14 @@ Resolution: The Primal must express her elemental nature and satisfy the Creatur - +
- +
@@ -402,14 +436,14 @@ Resolution: The Primal must express her elemental nature and satisfy the Creatur - +
- +
@@ -431,14 +465,14 @@ Resolution: The Primal must express her elemental nature and satisfy the Creatur - +
- +
@@ -460,14 +494,14 @@ Resolution: The Primal must express her elemental nature and satisfy the Creatur - +
- +
@@ -489,14 +523,14 @@ Resolution: The Primal must express her elemental nature and satisfy the Creatur - +
- +
@@ -518,14 +552,14 @@ Resolution: The Primal must express her elemental nature and satisfy the Creatur - +
- +
@@ -547,14 +581,14 @@ Resolution: The Primal must express her elemental nature and satisfy the Creatur - +
- +
@@ -576,7 +610,7 @@ Resolution: The Primal must express her elemental nature and satisfy the Creatur - +
@@ -669,7 +703,7 @@ Resolution: The Primal must express her elemental nature and satisfy the Creatur - +
@@ -691,7 +725,7 @@ Resolution: The Primal must express her elemental nature and satisfy the Creatur - + @@ -734,7 +768,7 @@ Resolution: The Primal must express her elemental nature and satisfy the Creatur - + @@ -756,7 +790,7 @@ Resolution: The Primal must express her elemental nature and satisfy the Creatur - + @@ -778,7 +812,7 @@ Resolution: The Primal must express her elemental nature and satisfy the Creatur - + @@ -936,22 +970,22 @@ Enjoy your Armor!
- +
- +
- +
- +
@@ -970,22 +1004,22 @@ Bloodied: +1 Path Skill Die.
- +
- +
- +
- +
@@ -1004,22 +1038,22 @@ Wounded: +2 Path Skill Dice.
- +
- +
- +
- +
@@ -1038,22 +1072,22 @@ Maimed: +2 Path Skill Dice, +2 Enhancement if Aggravated Wound Status Effect tak
- +
- +
- +
- +
@@ -1072,22 +1106,22 @@ Near Death: +3 Dice and +2 Enhancement. Gain Taken Out Status Effect.
- +
- +
- +
- +
@@ -1460,7 +1494,7 @@ Near Death: +3 Dice and +2 Enhancement. Gain Taken Out Status Effect. - + @@ -1504,7 +1538,7 @@ Near Death: +3 Dice and +2 Enhancement. Gain Taken Out Status Effect. - + @@ -1536,7 +1570,7 @@ Near Death: +3 Dice and +2 Enhancement. Gain Taken Out Status Effect. - + @@ -1610,22 +1644,22 @@ Near Death: +3 Dice and +2 Enhancement. Gain Taken Out Status Effect.
- +
- +
- +
- +
@@ -1641,22 +1675,22 @@ Near Death: +3 Dice and +2 Enhancement. Gain Taken Out Status Effect.
- +
- +
- +
- +
@@ -1742,16 +1776,21 @@ Near Death: +3 Dice and +2 Enhancement. Gain Taken Out Status Effect.

{{character}}
Rolled {{name}}

-
-

Normal Dice:

-

{{successes}}

-

Curse Dice:

-

{{cursedsuccesses}}

+
Dice
+
{{mainroll}}{{#computed::bonusdice}} (+{{computed::bonusdice}} bonus){{/computed::bonusdice}}
+
Hits
+
{{computed::successes}}
+ {{#curseroll}} +
Curse Dice
+
{{curseroll}}
+
Curse Hits
+
{{computed::cursedsuccesses}}
+
Total Hits
+
{{computed::total}}
+ {{/curseroll}} +
- {{#rollWasCrit() successes}} -

Yay! You rolled one or more 10s!

- {{/rollWasCrit() successes}}
@@ -1790,105 +1829,151 @@ Near Death: +3 Dice and +2 Enhancement. Gain Taken Out Status Effect.