slaguru666/roll20-character-sheets-tester
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Spell information tabs

Browse Source
This commit is contained in:
Ian Merryweather
2022-08-31 16:36:41 +01:00
parent c447128852
commit 7db7dcad3d
1 changed files with 30 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
D&D_BECM/BDnDSheet.css
+30 -32
View File
@@ -6,9 +6,12 @@
--header-text: var(--color-surface1);
--is-player-character: #65763c;
--not-player-character: #93537c;
--selected-spell-level-background: #009e73;
--repeating-section-background: #eeeeee;
--selected-spell-effect: #879a6a;
--selected-spell-level: #009e73;
--selected-tab-background: #ab8b57;
--unselected-spell-level-background: #56b4e9;
--unselected-spell-effect: #8c6075;
--unselected-spell-level: #56b4e9;
--unselected-tab-background: #4a6486;
}
@@ -372,7 +375,7 @@ input.sheet-spelltab7:checked ~ span.sheet-spelltab7,
input.sheet-spelltab8:checked ~ span.sheet-spelltab8,
input.sheet-spelltab9:checked ~ span.sheet-spelltab9,
input.sheet-spelltab99:checked ~ span.sheet-spelltab99 {
background: var(--selected-spell-level-background);
background: var(--selected-spell-level);
}
input.sheet-spellpagetab {
@@ -385,7 +388,7 @@ input.sheet-spellpagetab {
}
span.sheet-spellpagetab {
background: var(--unselected-spell-level-background);
background: var(--unselected-spell-level);
border-radius: 4px;
color: var(--header-text);
cursor: pointer;
@@ -408,69 +411,64 @@ span.sheet-spellpagetab {
/* End Spell Page Settings */
/* Borders for spell page and class action repeating section rows */
div[data-groupname^="repeating_spellbook"] .repitem,
div[class^="sheet-classaction-row"],
div[data-groupname^="repeating_classactions"] .repitem,
.sheet-npc-row,
div[class^="sheet-classaction-row"] {
border: 1px solid #000000;
div[data-groupname^="repeating_spellbook"] .repitem,
.sheet-npc-row {
background: var(--repeating-section-background);
border: var(--border) 1px solid;
border-radius: 12px;
margin-left: 1px;
margin-bottom: 5px;
background: #eee;
margin-left: 1px;
}
/* spell type tab Settings */
/* Spell Type Tab Settings */
div[class^="sheet-spell-type"] {
display: none;
}
input.sheet-spelltypeadvanced:checked ~ div.sheet-spell-type-advanced,
input.sheet-spelltypeattack:checked ~ div.sheet-spell-type-attack,
input.sheet-spelltypesave:checked ~ div.sheet-spell-type-save,
input.sheet-spelltypedamage:checked ~ div.sheet-spell-type-damage,
input.sheet-spelltypeeffects:checked ~ div.sheet-spell-type-effects,
input.sheet-spelltypeheal:checked ~ div.sheet-spell-type-heal,
input.sheet-spelltypeeffects:checked ~ div.sheet-spell-type-effects {
input.sheet-spelltypesave:checked ~ div.sheet-spell-type-save {
display: block;
}
input.sheet-spelltypeadvanced:checked ~ span.sheet-spelltypeadvanced,
input.sheet-spelltypeattack:checked ~ span.sheet-spelltypeattack,
input.sheet-spelltypesave:checked ~ span.sheet-spelltypesave,
input.sheet-spelltypedamage:checked ~ span.sheet-spelltypedamage,
input.sheet-spelltypeeffects:checked ~ span.sheet-spelltypeeffects,
input.sheet-spelltypeheal:checked ~ span.sheet-spelltypeheal,
input.sheet-spelltypeeffects:checked ~ span.sheet-spelltypeeffects {
background: #879a6a;
color: white;
border-radius: 4px;
input.sheet-spelltypesave:checked ~ span.sheet-spelltypesave {
background: var(--selected-spell-effect);
}
input.sheet-spelltypetab {
width: 119px;
height: 20px;
cursor: pointer;
position: relative;
height: 20px;
opacity: 0;
position: relative;
width: 119px;
z-index: 999;
}
span.sheet-spelltypetab {
text-align: center;
background: var(--unselected-spell-effect);
border-radius: 4px;
color: var(--header-text);
cursor: pointer;
display: inline-block;
font-size: 13px;
background: #8c6075;
color: white;
font-weight: bold;
border-radius: 4px;
width: 119px;
height: 20px;
cursor: pointer;
position: relative;
margin-left: -121px;
position: relative;
text-align: center;
width: 119px;
}
/* END spell type tab Settings */
/* End Spell Type Tab Settings */
/* Inventory Page Settings */
div[class^="sheet-inventory-page"] {