diff --git a/Forbidden_Lands/Forbidden_Lands.css b/Forbidden_Lands/Forbidden_Lands.css
index c0727a29425a..474536bf6fcc 100644
--- a/Forbidden_Lands/Forbidden_Lands.css
+++ b/Forbidden_Lands/Forbidden_Lands.css
@@ -117,13 +117,13 @@
}
.charsheet div.announcements.toggle-monster-only input.announcements-show {
- height: 1.5em;
- opacity: 0;
- position: absolute;
- right: 0;
- top: 3.5em;
- width: 1.2em;
- z-index: 3;
+ height: 25px;
+ opacity: 0;
+ position: absolute;
+ right: 7px;
+ top: 3.5em;
+ width: 25px;
+ z-index: 3;
}
.charsheet div.announcements.toggle-monster-only .announcements-older-show + input.announcements-show {
@@ -152,11 +152,11 @@
/* dark mode */
.sheet-darkmode .ui-dialog .largedialog {
- background-color: #000;
+ background-color: #1f1f1f;
}
.sheet-darkmode .tab-content .tab-pane {
- background-color: #000;
+ background-color: #1f1f1f;
}
.sheet-darkmode .tab-content .charsheet .wrapper div.character.tab-contents,
@@ -181,9 +181,8 @@
}
.sheet-darkmode .tab-content .charsheet .wrapper input[type="checkbox"].input::after {
- color: #fff;
- font-size: 1.4em;
- top: -9px;
+ color: #fff;
+ text-shadow: 1px 3px 1px #000;
}
.sheet-darkmode .tab-content .charsheet .wrapper .header-top {
@@ -405,14 +404,16 @@
}
.charsheet .wrapper div.tab-contents.character div.announcements.toggle-monster-only {
- display: block;
- height: 380px;
- overflow: scroll;
- position: absolute;
- right: 5%;
- width: 82%;
- z-index: 2;
- margin-top: 1.15em;
+ display: block;
+ height: 380px;
+ margin-top: 1.15em;
+ overflow-x: hidden;
+ overflow-y: scroll;
+ padding-inline: 15px;
+ position: absolute;
+ right: 5%;
+ width: 70%;
+ z-index: 2;
}
.charsheet .announcements h4::first-letter {
@@ -527,6 +528,12 @@
width: calc(106% + 2px);
}
+.charsheet .attributes-box1 .header-top h1,
+.charsheet .conditions-box1.header-top h1 {
+ margin: auto;
+}
+
+
.charsheet .header-top .label {
color: inherit;
font-weight: normal;
@@ -1025,25 +1032,27 @@
content: "";
}
-.charsheet .wrapper button.roll-button-textonly {
- align-items: center;
- background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
- border: 1px solid #ccc;
- border-bottom-color: #bbb;
- border-image: initial;
- border-style: outset;
- border-width: 2px;
- color: initial;
- cursor: pointer;
- display: inline-flex;
- font-size: 1.3em;
- font-weight: normal;
- justify-content: center;
- min-height: 1.35em;
+.charsheet .wrapper button.roll-button-textonly,
+.charsheet .wrapper button.dice-pool {
+ align-items: center;
+ background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
+ border: 1px solid #ccc;
+ border-bottom-color: #bbb;
+ border-image: initial;
+ border-style: outset;
+ border-width: 2px;
+ color: initial;
+ cursor: pointer;
+ display: inline-flex;
+ font-size: 1.3em;
+ font-weight: normal;
+ justify-content: center;
+ min-height: 1.35em;
}
.charsheet .wrapper button.roll-button-textonly span,
-.charsheet .wrapper button.roll-button-textonly.header-h1 span {
+.charsheet .wrapper button.roll-button-textonly.header-h1 span,
+.charsheet .wrapper button.dice-pool span {
font-size: 0.85em;
cursor: pointer;
margin: 0 4px 0 4px;
@@ -1052,66 +1061,11 @@
}
.charsheet .wrapper button.roll-button-textonly:hover span,
-.charsheet .wrapper button.roll-button-textonly.header-h1:hover span {
+.charsheet .wrapper button.roll-button-textonly.header-h1:hover span,
+.charsheet .wrapper button.dice-pool:hover span {
color: #fff !important;
}
-/* Update the Dice Pool indicator */
-.charsheet span.box-indicator button,
-.charsheet span.box-api-indicator button {
- background: #a60100;
- border: 1px solid #000;
- box-shadow: 0 2px 4px 2px #000;
- color: #fff;
- z-index: 1;
-}
-
-.charsheet span.box-indicator button:hover,
-.charsheet span.box-api-indicator button:hover {
- border: 1px solid #a60100;
- box-shadow: 0 1px 4px 2px #808080;
-}
-
-.charsheet span.box-indicator,
-.charsheet span.box-api-indicator {
- border-radius: 4px;
- box-shadow: 0 2px 15px transparent;
- display: flex;
- position: relative;
- /* transition: opacity 0.5s; */
-}
-
-.charsheet span.box-indicator::after {
- background-color: transparent;
- border: 10px solid #a60100;
- border-radius: 4px;
- box-shadow: 0 2px 10px 5px #a60100;
- content: "";
- margin: 0 0 -2px -5.25em;
- opacity: 0;
- transition: opacity 0.5s;
- width: 3.75em;
- z-index: 0;
-}
-
-.charsheet span.box-api-indicator::after {
- background-color: transparent;
- border: 10px solid #a60100;
- border-radius: 4px;
- box-shadow: 0 2px 10px 5px #a60100;
- content: "";
- margin: -2px 0 -4px -9em;
- opacity: 0;
- transition: opacity 0.5s;
- width: 7.5em;
- z-index: 0;
-}
-
-.charsheet .wrapper input[value="checkbox"].roll-indicator:checked ~ span.box-indicator::after,
-.charsheet .wrapper input[value="checkbox"].roll-indicator:checked ~ span.box-api-indicator::after {
- opacity: 1;
-}
-
/* api dice toggle */
.charsheet button.api-button {
border: 1px solid lightblue;
@@ -1231,9 +1185,12 @@
background-color: rgb(105 105 105 / 65%);
}
-.sheet-darkmode .charsheet input[value="2"].background-selected:checked ~ .wrapper {
- background-image: none;
- background-color: transparent;
+.sheet-darkmode .charsheet input[value="1"].background-selected:checked ~ .wrapper,
+.sheet-darkmode .charsheet input[value="2"].background-selected:checked ~ .wrapper,
+.sheet-darkmode .charsheet input[value="3"].background-selected:checked ~ .wrapper,
+.sheet-darkmode .charsheet input[value="4"].background-selected:checked ~ .wrapper {
+ background-image: none;
+ background-color: #1f1f1f;
}
.charsheet input.monster_only:checked ~ .wrapper div.character .toggle-monster-only {
@@ -1398,7 +1355,7 @@
font-family: "IM Fell English", "Times New Roman", Times, serif;
height: 100%;
left: -20px;
- min-width: 878px;
+ min-width: 875px;
padding: 2.5em 0 0 0;
position: relative;
top: 4.2em;
@@ -1415,7 +1372,7 @@
border-image-width: 70px 0 60px 0;
content: '';
left: -5px;
- min-width: 878px;
+ min-width: 875px;
padding: 2.5em 0 0 0;
position: absolute;
top: 0;
@@ -1429,7 +1386,7 @@
.charsheet input.settings:checked ~ .wrapper div.settings {
background-color: transparent;
display: inline-block;
- min-width: 878px;
+ min-width: 875px;
padding: 0;
position: relative;
width: 100%;
@@ -2136,43 +2093,43 @@
}
/* Consumables Images */
-.charsheet button[title*="food"].roll-button-textonly.header-h1::before {
+.charsheet button.food::before {
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/food_blk.png');
}
-.charsheet button[title*="water"].roll-button-textonly.header-h1::after {
+.charsheet button.water::after {
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/water_blk.png');
}
-.charsheet button[title*="arrows"].roll-button-textonly.header-h1::before {
+.charsheet button.arrows::before {
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/arrows_blk.png');
}
-.charsheet button[title*="torches}"].roll-button-textonly.header-h1::after {
+.charsheet button.torches::after {
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/torches_blk.png');
}
/*show white image on hover*/
-.charsheet button[title*="food"].roll-button-textonly.header-h1:hover::before {
+.charsheet button.food:hover::before {
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/food_wht.png');
}
-.charsheet button[title*="water"].roll-button-textonly.header-h1:hover::after {
+.charsheet button.water:hover::after {
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/water_wht.png');
}
-.charsheet button[title*="arrows"].roll-button-textonly.header-h1:hover::before {
+.charsheet button.arrows:hover::before {
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/arrows_wht.png');
}
-button[title*="torches}"].roll-button-textonly.header-h1:hover::after {
+button.torches:hover::after {
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/torches_wht.png');
}
-.charsheet button[title*="food"].roll-button-textonly.header-h1::before,
-.charsheet button[title*="water"].roll-button-textonly.header-h1::after,
-.charsheet button[title*="arrows"].roll-button-textonly.header-h1::before,
-.charsheet button[title*="torches"].roll-button-textonly.header-h1::after {
+.charsheet button.food::before,
+.charsheet button.water::after,
+.charsheet button.arrows::before,
+.charsheet button.torches::after {
background-repeat: no-repeat;
background-size: cover;
content: '';
@@ -2181,7 +2138,7 @@ button[title*="torches}"].roll-button-textonly.header-h1:hover::after {
width: 32px;
}
-.charsheet button[title*="torches"].roll-button-textonly.header-h1::after {
+.charsheet button.torches::after {
margin: -3px 6px 0 -10px;
}
@@ -2312,6 +2269,7 @@ button[title*="torches}"].roll-button-textonly.header-h1:hover::after {
align-items: center;
display: flex;
flex-wrap: wrap;
+ padding: 2px 0 2px 0;
}
.charsheet .attributes-grid > .attributes-box2,
@@ -3274,25 +3232,11 @@ button[title*="torches}"].roll-button-textonly.header-h1:hover::after {
}
.charsheet .dice-rolls {
- display: flex;
- flex-flow: row;
- grid-area: dice-rolls;
- grid-template-areas: "dice-rolls-roll dice-rolls-push dice-rolls-d66";
- grid-template-columns: 1fr 1fr 1fr;
- justify-content: space-evenly;
- margin-top: 10px;
-}
-
-.charsheet .dice-rolls-roll {
- grid-area: dice-rolls-roll;
-}
-
-.charsheet .dice-rolls-push {
- grid-area: dice-rolls-push;
-}
-
-.charsheet .dice-rolls-d66 {
- grid-area: dice-rolls-d66;
+ margin-top: 10px;
+ grid-area: dice-rolls;
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ justify-items: center;
}
.charsheet .dice-preset {
@@ -5213,6 +5157,10 @@ span.willpower-box3 {
z-index: 1;
}
+.charsheet span.artifact-die.epic {
+ transform: scale(.95, 1.15);
+}
+
.charsheet input.dice-selection.epic ~ .artifact-die.epic::before {
color: #0088af;
content: "K";
@@ -5449,6 +5397,7 @@ span.willpower-box3 {
border-bottom: 1px solid rgb(119 119 119 / 40%);
}
+/*
.sheet-rolltemplate-darkmode.sheet-rolltemplate-forbiddenlands .sheet-template-grid > .sheet-template-grid-item.sheet-template-span-six.sheet-template-header div:first-child {
border-left: 1px solid rgb(119 119 119 / 90%);
}
@@ -5456,6 +5405,7 @@ span.willpower-box3 {
.sheet-rolltemplate-darkmode.sheet-rolltemplate-forbiddenlands .sheet-template-grid > .sheet-template-grid-item.sheet-template-span-six.sheet-template-header div:last-child {
border-right: 1px solid rgb(119 119 119 / 90%);
}
+*/
.sheet-rolltemplate-darkmode.sheet-rolltemplate-forbiddenlands .sheet-template-white-dice > .inlinerollresult {
color: #000;
@@ -5511,7 +5461,7 @@ span.willpower-box3 {
color: initial;
box-sizing: border-box;
margin: 5px 0 5px -20px;
- padding: 5px 0 5px 0;
+ padding: 8px 0 5px 0;
min-width: 240px;
max-width: 340px;
}
@@ -5538,14 +5488,28 @@ span.willpower-box3 {
word-break: break-word;
}
-.sheet-rolltemplate-forbiddenlands .sheet-template-header div.sheet-template-header.sheet-template-capstone {
+.sheet-rolltemplate-forbiddenlands .sheet-template-grid .sheet-template-header .sheet-template-capstone {
+ flex: 0 1 0;
height: 1em;
- margin: 0 2px 0 2px;
- padding: 2px 4px 2px 4px;
- width: 5px;
+ margin: auto;
z-index: 0;
}
+.sheet-rolltemplate-forbiddenlands .sheet-template-header .sheet-template-grid-item {
+ align-items: center;
+ align-self: center;
+ display: inline-flex;
+ flex: 1 1 0;
+ flex-wrap: wrap;
+ justify-content: center;
+ margin: auto;
+ padding: 2px;
+}
+
+.sheet-rolltemplate-forbiddenlands .sheet-template-header .sheet-template-grid-item:last-child {
+ display: grid;
+}
+
.sheet-rolltemplate-forbiddenlands .sheet-template-header a {
color: #fff;
}
@@ -5586,10 +5550,10 @@ span.willpower-box3 {
.sheet-rolltemplate-forbiddenlands .sheet-template-grid-item span.sheet-results,
.sheet-rolltemplate-forbiddenlands .sheet-template-grid-item span.sheet-results span.inlinerollresult {
- font-size: 1.75em;
+ font-size: 20px;
font-weight: normal;
line-height: revert;
- margin: 0 2px 0 2px;
+ padding: 0 2px 0 2px;
}
.sheet-rolltemplate-forbiddenlands span.sheet-label:has(.sheet-results) {
@@ -5601,29 +5565,51 @@ span.willpower-box3 {
}
.sheet-rolltemplate-forbiddenlands div.sheet-template-subtitle {
- align-items: center;
- display: flex;
- font-family: "IM Fell English", "Times New Roman", Times, serif;
- font-size: 1.1em;
- font-weight: bold;
- justify-content: center;
- margin: 0 -5px 0 -5px;
- padding: 0 2px 0 2px;
+ align-items: center;
+ display: flex;
+ font-family: "IM Fell English", "Times New Roman", Times, serif;
+ font-size: 1.1em;
+ font-weight: bold;
+ justify-content: center;
+ margin: 0 -5px 0 -5px;
+ min-height: 1.25em;
+ padding: 2px;
+}
+
+.sheet-rolltemplate-forbiddenlands .sheet-template-grid .sheet-push-option a[href^="~"] {
+ background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
+ border: 1px solid #ccc;
+ border-bottom-color: #bbb;
+ border-image: initial;
+ border-radius: 5px;
+ border-style: outset;
+ border-width: 2px;
+ color: #000;
+ padding: 2px 5px 2px 5px;
+}
+
+.sheet-rolltemplate-forbiddenlands .sheet-template-grid .sheet-push-option:hover a[href^="~"] {
+ background: #a60100;
+ color: #fff;
+ font-weight: normal;
+}
+
+/* add a little padding after last rolls */
+.sheet-rolltemplate-forbiddenlands .sheet-template-grid:has(.inlinerollresult) ~ .sheet-template-grid:last-child {
+ padding: 0 0 5px 0;
}
/* insert image */
.sheet-rolltemplate-forbiddenlands div.sheet-template-image-insert {
display: flex;
justify-content: space-evenly;
+ min-height: 4em;
}
.sheet-rolltemplate-forbiddenlands div.sheet-template-image-insert span {
- content: '';
- height: 2.75em;
- width: 2.75em;
- position: relative;
- margin: -3em -6em 0 0;
- bottom: -3.45em;
+ content: '';
+ height: 45px;
+ width: 45px;
}
.sheet-rolltemplate-forbiddenlands div.sheet-template-image-insert span.sheet-template-food-image {
@@ -5652,18 +5638,26 @@ span.willpower-box3 {
.sheet-rolltemplate-darkmode.sheet-rolltemplate-forbiddenlands div.sheet-template-image-insert span.sheet-template-food-image {
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/food_wht.png');
+ background-repeat: no-repeat;
+ background-size: contain;
}
.sheet-rolltemplate-darkmode.sheet-rolltemplate-forbiddenlands div.sheet-template-image-insert span.sheet-template-water-image {
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/water_wht.png');
+ background-repeat: no-repeat;
+ background-size: contain;
}
.sheet-rolltemplate-darkmode.sheet-rolltemplate-forbiddenlands div.sheet-template-image-insert span.sheet-template-arrows-image {
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/arrows_wht.png');
+ background-repeat: no-repeat;
+ background-size: contain;
}
.sheet-rolltemplate-darkmode.sheet-rolltemplate-forbiddenlands div.sheet-template-image-insert span.sheet-template-torches-image {
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/torches_wht.png');
+ background-repeat: no-repeat;
+ background-size: contain;
}
@@ -5726,22 +5720,27 @@ span.willpower-box3 {
}
.sheet-rolltemplate-forbiddenlands div.sheet-template-footer {
- font-family: "IM Fell English", "Times New Roman", Times, serif;
- font-size: 0.95em;
- line-height: 1em;
- margin: 5px 5px -8px 5px;
- padding: 2px;
- text-align: justify;
+ display: inline-flex;
+ font-family: "IM Fell English", "Times New Roman", Times, serif;
+ font-size: 0.95em;
+ justify-content: center;
+ line-height: 1em;
+ margin: auto;
+ padding: 2px;
+}
+
+.sheet-rolltemplate-forbiddenlands div.sheet-template-push-results {
+ font-size: 1.1em;
}
.sheet-rolltemplate-forbiddenlands .sheet-template-grid div.sheet-free-text,
.sheet-rolltemplate-forbiddenlands .sheet-template-grid div.sheet-free-text-center,
.sheet-rolltemplate-forbiddenlands .sheet-template-grid div.sheet-free-text-right {
- font-size: 1em;
- line-height: inherit;
- margin: -5px 5px 2px 5px;
- padding: 0;
- text-align: left;
+ font-size: 1em;
+ line-height: inherit;
+ margin: auto;
+ padding: 0 5px 0 5px;
+ text-align: left;
}
.sheet-rolltemplate-forbiddenlands .sheet-template-grid div.sheet-free-text-center {
@@ -5763,21 +5762,69 @@ span.willpower-box3 {
}
.sheet-rolltemplate-forbiddenlands .sheet-template-grid {
- background-color: transparent;
- display: grid;
- font-family: "IM Fell English", "Times New Roman", Times, serif;
- grid-gap: 1px;
- grid-template-columns: repeat(6, 1fr);
- margin: 3px 2px 2px 2px;
- padding: 0;
+ background-color: transparent;
+ display: grid;
+ font-family: "IM Fell English", "Times New Roman", Times, serif;
+ grid-gap: 1px;
+ grid-template-columns: repeat(6, 1fr);
+ justify-items: center;
+ margin: auto;
+}
+
+.sheet-rolltemplate-forbiddenlands .sheet-template-grid:has(.sheet-template-white-dice),
+.sheet-rolltemplate-forbiddenlands .sheet-template-grid:has(.sheet-template-maroon-dice),
+.sheet-rolltemplate-forbiddenlands .sheet-template-grid:has(.sheet-template-purple-dice),
+.sheet-rolltemplate-forbiddenlands .sheet-template-grid:has(.sheet-template-black-dice) {
+ display: inline-flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ width: 100%;
+}
+
+.sheet-rolltemplate-forbiddenlands .sheet-template-grid:has(.sheet-template-white-dice.sheet-template-span-center-die),
+.sheet-rolltemplate-forbiddenlands .sheet-template-grid:has(.sheet-template-maroon-dice.sheet-template-span-center-die),
+.sheet-rolltemplate-forbiddenlands .sheet-template-grid:has(.sheet-template-purple-dice.sheet-template-span-center-die),
+.sheet-rolltemplate-forbiddenlands .sheet-template-grid:has(.sheet-template-black-dice.sheet-template-span-center-die) {
+ justify-content: center;
+}
+
+.sheet-rolltemplate-forbiddenlands .sheet-template-grid:has(.sheet-template-white-dice) .sheet-template-grid-item,
+.sheet-rolltemplate-forbiddenlands .sheet-template-grid:has(.sheet-template-maroon-dice) .sheet-template-grid-item,
+.sheet-rolltemplate-forbiddenlands .sheet-template-grid:has(.sheet-template-purple-dice) .sheet-template-grid-item,
+.sheet-rolltemplate-forbiddenlands .sheet-template-grid:has(.sheet-template-black-dice) .sheet-template-grid-item {
+ align-content: center;
+ display: inline-flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ margin: 2px;
+}
+
+.sheet-rolltemplate-forbiddenlands .sheet-template-grid:has(.sheet-template-white-dice) .sheet-template-grid-item .sheet-template-stacked-text,
+.sheet-rolltemplate-forbiddenlands .sheet-template-grid:has(.sheet-template-maroon-dice) .sheet-template-grid-item .sheet-template-stacked-text,
+.sheet-rolltemplate-forbiddenlands .sheet-template-grid:has(.sheet-template-purple-dice) .sheet-template-grid-item .sheet-template-stacked-text,
+.sheet-rolltemplate-forbiddenlands .sheet-template-grid:has(.sheet-template-black-dice) .sheet-template-grid-item .sheet-template-stacked-text {
+ border-right: 1px solid #777;
+ box-shadow: 2px 0 1px #000;
+ margin-inline: auto;
+ margin-right: 5px;
+ padding-inline: 5px;
+ width: min-content;
}
.sheet-rolltemplate-forbiddenlands .sheet-template-grid-item {
- background-color: transparent;
- border: none;
- border-radius: 5px;
- padding: 0 3px 0 3px;
- text-align: center;
+ background-color: transparent;
+ border: none;
+ border-radius: 5px;
+ line-height: normal;
+ margin: auto;
+ padding: 0 3px 0 3px;
+ text-align: center;
+}
+
+.sheet-rolltemplate-forbiddenlands .sheet-template-stacked-text {
+ font-size: 10px;
+ max-width: 45px;
+ text-align: right;
}
.charsheet .image-inline-success,
@@ -5850,8 +5897,7 @@ span.willpower-box3 {
.sheet-rolltemplate-forbiddenlands .sheet-template-span-center-die {
grid-column: 3 / 5;
- margin-left: 24%;
- width: 38%;
+ justify-self: center;
}
.sheet-rolltemplate-forbiddenlands .sheet-template-span-one {
@@ -5891,49 +5937,56 @@ span.willpower-box3 {
.sheet-rolltemplate-forbiddenlands .sheet-template-grid-item .sheet-template-artifact-2 span.inlinerollresult,
.sheet-rolltemplate-forbiddenlands .sheet-template-grid-item .sheet-template-artifact-3 span.inlinerollresult,
.sheet-rolltemplate-forbiddenlands .sheet-template-grid-item .sheet-template-artifact-4 span.inlinerollresult {
- margin: -18px -2px 0 0;
- font-size: .75em;
- color: #fff;
+ color: #fff;
+ font-size: .75em;
+ margin: auto;
+ position: relative;
+ top: -6px;
}
.sheet-rolltemplate-forbiddenlands div.sheet-template-artifact-1 {
- background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/dice_legendary_success_1.png');
- background-repeat: no-repeat;
- background-size: contain;
- position: relative;
- right: -6px;
- top: 4px;
- width: 1.85em;
+ align-content: center;
+ background-image: url('https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/dice_legendary_success_1.png');
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: contain;
+ margin: auto;
+ position: relative;
+ top: -2px;
+ width: 28px;
}
.sheet-rolltemplate-forbiddenlands div.sheet-template-artifact-2 {
background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/dice_legendary_success_2.png');
background-repeat: no-repeat;
+ background-position: center;
background-size: contain;
+ margin: auto;
position: relative;
- right: -5px;
- top: 3px;
- width: 1.85em;
+ top: -2px;
+ width: 28px;
}
.sheet-rolltemplate-forbiddenlands div.sheet-template-artifact-3 {
background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/dice_legendary_success_3.png');
- background-repeat: no-repeat;
- background-size: contain;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: contain;
+ margin: auto;
position: relative;
- right: -5px;
- top: 2px;
- width: 1.85em;
+ top: -2px;
+ width: 28px;
}
.sheet-rolltemplate-forbiddenlands div.sheet-template-artifact-4 {
background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/dice_legendary_success_4.png');
background-repeat: no-repeat;
+ background-position: center;
background-size: contain;
+ margin: auto;
position: relative;
- right: -3px;
- top: 2px;
- width: 1.85em;
+ top: -2px;
+ width: 28px;
}
.sheet-rolltemplate-forbiddenlands .sheet-template-success {
@@ -5973,14 +6026,14 @@ span.willpower-box3 {
}
.sheet-rolltemplate-forbiddenlands .sheet-template-inline {
- background-color: transparent;
- border: none;
- cursor: help;
- display: inline-block;
- font-family: "IM Fell English", "Times New Roman", Times, serif;
- font-size: 2em;
- line-height: 0;
- margin: 8px 0 18px 0;
+ align-content: center;
+ background-color: transparent;
+ border: none;
+ cursor: help;
+ display: block;
+ font-family: "IM Fell English", "Times New Roman", Times, serif;
+ font-size: 2em;
+ margin: auto;
}
.sheet-rolltemplate-forbiddenlands .sheet-template-smaller {
@@ -5995,27 +6048,77 @@ span.willpower-box3 {
.sheet-rolltemplate-forbiddenlands .sheet-template-blue-dice,
.sheet-rolltemplate-forbiddenlands .sheet-template-orange-dice,
.sheet-rolltemplate-forbiddenlands .sheet-template-purple-dice {
+ align-content: center;
box-shadow: -3px 2px 3px #000;
- margin: 1px;
+ display: block;
font-size: 1.1em;
- max-width: 1.75em;
- max-height: 1.75em;
+ margin: 2px;
+ padding: 3px;
+ width: 28px;
z-index: 1;
}
+.sheet-rolltemplate-forbiddenlands .sheet-template-white-dice:has(.sheet-template-success),
+.sheet-rolltemplate-forbiddenlands .sheet-template-maroon-dice:has(.sheet-template-success),
+.sheet-rolltemplate-forbiddenlands .sheet-template-black-dice:has(.sheet-template-success),
+.sheet-rolltemplate-forbiddenlands .sheet-template-green-dice:has(.sheet-template-success),
+.sheet-rolltemplate-forbiddenlands .sheet-template-blue-dice:has(.sheet-template-success),
+.sheet-rolltemplate-forbiddenlands .sheet-template-orange-dice:has(.sheet-template-success),
+.sheet-rolltemplate-forbiddenlands .sheet-template-purple-dice:has(.sheet-template-success) {
+ outline: 3px solid green;
+ z-index: 2;
+}
+
+/* center single dice in it's column */
+.sheet-rolltemplate-forbiddenlands .sheet-template-span-one:not(:has(+ *)),
+.sheet-rolltemplate-forbiddenlands .sheet-template-span-one:has(+:not(.sheet-template-span-two)) {
+ grid-column: 1/3;
+ justify-self: center;
+}
+
+.sheet-rolltemplate-forbiddenlands .sheet-template-span-three:not(:has(+ *)),
+.sheet-rolltemplate-forbiddenlands .sheet-template-span-three:has(+:not(.sheet-template-span-four)) {
+ grid-column: 3/5;
+ justify-self: center;
+}
+
+/* Additional rule to handle .col-five without any siblings after it */
+.sheet-rolltemplate-forbiddenlands .sheet-template-span-five:not(:has(+ *)) {
+ grid-column: 5/7;
+ justify-self: center;
+}
+
+.sheet-rolltemplate-forbiddenlands .sheet-template-grid:has(.sheet-template-green-dice),
+.sheet-rolltemplate-forbiddenlands .sheet-template-grid:has(.sheet-template-blue-dice),
+.sheet-rolltemplate-forbiddenlands .sheet-template-grid:has(.sheet-template-orange-dice) {
+ display: inline-flex;
+ justify-content: space-evenly;
+}
+
+.sheet-rolltemplate-forbiddenlands .sheet-template-grid:last-child .sheet-template-span-five.sheet-template-green-dice,
+.sheet-rolltemplate-forbiddenlands .sheet-template-grid:last-child .sheet-template-span-shix.sheet-template-green-dice,
+.sheet-rolltemplate-forbiddenlands .sheet-template-grid:last-child .sheet-template-span-five.sheet-template-blue-dice,
+.sheet-rolltemplate-forbiddenlands .sheet-template-grid:last-child .sheet-template-span-shix.sheet-template-orange-dice {
+ margin: auto;
+}
+
+.sheet-rolltemplate-forbiddenlands .sheet-template-grid:last-child:has(.inlinerollresult) {
+ display: inline-flex;
+ margin: auto auto 5px auto;
+}
+
.sheet-rolltemplate-forbiddenlands .sheet-template-grid-item.sheet-template-span-six.sheet-template-header {
- box-shadow: 0 2px 7px #000;
- margin-bottom: 5px;
+ align-content: center;
+ box-shadow: 0 2px 7px #000;
+ justify-content: center;
+ min-height: 2em;
}
.sheet-rolltemplate-forbiddenlands .sheet-template-white-dice {
background-color: #fff;
border: 1px solid transparent;
border-radius: 5px;
- line-height: 0;
outline: 1px solid #000;
- padding: 3px;
- text-align: center;
}
.sheet-rolltemplate-forbiddenlands .sheet-template-maroon-dice {
@@ -6023,10 +6126,7 @@ span.willpower-box3 {
border: 1px solid transparent;
border-radius: 5px;
color: #fff;
- line-height: 0;
outline: 1px solid #000;
- padding: 3px;
- text-align: center;
}
.sheet-rolltemplate-forbiddenlands .sheet-template-black-dice {
@@ -6034,10 +6134,7 @@ span.willpower-box3 {
border: 1px solid transparent;
border-radius: 5px;
color: #fff;
- line-height: 0;
outline: 1px solid #000;
- padding: 3px;
- text-align: center;
}
.sheet-rolltemplate-forbiddenlands div.sheet-template-green-dice {
@@ -6048,46 +6145,36 @@ span.willpower-box3 {
border: none;
box-shadow: none;
color: #fff;
- height: 2.5em;
- max-height: none;
- max-width: none;
+ height: 36px;
padding: 3px;
- text-align: center;
- width: 2.5em;
+ width: 40px;
}
.sheet-rolltemplate-forbiddenlands div.sheet-template-blue-dice {
background-color: transparent;
background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/FBL_hexagon.png');
- background-repeat: no-repeat;
- background-size: contain;
- border: none;
- box-shadow: none;
- color: #fff;
- height: 2.5em;
- max-height: none;
- max-width: none;
- padding: 3px;
- text-align: center;
- width: 2.5em;
+ background-repeat: no-repeat;
+ background-size: contain;
+ border: none;
+ box-shadow: none;
+ color: #fff;
+ height: 36px;
+ padding: 3px;
+ width: 40px;
}
.sheet-rolltemplate-forbiddenlands div.sheet-template-orange-dice {
- background-color: transparent;
- background-image: url('https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/FBL_heptagon.png');
- background-repeat: no-repeat;
- background-size: contain;
- border: none;
- box-shadow: none;
- color: #fff;
- height: 2.4em;
- max-height: none;
- max-width: none;
- padding: 3px;
- text-align: center;
- width: 2.5em;
- top: -2px;
+ background-color: transparent;
+ background-image: url("https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/FBL_heptagon.png");
+ background-repeat: no-repeat;
+ background-size: contain;
+ border: none;
+ box-shadow: none;
+ color: #fff;
+ height: 36px;
+ padding: 3px;
+ width: 38px;
}
.sheet-rolltemplate-darkmode.sheet-rolltemplate-forbiddenlands div.sheet-template-green-dice {
@@ -6111,33 +6198,27 @@ span.willpower-box3 {
.sheet-rolltemplate-forbiddenlands .sheet-template-green-dice,
.sheet-rolltemplate-forbiddenlands .sheet-template-blue-dice,
.sheet-rolltemplate-forbiddenlands .sheet-template-orange-dice {
- margin: 0;
- position: relative;
- display: inline-block;
- left: -5px;
+ align-content: center;
+ display: block;
}
.sheet-rolltemplate-forbiddenlands .sheet-template-purple-dice {
- background-color: #800080;
- border: 1px solid #000;
- border-radius: 5px;
- color: #fff;
- line-height: 0;
- padding: 3px;
- text-align: center;
+ background-color: #800080;
+ border: 1px solid #000;
+ border-radius: 5px;
+ color: #fff;
+ outline: 1px solid #000;
}
.sheet-rolltemplate-forbiddenlands .sheet-template-grid-item span.inlinerollresult {
- background-color: transparent;
- border: none;
- text-shadow: 1px 1px 1px #000;
- display: inline-flex;
- font-family: "IM Fell English", "Times New Roman", Times, serif;
- font-size: 1.35em;
- font-weight: normal;
- line-height: 1.5em;
- margin: -4px 0 0 0;
- padding: 0;
+ background-color: transparent;
+ border: none;
+ display: inline-flex;
+ font-family: "IM Fell English", "Times New Roman", Times, serif;
+ font-size: 1.35em;
+ font-weight: normal;
+ line-height: 1.5em;
+ text-shadow: 1px 1px 1px #000;
}
.sheet-rolltemplate-forbiddenlands .sheet-template-grid-item.sheet-template-white-dice span.inlinerollresult,
diff --git a/Forbidden_Lands/Forbidden_Lands.html b/Forbidden_Lands/Forbidden_Lands.html
index 3fe405cecedd..ab3e57f1b582 100644
--- a/Forbidden_Lands/Forbidden_Lands.html
+++ b/Forbidden_Lands/Forbidden_Lands.html
@@ -8,6 +8,7 @@
+
@@ -37,68 +38,12 @@
*
WP-(Talent Rank-(Spell Rank-1 if using Grimoire/Scroll))
or 'Over'charged Casting ie WP only
. Toggling the 'Grim'oire option will adjust the dice pool accordingly. Toggling 'Ingr'edients will adjust the Base Power Level accordingly as seen in the chat output. The sheet will also adjust the dice pool for Chance Casting ie Spell Rank > Talent Rank
Note: to remove only a portion of the mishap dice, use the 'Over'charged button to pre-load the dice pool, then remove any unwanted dice before making the roll.WP-(Talent Rank-(Spell Rank-1 if using Grimoire/Scroll))
or 'Over'charged Casting ie WP only
. Toggling the 'Grim'oire option will adjust the dice pool accordingly. Toggling 'Ingr'edients will adjust the Base Power Level accordingly as seen in the chat output. The sheet will also adjust the dice pool for Chance Casting ie Spell Rank > Talent Rank
Note: to remove only a portion of the mishap dice, use the 'Over'charged button to pre-load the dice pool, then remove any unwanted dice before making the roll.