diff --git a/Dragon Warriors/Dragon Warriors Revised.css b/Dragon Warriors/Dragon Warriors Revised.css index c216cbaa0545..17ffaa48f3ba 100644 --- a/Dragon Warriors/Dragon Warriors Revised.css +++ b/Dragon Warriors/Dragon Warriors Revised.css @@ -42,6 +42,7 @@ padding: var(--padding); /* Consistent padding */ font-size: inherit; /* Inherit font size from the root */ box-sizing: border-box; + font-family: 'Cormorant Unicase', serif; } .sheet-auto-expand { @@ -255,7 +256,7 @@ } .ui-dialog .charsheet img.icon.shield { - width: 98%; + width: 95%; } .ui-dialog .charsheet img.icon.hand, @@ -280,10 +281,12 @@ /* Styling for header images */ .ui-dialog .charsheet img.headerimage { width: 100%; + height: auto; } .ui-dialog .charsheet img.icon.sword { - width: 60%; + width: 98%; + height: auto; } /* Additional image styling */ .ui-dialog .charsheet img.icon.bow { @@ -1298,17 +1301,16 @@ display: grid; grid-template-areas: "common common common" - "primaryattributes afattributes finalcombatattributes" - "finalattackdefenceattributes afattributes finalcombatattributes" - "evasionattribute hpattributes finalcombatattributes" - "stealthperceptionattributes hpattributes finalcombatattributes" - "mamdattributes hpattributes finalcombatattributes" - "gapfillimg mpattributes classcombatabilities"; - - /* Set all columns to equal width (1fr) */ - grid-template-columns: 1fr 1fr 1fr; - grid-template-rows: auto; /* Automatically adjust row height */ + "primaryattributes finalattackdefenceattributes afattributes" + "finalmeleecombatattributes finalrangedcombatattributes hpattributes" + "finalmeleecombatattributes finalrangedcombatattributes stealthperceptionattributes" + "finalmeleecombatattributes finalrangedcombatattributes evasionattribute" + "classcombatabilities mpattributes mamdattributes"; + /* Set all columns to equal width (1fr) */ + grid-template-columns: repeat(3, minmax(0, 1fr)); + grid-template-rows: auto; gap: 10px; /* Space between grid items */ + box-sizing: border-box; } .common { @@ -1375,6 +1377,7 @@ padding: var(--padding); border-radius: var(--border-radius); border: 5px double var(--border-color); /* Double-line border */ + box-sizing: border-box; } .primaryattributes h2 { @@ -1461,6 +1464,7 @@ padding: var(--padding); border-radius: var(--border-radius); border: 5px double var(--border-color); /* Double-line border */ + box-sizing: border-box; } .finalattackdefenceattributes h2 { @@ -1527,6 +1531,7 @@ padding: var(--padding); border-radius: var(--border-radius); border: 5px double var(--border-color); /* Double-line border */ + box-sizing: border-box; } .evasionattribute h2 { @@ -1558,6 +1563,7 @@ padding: var(--padding); border-radius: var(--border-radius); border: 5px double var(--border-color); /* Double-line border */ + box-sizing: border-box; } .mamdattributes h2 { @@ -1596,6 +1602,7 @@ padding: var(--padding); border-radius: var(--border-radius); border: 5px double var(--border-color); /* Double-line border */ + box-sizing: border-box; } .stealthperceptionattributes h2 { @@ -1635,9 +1642,9 @@ margin: 0 5px; } - .gapfillimg { - grid-area: gapfillimg; - } + /* .gapfillimg { */ + /* grid-area: gapfillimg; */ + /* } */ .hpattributes { grid-area: hpattributes; @@ -1647,6 +1654,7 @@ padding: var(--padding); border-radius: var(--border-radius); border: 5px double var(--border-color); /* Double-line border */ + box-sizing: border-box; } .hpattributes h2 { @@ -1660,20 +1668,20 @@ .afattributes { display: grid; grid-area: afattributes; - grid-template-columns: 1fr 1fr; /* Adjust column widths */ + grid-template-columns: 1fr 2fr; /* Adjust column widths */ grid-template-areas: "afattribheader afattribheader" - "imgshieldcol aftype" - "imgshieldcol aftypeinput" - "imgshieldcol afname" + "aftype aftypeinput" "imgshieldcol afinput" - "shieldbox shieldbox" - "shieldtogglebox shieldtogglebox"; + "imgshieldcol shieldtogglebox" + "imgshieldcol frontshieldhidden"; gap: 5px; background-color: var(--primary-bg-color); padding: var(--padding); border-radius: var(--border-radius); - border: 5px double var(--border-color); /* Double-line border */ + border: 5px double var(--border-color); + box-sizing: border-box; + align-items: start; /* Vertically aligns the content */ } .afattributes h2 { @@ -1686,62 +1694,42 @@ /* Assign grid areas based on class names */ .afattributes .imgshieldcol { grid-area: imgshieldcol; - display: flex; - justify-content: center; - align-items: center; + width: 98%; } .afattributes .aftype { grid-area: aftype; - display: flex; - align-items: center; } .afattributes .aftypeinput { grid-area: aftypeinput; - } - - .afattributes .afname { - grid-area: afname; - display: flex; - align-items: center; + width: 98%; } .afattributes .afinput { grid-area: afinput; } - .afattributes .shieldbox { - grid-area: shieldbox; - display: flex; - align-items: center; - } - .shieldtogglebox { grid-area: shieldtogglebox; } - - .afattributes .shieldhidden { - grid-area: shieldhidden; - grid-template-areas: - "shielddie shieldbutton"; - } - .shielddie { - grid-area: shielddie; - } - - .shieldbutton { - grid-area: shieldbutton; + .shieldtogglebox select.shield { + width: 98%; } - .finalcombatattributes { - grid-area: finalcombatattributes; + .shieldhidden { + grid-area: frontshieldhidden; + } + + .finalmeleecombatattributes { + grid-area: finalmeleecombatattributes; display: grid; gap: 5px; background-color: var(--primary-bg-color); /* Make sure this matches your design */ padding: var(--padding); border-radius: var(--border-radius); border: 5px double var(--border-color); /* Double-line border */ + box-sizing: border-box; grid-template-columns: 1fr 1fr; /* Ensures all elements stack in a single column */ grid-template-areas: "finalcombatheader finalcombatheader" @@ -1749,23 +1737,47 @@ "equippedweaponbox equippedweaponbox" "abrbox abrbox" "damagebox damagebox" - "swordimage swordimage" - "rangedattack1 rangedattack1" - "equippedrangedweaponbox equippedrangedweaponbox" - "equippedammobox equippedammobox" - "rangedabrbox rangedabrbox" - "rangeddamagebox rangeddamagebox" - "bowimage rangedweaponranges" - + "meleeothereffects meleeothereffects" + "swordimage swordimage"; + } + + .finalrangedcombatattributes { + grid-area: finalrangedcombatattributes; + display: grid; + gap: 5px; + background-color: var(--primary-bg-color); /* Make sure this matches your design */ + padding: var(--padding); + border-radius: var(--border-radius); + border: 5px double var(--border-color); /* Double-line border */ + grid-template-columns: 1fr 1fr; /* Ensures all elements stack in a single column */ + box-sizing: border-box; + grid-template-areas: + "finalcombatheader finalcombatheader" + "rangedattack1 rangedattack1" + "equippedrangedweaponbox equippedrangedweaponbox" + "equippedammobox equippedammobox" + "rangedabrbox rangedabrbox" + "rangeddamagebox rangeddamagebox" + "bowimage rangedweaponranges"; } - .finalcombatattributes h2 { + + .finalmeleecombatattributes h2 { + grid-area: finalcombatheader; + text-align: center; + font-size: 19px; + margin-bottom: 10px; + grid-row: 1; + } + + .finalrangedcombatattributes h2 { grid-area: finalcombatheader; text-align: center; font-size: 19px; margin-bottom: 10px; + grid-row: 1; } - + .meleeattack1 { grid-area: meleeattack1; } @@ -1781,6 +1793,10 @@ .damagebox { grid-area: damagebox; } + + .meleeothereffects { + grid-area: meleeothereffects; + } .rangedattack1 { grid-area: rangedattack1; @@ -1822,7 +1838,9 @@ padding: var(--padding); border-radius: var(--border-radius); border: 5px double var(--border-color); /* Double-line border */ + grid-template-rows: max-content; grid-template-columns: 1fr; /* Ensures all elements stack in a single column */ + box-sizing: border-box; grid-template-areas: "classcombatabilitiesheader" "skills_known" @@ -1841,17 +1859,59 @@ } .melee { + display: grid; grid-area: melee; + grid-template-rows: max-content; + grid-template-columns: 1fr; /* Ensures all elements stack in a single column */ + grid-template-areas: + "barbarianmelee" + "knightmelee" + "warlockmelee" + "assassinmelee" + "huntermelee" + "knavemelee" + "elementalistmelee" + "mysticmelee" + "priestmelee" + "demonologistmelee" + "nomelee"; } - .melee h2 { - grid-row: 1; - grid-column: 1 / -1; - text-align: center; - font-size: 19px; - margin-bottom: 10px; - } - + .barbarianmelee { + grid-area: barbarianmelee; + } + .knightmelee { + grid-area: knightmelee; + } + .warlockmelee { + grid-area: warlockmelee; + } + .assassinmelee { + grid-area: assassinmelee; + } + .huntermelee { + grid-area: huntermelee; + } + .knavemelee { + grid-area: knavemelee; + } + .elementalistmelee { + grid-area: elementalistmelee; + } + .mysticmelee { + grid-area: mysticmelee; + } + .priestmelee { + grid-area: priestmelee; + } + .demonologistmelee { + grid-area: demonologistmelee; + } + .nomelee { + grid-area: nomelee; + } + + .mpattributes { grid-area: mpattributes; display: grid; @@ -1861,6 +1921,7 @@ border-radius: var(--border-radius); border: 5px double var(--border-color); /* Double-line border */ grid-template-columns: 1fr; /* Ensures all elements stack in a single column */ + box-sizing: border-box; grid-template-areas: "mpattribheader" "mpattributeshidden" @@ -2471,48 +2532,68 @@ border: 5px double var(--border-color); /* Double-line border */ grid-template-columns: 1fr; grid-template-areas: - "spells"; - } - - .spells { - grid-area: spells; + "sorcerer" + "mystic" + "warlock" + "elementalist" + "demonologist" + "noncaster" ; } - - .spell-entry { - border: 1px solid var(--border-color); - border-radius: var(--border-radius); - padding: 10px; - margin-bottom: 10px; - background-color: var(--primary-bg-color); - } - - .spell-entry > div { /* Targets the direct children divs within .spell-entry */ - margin-bottom: 5px; - } - - .spell_name, - .spell_range, - .spell_duration, - .spell_replaces, - .spell_rarity, - .spell_origin { - font-weight: bold; - } - .spell_name { /* Style the spell name */ - font-size: 22px; /* Increased font size */ - font-weight: 700; /* Bolder font weight */ - } - - .spell_desc p { - font-size: 18px; /* Reduced font size for descriptions */ - font-family: 'Macondo', serif; - } - - .spell_darkness p { - font-size: 18px; /* Reduced font size for darkness descriptions */ - font-family: 'Macondo', serif; - } + .sorcerer_spell_list { + grid-area: sorcerer; + } + .mystic_spell_list { + grid-area: mystic; + } + .warlock_spell_list { + grid-area: warlock; + } + .elementalist_spell_list { + grid-area: elementalist; + } + .demonologist_spell_list { + grid-area: demonologist; + } + .noncaster { + grid-area: noncaster; + } + + .spell-entry { + border: 1px solid var(--border-color); + border-radius: var(--border-radius); + padding: 10px; + margin-bottom: 10px; + background-color: var(--primary-bg-color); + } + + .spell-entry > div { /* Targets the direct children divs within .spell-entry */ + margin-bottom: 5px; + } + + .spell_name, + .spell_range, + .spell_duration, + .spell_replaces, + .spell_rarity, + .spell_origin { + font-weight: bold; + } + + .spell_name { /* Style the spell name */ + font-size: 22px; /* Increased font size */ + font-weight: 700; /* Bolder font weight */ + } + + .spell_desc p { + font-size: 18px; /* Reduced font size for descriptions */ + font-family: 'Macondo', serif; + } + + .spell_darkness p { + font-size: 18px; /* Reduced font size for darkness descriptions */ + font-family: 'Macondo', serif; + } /* Grid layout for inventory section */ .inventory { @@ -2576,13 +2657,13 @@ border-radius: var(--border-radius); border: 5px double var(--border-color); /* Double-line border */ grid-template-areas: - "armheader armheader" - "armourtypelist armourtypelist" - "basearmourdetails basearmourdetails" - "subheader subheader" - "armourproficiencypenalties armourproficiencypenalties" - "skullimage shieldtogglebox"; - + "armheader armheader" + "armourtypelist armourtypelist" + "basearmourdetails basearmourdetails" + "subheader subheader" + "armourproficiencypenalties armourproficiencypenalties" + "skullimage shieldtogglebox" + "inventoryshieldhidden inventoryshieldhidden" ; } /* Full-width headings */ @@ -2619,18 +2700,8 @@ } .armour .shieldhidden { - grid-area: shieldhidden; - grid-template-areas: - "shielddie" - "shieldbutton"; + grid-area: inventoryshieldhidden; } - .shielddie { - grid-area: shielddie; - } - .shieldbutton { - grid-area: shieldbutton; - } - /* General Section Styling */ .money { @@ -3061,10 +3132,13 @@ input.element-toggle3[value="Earth"] ~ div.earth_spell_list, input.element-toggle3[value="Water"] ~ div.water_spell_list, input.element-toggle3[value="Fire"] ~ div.fire_spell_list, input.element-toggle3[value="Darkness"] ~ div.darkness_spell_list, -input.profession-toggle[value="Elementalist"] ~ div.spelllist, -input.profession-toggle[value="Warlock"] ~ div.spelllist, -input.profession-toggle[value="Demonologist"] ~ div.spelllist, -input.profession-toggle:not([value="Knight"]):not([value="Barbarian"]):not([value="Warlock"]):not([value="Assassin"]):not([value="Knave"]):not([value="Hunter"]):not([value="Priest"]):not([value="Mystic"]):not([value="Elementalist"]):not([value="Demonologist"]):not([value="Sorcerer"]):not([value=""]) ~ div.spelllist { +input.profession-toggle[value="Demonologist"] ~ div.demonologist_spell_list, +input.profession-toggle[value="Demonologist"] ~ div.demonologist_sorcerer_spells, +input.profession-toggle:not([value="Knight"]):not([value="Barbarian"]):not([value="Warlock"]):not([value="Assassin"]):not([value="Knave"]):not([value="Hunter"]):not([value="Priest"]):not([value="Mystic"]):not([value="Elementalist"]):not([value="Demonologist"]):not([value="Sorcerer"]):not([value=""]) ~ div.sorcerer_spell_list, +input.profession-toggle:not([value="Knight"]):not([value="Barbarian"]):not([value="Warlock"]):not([value="Assassin"]):not([value="Knave"]):not([value="Hunter"]):not([value="Priest"]):not([value="Mystic"]):not([value="Elementalist"]):not([value="Demonologist"]):not([value="Sorcerer"]):not([value=""]) ~ div.mystic_spell_list, +input.profession-toggle:not([value="Knight"]):not([value="Barbarian"]):not([value="Warlock"]):not([value="Assassin"]):not([value="Knave"]):not([value="Hunter"]):not([value="Priest"]):not([value="Mystic"]):not([value="Elementalist"]):not([value="Demonologist"]):not([value="Sorcerer"]):not([value=""]) ~ div.warlock_spell_list, +input.profession-toggle:not([value="Knight"]):not([value="Barbarian"]):not([value="Warlock"]):not([value="Assassin"]):not([value="Knave"]):not([value="Hunter"]):not([value="Priest"]):not([value="Mystic"]):not([value="Elementalist"]):not([value="Demonologist"]):not([value="Sorcerer"]):not([value=""]) ~ div.elementalist_spell_list, +input.profession-toggle:not([value="Knight"]):not([value="Barbarian"]):not([value="Warlock"]):not([value="Assassin"]):not([value="Knave"]):not([value="Hunter"]):not([value="Priest"]):not([value="Mystic"]):not([value="Elementalist"]):not([value="Demonologist"]):not([value="Sorcerer"]):not([value=""]) ~ div.demonologist_spell_list { display: grid; } @@ -3091,7 +3165,7 @@ input.profession-toggle[value="Elementalist"] ~ div.customskills, input.profession-toggle[value="Knave"] ~ div.customskills, input.profession-toggle[value="Priest"] ~ div.customskills, input.profession-toggle[value="Demonologist"] ~ div.customskills, -input.profession-toggle:not([value="Knight"]):not([value="Barbarian"]):not([value="Warlock"]):not([value="Assassin"]):not([value="Knave"]):not([value="Hunter"]):not([value="Priest"]):not([value="Mystic"]):not([value="Elementalist"]):not([value="Demonologist"]):not([value="Sorcerer"]):not([value=""]) ~ divs, +input.profession-toggle:not([value="Knight"]):not([value="Barbarian"]):not([value="Warlock"]):not([value="Assassin"]):not([value="Knave"]):not([value="Hunter"]):not([value="Priest"]):not([value="Mystic"]):not([value="Elementalist"]):not([value="Demonologist"]):not([value="Sorcerer"]):not([value=""]) ~ div.knight, input.profession-toggle:not([value="Knight"]):not([value="Barbarian"]):not([value="Warlock"]):not([value="Assassin"]):not([value="Knave"]):not([value="Hunter"]):not([value="Priest"]):not([value="Mystic"]):not([value="Elementalist"]):not([value="Demonologist"]):not([value="Sorcerer"]):not([value=""]) ~ div.barbarianskills, input.profession-toggle:not([value="Knight"]):not([value="Barbarian"]):not([value="Warlock"]):not([value="Assassin"]):not([value="Knave"]):not([value="Hunter"]):not([value="Priest"]):not([value="Mystic"]):not([value="Elementalist"]):not([value="Demonologist"]):not([value="Sorcerer"]):not([value=""]) ~ div.assassinskills, input.profession-toggle:not([value="Knight"]):not([value="Barbarian"]):not([value="Warlock"]):not([value="Assassin"]):not([value="Knave"]):not([value="Hunter"]):not([value="Priest"]):not([value="Mystic"]):not([value="Elementalist"]):not([value="Demonologist"]):not([value="Sorcerer"]):not([value=""]) ~ div.hunterskills, @@ -3106,18 +3180,6 @@ input.profession-toggle:not([value="Knight"]):not([value="Barbarian"]):not([valu display: grid; /* Displays the element as a grid layout */ } -.charsheet input.rollhp-toggle:checked ~ div.rollbasehpbuttoncontainer, -.charsheet input.rollstats-toggle:checked ~ div.rollbasestatsbuttoncontainer { - display: block; -} - -.charsheet input.weaponskill1:checked ~ div.weaponskillrow1, -.charsheet input.weaponskill2:checked ~ div.weaponskillrow2, -.charsheet input.weaponskill3:checked ~ div.weaponskillrow3, -.charsheet input.shield-toggle:checked ~ div.shieldhidden { - display: block; -} - .charsheet input.track:not([value="0"]) ~ div.track, .charsheet input.disarm_technique:not([value="0"]) ~ div.disarm_technique, .charsheet input.main_gauche:not([value="0"]) ~ div.main_gauche, @@ -3204,36 +3266,42 @@ input.profession-toggle:not([value="Knight"]):not([value="Barbarian"]):not([valu display: block; } -/* When "Core" is selected, show ONLY the core powers div within the elementalistskills div */ -.charsheet input.elementalist_raw_power_type[value="Core"] ~ .elementalist_core_powers { - display: block; +.charsheet input.rollhp-toggle:checked ~ div.rollbasehpbuttoncontainer, +.charsheet input.rollstats-toggle:checked ~ div.rollbasestatsbuttoncontainer { + display: block; } -/* When "PG" is selected, show ONLY the alternate powers div within the elementalistskills div */ -.charsheet input.elementalist_raw_power_type[value="PG"] ~ .elementalist_alternate_powers { - display: block; +.charsheet input.weaponskill1:checked ~ div.weaponskillrow1, +.charsheet input.weaponskill2:checked ~ div.weaponskillrow2, +.charsheet input.weaponskill3:checked ~ div.weaponskillrow3 { + display: block; } -/* When "Both" is selected, show BOTH divs within the elementalistskills div */ +.charsheet input.shield[value="1"] ~ div.shieldhidden { + display: block; +} + +.charsheet input.elementalist_raw_power_type[value="Core"] ~ .elementalist_core_powers, +.charsheet input.elementalist_raw_power_type[value="PG"] ~ .elementalist_alternate_powers, .charsheet input.elementalist_raw_power_type[value="Both"] ~ .elementalist_alternate_powers, .charsheet input.elementalist_raw_power_type[value="Both"] ~ .elementalist_core_powers { - display: block; + display: block; } -/* Hide both divs by default */ -.charsheet div.elementalist_alternate_powers, -.charsheet div.attr_elementalist_core_powers { /* Use .attr_elementalist_core_powers here as well */ - display: none; +.charsheet input.ranged_magic_toggle[value="Enabled"] ~ div.rangedmagicallowed { + display: block; +} + +.charsheet input.steper_toggle[value="1"] ~ .steper_d20, +.charsheet input.steper_toggle[value="0"] ~ .steper_2d10 { + display: block; } + .charsheet input.supremacy_able[value="disabled"] ~ div.supremacy, .charsheet input.paths_toggle[value="disabled"] ~ div.pathscontainer, .charsheet input.secondaryskills_toggle[value="disabled"] ~ div.secondaryskillscontainer, -.charsheet input.playerspells_toggle[value="disabled"] ~ div.playerspell { - display: none; -} - -/* Hide all sections by default */ +.charsheet input.playerspells_toggle[value="disabled"] ~ div.playerspell, .charsheet div.knightskills, .charsheet div.barbarianskills, .charsheet div.assassinskills, @@ -3278,6 +3346,7 @@ input.profession-toggle:not([value="Knight"]):not([value="Barbarian"]):not([valu .charsheet div.mystic_spell_list, .charsheet div.warlock_spell_list, .charsheet div.elementalist_spell_list, +.charsheet div.demonologist_spell_list, .charsheet div.air_spell_list, .charsheet div.earth_spell_list, .charsheet div.water_spell_list, @@ -3377,9 +3446,12 @@ input.profession-toggle:not([value="Knight"]):not([value="Barbarian"]):not([valu .charsheet div.bloodrage_button_front, .charsheet div.main_gauche_button_front, .charsheet div.elementalist_alternate_powers, -.charsheet div.elementalist_core_powers { +.charsheet div.elementalist_core_powers, +.charsheet div.steper_d20, +.charsheet div.steper_2d10, +.charsheet div.rangedmagicallowed { display: none; - } +} /* Base styles for all custom templates */ .sheet-rolltemplate-custom, diff --git a/Dragon Warriors/Dragon Warriors Revised.html b/Dragon Warriors/Dragon Warriors Revised.html index 298c68c6db7b..01072a14f379 100644 --- a/Dragon Warriors/Dragon Warriors Revised.html +++ b/Dragon Warriors/Dragon Warriors Revised.html @@ -2,8 +2,8 @@
- -