diff --git a/README.md b/README.md
index a8347b6..dd2ba53 100644
--- a/README.md
+++ b/README.md
@@ -42,6 +42,24 @@
- Myco from the Pilot.NET/CAIN Discord for providing icon assets
- Tom Bloom Creator of Cain
- My sunday DND group
+ - My friend carmen for miscellaneous ideas and polish
+ - Diabeatz96, ahandleman and Benji as developers.
+
+## v1.2.X Update
+
+v1.2.X update is a rework of the sin-sheet, adjustments to the player character sheet and addition of globaltalismans linked to tiles in game.
+
+This update has features included but not limited too:
+- Trauma Questions can now be checked off and are now sorted out line by line on the sheet of the sin
+- Sins fields have all been updated to smart text boxes for better customization and edits.
+- Sins Now have 6 Quick Action buttons to automate several player interactions (More to be added in future updates)
+- Talismans can now be seen on Sin Sheet directly if you want to link them.
+- Sins now have expanded views of severe attack and can add your own questions for extra fun!
+- Sin page formatting improved.
+- Players stats are now shown as bubbles and not numbers. Stats were added to localization document. (Further work needed)
+- Talismans can now be put inside of the scene and can be edited as such.
+- Fixed Spelling Errors on Hound.
+- Fixed Spelling Errors in Homebrew.
## v1.1.X Update
diff --git a/css/accessibility.css b/css/accessibility.css
index b7ffcae..4661a98 100644
--- a/css/accessibility.css
+++ b/css/accessibility.css
@@ -1,65 +1,65 @@
/* Example accessibility styles for color blindness and improved readability */
-.accessibility-mode .sheet-header {
+.accessibility-mode {
+ .sheet-header {
background-color: #ffffff !important; /* Dark teal */
color: #ffffff !important; /* White text */
font-size: 1.1em !important;
}
-
- .accessibility-mode .profile-img {
+ .profile-img {
border: 2px solid #ffffff !important; /* White border */
}
- .accessibility-mode .mob-psycho-label {
+ .mob-psycho-label {
color: #22548f !important; /* Dark blue */
font-weight: bold !important;
}
- .accessibility-mode .mob-psycho-input {
+ .mob-psycho-input {
border-bottom: 2px solid #3c4799 !important; /* Darker blue */
color: #000 !important; /* White text */
background: #ffffff !important; /* White background */
font-size: 1em !important;
}
- .accessibility-mode .grid-2col {
+ .grid-2col {
gap: 15px !important;
}
- .accessibility-mode .flex-group-center {
+ .flex-group-center {
align-items: flex-start !important;
}
- .accessibility-mode .xid-section,
- .accessibility-mode .agenda-blasphemy-section {
+ .xid-section,
+ .agenda-blasphemy-section {
display: flex;
flex-direction: column;
gap: 10px;
}
- .accessibility-mode .grid-2col {
+ .grid-2col {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
- .accessibility-mode .grid-3col {
+ .grid-3col {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 10px;
}
- .accessibility-mode .flex-group-center {
+ .flex-group-center {
display: flex;
flex-direction: column;
align-items: flex-start;
}
- .accessibility-mode .mob-psycho-label {
+ .mob-psycho-label {
font-weight: bold;
font-size: 1.2em;
}
- .accessibility-mode .mob-psycho-input {
+ .mob-psycho-input {
width: 100%;
padding: 5px;
border: none;
@@ -68,13 +68,13 @@
background: none;
}
- .accessibility-mode .mob-psycho-input:focus {
+ .mob-psycho-input:focus {
outline: none;
border-bottom: 1px solid #660066;
}
/* Accessible text styles */
- .accessibility-mode .accessible-text {
+ .accessible-text {
font-size: 1.2em !important; /* Larger font size */
line-height: 1.5 !important; /* Increased line height */
color: #573d96 !important; /* Dark purple */
@@ -83,7 +83,7 @@
border-radius: 4px !important;
}
- .accessibility-mode .accessible-text-inverse {
+ .accessible-text-inverse {
font-size: 1.2em !important; /* Larger font size */
line-height: 1.5 !important; /* Increased line height */
color: #ffffff !important; /* White text */
@@ -92,7 +92,7 @@
border-radius: 4px !important;
}
- .accessibility-mode .mob-psycho-theme {
+ .mob-psycho-theme {
/* General theme styles */
background-color: #f5f5f5; /* Light grey */
color: #000000; /* Black text */
@@ -103,11 +103,11 @@
background-image: none; /* No background image */
}
- .accessibility-mode .prosemirror menu button {
+ .prosemirror menu button {
background: #ffffff;
}
- .accessibility-mode .mob-psycho-header {
+ .mob-psycho-header {
background-color: #e0e0e0; /* Light grey */
border-bottom: 1px solid #ccc; /* Light grey border */
padding: 10px;
@@ -115,7 +115,7 @@
letter-spacing: 2px;
}
- .accessibility-mode .mob-psycho-img {
+ .mob-psycho-img {
border: 2px solid #ccc; /* Light grey border */
border-radius: 50%;
margin: 10px 0;
@@ -126,7 +126,7 @@
position: relative; /* For pseudo-element positioning */
}
- .accessibility-mode .mob-psycho-img::before {
+ .mob-psycho-img::before {
content: '';
position: absolute;
top: 0;
@@ -139,17 +139,17 @@
pointer-events: none;
}
- .accessibility-mode .mob-psycho-img:hover::before {
+ .mob-psycho-img:hover::before {
opacity: 0.5;
}
- .accessibility-mode .mob-psycho-img:hover {
+ .mob-psycho-img:hover {
filter: none; /* No filters */
transform: none; /* No transformation */
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Slightly more intense shadow */
}
- .accessibility-mode .mob-psycho-img:hover::after {
+ .mob-psycho-img:hover::after {
content: '';
position: absolute;
top: 50%;
@@ -164,60 +164,60 @@
opacity: 0.7;
}
- .accessibility-mode .mob-psycho-header-fields {
+ .mob-psycho-header-fields {
padding: 10px;
border-radius: 5px;
}
- .accessibility-mode .mob-psycho-charname input {
+ .mob-psycho-charname input {
background-color: #ffffff; /* White background */
color: #000000; /* Black text */
border: 1px solid #ccc; /* Light grey border */
padding: 5px;
}
- .accessibility-mode .mob-psycho-grid {
+ .mob-psycho-grid {
color: #000000; /* Black text */
gap: 10px;
padding: 10px;
margin: 10px 0;
}
- .accessibility-mode .mob-psycho-flex-group {
+ .mob-psycho-flex-group {
background-color: #ffffff; /* White background */
padding: 5px;
border-radius: 5px;
}
- .accessibility-mode .mob-psycho-label {
+ .mob-psycho-label {
color: #000000; /* Black text */
text-transform: uppercase;
font-weight: bold;
}
- .accessibility-mode .mob-psycho-theme input[type="number"],
- .accessibility-mode .mob-psycho-theme input[type="text"] {
+ .mob-psycho-theme input[type="number"],
+ .mob-psycho-theme input[type="text"] {
color: #000000; /* Black text */
background-color: #ffffff; /* White background */
border: 1px solid #ccc; /* Light grey border */
padding: 5px;
}
- .accessibility-mode .mob-psycho-input {
+ .mob-psycho-input {
background-color: #ffffff; /* White background */
color: #000000; /* Black text */
border: 1px solid #ccc; /* Light grey border */
padding: 5px;
}
- .accessibility-mode .mob-psycho-resource-content {
+ .mob-psycho-resource-content {
background-color: #ffffff; /* White background */
padding: 5px;
border-radius: 5px;
border: 1px dashed #ccc; /* Light grey dashed border */
}
- .accessibility-mode .mob-psycho-tabs {
+ .mob-psycho-tabs {
background-color: #e0e0e0; /* Light grey */
border-bottom: 1px solid #ccc; /* Light grey border */
padding: 5px;
@@ -225,76 +225,73 @@
}
- .accessibility-mode .mob-psycho-tab-item {
+ .mob-psycho-tab-item {
color: #000000; /* Black text */
padding: 5px;
border-bottom: 1px solid #ccc; /* Light grey border */
transition: background-color 0.3s, color 0.3s; /* Smooth transition for hover effect */
}
- .accessibility-mode .mob-psycho-tab-item:hover {
+ .mob-psycho-tab-item:hover {
background-color: #ccc; /* Light grey */
color: #000000; /* Black text */
}
- .accessibility-mode .mob-psycho-body {
+ .mob-psycho-body {
background-color: #ffffff; /* White background */
padding: 20px;
border: 1px solid #ccc; /* Light grey border */
}
- .accessibility-mode .mob-psycho-tab {
+ .mob-psycho-tab {
background-color: #ffffff; /* White background */
}
- .accessibility-mode .mob-psycho-sidebar {
+ .mob-psycho-sidebar {
background-color: #f5f5f5; /* Light grey */
padding: 10px;
border-radius: 5px;
border: 1px dashed #ccc; /* Light grey dashed border */
}
- .accessibility-mode .mob-psycho-heading {
+ .mob-psycho-heading {
color: #000000; /* Black text */
text-transform: uppercase;
font-weight: bold;
margin-bottom: 10px;
}
- .accessibility-mode .mob-psycho-ability {
+ .mob-psycho-ability {
background-color: #ffffff; /* White background */
- padding: 5px;
- border-radius: 5px;
- margin: 2px;
}
- .accessibility-mode .mob-psycho-extra-dice {
+ .mob-psycho-extra-dice {
background-color: #ffffff; /* White background */
padding: 5px;
border-radius: 5px;
border: 1px dashed #ccc; /* Light grey dashed border */
}
- .accessibility-mode .mob-psycho-affliction {
+ .mob-psycho-affliction {
padding: 5px;
border-radius: 5px;
}
- .accessibility-mode .mob-psycho-main {
+ .mob-psycho-main {
background-color: #f5f5f5; /* Light grey */
padding: 10px;
border-radius: 5px;
border: 1px dashed #ccc; /* Light grey dashed border */
}
- .accessibility-mode .mob-psycho-editor {
+ .mob-psycho-editor {
background-color: #ffffff; /* White background */
color: #000000; /* Black text */
border: 1px solid #ccc; /* Light grey border */
padding: 10px;
}
- .accessibility-mode .rest-dice-section {
+ .rest-dice-section {
display: flex;
justify-content: center;
align-items: center;
@@ -302,14 +299,14 @@
margin-bottom: 15px;
}
- .accessibility-mode .mob-psycho-rest-dice {
+ .mob-psycho-rest-dice {
background-color: #e0e0e0; /* Light grey */
padding: 10px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Subtle shadow */
}
- .accessibility-mode .mob-psycho-button {
+ .mob-psycho-button {
padding: 5px 10px;
border-radius: 4px;
border: none;
@@ -318,24 +315,24 @@
cursor: pointer;
}
- .accessibility-mode .mob-psycho-button:hover {
+ .mob-psycho-button:hover {
background-color: #bbb; /* Slightly darker grey */
color: #000000; /* Black text */
}
/* Additional accessibility styles */
- .accessibility-mode .flex-group-center {
+ .flex-group-center {
display: flex;
flex-direction: column;
align-items: flex-start;
}
- .accessibility-mode .mob-psycho-label {
+ .mob-psycho-label {
font-weight: bold;
font-size: 1.2em;
}
- .accessibility-mode .mob-psycho-input {
+ .mob-psycho-input {
width: 100%;
padding: 5px;
border: none;
@@ -344,13 +341,13 @@
background: none;
}
- .accessibility-mode .mob-psycho-input:focus {
+ .mob-psycho-input:focus {
outline: none;
border-bottom: 1px solid #660066;
}
/* Accessible text styles */
- .accessibility-mode .accessible-text {
+ .accessible-text {
font-size: 1.2em !important; /* Larger font size */
line-height: 1.5 !important; /* Increased line height */
color: #9d3bb5 !important; /* Dark purple */
@@ -359,7 +356,7 @@
border-radius: 4px !important;
}
- .accessibility-mode .accessible-text-inverse {
+ .accessible-text-inverse {
font-size: 1.2em !important; /* Larger font size */
line-height: 1.5 !important; /* Increased line height */
color: #ffffff !important; /* White text */
@@ -371,397 +368,376 @@
/* Abilities Page */
/* Hover effects for agenda tasks and abilities */
-.accessibility-mode .abilities-page .agenda-task:hover,
-.accessibility-mode .abilities-page .agenda-ability:hover,
-.accessibility-mode .abilities-page .blasphemy-passive:hover,
-.accessibility-mode .abilities-page .blasphemy-power:hover {
- color: #000000; /* Black text */
- cursor: pointer;
- text-decoration: underline;
-}
-
-.accessibility-mode.abilities-page .agenda-task,
-.accessibility-mode.abilities-page .agenda-ability,
-.accessibility-mode.abilities-page .blasphemy-passive,
-.accessibility-mode.abilities-page .blasphemy-power {
- color: #000000; /* Black text */
- font-family: 'Courier New', Courier, monospace;
- font-size: 16px;
- line-height: 1.5;
- margin: 0;
- padding: 0;
-}
-
-/* Existing styles for context */
-.accessibility-mode .abilities-page {
- padding: 20px;
- background-color: #ffffff; /* White background */
- color: #000000; /* Black text */
- font-family: 'Courier New', Courier, monospace; /* Typewriter font */
-}
-
-.accessibility-mode .abilities-page .psyche-roll-button {
- background: #e0e0e0; /* Light grey */
- color: #000000; /* Black text */
- border: 2px solid #000000; /* Black border */
- padding: 10px 20px;
- cursor: pointer;
- font-family: 'Courier New', Courier, monospace;
- font-weight: 400;
- font-style: normal;
- font-size: 16px;
- transition: background 0.3s;
-}
+ .abilities-page .agenda-task:hover,
+ .abilities-page .agenda-ability:hover,
+ .abilities-page .blasphemy-passive:hover,
+ .abilities-page .blasphemy-power:hover {
+ color: #000000; /* Black text */
+ cursor: pointer;
+ text-decoration: underline;
+ }
-.accessibility-mode .abilities-page .psyche-roll-button:hover {
- background: #cccccc; /* Darker grey */
-}
+ .accessibility-mode.abilities-page .agenda-task,
+ .accessibility-mode.abilities-page .agenda-ability,
+ .accessibility-mode.abilities-page .blasphemy-passive,
+ .accessibility-mode.abilities-page .blasphemy-power {
+ color: #000000; /* Black text */
+ font-family: 'Courier New', Courier, monospace;
+ font-size: 16px;
+ line-height: 1.5;
+ margin: 0;
+ padding: 0;
+ }
-.accessibility-mode .abilities-page .psyche-burst-checkboxes input[type="checkbox"] {
- display: none;
-}
+ /* Existing styles for context */
+ .abilities-page {
+ padding: 20px;
+ background-color: #ffffff; /* White background */
+ color: #000000; /* Black text */
+ font-family: 'Courier New', Courier, monospace; /* Typewriter font */
+ }
-.accessibility-mode .abilities-page .psyche-burst-checkboxes input[type="checkbox"]+label {
- display: inline-block;
- padding: 0;
- background: url('systems/cain/assets/brain.png') no-repeat;
- height: 50px;
- width: 50px;
- background-size: cover;
- position: relative;
-}
+ .abilities-page .psyche-roll-button {
+ background: #e0e0e0; /* Light grey */
+ color: #000000; /* Black text */
+ border: 2px solid #000000; /* Black border */
+ padding: 10px 20px;
+ cursor: pointer;
+ font-family: 'Courier New', Courier, monospace;
+ font-weight: 400;
+ font-style: normal;
+ font-size: 16px;
+ transition: background 0.3s;
+ }
-.accessibility-mode .abilities-page .psyche-burst-checkboxes input[type="checkbox"]+label::before {
- content: '';
- display: block;
- width: 24px;
- height: 24px;
- border: 3px solid #000000; /* Black border */
- border-radius: 50%;
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
-}
+ .abilities-page .psyche-roll-button:hover {
+ background: #cccccc; /* Darker grey */
+ }
-.accessibility-mode .abilities-page .psyche-burst-checkboxes input[type="checkbox"]:checked+label::before {
- background-color: #000000; /* Black background */
-}
+ .circle-checkboxes {
+ input[type="checkbox"]+label::before {
+ border: 3px solid #000000; /* Black border */
+ }
+
+ input[type="checkbox"]:checked+label::before {
+ background-color: #000000; /* Black background */
+ }
+ }
-.accessibility-mode .abilities-page .items-section {
- margin-top: 20px;
-}
+ .abilities-page .items-section {
+ margin-top: 20px;
+ }
-.accessibility-mode .abilities-page .items-list {
- background-color: #f5f5f5; /* Light grey */
- color: #000000; /* Black text */
- font-family: 'Courier New', Courier, monospace;
- padding: 20px;
- border: 1px solid #000000; /* Black border */
-}
+ .abilities-page .items-list {
+ background-color: #f5f5f5; /* Light grey */
+ color: #000000; /* Black text */
+ font-family: 'Courier New', Courier, monospace;
+ padding: 20px;
+ border: 1px solid #000000; /* Black border */
+ }
-.accessibility-mode .abilities-page .item-name h4 {
- color: #000000; /* Black text */
-}
+ .abilities-page .item-name h4 {
+ color: #000000; /* Black text */
+ }
-.accessibility-mode .abilities-page .item-controls a {
- color: #000000; /* Black text */
- margin-left: 5px;
-}
+ .abilities-page .item-controls a {
+ color: #000000; /* Black text */
+ margin-left: 5px;
+ }
-.accessibility-mode .abilities-page .item-controls a:hover {
- color: #ff0000; /* Red text */
-}
+ .abilities-page .item-controls a:hover {
+ color: #ff0000; /* Red text */
+ }
-.accessibility-mode .abilities-page .add-agenda-ability-button,
-.accessibility-mode .abilities-page .create-blasphemy-button {
- background-color: #e0e0e0; /* Light grey */
- color: #000000; /* Black text */
- border: 1px solid #000000; /* Black border */
- padding: 10px 20px;
- cursor: pointer;
- margin-top: 10px;
-}
+ .abilities-page .add-agenda-ability-button,
+ .abilities-page .create-blasphemy-button {
+ background-color: #e0e0e0; /* Light grey */
+ color: #000000; /* Black text */
+ border: 1px solid #000000; /* Black border */
+ padding: 10px 20px;
+ cursor: pointer;
+ margin-top: 10px;
+ }
-.accessibility-mode .abilities-page .add-agenda-ability-button:hover,
-.accessibility-mode .abilities-page .create-blasphemy-button:hover {
- background-color: #cccccc; /* Darker grey */
-}
+ .abilities-page .add-agenda-ability-button:hover,
+ .abilities-page .create-blasphemy-button:hover {
+ background-color: #cccccc; /* Darker grey */
+ }
-.accessibility-mode .abilities-page .add-blasphemy-power-button,
-.accessibility-mode .abilities-page .create-blasphemy-button {
- background-color: #e0e0e0; /* Light grey */
- color: #000000; /* Black text */
- border: 1px solid #000000; /* Black border */
- padding: 10px 20px;
- cursor: pointer;
- margin-top: 10px;
-}
+ .abilities-page .add-blasphemy-power-button,
+ .abilities-page .create-blasphemy-button {
+ background-color: #e0e0e0; /* Light grey */
+ color: #000000; /* Black text */
+ border: 1px solid #000000; /* Black border */
+ padding: 10px 20px;
+ cursor: pointer;
+ margin-top: 10px;
+ }
-.accessibility-mode .abilities-page .add-blasphemy-power-button:hover,
-.accessibility-mode .abilities-page .create-blasphemy-button:hover {
- background-color: #cccccc; /* Darker grey */
-}
+ .abilities-page .add-blasphemy-power-button:hover,
+ .abilities-page .create-blasphemy-button:hover {
+ background-color: #cccccc; /* Darker grey */
+ }
-.accessibility-mode .abilities-page .psychedelic-text {
- color: #000000; /* Black text */
- font-family: 'Courier New', Courier, monospace;
- font-weight: 400;
- font-style: normal;
- font-size: 18px;
- text-shadow: none; /* No text shadow */
- animation: none; /* No animation */
-}
+ .abilities-page .psychedelic-text {
+ color: #000000; /* Black text */
+ font-family: 'Courier New', Courier, monospace;
+ font-weight: 400;
+ font-style: normal;
+ font-size: 18px;
+ text-shadow: none; /* No text shadow */
+ animation: none; /* No animation */
+ }
-.accessibility-mode .abilities-page .agenda-items,
-.accessibility-mode .abilities-page .agenda-abilities {
- width: 48%;
-}
+ .abilities-page .agenda-items,
+ .abilities-page .agenda-abilities {
+ width: 48%;
+ }
-.accessibility-mode .abilities-page .my-agenda-section {
- margin-bottom: 20px;
- text-align: center;
-}
+ .abilities-page .my-agenda-section {
+ margin-bottom: 20px;
+ text-align: center;
+ }
-.accessibility-mode .abilities-page .editable-agenda {
- display: flex;
- justify-content: space-around;
- text-align: left;
- color: #000000; /* Black text */
-}
+ .abilities-page .editable-agenda {
+ display: flex;
+ justify-content: space-around;
+ text-align: left;
+ color: #000000; /* Black text */
+ }
-.accessibility-mode .abilities-page .editable-agenda h3 {
- margin-top: 10px;
- margin-bottom: 10px;
- color: #000000; /* Black text */
- font-family: 'Courier New', Courier, monospace;
-}
+ .abilities-page .editable-agenda h3 {
+ margin-top: 10px;
+ margin-bottom: 10px;
+ color: #000000; /* Black text */
+ font-family: 'Courier New', Courier, monospace;
+ }
-.accessibility-mode .abilities-page .items-list {
- background-color: #f5f5f5; /* Light grey */
- color: #000000; /* Black text */
- font-family: 'Courier New', Courier, monospace;
- padding: 10px;
- border: 1px solid #000000; /* Black border */
- list-style-type: none;
- margin: 0;
- padding-left: 0;
- width: 100%;
-}
+ .abilities-page .items-list {
+ background-color: #f5f5f5; /* Light grey */
+ color: #000000; /* Black text */
+ font-family: 'Courier New', Courier, monospace;
+ padding: 10px;
+ border: 1px solid #000000; /* Black border */
+ list-style-type: none;
+ margin: 0;
+ padding-left: 0;
+ width: 100%;
+ }
-.accessibility-mode .abilities-page .add-task-button {
- background-color: #e0e0e0; /* Light grey */
- color: #000000; /* Black text */
- border: 1px solid #000000; /* Black border */
- padding: 5px 10px;
- cursor: pointer;
- font-family: 'Courier New', Courier, monospace;
- font-size: 12px;
-}
+ .abilities-page .add-task-button {
+ background-color: #e0e0e0; /* Light grey */
+ color: #000000; /* Black text */
+ border: 1px solid #000000; /* Black border */
+ padding: 5px 10px;
+ cursor: pointer;
+ font-family: 'Courier New', Courier, monospace;
+ font-size: 12px;
+ }
-.accessibility-mode .abilities-page .item {
- display: flex;
- align-items: center;
- margin-bottom: 5px;
-}
+ .abilities-page .item {
+ display: flex;
+ align-items: center;
+ margin-bottom: 5px;
+ }
-.accessibility-mode .abilities-page .item textarea {
- flex: 1;
- padding: 5px;
- border: 1px solid #000000; /* Black border */
- background-color: #ffffff; /* White background */
- color: #000000; /* Black text */
- border-radius: 4px;
- margin-bottom: 5px;
- font-size: 12px;
- width: 100%;
- resize: vertical;
-}
+ .abilities-page .item textarea {
+ flex: 1;
+ padding: 5px;
+ border: 1px solid #000000; /* Black border */
+ background-color: #ffffff; /* White background */
+ color: #000000; /* Black text */
+ border-radius: 4px;
+ margin-bottom: 5px;
+ font-size: 12px;
+ width: 100%;
+ resize: vertical;
+ }
-.accessibility-mode .abilities-page .item button {
- margin-left: 5px;
- padding: 5px 10px;
- background-color: #e0e0e0; /* Light grey */
- color: #000000; /* Black text */
- border: 1px solid #000000; /* Black border */
- cursor: pointer;
- font-size: 12px;
-}
+ .abilities-page .item button {
+ margin-left: 5px;
+ padding: 5px 10px;
+ background-color: #e0e0e0; /* Light grey */
+ color: #000000; /* Black text */
+ border: 1px solid #000000; /* Black border */
+ cursor: pointer;
+ font-size: 12px;
+ }
-.accessibility-mode .abilities-page .item button:hover {
- background-color: #cccccc; /* Darker grey */
-}
+ .abilities-page .item button:hover {
+ background-color: #cccccc; /* Darker grey */
+ }
-.accessibility-mode .abilities-page .create-agenda-button {
- background-color: #e0e0e0; /* Light grey */
- color: #000000; /* Black text */
- border: 1px solid #000000; /* Black border */
- padding: 5px 10px;
- cursor: pointer;
- margin-top: 10px;
- font-size: 12px;
-}
+ .abilities-page .create-agenda-button {
+ background-color: #e0e0e0; /* Light grey */
+ color: #000000; /* Black text */
+ border: 1px solid #000000; /* Black border */
+ padding: 5px 10px;
+ cursor: pointer;
+ margin-top: 10px;
+ font-size: 12px;
+ }
-.accessibility-mode .abilities-page .create-agenda-button:hover {
- background-color: #cccccc; /* Darker grey */
-}
+ .abilities-page .create-agenda-button:hover {
+ background-color: #cccccc; /* Darker grey */
+ }
-.accessibility-mode .abilities-page .blasphemy h3 {
- color: #000000; /* Black text */
- font-family: 'Courier New', Courier, monospace;
- font-size: 24px;
- text-shadow: none; /* No text shadow */
- display: inline-block;
- margin-left: 10px;
- vertical-align: middle;
-}
+ .abilities-page .blasphemy h3 {
+ color: #000000; /* Black text */
+ font-family: 'Courier New', Courier, monospace;
+ font-size: 24px;
+ text-shadow: none; /* No text shadow */
+ display: inline-block;
+ margin-left: 10px;
+ vertical-align: middle;
+ }
-.accessibility-mode .abilities-page .blasphemy h4 {
- color: #000000; /* Black text */
- font-family: 'Courier New', Courier, monospace;
- font-size: 20px;
- text-shadow: none; /* No text shadow */
-}
+ .abilities-page .blasphemy h4 {
+ color: #000000; /* Black text */
+ font-family: 'Courier New', Courier, monospace;
+ font-size: 20px;
+ text-shadow: none; /* No text shadow */
+ }
-.accessibility-mode .abilities-page .blasphemy .blasphemy-image {
- width: 50px;
- height: 50px;
- vertical-align: middle;
-}
+ .abilities-page .blasphemy .blasphemy-image {
+ width: 50px;
+ height: 50px;
+ vertical-align: middle;
+ }
-.accessibility-mode .abilities-page .blasphemy-header {
- display: flex;
- align-items: center;
- justify-content: center;
- position: relative;
-}
+ .abilities-page .blasphemy-header {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ position: relative;
+ }
-.accessibility-mode .abilities-page .form-group {
- margin-top: 10px;
-}
+ .abilities-page .form-group {
+ margin-top: 10px;
+ }
-.accessibility-mode .abilities-page .blasphemy .form-group label {
- margin-right: 10px;
- color: #000000; /* Black text */
- font-family: 'Courier New', Courier, monospace;
-}
+ .abilities-page .blasphemy .form-group label {
+ margin-right: 10px;
+ color: #000000; /* Black text */
+ font-family: 'Courier New', Courier, monospace;
+ }
-.accessibility-mode .abilities-page .blasphemy .form-group select {
- background-color: #e0e0e0; /* Light grey */
- color: #000000; /* Black text */
- border: 1px solid #000000; /* Black border */
- font-family: 'Courier New', Courier, monospace;
- font-size: 16px;
- border-radius: 4px;
- transition: background-color 0.3s, color 0.3s;
-}
+ .abilities-page .blasphemy .form-group select {
+ background-color: #e0e0e0; /* Light grey */
+ color: #000000; /* Black text */
+ border: 1px solid #000000; /* Black border */
+ font-family: 'Courier New', Courier, monospace;
+ font-size: 16px;
+ border-radius: 4px;
+ transition: background-color 0.3s, color 0.3s;
+ }
-.accessibility-mode .abilities-page .blasphemy .form-group select:hover {
- background-color: #cccccc; /* Darker grey */
- color: #000000; /* Black text */
-}
+ .abilities-page .blasphemy .form-group select:hover {
+ background-color: #cccccc; /* Darker grey */
+ color: #000000; /* Black text */
+ }
-.accessibility-mode .abilities-page .blasphemy .add-blasphemy-power-button {
- margin-left: 10px;
- background-color: #e0e0e0; /* Light grey */
- color: #000000; /* Black text */
- border: 1px solid #000000; /* Black border */
- padding: 10px 20px;
- cursor: pointer;
- font-family: 'Courier New', Courier, monospace;
- font-size: 16px;
- border-radius: 4px;
- transition: background-color 0.3s, color 0.3s;
-}
+ .abilities-page .blasphemy .add-blasphemy-power-button {
+ margin-left: 10px;
+ background-color: #e0e0e0; /* Light grey */
+ color: #000000; /* Black text */
+ border: 1px solid #000000; /* Black border */
+ padding: 10px 20px;
+ cursor: pointer;
+ font-family: 'Courier New', Courier, monospace;
+ font-size: 16px;
+ border-radius: 4px;
+ transition: background-color 0.3s, color 0.3s;
+ }
-.accessibility-mode .abilities-page .blasphemy .add-blasphemy-power-button:hover {
- background-color: #cccccc; /* Darker grey */
- color: #000000; /* Black text */
-}
+ .abilities-page .blasphemy .add-blasphemy-power-button:hover {
+ background-color: #cccccc; /* Darker grey */
+ color: #000000; /* Black text */
+ }
-.accessibility-mode .abilities-page .power-description-card {
- font-family: 'Courier New', Courier, monospace;
- background-color: #f5f5f5; /* Light grey */
- color: #000000; /* Black text */
- border: 1px solid #000000; /* Black border */
- padding: 10px;
- margin-top: 20px;
- margin-bottom: 20px;
- border-radius: 4px;
- transition: background-color 0.3s, color 0.3s;
-}
+ .abilities-page .power-description-card {
+ font-family: 'Courier New', Courier, monospace;
+ background-color: #f5f5f5; /* Light grey */
+ color: #000000; /* Black text */
+ border: 1px solid #000000; /* Black border */
+ padding: 10px;
+ margin-top: 20px;
+ margin-bottom: 20px;
+ border-radius: 4px;
+ transition: background-color 0.3s, color 0.3s;
+ }
-.accessibility-mode .abilities-page .power-description-card h4 {
- margin: 0 0 10px 0;
- font-family: 'Courier New', Courier, monospace;
- text-decoration: underline;
-}
+ .abilities-page .power-description-card h4 {
+ margin: 0 0 10px 0;
+ font-family: 'Courier New', Courier, monospace;
+ text-decoration: underline;
+ }
-.accessibility-mode .abilities-page .power-description-card p {
- margin: 0;
- font-family: 'Courier New', Courier, monospace;
- font-size: medium;
-}
+ .abilities-page .power-description-card p {
+ margin: 0;
+ font-family: 'Courier New', Courier, monospace;
+ font-size: medium;
+ }
-.accessibility-mode .abilities-page .ability-description-card {
- margin-top: 20px;
- padding: 10px;
- border: 1px solid #000000; /* Black border */
- border-radius: 4px;
- background-color: #f5f5f5; /* Light grey */
- color: #000000; /* Black text */
-}
+ .abilities-page .ability-description-card {
+ margin-top: 20px;
+ padding: 10px;
+ border: 1px solid #000000; /* Black border */
+ border-radius: 4px;
+ background-color: #f5f5f5; /* Light grey */
+ color: #000000; /* Black text */
+ }
-.accessibility-mode .abilities-page .ability-description-card h4 {
- margin: 0 0 10px 0;
- font-family: 'Courier New', Courier, monospace;
- text-decoration: underline;
- color: #000000; /* Black text */
-}
+ .abilities-page .ability-description-card h4 {
+ margin: 0 0 10px 0;
+ font-family: 'Courier New', Courier, monospace;
+ text-decoration: underline;
+ color: #000000; /* Black text */
+ }
-.accessibility-mode .abilities-page .add-agenda-ability-button {
- margin-top: 10px;
- padding: 8px 12px;
- background-color: #e0e0e0; /* Light grey */
- color: #000000; /* Black text */
- border: none;
- border-radius: 4px;
- cursor: pointer;
-}
+ .abilities-page .add-agenda-ability-button {
+ margin-top: 10px;
+ padding: 8px 12px;
+ background-color: #e0e0e0; /* Light grey */
+ color: #000000; /* Black text */
+ border: none;
+ border-radius: 4px;
+ cursor: pointer;
+ }
-.accessibility-mode .abilities-page .add-agenda-ability-button:disabled {
- background-color: #cccccc; /* Darker grey */
- cursor: not-allowed;
-}
+ .abilities-page .add-agenda-ability-button:disabled {
+ background-color: #cccccc; /* Darker grey */
+ cursor: not-allowed;
+ }
-.accessibility-mode .abilities-page select {
- width: 100%;
- background-color: #e0e0e0; /* Light grey */
- color: #000000; /* Black text */
- border: 1px solid #000000; /* Black border */
- border-radius: 4px;
-}
+ .abilities-page select {
+ width: 100%;
+ background-color: #e0e0e0; /* Light grey */
+ color: #000000; /* Black text */
+ border: 1px solid #000000; /* Black border */
+ border-radius: 4px;
+ }
-.accessibility-mode .abilities-page select option {
- background-color: #e0e0e0; /* Light grey */
- color: #000000; /* Black text */
-}
+ .abilities-page select option {
+ background-color: #e0e0e0; /* Light grey */
+ color: #000000; /* Black text */
+ }
-.accessibility-mode .abilities-page select option:checked {
- background-color: #cccccc; /* Darker grey */
- color: #000000; /* Black text */
-}
+ .abilities-page select option:checked {
+ background-color: #cccccc; /* Darker grey */
+ color: #000000; /* Black text */
+ }
-.accessibility-mode .abilities-page .ability-description-card p {
- margin: 0;
-}
+ .abilities-page .ability-description-card p {
+ margin: 0;
+ }
-.accessibility-mode .abilities-page .ability-description-card h4 {
- margin: 0 0 10px 0;
- font-family: 'Courier New', Courier, monospace;
-}
+ .abilities-page .ability-description-card h4 {
+ margin: 0 0 10px 0;
+ font-family: 'Courier New', Courier, monospace;
+ }
-.accessibility-mode .abilities-page .power-description-card {
+ .abilities-page .power-description-card {
transition: opacity 1s ease-in-out, max-height 1s ease-in-out, transform 1s ease-in-out, background-color 1s ease-in-out, box-shadow 1s ease-in-out, color 1s ease-in-out;
opacity: 0;
max-height: 0;
@@ -771,8 +747,8 @@
box-shadow: none; /* No shadow */
color: #000000; /* Black text */
}
-
- .accessibility-mode .abilities-page .power-description-card.visible {
+
+ .abilities-page .power-description-card.visible {
opacity: 1;
max-height: 1000px;
/* Set a high enough value to accommodate the content */
@@ -783,147 +759,147 @@
box-shadow: none;
}
-.accessibility-mode .abilities-page .available-power-description-card {
- margin-top: 10px;
- opacity: 1;
- max-height: 1000px;
- /* Set a high enough value to accommodate the content */
- padding: 10px;
- border: 1px solid #000000; /* Black border */
- border-radius: 4px;
- background-color: #f5f5f5; /* Light grey */
- color: #000000; /* Black text */
- box-shadow: none;
-}
-
-.accessibility-mode .animation-toggle {
- display: inline-block;
- position: relative;
- margin-left: 10px;
- cursor: pointer;
-}
-
-.accessibility-mode .toggle-animation {
- display: none;
-}
+ .abilities-page .available-power-description-card {
+ margin-top: 10px;
+ opacity: 1;
+ max-height: 1000px;
+ /* Set a high enough value to accommodate the content */
+ padding: 10px;
+ border: 1px solid #000000; /* Black border */
+ border-radius: 4px;
+ background-color: #f5f5f5; /* Light grey */
+ color: #000000; /* Black text */
+ box-shadow: none;
+ }
-.accessibility-mode .toggle-animation+label {
- position: relative;
- cursor: pointer;
- user-select: none;
-}
+ .animation-toggle {
+ display: inline-block;
+ position: relative;
+ margin-left: 10px;
+ cursor: pointer;
+ }
-.accessibility-mode .toggle-animation+label .fa-sync-alt {
- display: inline;
- /* Show enabled icon by default */
-}
+ .toggle-animation {
+ display: none;
+ }
-.accessibility-mode .toggle-animation+label .fa-ban {
- display: none;
- /* Hide disabled icon by default */
-}
+ .toggle-animation+label {
+ position: relative;
+ cursor: pointer;
+ user-select: none;
+ }
-.accessibility-mode .toggle-animation:checked+label .fa-sync-alt {
- display: none;
- /* Hide enabled icon when checked */
-}
+ .toggle-animation+label .fa-sync-alt {
+ display: inline;
+ /* Show enabled icon by default */
+ }
-.accessibility-mode .toggle-animation:checked+label .fa-ban {
- display: inline;
- /* Show disabled icon when checked */
-}
+ .toggle-animation+label .fa-ban {
+ display: none;
+ /* Hide disabled icon by default */
+ }
+ .toggle-animation:checked+label .fa-sync-alt {
+ display: none;
+ /* Hide enabled icon when checked */
+ }
-/* Sin-mark page */
+ .toggle-animation:checked+label .fa-ban {
+ display: inline;
+ /* Show disabled icon when checked */
+ }
-.accessibility-mode .sin-mark {
- display: flex;
- position: relative;
- align-items: center;
- border: 2px solid black;
- padding-right: 0px;
- margin-top: 20px 0;
- margin-bottom: 20px 0;
- margin-left: 10px 0;
- margin-right: 0px 0;
- background-color: #ffffff; /* White background */
- color: #000000; /* Black text */
-}
-.accessibility-mode .sin-mark-content {
- line-height: 1.4;
- padding-right: 2px; /* Add padding to give space between content and trashcan */
-}
+ /* Sin-mark page */
-.accessibility-mode .sin-mark-description {
- margin: 5px 0;
- color: #000000; /* Black text */
- line-height: 1.4;
-}
+ .sin-mark {
+ display: flex;
+ position: relative;
+ align-items: center;
+ border: 2px solid black;
+ padding-right: 0px;
+ margin-top: 20px 0;
+ margin-bottom: 20px 0;
+ margin-left: 10px 0;
+ margin-right: 0px 0;
+ background-color: #ffffff; /* White background */
+ color: #000000; /* Black text */
+ }
-.accessibility-mode .remove-sin-mark-div {
- padding-right: 0px;
- padding-left: 0 0px;
- margin: 0;
- padding-top: 0 0px;
- display: flex;
- height: 100%;
- border-radius: 0px;
- border-top-left-radius: 25px;
- border-bottom-left-radius: 25px;
- max-width: 30px; /* Optional: Set a max-width if you want to prevent it from becoming too large */
-}
+ .sin-mark-content {
+ line-height: 1.4;
+ padding-right: 2px; /* Add padding to give space between content and trashcan */
+ }
-.accessibility-mode .remove-sin-mark-button {
- position: absolute;
- top: 0;
- bottom: 0;
- height: 100%;
- width: 30px;
- margin: 0;
+ .sin-mark-description {
+ margin: 5px 0;
+ color: #000000; /* Black text */
+ line-height: 1.4;
+ }
+
+ .remove-sin-mark-div {
+ padding-right: 0px;
+ padding-left: 0 0px;
+ margin: 0;
+ padding-top: 0 0px;
+ display: flex;
+ height: 100%;
+ border-radius: 0px;
+ border-top-left-radius: 25px;
+ border-bottom-left-radius: 25px;
+ max-width: 30px; /* Optional: Set a max-width if you want to prevent it from becoming too large */
+ }
+
+ .remove-sin-mark-button {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ height: 100%;
+ width: 30px;
+ margin: 0;
+ background-color: #e0e0e0; /* Light grey */
+ border-radius: 0px;
+ border-top-right-radius: 8px;
+ border-bottom-right-radius: 8px;
+ border: 0px solid white;
+ }
+
+ .remove-sin-mark-button i {
+ color: #000000; /* Black text */
+ font-size: 16px;
+ text-align: center; /* Center the icon within its container */
+ }
+
+ .evolve-mark-button {
+ border: 2px solid #000000; /* Black border */
background-color: #e0e0e0; /* Light grey */
- border-radius: 0px;
- border-top-right-radius: 8px;
- border-bottom-right-radius: 8px;
- border: 0px solid white;
-}
-
-.accessibility-mode .remove-sin-mark-button i {
- color: #000000; /* Black text */
- font-size: 16px;
- text-align: center; /* Center the icon within its container */
-}
-
-.accessibility-mode .evolve-mark-button {
- border: 2px solid #000000; /* Black border */
- background-color: #e0e0e0; /* Light grey */
- border-radius: 8px;
-}
+ border-radius: 8px;
+ }
-.accessibility-mode .roll-sin-mark {
- border: 2px solid #000000; /* Black border */
- background-color: #e0e0e0; /* Light grey */
- border-radius: 8px;
-}
+ .roll-sin-mark {
+ border: 2px solid #000000; /* Black border */
+ background-color: #e0e0e0; /* Light grey */
+ border-radius: 8px;
+ }
-.accessibility-mode .clear-sin-marks {
- border: 2px solid #000000; /* Black border */
- background-color: #e0e0e0; /* Light grey */
- border-radius: 8px;
-}
+ .clear-sin-marks {
+ border: 2px solid #000000; /* Black border */
+ background-color: #e0e0e0; /* Light grey */
+ border-radius: 8px;
+ }
-.accessibility-mode .delete-sin-2 {
- border: 2px solid #000000; /* Black border */
- background-color: #e0e0e0; /* Light grey */
- border-radius: 8px;
-}
+ .delete-sin-2 {
+ border: 2px solid #000000; /* Black border */
+ background-color: #e0e0e0; /* Light grey */
+ border-radius: 8px;
+ }
-.accessibility-mode .sin-mark-over-size {
- border-radius: 8px;
- padding: 15px;
-}
+ .sin-mark-over-size {
+ border-radius: 8px;
+ padding: 15px;
+ }
-.accessibility-mode .sin-marks {
+ .sin-marks {
background-color: #ffffff; /* White background */
border: 2px solid #000000; /* Black border */
padding: 30px;
@@ -934,7 +910,7 @@
transition: transform 0.3s, box-shadow 0.3s;
}
- .accessibility-mode .sin-marks h3 {
+ .sin-marks h3 {
color: #000000; /* Black text */
font-family: 'Courier New', serif;
text-shadow: none; /* No text shadow */
@@ -942,12 +918,12 @@
margin-bottom: 20px;
}
- .accessibility-mode .sin-marks ul {
+ .sin-marks ul {
list-style-type: none;
padding: 0;
}
- .accessibility-mode .sin-mark-body-part {
+ .sin-mark-body-part {
background-color: #f5f5f5; /* Light grey */
border: 2px solid #000000; /* Black border */
padding: 15px;
@@ -957,22 +933,22 @@
box-shadow: none; /* No shadow */
}
- .accessibility-mode .sin-marks li:hover {
+ .sin-marks li:hover {
box-shadow: none; /* No shadow */
}
- .accessibility-mode .sin-marks li:active {
+ .sin-marks li:active {
background-color: #ffffff; /* White background */
box-shadow: none; /* No shadow */
}
- .accessibility-mode .button-row {
+ .button-row {
display: flex;
justify-content: space-between;
margin-top: 20px;
}
- .accessibility-mode .sin-marks button {
+ .sin-marks button {
color: #000000; /* Black text */
border: 2px solid #000000; /* Black border */
margin: 0px;
@@ -981,17 +957,17 @@
transition: background-color 0.3s, transform 0.3s, box-shadow 0.3s;
}
- .accessibility-mode .sin-marks button:hover {
+ .sin-marks button:hover {
background-color: #cccccc; /* Darker grey */
box-shadow: none; /* No shadow */
}
- .accessibility-mode .sin-marks button:active {
+ .sin-marks button:active {
background-color: #999999; /* Darker grey */
box-shadow: none; /* No shadow */
}
- .accessibility-mode .no-sin-marks {
+ .no-sin-marks {
color: #000000; /* Black text */
background-color: #f5f5f5; /* Light grey */
padding: 15px;
@@ -1003,12 +979,12 @@
transition: transform 0.3s, box-shadow 0.3s;
}
- .accessibility-mode .no-sin-marks:hover {
+ .no-sin-marks:hover {
transform: scale(1.05);
box-shadow: none; /* No shadow */
}
- .accessibility-mode .sin-overflow {
+ .sin-overflow {
background-color: #ffffff; /* White background */
border: 2px solid #000000; /* Black border */
padding: 30px;
@@ -1020,7 +996,7 @@
margin-bottom: 20px;
}
- .accessibility-mode .sin-overflow h3 {
+ .sin-overflow h3 {
color: #000000; /* Black text */
font-family: 'Courier New', serif;
text-shadow: none; /* No text shadow */
@@ -1028,18 +1004,18 @@
margin-bottom: 20px;
}
- .accessibility-mode .sin-overflow-controls {
+ .sin-overflow-controls {
display: flex;
flex-direction: column;
gap: 15px;
}
- .accessibility-mode .sin-overflow-controls label {
+ .sin-overflow-controls label {
color: #000000; /* Black text */
font-family: 'Courier New', serif;
}
- .accessibility-mode .sin-overflow-controls input {
+ .sin-overflow-controls input {
background-color: #ffffff; /* White background */
color: #000000; /* Black text */
border: 2px solid #000000; /* Black border */
@@ -1049,18 +1025,18 @@
transition: background-color 0.3s, box-shadow 0.3s;
}
- .accessibility-mode .sin-overflow-controls input:hover {
+ .sin-overflow-controls input:hover {
background-color: #e0e0e0; /* Light grey */
box-shadow: none; /* No shadow */
}
- .accessibility-mode .sin-overflow-buttons {
+ .sin-overflow-buttons {
display: flex;
justify-content: space-between;
margin-top: 20px;
}
- .accessibility-mode .sin-overflow-buttons button {
+ .sin-overflow-buttons button {
background-color: #e0e0e0; /* Light grey */
color: #000000; /* Black text */
border: 2px solid #000000; /* Black border */
@@ -1073,13 +1049,13 @@
box-shadow: none; /* No shadow */
}
- .accessibility-mode .sin-overflow-buttons button:hover {
+ .sin-overflow-buttons button:hover {
background-color: #cccccc; /* Darker grey */
transform: scale(1.1);
box-shadow: none; /* No shadow */
}
- .accessibility-mode .sin-overflow-buttons button:active {
+ .sin-overflow-buttons button:active {
background-color: #999999; /* Darker grey */
transform: scale(0.95);
box-shadow: none; /* No shadow */
@@ -1087,12 +1063,12 @@
/* Media query for responsive design */
@media (max-width: 600px) {
- .accessibility-mode .button-row {
+ .button-row {
flex-direction: column;
align-items: stretch;
}
- .accessibility-mode .sin-marks button {
+ .sin-marks button {
margin: 5px 0;
}
}
@@ -1102,7 +1078,7 @@
/* Items Page */
-.accessibility-mode .items-list {
+ .items-list {
background-color: #ffffff; /* White background */
color: #000000; /* Black text */
font-family: 'Courier New', Courier, monospace;
@@ -1110,56 +1086,56 @@
border: 1px solid #000000; /* Black border */
}
- .accessibility-mode .items-header {
+ .items-header {
background-color: #f5f5f5; /* Light grey */
border-bottom: 2px solid #000000; /* Black border */
padding: 10px;
}
- .accessibility-mode .item-name-header {
+ .item-name-header {
color: #000000; /* Black text */
font-weight: bold;
justify-content: center;
text-align: center;
flex: 2;
}
- .accessibility-mode .item-image {
+ .item-image {
background-color: #000;
}
- .accessibility-mode .item-type {
+ .item-type {
color: #000000; /* Black text */
flex: 1;
}
- .accessibility-mode .item-name h4 {
+ .item-name h4 {
color: #000000; /* Black text */
}
- .accessibility-mode .item-scrip, .accessibility-mode .item-kit-points {
+ .item-scrip, .item-kit-points {
color: #000000; /* Black text */
}
- .accessibility-mode .item-controls a {
+ .item-controls a {
color: #000000; /* Black text */
margin-left: 5px;
}
- .accessibility-mode .item-controls a:hover {
+ .item-controls a:hover {
color: #ff0000; /* Red text */
}
- .accessibility-mode .kit-points-text {
+ .kit-points-text {
color: #000; /* Green text */
margin-left: 10px;
align-self: center;
}
- .accessibility-mode .scrip {
+ .scrip {
display: flex;
align-items: center;
}
- .accessibility-mode #scrip {
+ #scrip {
background-color: #ffffff; /* White background */
color: #000000; /* Black text */
border: 1px solid #000000; /* Black border */
@@ -1168,13 +1144,13 @@
/* Items Page */
-.accessibility-mode #talisman-management {
+#talisman-management {
display: flex;
flex-direction: column;
align-items: center;
}
- .accessibility-mode #add-talisman {
+ #add-talisman {
background-color: #ffffff; /* White background */
padding: 20px;
border-radius: 10px;
@@ -1185,18 +1161,18 @@
align-items: center;
}
- .accessibility-mode #talisman-management .current-marks {
+ #talisman-management .current-marks {
font-size: 1em;
color: #000000; /* Black text */
}
- .accessibility-mode #talisman-management .talisman-image {
+ #talisman-management .talisman-image {
width: 200px;
height: 220px;
margin-bottom: 10px;
}
- .accessibility-mode .talisman-grid {
+ .talisman-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 20px;
@@ -1205,7 +1181,7 @@
margin-bottom: 20px;
}
- .accessibility-mode .talisman {
+ .talisman {
background-color: #ffffff; /* White background */
padding: 20px;
border-radius: 10px;
@@ -1215,7 +1191,7 @@
align-items: center;
}
- .accessibility-mode .talisman input {
+ .talisman input {
margin-bottom: 10px;
padding: 5px;
border: 1px solid #000000; /* Black border */
@@ -1224,7 +1200,7 @@
color: #000000; /* Black text */
}
- .accessibility-mode .talisman button {
+ .talisman button {
margin-top: 10px;
padding: 5px 10px;
border: 1px solid #000000; /* Black border */
@@ -1234,15 +1210,15 @@
cursor: pointer;
}
- .accessibility-mode .talisman button.delete-talisman {
+ .talisman button.delete-talisman {
background-color: #ff4d4d;
}
- .accessibility-mode .talisman button:hover {
+ .talisman button:hover {
opacity: 0.8;
}
- .accessibility-mode #talisman-management .talisman-name {
+ #talisman-management .talisman-name {
width: 100%;
margin-bottom: 10px;
padding: 5px;
@@ -1252,56 +1228,56 @@
color: #000000; /* Black text */
}
- .accessibility-mode .roller-box {
+ .roller-box {
background-color: #ffffff; /* White background */
border: 2px solid #000000; /* Black border */
padding: 10px;
border-radius: 5px;
margin-bottom: 20px;
}
- .accessibility-mode .roller-box .resource-label {
+ .roller-box .resource-label {
color: #000000; /* Black text */
}
- .accessibility-mode .roller-box .flex-group-center {
+ .roller-box .flex-group-center {
display: flex;
flex-direction: column;
align-items: flex-start;
}
- .accessibility-mode .roller-box .checkbox-group {
+ .roller-box .checkbox-group {
display: flex;
justify-content: space-between;
width: 100%;
}
- .accessibility-mode .roller-box .checkbox-group .resource {
+ .roller-box .checkbox-group .resource {
margin-right: 10px;
}
- .accessibility-mode .roller-box .demon-checkbox {
+ .roller-box .demon-checkbox {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
}
- .accessibility-mode .roller-box .demon-checkbox input[type="checkbox"] {
+ .roller-box .demon-checkbox input[type="checkbox"] {
margin-right: 5px;
}
- .accessibility-mode .roller-box .demon-checkbox label {
+ .roller-box .demon-checkbox label {
color: #000000; /* Black text */
font-weight: bold;
}
- .accessibility-mode .xp-button {
+ .xp-button {
background-color: #e0e0e0; /* Light grey */
}
- .accessibility-mode .roller-box select {
+ .roller-box select {
border: 1px solid #000000; /* Black border */
background-color: #ffffff; /* White background */
}
- .accessibility-mode .roller-box .roll-button {
+ .roller-box .roll-button {
display: flex;
justify-content: center;
margin-top: 10px;
width: 100%;
}
- .accessibility-mode .roller-box .roll-button button {
+ .roller-box .roll-button button {
background-color: #e0e0e0; /* Light grey */
color: #000000; /* Black text */
border: none;
@@ -1309,18 +1285,18 @@
cursor: pointer;
border-radius: 5px;
}
- .accessibility-mode .resource-header {
+ .resource-header {
color: #000000; /* Black text */
}
- .accessibility-mode .flex-group {
+ .flex-group {
display: flex;
align-items: center;
}
- .accessibility-mode .flex-group .resource,
- .accessibility-mode .flex-group .demon-checkbox {
+ .flex-group .resource,
+ .flex-group .demon-checkbox {
margin-right: 10px;
}
- .accessibility-mode .advancements-experience-box {
+ .advancements-experience-box {
background-color: #ffffff; /* White background */
border: 2px solid #000000; /* Black border */
padding: 10px;
@@ -1329,18 +1305,18 @@
margin-bottom: 20px;
color: #000000; /* Black text */
}
- .accessibility-mode .advancements-experience-box .resource-label {
+ .advancements-experience-box .resource-label {
color: #000000; /* Black text */
}
- .accessibility-mode .advancements-experience-box .checkbox-group {
+ .advancements-experience-box .checkbox-group {
display: flex;
justify-content: space-between;
width: 100%;
}
- .accessibility-mode .advancements-experience-box .checkbox-group .resource {
+ .advancements-experience-box .checkbox-group .resource {
margin-right: 10px;
}
- .accessibility-mode .advancements-experience-box .xp-button {
+ .advancements-experience-box .xp-button {
background-color: #e0e0e0; /* Light grey */
}
@@ -1361,56 +1337,56 @@
}
/* New classes for paper theme */
- .accessibility-mode .roller-box {
+ .roller-box {
background-color: #ffffff; /* White background */
border: 2px solid #000000; /* Black border */
padding: 10px;
border-radius: 5px;
margin-bottom: 20px;
}
- .accessibility-mode .roller-box .resource-label {
+ .roller-box .resource-label {
color: #000000; /* Black text */
}
- .accessibility-mode .roller-box .flex-group-center {
+ .roller-box .flex-group-center {
display: flex;
flex-direction: column;
align-items: flex-start;
}
- .accessibility-mode .roller-box .checkbox-group {
+ .roller-box .checkbox-group {
display: flex;
justify-content: space-between;
width: 100%;
}
- .accessibility-mode .roller-box .checkbox-group .resource {
+ .roller-box .checkbox-group .resource {
margin-right: 10px;
}
- .accessibility-mode .roller-box .demon-checkbox {
+ .roller-box .demon-checkbox {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
}
- .accessibility-mode .roller-box .demon-checkbox input[type="checkbox"] {
+ .roller-box .demon-checkbox input[type="checkbox"] {
margin-right: 5px;
}
- .accessibility-mode .roller-box .demon-checkbox label {
+ .roller-box .demon-checkbox label {
color: #000000; /* Black text */
font-weight: bold;
}
- .accessibility-mode .xp-button {
+ .xp-button {
background-color: #e0e0e0; /* Light grey */
}
- .accessibility-mode .roller-box select {
+ .roller-box select {
border: 1px solid #000000; /* Black border */
background-color: #ffffff; /* White background */
}
- .accessibility-mode .roller-box .roll-button {
+ .roller-box .roll-button {
display: flex;
justify-content: center;
margin-top: 10px;
width: 100%;
}
- .accessibility-mode .roller-box .roll-button button {
+ .roller-box .roll-button button {
background-color: #e0e0e0; /* Light grey */
color: #000000; /* Black text */
border: none;
@@ -1418,18 +1394,18 @@
cursor: pointer;
border-radius: 5px;
}
- .accessibility-mode .resource-header {
+ .resource-header {
color: #000000; /* Black text */
}
- .accessibility-mode .flex-group {
+ .flex-group {
display: flex;
align-items: center;
}
- .accessibility-mode .flex-group .resource,
- .accessibility-mode .flex-group .demon-checkbox {
+ .flex-group .resource,
+ .flex-group .demon-checkbox {
margin-right: 10px;
}
- .accessibility-mode .advancements-experience-box {
+ .advancements-experience-box {
background-color: #ffffff; /* White background */
border: 2px solid #000000; /* Black border */
padding: 10px;
@@ -1438,30 +1414,30 @@
margin-bottom: 20px;
color: #000000; /* Black text */
}
- .accessibility-mode .advancements-experience-box .resource-label {
+ .advancements-experience-box .resource-label {
color: #000000; /* Black text */
}
- .accessibility-mode .advancements-experience-box .checkbox-group {
+ .advancements-experience-box .checkbox-group {
display: flex;
justify-content: space-between;
width: 100%;
}
- .accessibility-mode .advancements-experience-box .checkbox-group .resource {
+ .advancements-experience-box .checkbox-group .resource {
margin-right: 10px;
}
- .accessibility-mode .advancements-experience-box .xp-button {
+ .advancements-experience-box .xp-button {
background-color: #e0e0e0; /* Light grey */
}
- .accessibility-mode .advancements-experience-box .resource {
+ .advancements-experience-box .resource {
font-family: 'Courier New', Courier, monospace;
}
- .accessibility-mode .xp-button-group.flexrow {
+ .xp-button-group.flexrow {
display: flex;
justify-content: space-between;
align-items: center;
}
- .accessibility-mode .xp-button#increment-xp-value {
+ .xp-button#increment-xp-value {
background-color: #e0e0e0; /* Light grey */
color: #000000; /* Black text */
padding: 10px 20px;
@@ -1472,7 +1448,7 @@
width: 90%;
display: inline-block;
}
- .accessibility-mode .xp-button#decrement-xp-value {
+ .xp-button#decrement-xp-value {
background-color: #e0e0e0; /* Light grey */
color: #000000; /* Black text */
padding: 10px 20px;
@@ -1483,7 +1459,7 @@
width: 90%;
display: inline-block;
}
- .accessibility-mode .xp-button#increment-max-xp-value {
+ .xp-button#increment-max-xp-value {
background-color: #e0e0e0; /* Light grey */
color: #000000; /* Black text */
padding: 10px 20px;
@@ -1494,7 +1470,7 @@
width: 90%;
display: inline-block;
}
- .accessibility-mode .xp-button#decrement-max-xp-value {
+ .xp-button#decrement-max-xp-value {
background-color: #e0e0e0; /* Light grey */
color: #000000; /* Black text */
padding: 10px 20px;
@@ -1506,7 +1482,7 @@
border: 2px solid #000000; /* Black border */
}
- .accessibility-mode .xp-button#session-end-xp-value {
+ .xp-button#session-end-xp-value {
background-color: #e0e0e0; /* Light grey */
color: #000000; /* Black text */
padding: 10px 20px;
@@ -1517,17 +1493,17 @@
width: 30%;
display: inline-block;
}
- .accessibility-mode #xp-output {
+ #xp-output {
display: block;
font-size: 1.2em;
margin-top: 10px;
color: #000000; /* Black text */
}
- .accessibility-mode .checkbox-group[data-field="xp"] {
+ .checkbox-group[data-field="xp"] {
margin-top: 10px;
}
- .accessibility-mode .add-affliction-button {
+ .add-affliction-button {
background-color: #ffffff; /* White background */
color: #000000; /* Black text */
padding: 10px 20px;
@@ -1541,12 +1517,12 @@
}
/* Accessibility mode with paper theme */
-.accessibility-mode .brooding-theme {
+.brooding-theme {
background-color: #ffffff; /* White background */
color: #000000; /* Black text */
}
- .accessibility-mode .brooding-theme .dark-header {
+ .brooding-theme .dark-header {
background-color: #ffffff; /* White background */
color: #000000; /* Black text */
border-bottom: 2px solid #000000; /* Black border */
@@ -1554,22 +1530,22 @@
box-shadow: none; /* No shadow */
}
- .accessibility-mode .brooding-theme .dark-header select option {
+ .brooding-theme .dark-header select option {
background-color: #ffffff; /* White background */
color: #000000; /* Black text */
}
- .accessibility-mode .brooding-theme .profile-img {
+ .brooding-theme .profile-img {
border: 2px solid #000000; /* Black border */
border-radius: 50%;
box-shadow: none; /* No shadow */
}
- .accessibility-mode .brooding-theme .header-fields {
+ .brooding-theme .header-fields {
margin-left: 20px;
}
- .accessibility-mode .brooding-theme .charname input {
+ .brooding-theme .charname input {
font-size: 24px;
background-color: #ffffff; /* White background */
color: #000000; /* Black text */
@@ -1578,61 +1554,61 @@
padding: 5px;
}
- .accessibility-mode .brooding-theme .resources {
+ .brooding-theme .resources {
margin-top: 20px;
}
- .accessibility-mode .brooding-theme .resource-label {
+ .brooding-theme .resource-label {
font-size: 16px;
color: #000000; /* Black text */
}
- .accessibility-mode .brooding-theme .resource-content select,
- .accessibility-mode .brooding-theme .resource-content input {
+ .brooding-theme .resource-content select,
+ .brooding-theme .resource-content input {
background-color: #ffffff; /* White background */
color: #000000; /* Black text */
border: 1px solid #000000; /* Black border */
padding: 5px;
}
- .accessibility-mode .brooding-theme .resource-content img {
+ .brooding-theme .resource-content img {
filter: none; /* No filter */
margin-left: 10px;
}
- .accessibility-mode .brooding-theme .flex-group-center {
+ .brooding-theme .flex-group-center {
display: flex;
align-items: center;
justify-content: space-between;
}
- .accessibility-mode .brooding-theme .flexrow {
+ .brooding-theme .flexrow {
display: flex;
flex-direction: row;
}
- .accessibility-mode .brooding-theme .flex-center {
+ .brooding-theme .flex-center {
justify-content: center;
}
- .accessibility-mode .brooding-theme .flex-between {
+ .brooding-theme .flex-between {
justify-content: space-between;
}
- .accessibility-mode .brooding-theme .grid-3col {
+ .brooding-theme .grid-3col {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
}
- .accessibility-mode .brooding-theme .dark-tabs {
+ .brooding-theme .dark-tabs {
display: flex;
justify-content: space-around;
margin-top: 20px;
border-bottom: 2px solid #000000; /* Black border */
}
- .accessibility-mode .brooding-theme .dark-tabs .item {
+ .brooding-theme .dark-tabs .item {
background-color: #e0e0e0; /* Light grey */
color: #000000; /* Black text */
padding: 10px 20px;
@@ -1641,48 +1617,48 @@
transition: background-color 0.3s, color 0.3s;
}
- .accessibility-mode .brooding-theme .dark-tabs .item:hover {
+ .brooding-theme .dark-tabs .item:hover {
background-color: #cccccc; /* Darker grey */
color: #000000; /* Black text */
}
- .accessibility-mode .brooding-theme .dark-tabs .item.active {
+ .brooding-theme .dark-tabs .item.active {
background-color: #cccccc; /* Darker grey */
color: #000000; /* Black text */
border-bottom: 2px solid #000000; /* Black border */
}
- .accessibility-mode .brooding-theme .dark-body {
+ .brooding-theme .dark-body {
background-color: #ffffff; /* White background */
padding: 20px;
box-shadow: none; /* No shadow */
}
- .accessibility-mode .tab.attacks {
+ .tab.attacks {
background-color: #ffffff; /* White background */
color: #000000; /* Black text */
padding: 20px;
}
- .accessibility-mode .tab.attacks .form-grid {
+ .tab.attacks .form-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
- .accessibility-mode .tab.attacks .form-group {
+ .tab.attacks .form-group {
margin-bottom: 20px;
text-align: center;
}
- .accessibility-mode .tab.attacks .dark-form-group {
+ .tab.attacks .dark-form-group {
border: 1px solid #000000; /* Black border */
padding: 10px;
border-radius: 4px;
margin-bottom: 20px;
}
- .accessibility-mode .tab.attacks .dark-form-group label {
+ .tab.attacks .dark-form-group label {
color: #000000; /* Black text */
font-weight: bold;
display: block;
@@ -1690,14 +1666,14 @@
cursor: pointer;
}
- .accessibility-mode .tab.attacks .styled-paragraph {
+ .tab.attacks .styled-paragraph {
font-size: 1em;
letter-spacing: 0.05em;
margin-bottom: 20px;
}
- .accessibility-mode .tab.attacks .styled-input,
- .accessibility-mode .tab.attacks .styled-textarea {
+ .tab.attacks .styled-input,
+ .tab.attacks .styled-textarea {
width: 100%;
padding: 10px;
border: 1px solid #000000; /* Black border */
@@ -1706,7 +1682,7 @@
color: #000000; /* Black text */
}
- .accessibility-mode .tab.attacks .button-group {
+ .tab.attacks .button-group {
display: flex;
justify-content: center;
gap: 20px;
@@ -1718,7 +1694,7 @@
box-shadow: none; /* No shadow */
}
- .accessibility-mode .tab.attacks .demon-button {
+ .tab.attacks .demon-button {
padding: 15px 30px;
background: #ffffff; /* White background */
color: #000000; /* Black text */
@@ -1735,7 +1711,7 @@
transition: all 0.3s ease;
}
- .accessibility-mode .tab.attacks .demon-button::before {
+ .tab.attacks .demon-button::before {
content: '';
position: absolute;
top: -50%;
@@ -1747,26 +1723,26 @@
transform: rotate(45deg);
}
- .accessibility-mode .tab.attacks .demon-button:hover {
+ .tab.attacks .demon-button:hover {
background: #e0e0e0; /* Light grey */
text-shadow: none; /* No text shadow */
}
- .accessibility-mode .tab.attacks .demon-button:hover::before {
+ .tab.attacks .demon-button:hover::before {
top: -70%;
left: -70%;
transform: rotate(90deg);
}
- .accessibility-mode .tab.attacks .demon-button:active {
+ .tab.attacks .demon-button:active {
background: #cccccc; /* Darker grey */
box-shadow: none; /* No shadow */
}
- .accessibility-mode .tab.attacks .attack-button,
- .accessibility-mode .tab.attacks .severe-attack-button,
- .accessibility-mode .tab.attacks .add-question-button,
- .accessibility-mode .tab.attacks .delete-question-button {
+ .tab.attacks .attack-button,
+ .tab.attacks .severe-attack-button,
+ .tab.attacks .add-question-button,
+ .tab.attacks .delete-question-button {
padding: 10px 20px;
background-color: #ffffff; /* White background */
color: #000000; /* Black text */
@@ -1776,37 +1752,37 @@
width: auto;
}
- .accessibility-mode .tab.attacks .attack-button:hover,
- .accessibility-mode .tab.attacks .severe-attack-button:hover,
- .accessibility-mode .tab.attacks .add-question-button:hover,
- .accessibility-mode .tab.attacks .delete-question-button:hover {
+ .tab.attacks .attack-button:hover,
+ .tab.attacks .severe-attack-button:hover,
+ .tab.attacks .add-question-button:hover,
+ .tab.attacks .delete-question-button:hover {
background-color: #cccccc; /* Darker grey */
}
- .accessibility-mode .tab.attacks .afflictions-table {
+ .tab.attacks .afflictions-table {
width: 100%;
border-collapse: collapse;
margin-top: 10px;
}
- .accessibility-mode .tab.attacks .afflictions-table th,
- .accessibility-mode .tab.attacks .afflictions-table td {
+ .tab.attacks .afflictions-table th,
+ .tab.attacks .afflictions-table td {
border: 1px solid #000000; /* Black border */
padding: 8px;
text-align: left;
}
- .accessibility-mode .tab.attacks .afflictions-table th {
+ .tab.attacks .afflictions-table th {
background-color: #e0e0e0; /* Light grey */
color: #000000; /* Black text */
}
- .accessibility-mode .tab.attacks .afflictions-table td {
+ .tab.attacks .afflictions-table td {
background-color: #ffffff; /* White background */
color: #000000; /* Black text */
}
- .accessibility-mode .tab.attacks .roll-affliction {
+ .tab.attacks .roll-affliction {
margin-top: 10px;
padding: 10px 20px;
background-color: #ffffff; /* White background */
@@ -1816,16 +1792,16 @@
cursor: pointer;
}
- .accessibility-mode .tab.attacks .roll-affliction:hover {
+ .tab.attacks .roll-affliction:hover {
background-color: #cccccc; /* Darker grey */
}
- .accessibility-mode .tab.attacks .editor-style {
+ .tab.attacks .editor-style {
width: 100%;
height: 85%;
}
- .accessibility-mode .tab.attacks .centered-label {
+ .tab.attacks .centered-label {
text-align: center;
font-family: "Cinzel", sans-serif;
font-weight: 400;
@@ -1839,71 +1815,71 @@
cursor: pointer;
}
- .accessibility-mode .tab.attacks .centered-label:hover {
+ .tab.attacks .centered-label:hover {
background-color: #e0e0e0; /* Light grey */
}
- .accessibility-mode .tab.attacks .full-width {
+ .tab.attacks .full-width {
grid-column: span 2;
height: 420px;
}
- .accessibility-mode .tab.attacks .flexible-height {
+ .tab.attacks .flexible-height {
height: auto;
}
- .accessibility-mode .tab.attacks .question-group {
+ .tab.attacks .question-group {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 10px;
}
- .accessibility-mode .tab.attacks .question-group label {
+ .tab.attacks .question-group label {
margin-bottom: 0;
}
- .accessibility-mode .tab.attacks .collapsible-section {
+ .tab.attacks .collapsible-section {
display: none;
}
- .accessibility-mode .tab.attacks .collapsible-section.collapsed {
+ .tab.attacks .collapsible-section.collapsed {
display: none;
}
- .accessibility-mode .tab.attacks .collapsible-section:not(.collapsed) {
+ .tab.attacks .collapsible-section:not(.collapsed) {
display: block;
}
- form .accessibility-mode .tab.attacks .form-group {
+ form .tab.attacks .form-group {
display: block;
margin-bottom: 20px;
}
- .accessibility-mode .tab.description {
+ .tab.description {
background-color: #ffffff; /* White background */
color: #000000; /* Black text */
padding: 20px;
}
- .accessibility-mode .tab.description .form-grid {
+ .tab.description .form-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
- .accessibility-mode .tab.description .form-group {
+ .tab.description .form-group {
text-align: center;
}
- .accessibility-mode .tab.description .dark-form-group label {
+ .tab.description .dark-form-group label {
color: #000000; /* Black text */
font-weight: bold;
display: block;
margin-bottom: 10px;
}
- .accessibility-mode .tab.description .centered-label {
+ .tab.description .centered-label {
text-align: center;
font-family: "Tiny5", sans-serif;
font-weight: 400;
@@ -1912,7 +1888,7 @@
color: #000000; /* Black text */
}
- .accessibility-mode .tab.description .large-textarea {
+ .tab.description .large-textarea {
width: 100%;
height: 150px;
padding: 10px;
@@ -1922,7 +1898,7 @@
border-radius: 4px;
}
- .accessibility-mode .tab.description .mob-psycho-editor {
+ .tab.description .mob-psycho-editor {
width: 100%;
height: 400px; /* Increased height for better editing experience */
padding: 10px;
@@ -1933,17 +1909,17 @@
overflow-y: auto;
}
- .accessibility-mode .tab.description .full-width {
+ .tab.description .full-width {
grid-column: span 2;
height: 400px; /* Increased height for better editing experience */
}
- form .accessibility-mode .tab.description .form-group {
+ form .tab.description .form-group {
display: block;
margin-bottom: 20px;
}
- .accessibility-mode .tab.domains {
+ .tab.domains {
background-color: #ffffff; /* White background */
color: #000000; /* Black text */
padding: 20px;
@@ -1951,7 +1927,7 @@
box-shadow: none; /* No shadow */
}
- .accessibility-mode .tab.domains .form-group {
+ .tab.domains .form-group {
margin-bottom: 20px;
text-align: center;
border: 1px solid #000000; /* Black border */
@@ -1960,7 +1936,7 @@
background-color: #e0e0e0; /* Light grey */
}
- .accessibility-mode .tab.domains .dark-form-group label {
+ .tab.domains .dark-form-group label {
color: #000000; /* Black text */
font-weight: bold;
display: block;
@@ -1968,8 +1944,8 @@
font-size: 1.1em;
}
- .accessibility-mode .tab.domains .ability-select,
- .accessibility-mode .tab.domains .ability-textarea {
+ .tab.domains .ability-select,
+ .tab.domains .ability-textarea {
width: 80%;
border: 1px solid #000000; /* Black border */
border-radius: 4px;
@@ -1978,11 +1954,11 @@
font-size: 1em;
}
- .accessibility-mode .tab.domains .ability-textarea {
+ .tab.domains .ability-textarea {
height: 100px; /* Fixed vertical height */
}
- .accessibility-mode .tab.domains .ability-select {
+ .tab.domains .ability-select {
appearance: none; /* Remove default arrow */
-webkit-appearance: none; /* Remove default arrow for Safari */
background-image: url('data:image/svg+xml;charset=US-ASCII,
-
Stylish Mode
+
UNDER//HEAVEN
-
Accessibility Mode
+
CAIN
You can always change your preferred style in the settings.
diff --git a/module/data/actor-character.mjs b/module/data/actor-character.mjs
index 4e1e3f9..2447e75 100644
--- a/module/data/actor-character.mjs
+++ b/module/data/actor-character.mjs
@@ -15,8 +15,8 @@ export default class CainCharacter extends CainActorBase {
schema.skills = new fields.SchemaField(Object.keys(CONFIG.CAIN.skills).reduce((obj, skill) => {
obj[skill] = new fields.SchemaField({
- value: new fields.NumberField({ ...requiredInteger, initial: 1, min: 0, max: 3 }),
- max: new fields.NumberField({ ...requiredInteger, initial: 3, min: 0, max: 3 }),
+ value: new fields.NumberField({ ...requiredInteger, initial: 1, min: 0, max: 4 }),
+ max: new fields.NumberField({ ...requiredInteger, initial: 4, min: 0, max: 4 }),
});
return obj;
}, {}));
diff --git a/module/data/actor-npc.mjs b/module/data/actor-npc.mjs
index 378f5d1..5c44630 100644
--- a/module/data/actor-npc.mjs
+++ b/module/data/actor-npc.mjs
@@ -56,7 +56,16 @@ export default class CainNPC extends CainActorBase {
schema.palace = new fields.StringField({ initial: "default" });
schema.appearance = new fields.StringField({ required: true, nullable: false, initial: "" });
schema.biography = new fields.StringField({ required: true, nullable: false, initial: "" });
- schema.traumas = new fields.StringField({ required: true, nullable: false, initial: "" });
+
+ schema.traumas = new fields.ArrayField(new fields.SchemaField({
+ question: new fields.StringField({ required: true, initial: "Question " }),
+ answered: new fields.BooleanField({ required: true, initial: false })
+ }), { required: true, initial: [
+ { question: "Question 1", answered: false },
+ { question: "Question 2", answered: false },
+ { question: "Question 3", answered: false }
+ ]});
+
schema.pressure = new fields.StringField({ required: true, nullable: false, initial: "" });
schema.complications = new fields.StringField({ required: true, nullable: false, initial: "" });
@@ -78,6 +87,17 @@ export default class CainNPC extends CainActorBase {
schema.afflictions = new fields.ArrayField(new fields.StringField({ required: true, initial: " " }), { required: true, initial: [] });
schema.severeAbilityQuestions = new fields.ArrayField(new fields.StringField({ required: true, initial: " " }), { required: true, initial: [] });
+ schema.selectedTalismans = new fields.ArrayField(
+ new fields.ObjectField({
+ name: new fields.StringField({ required: true }),
+ imagePath: new fields.StringField({ required: true }),
+ currMarkAmount: new fields.NumberField({ required: true, initial: 0, min: 0 }),
+ minMarkAmount: new fields.NumberField({ required: true, initial: 0, min: 0 }),
+ maxMarkAmount: new fields.NumberField({ required: true, initial: 6, min: 0}),
+ }),
+ { required: true, initial: [] }
+ );
+
return schema;
}
diff --git a/module/documents/talisman-window.mjs b/module/documents/talisman-window.mjs
index c2836e3..278cfc5 100644
--- a/module/documents/talisman-window.mjs
+++ b/module/documents/talisman-window.mjs
@@ -1,11 +1,13 @@
+import { CainActorSheet } from "../sheets/actor-sheet.mjs";
+
export class TalismanWindow extends Application {
static get defaultOptions() {
return mergeObject(super.defaultOptions, {
id: 'talisman-window',
title: 'Talismans',
template: 'systems/cain/templates/talisman-window.hbs',
- width: 1000,
- height: 600,
+ width: 1000, // Adjusted initial width
+ height: 800, // Adjusted initial height
resizable: true,
});
}
@@ -28,9 +30,25 @@ export class TalismanWindow extends Application {
html.find('.talisman-image').on('contextmenu', this._onDecreaseMarks.bind(this));
html.find('.hide-talisman').on('click', this._onHideTalisman.bind(this));
html.find('.talisman-max-mark').on('change', this._onMaxMarkChange.bind(this)); // Add listener for max mark amount
+
+ // Add dragstart event listener
+ html.find('.talisman').on('dragstart', this._onDragStart.bind(this));
+
+ // Add pin event listener
+ html.find('.pin-talisman').on('click', this._onPinTalisman.bind(this));
+
+ // Add create tile event listener
+ html.find('.create-tile').on('click', this._onCreateTile.bind(this));
}
}
+ async _onDragStart(event) {
+ const index = event.currentTarget.dataset.index;
+ const talismans = game.settings.get('cain', 'globalTalismans');
+ const talisman = talismans[index];
+ event.originalEvent.dataTransfer.setData('text/plain', JSON.stringify(talisman));
+ }
+
async _onNameChange(event) {
const index = event.currentTarget.dataset.index;
const value = event.currentTarget.value;
@@ -135,21 +153,215 @@ export class TalismanWindow extends Application {
this._emitUpdate();
}
+ async _onPinTalisman(event) {
+ event.preventDefault();
+ const index = event.currentTarget.dataset.index;
+ const talismans = game.settings.get('cain', 'globalTalismans');
+ const talisman = talismans[index];
+
+ // Create a pinned talisman container if it doesn't exist
+ let pinnedContainer = document.querySelector('.pinned-talisman-container');
+ if (!pinnedContainer) {
+ pinnedContainer = document.createElement('div');
+ pinnedContainer.classList.add('pinned-talisman-container');
+ pinnedContainer.style.width = '169px'; // Adjusted initial width
+ pinnedContainer.style.height = '291px'; // Adjusted initial height
+ document.body.appendChild(pinnedContainer); // Append to body for full screen dragging
+ console.log('Pinned talisman container created and appended to the body.');
+
+ // Make the container draggable and resizable
+ this._makeDraggable(pinnedContainer);
+ this._makeResizable(pinnedContainer);
+ }
+
+ // Create a pinned talisman element
+ const pinnedTalismanHtml = `
+
+
+
${talisman.name}
+
${talisman.currMarkAmount} / ${talisman.maxMarkAmount}
+
+
Dice Modifier:
-
- ${abilityQuestions.map((question, index) => `
-
- `).join('')}
-
-
Yes/No Modifier:
-
- Yes +1, No -1
- Yes -1, No +1
-
+
Add or subtract dice based on the following questions:
+
+ ${abilityQuestions.map((question, index) => `${question} `).join('')}
+
The Sin can use this ability on a '1' on the risk roll. They can only use it once a mission. Target an exorcist. Any other exorcists nearby must decide to fly to their aid. Any that don't offer aid cannot participate.
Ability Activation
- Start with a pool of 5d6. Then remove one dice for each of the following:
+ Start with a pool of 6d6. Then remove one dice for each of the following:
Is another person aiding you?
Can you grab on to something nearby?
@@ -2224,7 +2281,7 @@ export class CainActorSheet extends ActorSheet {
If two or more '1's come up, the exorcist has one or more of their limbs torn off. Roll 1d3: 1: arm, 2: leg, 3: both legs. Roll 1d6 for left or right (left on 1-3, right on 4-6). They take an injury, pass out until the scene passes, then all physical activity is hard for them without teamwork. After the mission is over, they can adjust to their disability and this no longer has an effect on them (determine with Admin how your character heals).
`,
- rollFormula: "5d6"
+ rollFormula: "6d6"
},
afflictions: ["White Mold: Spreading white veins and coughing indicate mold infection. Subtract 1 from all resting rolls while afflicted and cannot eat, drink, or use consumables.", "Frozen Limbs: Physical activity or fine motor skill is hard if it requires more than one limb.", "Circling the Drain : Cannot benefit from teamwork or setup. Permanently add to your agenda: give up on something.", "Speaking spews out black sludge. All communication that requires speaking is hard", "Rotting: Black rot has taken in the body. Take 1 stress each time pressure fills up. If this inflicts an injury, it inflicts instant death.", "Permanently add to your agenda: die."],
severeAbilityQuestions: [
@@ -2276,7 +2333,7 @@ export class CainActorSheet extends ActorSheet {
},
palace: "A toad’s palace represents a monument to wealth, often as envisioned by its host. On the outside it may be located inside a cramped building or in a tiny apartment block, but on the inside it is typically an opulent, sprawling extravaganza. Toad palaces typically take the form of summer mansions, luxury residences, resorts, casinos, or other places that mix pleasure and commerce. The host may reside at least part time inside the palace due to its space and comfort. Over time the space becomes crammed almost to bursting with the wealth that the toad accumulates, transforming partly into treasure vaults or galleries to either protect or display their largesse. Toad palaces are typically: Opulent, gaudy, glitzy, spacious, extravagant, luxurious, comfortable",
appearance: "Toads are bulky but surprisingly fast sins with a great degree of manual dexterity. They often have prehensile tongues or double jointed limbs, and convey these features onto any hosts they are fused with. They are capable of squeezing through tiny spaces and leaping great distances. The gaping mouths of toads have space extending properties and are capable of storing an unreal amount of physical material - many rooms worth in some cases. All toads have a strong, not entirely unpleasant odor about them - something between carpet cleaner and expensive cologne. Behavior: Unlike other sins, who typically want to",
- traumas: "• What do you deserve that was denied to you? • While you were starving, who was feasting? • Where do you draw the line?",
+ traumas: [{question: "What do you deserve that was denied to you?", answered: false}, {question: "While you were starving, who was feasting?", answered: false}, {question: "Where do you draw the line?", answered: false}],
pressure: "A toad’s main driving desire is to acquire as much material wealth as possible for its host. It steals as much as it can, by various means, based on its host’s desires, storing its prizes inside of its expansive gullet and regurgitating them later inside its palace. A toad’s larceny can start small, but as time goes on its appetites, both literal and figurative, become more expansive. A host that wanted a faster car in the past, for example, will eventually draw a toad to find the fastest car in town and swallow it, then the next fastest car too, and so on. As time goes on, the amount of material the toad swallows and its avarice inevitably starts to grow out of control, to unreal proportions. Instead of stealing food for its host, for example, it may swallow an entire restaurant, staff and all. In theory a high enough category toad would swallow an entire town, given time. The toad gains power from its hoard. Every time pressure increases, its greed increases too, describing the kind of things it can steal: • 0-2: High worth but mundane items. Money, cars, guns, medicine, food, fashion, high art. • 3-4: Unreal amounts of the above. • 5+: Entire stores, shops, restaurants, yachts, buses, celebrities. At 6+, the toad’s CAT increase by 1 and it gains the ability to steal conceptual or intangible items like abstract wealth, stocks in a company, light, artistic skill, or happiness.",
complications: "Leap out of reach on muscular legs or squeeze into a tight space. Entangle in traps. Reveal hidden explosives. Trigger security, or alarms. Vomit slime or disgorge stomach contents. Add a bystander, use a domain.",
threats: "Summon bodyguards. Steal something from the exorcists, collapse or throw something from the environment. Set off a bomb. Kick someone with powerful legs. Swallow something or someone whole. Inflict a hook. Use a domain. Do something crafty, flashy, or shocking.",
@@ -2292,7 +2349,7 @@ export class CainActorSheet extends ActorSheet {
The Sin can use this ability on a '1' on the risk roll. They can only use it once a mission. Target an exorcist. Any other exorcists nearby must decide to fly to their aid. Any that don't offer aid cannot participate.
Ability Activation
- Start with a pool of 5d6. Then remove one dice for each of the following:
+ Start with a pool of 6d6. Then remove one dice for each of the following:
Are you accepting of your powers?
Are your allies close enough to touch you skin to skin?
@@ -2306,7 +2363,7 @@ export class CainActorSheet extends ActorSheet {
If two or more '1's come up, the execution talisman of the shadow is 5 instead.
`,
- rollFormula: "5d6" },
+ rollFormula: "6d6" },
afflictions: ["Absent Minded: Whenever you roll a ‘1’ on risk, erase 1 KP.", "Wasting Sickness: Reduce max stress by 1 each time you rest. If reduced to 0, you suffer instant death.", "Starvation: All actions are hard until you or an ally mark 1 KP and allow you to eat something. This effect resets and you must eat again after you rest.", "Itchy Fingers: Once a scene, stealing something (anything) gives you 1 psyche burst and 1d3 sin. Permanently add to your agenda: steal.", "Dreaming Desire: When pressure increases, spend 1 psyche burst to daydream about things you want or take 2 stress.", "The Want: Permanently add to your agenda: take more than you need. Or improvise: make a something hard or"],
severeAbilityQuestions: ["Are you accepting of your powers?", "Are your allies close enough to touch you skin to skin?", "Are you willing to part with your kit?", "Is the Toad hindered, distracted, or under duress in some way?"]
},
@@ -2334,7 +2391,7 @@ export class CainActorSheet extends ActorSheet {
},
palace: "Idols tend to manifest their palace where their cult is located, typically in populated locations. They may have a front operation that covers the entrance to their palace and their cult in general - a news or internet program, a band, a concert hall, a religious gathering, etc. The true headquarters of their cult is typically more concealed and harder to access. At the center is usually an entrance to their palace, which the idol may invite select cult members in to visit in order to win them over. Depending on the aspiration of the sin, the interior of typical palaces is usually a monument to self-obsession and resembles: • Palatial estates • Nightclubs or concert halls • Beautiful high rise penthouse apartments • Religious halls or places of worship Idol palaces are typically: Luxurious, gilded, airy, captivating, impressive, gaudy, holy",
appearance: "Idols commonly appear as humanlike in form. They may appear as someone desired by their host: their hosts’ ideal romantic partner, a parental figure, or a best friend. When fused with their hosts, they may enhance their hosts into ‘ideal’, more perfect versions of themselves, usually enhancing features a host deems desirable, and eliminating those seen as undesirable. They have a godly, otherworldly beauty to them that can be stunning to humans, especially the graceless. When forced into a corner, or when they want to display their power, idols are capable of taking other, more terrible forms.",
- traumas: "• What is your dream? • Why did you give up on your dream? • Why do you think you are you incapable of being loved?",
+ traumas: [{question: "What is your dream?", answered: false}, {question: "Why did you give up on your dream?", answered: false}, {question: "Why do you think you are you incapable of being loved?", answered: false}],
pressure: "dols gather cults around them, adding steadily to them over time. This varies from mundane admirers of the idol to people totally pulled under their spell. A lower category idol tends to pull people into a cult of a few dozen people, whereas a higher category one can pull in a cult that numbers in the hundreds or thousands. While the idol still lives, cultists are completely and unflinchingly loyal to them and their host , and will follow the commands and inclinations of their higher-ups in the cult without questioning. The idol is able to secretly add npcs to its cult. Every time pressure increases, the Admin chooses an NPC the players have met on the mission and adds them to the cult. They don’t have to reveal to this to the players.",
complications: "Rile up a crowd, enthrall someone, blind with glory, overwhelm with emotion, force out secrets, disarm someone, spew out hallucinations, add a bystander, use a domain.",
threats: "Summon cultists. Cause crippling pain. Overwhelm the senses. Force exorcists to sarifice something. Expose a weakness. Enthrall an exorcist. Take captives. Inflict a hook. Use a domain. Do something emotionally crushing, manipulative, or shocking.",
@@ -2351,7 +2408,7 @@ export class CainActorSheet extends ActorSheet {
The Sin can use this ability on a '1' on the risk roll. They can only use it once a mission. Target an exorcist. Any other exorcists nearby must decide to fly to their aid. Any that don't offer aid cannot participate.
Ability Activation
- Start with a pool of 5d6. Then remove one dice for each of the following:
+ Start with a pool of 6d6. Then remove one dice for each of the following:
Are you far from the idol?
Do you have love in your life?
@@ -2367,7 +2424,7 @@ export class CainActorSheet extends ActorSheet {
If two or more '1's come up, this effect instead lasts until the rest of the hunt, and can't be ended early.
`,
- rollFormula: "5d6"
+ rollFormula: "6d6"
},
afflictions: [
"Infatuated: Pick an ally. If you act without their setup or teamwork, you take 1 stress.",
@@ -2397,7 +2454,7 @@ export class CainActorSheet extends ActorSheet {
},
palace: "A lord’s palace is always nestled in the center of their kingdom, and therefore always requires traversing the kingdom itself to reach. More often than not, it resembles an actual palace in size and form - or something similarly important and imposing, such as a high rise skyscraper, corporate headquarters, government office, or temple. The palace of a lord is typically a bustling place full of servants or subsidiaries going about their business - minor sins, figments of the host’s imagination, or captive humans that have been absorbed into the narrative of the kingdom. Lord’s palaces are typically: Imposing, grandiose, august, monumental, stony, hallow",
appearance: "Lords are powerful, imposing figures that present an archetypical ‘guardian’ figure to their hosts, sometimes manifesting as an authority figure like a soldier or policeman, and sometimes as something more divine, like a god or an angel. They have extremely tough armor and are excellent combatants, able to fight off any perceived threats to the new order they impose with ease.",
- traumas: "• What did you lose? • What is the main thing you would fix about the world? • Who did you regret leaving behind when you ascended to your Kingdom?",
+ traumas: [{question: "What did you lose?", answered: false}, {question: "What is the main thing you would fix about the world?", answered: false}, {question: "Who did you regret leaving behind when you ascended to your Kingdom?", answered: false}],
pressure: "The archetypical Lord creates a Kingdom, an alternate parasite reality growing outward from its palace that overlaps our own. The kingdom can be accessed freely by the lord and its host, and can be squirreled away in impossible spaces - accessible through closet doors, hallways, restaurant back alleys, etc. Eventually it starts to bleed over and pull parts of the real world into it, consuming space and the unwitting humans inside. From the outside, humans cannot see the kingdom even as it consumes the real world, and may merely walk down a street and unwittingly pass into an alternate reality. Inside the Kingdom, the world may appear as the world currently does, or a historical or even fantastical version of the world, such as a futuristic city, a glittering heaven, or a medieval castle - dependent on the latent desires of the host. In this world, all that the host has lost is returned to them and more. It presents an alternate reality that is both more convenient and fulfilling to the host and also conforms to their beliefs and outlook, coddling and supporting them. Events, history, and even humans may be altered drastically inside. Therefore humans that on the outside of the kingdom may be hostile to the host might be their friends inside, mistakes the host has made in the past or their own failings might be papered over or made whole - or even celebrated.",
complications: "Twist the world or landscape, extend the Kingdom, throw false accusations, bind an exorcist in chains, blind with scorching light, extend shining armor plating, raise a glittering shield, add a bystander, use a domain.",
threats: "Smite with fire, pass judgement from the heavens, hurl into a psychic prison, force an exorcist to confront their own crimes, grasp with an armored fist, impale with holy spikes, Inflict a hook. Use a domain. Do something righteous, scathing, or dominating.",
@@ -2414,7 +2471,7 @@ export class CainActorSheet extends ActorSheet {
The Sin can use this ability on a '1' on the risk roll. They can only use it once a scene. Target an exorcist. Any other exorcists nearby must decide to fly to their aid. Any that don't offer aid cannot participate.
Ability Activation
- The Lord binds the targeted exorcist with divine chains, then begins a summary trial. Start with a pool of 5d6. Then remove one dice for each of the following:
+ The Lord binds the targeted exorcist with divine chains, then begins a summary trial. Start with a pool of 6d6. Then remove one dice for each of the following:
Are you innocent of crimes?
Are you a liar or a cheat?
@@ -2428,7 +2485,7 @@ export class CainActorSheet extends ActorSheet {
For every '1' that comes up, the targeted exorcist is forced to confront their inadequacy and additionally gains 1d6 sin.
`,
- rollFormula: "5d6"
+ rollFormula: "6d6"
},
afflictions: [
"Reality Control: Must spend 1 stress to spend any amount of KP in the kingdom.",
@@ -2446,7 +2503,7 @@ export class CainActorSheet extends ActorSheet {
ability2: { title: "Turning Blades, I Laughed at their Brittleness", value: "The hound’s hide becomes incredibly tough and durable, like a beast’s. • Each time an action would slash the hound’s execution talisman, roll a 1d6 fortune roll. If the roll is a 1 or 2, reduce all slashes suffered to 1. The hound’s armor has weak spots, however, and any action that is set up or part of teamwork can ignore this effect. • Mundane weapons are completely incapable of harming the hound unless they are extremely strong, like a tank cannon or a missile." },
ability3: { title: "The Catching of the Doe", value: "The hound suppresses its nature and becomes a stealthy hunter, able to stalk its prey. At the start of the hunt, pick an exorcist. Once a scene, during any scene, the Admin may declare that the exorcist gets a glimpse of the hound following them (though it may or may not be real), giving them 1 stress, which cannot inflict an injury. The Admin can trigger this three times total a hunt. In any conflict scene, the Hound gets a free reaction at the start (roll the risk die as normal), targeting the exorcist it is stalking if possible." },
ability4: { title: "The Annihilation of the Wicked", value: "The hound gains a special affinity for firearms. It can attack at range with guns that it wields or, more often, are fused to its form, emerging when needed. • The hound’s attacks gain long range. • As a complication, the hound pins an exorcist down by bullets, bathes them in napalm, concusses them with grenades, etc. That exorcist takes 1 stress after acting until the complication is dealt with, or takes 2 stress if acting requires moving from their current position. • As a reaction (1) the hound can permanently absorb all firearms in the same immediate area as it, immediately disarming anyone wielding one, and healing 1 tick on the execution talisman" },
- ability5: { title: "The Fattening of Rage", value: "strengthening it. • Once a scene, if the hound slays any mundane human as part of a reaction, it can heal 1 segment on its execution talisman. • If the hound has slain at least one of its grudge targets, it increases its execution clock by +2 segments. • If the hound has slain all its original grudge targets, it also inflicts +1 stress with all reactions." },
+ ability5: { title: "The Fattening of Rage", value: "The hound feeds on the power of its Grudge, strengthening it. • Once a scene, if the hound slays any mundane human as part of a reaction, it can heal 1 segment on its execution talisman. • If the hound has slain at least one of its grudge targets, it increases its execution clock by +2 segments. • If the hound has slain all its original grudge targets, it also inflicts +1 stress with all reactions." },
ability6: { title: "Rile Against Heaven", value: "The mere presence of the hound exacerbates the rifts between human and exorcist alike. Humans during this mission never start friendly to the exorcists and are often outwardly hostile. The Admin may make a fortune roll if they like (hostile on a 1-2, indifferent or annoyed otherwise). They may still become friendly through the exorcist’s actions. Any two exorcists that have a disagreement, no matter how minor, may declare it has boiled over into a fight. For the remainder of the hunt they cannot participate in teamwork with other and cannot set each other up. Any feuding exorcists regain a psyche burst if the other takes an injury or affliction, and both gain +1 xp at the end of the mission." },
ability7: { title: "The Measured Weight of Death", value: "The hound gains a supernatural resilience that can only be bypassed by specific methods. Often this draws on the superstitions of its host, often along mythological lines, and doesn’t have to conform to any real logic. • The hound takes -1 slash on its execution talisman. • This effect can be removed for a scene by the exorcists taking action to expose the hound to a specific weakness. The Admin can choose or roll from the list below: 1. Silver 2. Iron 3. Extreme Heat 4. Extreme Cold 5. Water 6. Sunlight" },
ability8: { title: "Bloodying the Steel", value: "The rage of the Hound is infectious and can drive its victims into a vicious obsessive cycle. The hound gains the Infectious Grudge affliction. exorcist gains +1D on all actions that inflict physical violence, but also takes +1 stress when they take stress from an external source. Any exorcist can voluntarily take this affliction if they are harmed by the hound. " },
@@ -2458,7 +2515,7 @@ export class CainActorSheet extends ActorSheet {
},
palace: "A hound’s palace is usually an extremely simple, barely coherent and indistinct landscape of whipping winds, boiling rain, unreal heat, and licking flames. Unlike other palaces, it can often change locations as the hound moves around on its hunt. The entrance is usually located somewhere derelict or wild like in abandoned buildings, drainage canals, junk yards, burnt out cars, or in tree hollows. Hound palaces are typically : Hellish, gory, barren, inhospitable, ferocious, chaotic. Pressure: Grudge",
appearance: "Hounds are active, constantly moving sins that twitch or spasm with barely concealed rage. They often take an animalistic form and may exhibit animalistic behavior such as running on all fours and biting even if they are humanoid in form. They are typically lithe and extremely fast and strong. Humans have an innate fear of them and can sense their presence even if they can’t see a hound. Its surviving victims often describe feeling a primal dread, a sense of being hunted by a wild animal.",
- traumas: "• Who wronged you? • How were you wronged? • What are you unwilling to sacrifice?",
+ traumas: [{question: "Who wronged you?", answered: false}, {question: "How were you wronged?", answered: false}, {question: "What are you unwilling to sacrifice?", answered: false}],
pressure: "A hound harbors a grudge against a specific person or group of people. While its targets are alive, it does its best to track them down and kill them violently and messily. When setting up the mission, the Admin should designate three specific people to be the hound’s grudge targets (which could have expanded from its original target, or could be examples from a group it has a grudge against). A grudge can easily expand to innocent people, such as family members, friends, or co-workers of the perpetrators. • When pressure increases, the hound will track down and attempt to kill one of its targets. If the exorcists are present, they can attempt to prevent this with a conflict scene. If not, the target is (brutally) slain! • If all targets are killed, the hound picks an NPC the exorcists have met and adds them to its grudge as a new target. If pressure goes to maximum, the hound gains +1 CAT and adds all NPCs and the exorcists to its grudge.",
complications: "Move faster than the eye can see, set everything on fire, give off massive steam or heat, become enraged, expand with additional blades, increase in size and strength, add a bystander, use a domain.",
threats: "Cause massive collateral damage. Attempt to tear someone in half. Rip apart humans. Spit torrents of boiling blood. Hurl someone through a roof or wall. Cut everything into ribbons. Inflict a hook. Use a domain. Do something violent, obliterating, or manic.",
@@ -2475,7 +2532,7 @@ export class CainActorSheet extends ActorSheet {
The Sin can use this ability on a '1' on the risk roll. They can only use it once a mission. Target an exorcist. Any other exorcists nearby must decide to fly to their aid. Any that don't offer aid cannot participate.
Ability Activation
- Start with a pool of 5d6. Then remove one dice for each of the following:
+ Start with a pool of 6d6. Then remove one dice for each of the following:
Do you have a sword (or something like it)?
Are you calm, collected, and focused?
@@ -2489,7 +2546,7 @@ export class CainActorSheet extends ActorSheet {
For every '1' rolled, the targeted exorcist suffers 2 additional stress and has a piece of skin cut away, causing permanent scarring (roll).
`,
- rollFormula: "5d6"
+ rollFormula: "6d6"
},
afflictions: [
"Blood Rage: Afflicted exorcists roll +1D when inflicting harm, violence, or physical force, but must take 1 stress to take any other type of action.",
@@ -2543,8 +2600,7 @@ export class CainActorSheet extends ActorSheet {
},
palace: "A centipede’s palace is usually located in a protected location at the center of horde activity, usually somewhere significant to the host or close to the inciting incident. The interior of a centipede’s palace often resembles a prison or a dungeon, built to capture the centipede’s host and force them to remain witness to the horrors they have unwittingly (or otherwise) unleashed. This prison can be sterile, cold, or laboratory-like, or medieval and full of barbed hooks and rusted chains. It often manifests horrors or traps to drive out, capture, or kill invaders. Centipede palaces are typically : hostile, resentful, grotesque, gory, prison-like, chthonic",
appearance: "entipedes are manifested catastrophes, born from the darkest images of their hosts psyche. They exist only to cause such horrific violence and death that the hosts’ previous worries evaporate. As their namesake, they typically manifest as insectile abominations, taking on all the characteristics of what a ‘monster’ should be. Their main identifying physical characteristic is their venom, which is inimical to human life and creates a (very) rapidly expanding problem for exorcists.",
- traumas: "What are you trying to escape? • What do you hate the most about humanity? • What do you regret the most?",
- pressure: "A centipede’s venom, when injected into the human bloodstream, causes a catalyzing psycho-biotic reaction that within the space of about an hour mutates that human into an extremely strong, aggressive, and violent monster, a mindless drone that is under the centipede’s control as a queen controls a colony of ants. These infested are able to produce their own centipede venom that they can inject into bitten humans, creating a catalyzing exponential reaction that rapidly creates a horde of these monsters. • A human infected with centipede venom will chrysalize, transform, and mutate within exactly 44 minutes. An exorcist gains the centipede bite affliction instead. • There is no cure to centipede venom, but it can be delayed. • The only reliable way to end an infestation is to kill the centipede. Executing a centipede causes its venom to lose its transformative effect and evaporate. This saves any infected exorcists and any infected but untransformed victims, who can typically recover in a few weeks. Remaining infested victims are dealt with in cleanup and should be considered deceased. Each time pressure increases, 10% of the local population in the affected area is infected and transformed (so at 3 ticks, 30% of the population is affected). If pressure reaches maximum, the centipede increases in CAT by +1 and this goes up to 90% population loss.",
+ traumas: [{question: "What are you trying to escape?", answered: false}, {question: "What do you hate the most about humanity?", answered: false}, {question: "What do you regret the most?", answered: false}],
complications: "Burrow into the ground or walls, spit poisonous webbing, release swarms of flies, spray pools of poison, reveal hidden burrows, collapse the floor, scuttle hidden into darkness, add a bystander, use a domain.",
threats: "Summon the horde. Rip into an exorcist. Unveil rows of hypnotic eyespots. Explode a caustic bubo. Dissolve something with acid. Commit a massacre. Inflict a hook. Use a domain. Do something messy, spiteful, or dripping with venom.",
attackRoll: {
@@ -2560,7 +2616,7 @@ export class CainActorSheet extends ActorSheet {
The Sin can use this ability on a '1' on the risk roll. They can only use it once a mission. Target an exorcist. Any other exorcists nearby must decide to fly to their aid. Any that don't offer aid cannot participate.
Ability Activation
- Start with a pool of 5d6. Then remove one dice for each of the following:
+ Start with a pool of 6d6. Then remove one dice for each of the following:
Can you move quickly and unencumbered?
Is someone aiding you able to push or grab you?
@@ -2588,7 +2644,7 @@ export class CainActorSheet extends ActorSheet {
`,
- rollFormula: "5d6"
+ rollFormula: "6d6"
},
afflictions: [
"Seethe: Pick another exorcist. For every ‘6’ that exorcist rolls on an action, gain 1 stress.",
@@ -2642,7 +2698,7 @@ export class CainActorSheet extends ActorSheet {
},
palace: "The Redacted",
appearance: "The Redacted",
- traumas: "The Redacted",
+ traumas: [{question: "The Redacted", answered: false}, {question: "The Redacted", answered: false}, {question: "The Redacted", answered: false}],
pressure: "The Redacted",
complications: "The Redacted",
threats: "The Redacted",
@@ -2654,7 +2710,7 @@ export class CainActorSheet extends ActorSheet {
},
severeAttack: {
description: "The Redacted",
- rollFormula: "5d6"
+ rollFormula: "6d6"
},
afflictions: [
"The Redacted",
@@ -2689,4 +2745,323 @@ export class CainActorSheet extends ActorSheet {
}
}
+ async _attackPlayer(event) {
+ const exorcists = game.actors.filter(actor => actor.type === 'character');
+ const options = exorcists.map((exorcist, index) => `${exorcist.name} `).join('');
+ const content = `
+
+ `;
+
+ new Dialog({
+ title: "Attack a Player",
+ content: content,
+ buttons: {
+ attack: {
+ label: "Attack",
+ callback: async (html) => {
+ const selectedIndex = parseInt(html.find('#exorcist-select').val());
+ const selectedExorcist = exorcists[selectedIndex];
+
+ // Roll 1d6 to determine the amount of stress inflicted
+ const roll = new Roll('1d6');
+ await roll.evaluate({ async: true });
+ const rollResult = roll.total;
+ let stressInflicted;
+
+ if (rollResult === 1) {
+ stressInflicted = 5;
+ } else if (rollResult === 2 || rollResult === 3) {
+ stressInflicted = 3;
+ } else {
+ stressInflicted = 2;
+ }
+
+ const newStress = selectedExorcist.system.stress.value + stressInflicted;
+ await selectedExorcist.update({ 'system.stress.value': newStress });
+ ui.notifications.info(`${selectedExorcist.name} has been attacked and their stress increased by ${stressInflicted}.`);
+ }
+ }
+ },
+ default: "attack"
+ }).render(true);
+ }
+
+// Function to afflict a player
+async _afflictPlayer(event) {
+ const exorcists = game.actors.filter(actor => actor.type === 'character');
+ const afflictions = game.items.filter(item => item.type === 'affliction');
+ const exorcistOptions = exorcists.map((exorcist, index) => `${exorcist.name} `).join('');
+ const afflictionOptions = afflictions.map((affliction, index) => `${affliction.name} `).join('');
+ const content = `
+
+ `;
+
+ new Dialog({
+ title: "Afflict a Player",
+ content: content,
+ buttons: {
+ afflict: {
+ label: "Afflict",
+ callback: async (html) => {
+ const selectedExorcistIndex = parseInt(html.find('#exorcist-select').val());
+ const selectedAfflictionIndex = parseInt(html.find('#affliction-select').val());
+ const selectedExorcist = exorcists[selectedExorcistIndex];
+ const selectedAffliction = afflictions[selectedAfflictionIndex];
+ const afflictionsList = selectedExorcist.system.afflictions || [];
+ afflictionsList.push(selectedAffliction.id);
+ await selectedExorcist.update({ 'system.afflictions': afflictionsList });
+ ui.notifications.info(`${selectedExorcist.name} has been afflicted with ${selectedAffliction.name}.`);
+ }
+ }
+ },
+ default: "afflict"
+ }).render(true);
+}
+
+// Function to use a complication
+_useComplication(event) {
+ const complications = [
+ "Make something hard",
+ "Deal 1 stress at the end of the round to all exorcists",
+ "Make the sin take 1 less slash on its talisman under certain circumstances",
+ "Make the sin deal 1 more stress under certain circumstances",
+ "Change the parameters of the fight"
+ ];
+
+ const content = `
+
+
Complications
+
Reminder: If you use a complication, you should set a talisman.
+
Rules:
+
+ Make something hard
+ Deal 1 stress at the end of the round to all exorcists
+ Make the sin take 1 less slash on its talisman under certain circumstances
+ Make the sin deal 1 more stress under certain circumstances
+ Change the parameters of the fight
+
+
The same effect cannot stack with itself. Complications are worse and take more effort to deal with the worse the reaction die:
+
+ (5-6): 2 talisman
+ (2-4): 4 talisman
+ (1): 6 talisman
+
+
A sin can add a complication up to three times per conflict scene total.
+
+ Choose a Complication:
+
+ ${complications.map((complication, index) => `${complication} `).join('')}
+
+
+
${exorcist.name} `).join('');
+
+ const content = `
+
+
Threats
+
Rules:
+
+ Inflict harm: (1): An injury, (2-3) 5 stress, (4-6) 3 stress
+ Separate an exorcist completely
+ Cause collateral damage
+ Massively change the parameters of the fight
+ Add an Affliction
+
+
When a threat is deployed, one exorcist immediately has a chance to make an action roll to negate the threat. This doesn’t take their action for the round, and any exorcist can act, even one that has already acted. The action roll has no other result other than negating the threat, and negates it on at least one success. This roll is otherwise a normal roll (it can incur consequences, be set up, or gain bonus dice as normal).
+
+ Choose a Threat:
+
+ ${threats.map((threat, index) => `${threat} `).join('')}
+
+
+
+ Choose an Exorcist:
+
+ ${exorcistOptions}
+
+
+
${affliction.name} `).join('');
+ const afflictionContent = `
+
+ `;
+
+ new Dialog({
+ title: "Add Affliction",
+ content: afflictionContent,
+ buttons: {
+ add: {
+ label: "Add Affliction",
+ callback: async (html) => {
+ const selectedAfflictionIndex = parseInt(html.find('#affliction-select').val());
+ const selectedAffliction = afflictions[selectedAfflictionIndex];
+ const afflictionsList = selectedExorcist.system.afflictions || [];
+ afflictionsList.push(selectedAffliction.id);
+ await selectedExorcist.update({ 'system.afflictions': afflictionsList });
+ ui.notifications.info(`${selectedExorcist.name} has been afflicted with ${selectedAffliction.name}`);
+ }
+ },
+ close: {
+ label: "Close"
+ }
+ },
+ default: "add"
+ }).render(true);
+ break;
+
+ default:
+ ui.notifications.warn("Unknown threat selected");
+ break;
+ }
+ }
+ },
+ close: {
+ label: "Close"
+ }
+ },
+ default: "close"
+ }).render(true);
+}
+
+// Function to perform a severe attack
+_severeAttack(event) {
+ this._onNpcSevereAttack(event);
+}
+
+// Function to use a domain
+_useDomain(event) {
+ const domains = this.actor.system.domains || {};
+ const domainOptions = Object.keys(domains).map(key => `${domains[key].title} `).join('');
+ const content = `
+
+ `;
+
+ new Dialog({
+ title: "Use Domain",
+ content: content,
+ buttons: {
+ use: {
+ label: "Use",
+ callback: (html) => {
+ const selectedDomainKey = html.find('#domain-select').val();
+ const selectedDomain = domains[selectedDomainKey];
+ ui.notifications.info(`Using Domain: ${selectedDomain.title} - ${selectedDomain.value}`);
+ }
+ }
+ },
+ default: "use"
+ }).render(true);
+}
+
}
\ No newline at end of file
diff --git a/system.json b/system.json
index 146ccd3..f76f230 100644
--- a/system.json
+++ b/system.json
@@ -20,7 +20,7 @@
"thumbnail": "systems/cain/assets/cain.png"
}
],
- "version": "1.1.8",
+ "version": "1.2.0",
"compatibility": {
"minimum": 11,
"verified": "12"
diff --git a/templates/actor/actor-character-sheet.hbs b/templates/actor/actor-character-sheet.hbs
index ed50a5a..bd08b70 100644
--- a/templates/actor/actor-character-sheet.hbs
+++ b/templates/actor/actor-character-sheet.hbs
@@ -75,21 +75,25 @@
{{!-- Owned Features Tab --}}
-
{{/each}}
- Add Affliction
+ Add Affliction
Rest Dice Modifier
@@ -233,4 +237,13 @@
margin-top: 10px;
}
+/* Styles for the fourth checkbox */
+input[type="checkbox"].fourth-checkbox+label::before {
+ border: 3px solid rgb(255, 85, 85); /* Change this color to your desired border color */
+}
+
+input[type="checkbox"].fourth-checkbox:checked+label::before {
+ background-color: rgb(255, 85, 85); /* Change this color to your desired background color */
+}
+
\ No newline at end of file
diff --git a/templates/actor/actor-npc-sheet.hbs b/templates/actor/actor-npc-sheet.hbs
index bc1996f..9db5a1b 100644
--- a/templates/actor/actor-npc-sheet.hbs
+++ b/templates/actor/actor-npc-sheet.hbs
@@ -2,16 +2,13 @@
{{!-- Sheet Header --}}
- 
-