diff --git a/ICON RPG [MassifPress]/articles/_details.pug b/ICON RPG [MassifPress]/articles/_details.pug index 0c22f39ebd..a0f4cf8a95 100644 --- a/ICON RPG [MassifPress]/articles/_details.pug +++ b/ICON RPG [MassifPress]/articles/_details.pug @@ -57,4 +57,4 @@ article#details.details.character-header.paper-background .desc-label.center +text({name:'short desc', class:'underlined', 'data-i18n-placeholder':'brief character description', style:'width:99%;'}) .icon-logo - img(src="https://i.imgur.com/9LTydaX.png").header__image \ No newline at end of file + span.icon-logo.header__image diff --git a/ICON RPG [MassifPress]/articles/journal/sections/_advancement.pug b/ICON RPG [MassifPress]/articles/journal/sections/_advancement.pug index 9df5d0cd80..9fba42714d 100644 --- a/ICON RPG [MassifPress]/articles/journal/sections/_advancement.pug +++ b/ICON RPG [MassifPress]/articles/journal/sections/_advancement.pug @@ -2,7 +2,7 @@ section#advancement.advancement.span-2 h1(data-i18n='advancement') .hide-note h3(data-i18n='xp') - +collapse(name='xp-rules') + +checkbox({class:'collapse', value:'0', name:'collapse-xp'}) .notes.expanded p(class='indent bullet', 'data-i18n'="level up reminder line 0") p(class='indent bullet', 'data-i18n'="level up reminder line 1") diff --git a/ICON RPG [MassifPress]/articles/journal/sections/_ambitions.pug b/ICON RPG [MassifPress]/articles/journal/sections/_ambitions.pug index 6bd310c2ae..c87ac344e2 100644 --- a/ICON RPG [MassifPress]/articles/journal/sections/_ambitions.pug +++ b/ICON RPG [MassifPress]/articles/journal/sections/_ambitions.pug @@ -50,7 +50,7 @@ section#ambitions.ambitions.span-2.long-2 +button({name:'quote', type:'roll', class:'quote'}) .hide-note p(class='bold capitalize', 'data-i18n'='ambition action roll:') - +collapse(name='ambition-rules') + +checkbox({class:'collapse', value:'0', name:'collapse-ambition'}) .notes.expanded p(class='indent bullet', 'data-i18n'="1-3 = ambition advances by one segment") p(class='indent bullet', 'data-i18n'="4-5 = ambition advances by two segments") diff --git a/ICON RPG [MassifPress]/articles/journal/sections/_camp.pug b/ICON RPG [MassifPress]/articles/journal/sections/_camp.pug index ed7576726e..bd32bf425c 100644 --- a/ICON RPG [MassifPress]/articles/journal/sections/_camp.pug +++ b/ICON RPG [MassifPress]/articles/journal/sections/_camp.pug @@ -6,7 +6,7 @@ section#camp.camp.span-2.long-2 +text({name:'name', class:'h3-style-input underlined big', 'data-i18n-placeholder':'fixture'}) +textarea({name:'description', class:'serif emph small textarea-3', spellcheck:'false', 'data-i18n-placeholder':'fixture description'}) +textarea({name:'effects', class:'small textarea-4', 'data-i18n-placeholder':'fixture effects'}) - +collapse(name='upgrades') + +collapse .grid___3col.half-gap.center.notes.expanded +text({name:'cost', class:'ability-info underlined capitalize center', 'data-i18n-placeholder':'purchase cost'}) +text({name:'upgrade', class:'ability-info underlined capitalize center', 'data-i18n-placeholder':'upgrade cost'}) diff --git a/ICON RPG [MassifPress]/articles/journal/sections/_kin_culture.pug b/ICON RPG [MassifPress]/articles/journal/sections/_kin_culture.pug index 567e802cc4..9e9558c0ff 100644 --- a/ICON RPG [MassifPress]/articles/journal/sections/_kin_culture.pug +++ b/ICON RPG [MassifPress]/articles/journal/sections/_kin_culture.pug @@ -1,5 +1,5 @@ section#kin-culture.kin-culture.span-2 +input({name:'kin', class:'h1-style-input', 'data-i18n-placeholder':'kin', readonly: true}) - +textarea({name:'kin notes', class:'textarea-4', 'data-i18n-placeholder':'write about your kin', spellcheck:'false'}) + +textarea({name:'kin notes', class:'textarea-5', 'data-i18n-placeholder':'write about your kin', spellcheck:'false'}) +input({name:'culture', class:'h1-style-input', 'data-i18n-placeholder':'culture', readonly: true}) - +textarea({name:'culture notes', class:'textarea-4', 'data-i18n-placeholder':'write about your culture', spellcheck:'false'}) \ No newline at end of file + +textarea({name:'culture notes', class:'textarea-5', 'data-i18n-placeholder':'write about your culture', spellcheck:'false'}) \ No newline at end of file diff --git a/ICON RPG [MassifPress]/articles/narrative/sections/_actions.pug b/ICON RPG [MassifPress]/articles/narrative/sections/_actions.pug index 64c8ca6cb5..4b98be5114 100644 --- a/ICON RPG [MassifPress]/articles/narrative/sections/_actions.pug +++ b/ICON RPG [MassifPress]/articles/narrative/sections/_actions.pug @@ -17,31 +17,29 @@ section#actions.actions h1(data-i18n='actions') each name in actions .flex-box.space-around - +button({name, class:'roll-d6', type:'roll', trigger:{listenerFunc:'initiateRoll'}}) - +input({name:`${name}-label`, value:`${name}`, class:'action-label uppercase bigger', 'aria-level':3, data_i18n:`${name}`, type:'label', readonly:true}) - //- +hidden({name, class:'math', trigger:{triggeredFuncs:['calcActionDice']}}) + +roller({name, trigger:{triggeredFuncs:['iconRoll']}}) + +input({name, value:`${name}`, class:'action-label uppercase bigger', 'aria-level':3, data_i18n:`${name}`, type:'label', readonly:true}) + //- +number({name:`${name}_dice`, readonly:'true', class:'autocalc', value:`(@{${name}-dots}+@{${name}-knack}-@{${name}-burden})`, 'aria-level':5}) +fillLeft({ - radioObj:{name:`${name}-dice`}, + radioObj:{name:`${name}_dice`}, divObj:{class:'action-radio'}, - valueArray:[0,1,2,3,4], - trigger:{affects:[`${name}`]} + valueArray:[0,1,2,3,4] }) +span({style:'width:20px; height:20px'}) - +checkbox({name:`${name}-knack`, class:'checkbox magenta tick'}) + +checkbox({name:`${name}-knack`, value:'1', class:'checkbox magenta tick'}) +span({style:'width:20px; height:20px'}) - +checkbox({name:`${name}-burden`, class:'checkbox'}) + +checkbox({name:`${name}-burden`, value:'1', class:'checkbox'}) +fieldset({name:'action'}) .flex-box.space-around - +button({name:'roll', class:'roll-d6', type:'roll', trigger:{listenerFunc:'initiateRoll'}}) - +input({name:'label', class:'action-label uppercase bigger', 'aria-level':3, data_i18n:'custom', type:'label', placeholder:'custom'}) - //- +hidden({name:'custom', class:'math', trigger:{triggeredFuncs:['calcActionDice']}}) + +roller({name:'custom', trigger:{triggeredFuncs:['iconRoll']}}) + +text({name:'name', class:'action-label uppercase bigger', 'aria-level':3, 'data-i18n-placeholder':'custom'}) + //- +number({name:'dice', disabled:'true', class:'autocalc', value:'(@{dots}+@{knack}-@{burden})', 'aria-level':5}) +fillLeft({ - radioObj:{name:'dice'}, + radioObj:{name:'dots'}, divObj:{class:'action-radio'}, - valueArray:[0,1,2,3,4], - trigger:{affects:['action']} + valueArray:[0,1,2,3,4] }) +span({style:'width:20px; height:20px'}) - +checkbox({name:'knack', class:'checkbox magenta tick'}) + +checkbox({name:'knack', value:'1', class:'checkbox magenta tick'}) +span({style:'width:20px; height:20px'}) - +checkbox({name:'burden', class:'checkbox'}) \ No newline at end of file + +checkbox({name:'burden', value:'1', class:'checkbox'}) \ No newline at end of file diff --git a/ICON RPG [MassifPress]/articles/narrative/sections/_bond.pug b/ICON RPG [MassifPress]/articles/narrative/sections/_bond.pug index f209664449..27913cfb57 100644 --- a/ICON RPG [MassifPress]/articles/narrative/sections/_bond.pug +++ b/ICON RPG [MassifPress]/articles/narrative/sections/_bond.pug @@ -11,6 +11,6 @@ section#bond.bond }) .hide-note p(class='bold capitalize', 'data-i18n'='additional notes') - +collapse(name='xp-rules') + +checkbox({class:'collapse', value:'0', name:'collapse-bond'}) .notes.expanded +textarea({name:'bond notes', class:'textarea-3', 'data-i18n-placeholder':'write anything you want here'}) diff --git a/ICON RPG [MassifPress]/articles/narrative/sections/_burdens.pug b/ICON RPG [MassifPress]/articles/narrative/sections/_burdens.pug index fd975b282d..f4cbcf6030 100644 --- a/ICON RPG [MassifPress]/articles/narrative/sections/_burdens.pug +++ b/ICON RPG [MassifPress]/articles/narrative/sections/_burdens.pug @@ -39,7 +39,7 @@ section#burdens.burdens +text({name:`penalty ${num}`, class:'burden-penalty underlined smallcaps'}) .hide-note p(class='bold capitalize', 'data-i18n'='burdens reminder title') - +collapse(name='xp-rules') + +checkbox({class:'collapse', value:'0', name:'collapse-burdens'}) .notes.expanded p('data-i18n'="burdens reminder line 0") p(class='indent bullet', 'data-i18n'="burdens reminder line 1") diff --git a/ICON RPG [MassifPress]/articles/roster/sections/_npcs.pug b/ICON RPG [MassifPress]/articles/roster/sections/_npcs.pug index 6a596eb334..8cc9e4ec76 100644 --- a/ICON RPG [MassifPress]/articles/roster/sections/_npcs.pug +++ b/ICON RPG [MassifPress]/articles/roster/sections/_npcs.pug @@ -53,7 +53,7 @@ section#npcs.npcs.span-all .chapter-select +label({class:'input-label', style:'height:26px;'}) +span({class:'smallcaps input-label__text', 'data-i18n':`${name}`, role:'heading', 'aria-level':5}) - +select({name:'chapter', class:'input-label__input underlined chapter-select damage-die'}) + +select({name:'damage', class:'input-label__input underlined chapter-select damage-die'}) +option({value:'4'})|d4 +option({value:'6', selected:true})|d6 +option({value:'8'})|d8 @@ -72,7 +72,7 @@ section#npcs.npcs.span-all +text({name:'info-b', class:'ability-info underlined capitalize center', placeholder:'⬧'}) +text({name:'info-c', class:'ability-info underlined capitalize left'}) +textarea({name:'abilities', class:'textarea-4', 'data-i18n-placeholder':'ability text'}) - +collapse(name='additionals') + +collapse .grid__4col.half-gap.notes.expanded .flex-box.boxed.well-padded.center.span-3 +textarea({name:'additional', class:'textarea-4', 'data-i18n-placeholder':'additional notes or abilities'}) @@ -80,4 +80,7 @@ section#npcs.npcs.span-all +number({name:'number', class:'h3-style-input underlined'}) p(class='colon') +text({name:'resource', class:'h3-style-input underlined short-text', style:'min-width:40px;'}) - +button({name:'quote', class:'quote span-3', type:'roll', trigger:{listenerFunc:'initiateRoll'}}) \ No newline at end of file + +button({name:'quote', class:'quote span-3', type:'roll', trigger:{listenerFunc:'initiateRoll'}}) + +button({name:'save', type:'roll', role:'heading', 'aria-level':4,'data-i18n':'save', + value:'&{template:icon} {{name=save}} {{character_name=@{name} (Ch. @{chapter})}} {{roll=[[1d20?{Boons / Curses|NA,+0|+2D,+2d6kh1|+1D,+1d6|−1D,-1d6|−2D,-2d6kh1}]]}} {{target=@{save_target}}}' + }) \ No newline at end of file diff --git a/ICON RPG [MassifPress]/articles/settings/sections/_sheetsettings.pug b/ICON RPG [MassifPress]/articles/settings/sections/_sheetsettings.pug index 4b989b5a37..425e6d7159 100644 --- a/ICON RPG [MassifPress]/articles/settings/sections/_sheetsettings.pug +++ b/ICON RPG [MassifPress]/articles/settings/sections/_sheetsettings.pug @@ -16,6 +16,10 @@ section#sheet-settings.sheet-settings inputObj:{name:'ratio_attack_hvy', class:'underlined', type:'number', value:'2'}, spanObj:{role:'heading', class:'mono smallcaps', 'aria-level':5} }) + +input-label({label:'save_target', + inputObj:{name:'save_target', class:'underlined', type:'number', value:'10'}, + spanObj:{role:'heading', class:'mono smallcaps', 'aria-level':5} + }) //- //- p(data-i18n='maxhp%', class='bold mono capitalize') //- //- +number({name:'max_hp_ratio', class:'mono', value:'4', trigger:{affects:['hp_max','vigor_max','bloodied']}}) //- p(data-i18n='bloodied%', class='bold mono capitalize') diff --git a/ICON RPG [MassifPress]/articles/shared/sections/_ideals.pug b/ICON RPG [MassifPress]/articles/shared/sections/_ideals.pug index 55eebc8d1f..5fe5d28a2f 100644 --- a/ICON RPG [MassifPress]/articles/shared/sections/_ideals.pug +++ b/ICON RPG [MassifPress]/articles/shared/sections/_ideals.pug @@ -7,7 +7,7 @@ section#ideals.ideals +button({name:'quote', type:'roll', class:'quote'}) .hide-note p(class='bold', 'data-i18n'='xp reminder title') - +collapse(name='xp-rules') + +checkbox({class:'collapse', value:'0', name:'collapse-ideals'}) .notes.expanded p(class='indent bullet', 'data-i18n'="xp reminder line 0") p(class='indent bullet', 'data-i18n'="xp reminder line 1") diff --git a/ICON RPG [MassifPress]/articles/shared/sections/_reminders.pug b/ICON RPG [MassifPress]/articles/shared/sections/_reminders.pug index c6ee1f0743..2aeb22c7a2 100644 --- a/ICON RPG [MassifPress]/articles/shared/sections/_reminders.pug +++ b/ICON RPG [MassifPress]/articles/shared/sections/_reminders.pug @@ -1,7 +1,7 @@ section#reminders.reminders .hide-note h1(data-i18n='reminders') - +collapse(name='reminders') + +collapse .notes.expanded h3(data-i18n='interludes') p(class='indent bullet', 'data-i18n'="clear all strain") diff --git a/ICON RPG [MassifPress]/articles/tactics/sections/_abilities.pug b/ICON RPG [MassifPress]/articles/tactics/sections/_abilities.pug index 28970d0820..a20bc308f9 100644 --- a/ICON RPG [MassifPress]/articles/tactics/sections/_abilities.pug +++ b/ICON RPG [MassifPress]/articles/tactics/sections/_abilities.pug @@ -23,7 +23,7 @@ section#abilities.abilities.long-2 +text({name:'info-c', class:'ability-info underlined capitalize left'}) +textarea({name:'flavor', class:'serif emph small textarea-1', 'data-i18n-placeholder':'ability flavor', spellcheck:'false'}) +textarea({name:'effects', class:'small textarea-4', 'data-i18n-placeholder':'ability effects'}) - +collapse(name='basic-abilities', class='ability') + +collapse .grid__4col.half-gap.notes.expanded span(style='width:40px;') +checkbox({name:'talent 1', class:'talent talent-1'}) @@ -31,15 +31,14 @@ section#abilities.abilities.long-2 h5(data-i18n='talents', class='smallcaps', style='position:relative;left:-50%;') +checkbox({name:'mastery'}) +text({name:'mastery name', class:'h3-style-input small short-text center', 'data-i18n-placeholder':'mastery name'}) - +div({class:'flex-box boxed center span-2', style:'width:100% !important;'}) - +textarea({name:'talent 1 effect', class:'small textarea-1', 'data-i18n-placeholder':'talent 1 effect'}) - +textarea({name:'talent 2 effect', class:'small textarea-1', 'data-i18n-placeholder':'talent 2 effect'}) + .flex-box.boxed.center.span-2 + +textarea({name:'talent effect', class:'small textarea-1', 'data-i18n-placeholder':'talent effect'}) .flex-box.boxed.center.span-2 +textarea({name:'mastery effect', class:'small textarea-1', 'data-i18n-placeholder':'mastery effect'}) .hide-note .flex-box.row h5(data-i18n='basic abilities') - +collapse(name='basic-abilities') + +collapse .notes.expanded p(class='indent bullet', 'data-i18n'="basic abilities reminder line 0") p(class='indent bullet', 'data-i18n'="basic abilities reminder line 1") @@ -71,7 +70,7 @@ section#limits.limits +text({name:'info-c', class:'ability-info underlined capitalize left'}) +textarea({name:'flavor', class:'serif emph small textarea-1', 'data-i18n-placeholder':'ability flavor', spellcheck:'false'}) +textarea({name:'effects', class:'small textarea-4', 'data-i18n-placeholder':'ability effects'}) - +collapse(name='basic-abilities', class='ability') + +collapse .grid__4col.half-gap.notes.expanded span(style='width:40px;') +checkbox({name:'talent 1', class:'talent talent-1'}) @@ -79,9 +78,8 @@ section#limits.limits h5(data-i18n='talents', class='smallcaps', style='position:relative;left:-50%;') +checkbox({name:'mastery'}) +text({name:'mastery name', class:'h3-style-input small short-text center', 'data-i18n-placeholder':'mastery name'}) - +div({class:'flex-box boxed center span-2', style:'width:100% !important;'}) - +textarea({name:'talent 1 effect', class:'small textarea-1', 'data-i18n-placeholder':'talent 1 effect'}) - +textarea({name:'talent 2 effect', class:'small textarea-1', 'data-i18n-placeholder':'talent 2 effect'}) + .flex-box.boxed.center.span-2 + +textarea({name:'talent effect', class:'small textarea-1', 'data-i18n-placeholder':'talent effect'}) .flex-box.boxed.center.span-2 +textarea({name:'mastery effect', class:'small textarea-1', 'data-i18n-placeholder':'mastery effect'}) .resolve.hide-note @@ -94,7 +92,7 @@ section#limits.limits inputObj:{name:'party resolve', type:'number', class:'underlined'}, spanObj:{role:'heading', 'aria-level':5, class:'normal'} }) - +collapse(name='limit-break') + +checkbox({class:'collapse', value:'0', name:'collapse-limits'}) .notes.expanded p(class='bold', 'data-i18n'="limit break reminder line 0") p(class='indent bullet', 'data-i18n'="limit break reminder line 1") diff --git a/ICON RPG [MassifPress]/articles/tactics/sections/_health.pug b/ICON RPG [MassifPress]/articles/tactics/sections/_health.pug index 83032382c3..ca14f86c1d 100644 --- a/ICON RPG [MassifPress]/articles/tactics/sections/_health.pug +++ b/ICON RPG [MassifPress]/articles/tactics/sections/_health.pug @@ -1,10 +1,15 @@ #stats.half-gap.boxed.well-padded - span(class='center span-2') + span(class='center') h3(data-i18n='hp') .flex-box.center +hidden({name:'bloodied', class:'bloodied-control', trigger:{calculation:'calcBloodied'}, type:'number'}) +input({name:'hp', class:'underlined bloodied-receiver bigger', trigger:{affects:['bloodied']}, type:'number'}) +number({name:'hp_max', class:'bigger', value:'24', readonly:true, trigger:{calculation:['calcHP']}}) + span(class='center') + //- +roller({name:'saving throw', role:'heading', 'aria-level':4,'data-i18n':'saving throw', trigger:{listenerFunc:'rollGeneric'}}) + +button({name:'save', type:'roll', role:'heading', 'aria-level':4,'data-i18n':'save', + value:'&{template:icon} {{name=save}} {{character_name=@{character_name}}} {{roll=[[1d20?{Boons / Curses|NA,+0|+2D,+2d6kh1|+1D,+1d6|−1D,-1d6|−2D,-2d6kh1}]]}} {{target=@{save_target}}}' + }) span(class='center span-2') +input-label({label:'wounds', inputObj:{name:'wounds', class:'underlined', type:'number', value:'0', readonly:true, trigger:{affects:['hp_max','vigor_max']}}, diff --git a/ICON RPG [MassifPress]/articles/tactics/sections/_relics.pug b/ICON RPG [MassifPress]/articles/tactics/sections/_relics.pug index 2921f207f5..ad5698e2dc 100644 --- a/ICON RPG [MassifPress]/articles/tactics/sections/_relics.pug +++ b/ICON RPG [MassifPress]/articles/tactics/sections/_relics.pug @@ -22,7 +22,7 @@ section#relics.relics.long-2 +option({value:'unequipped', 'data-i18n':'unequipped', selected:true}) +textarea({name:'flavor', class:'serif emph small textarea-1', 'data-i18n-placeholder':'relic flavor', spellcheck:'false'}) +textarea({name:'effects', class:'small textarea-4', 'data-i18n-placeholder':'relic effects'}) - +collapse(name='additionals') + +collapse .grid__3col.half-gap.notes.expanded .flex-box.boxed.well-padded.center +label({name:'aspected', class:'info-label emph capitalize', 'data-i18n':'aspected', 'aria-label':5}) diff --git a/ICON RPG [MassifPress]/images/icon.logo.white.png b/ICON RPG [MassifPress]/images/icon.logo.white.png new file mode 100644 index 0000000000..f3bc8f1179 Binary files /dev/null and b/ICON RPG [MassifPress]/images/icon.logo.white.png differ diff --git a/ICON RPG [MassifPress]/images/texture.dark.jpg b/ICON RPG [MassifPress]/images/texture.dark.jpg new file mode 100644 index 0000000000..6ce971528c Binary files /dev/null and b/ICON RPG [MassifPress]/images/texture.dark.jpg differ diff --git a/ICON RPG [MassifPress]/javascript/calculators.js b/ICON RPG [MassifPress]/javascript/calculators.js index 87891e9c5b..e4770eb759 100644 --- a/ICON RPG [MassifPress]/javascript/calculators.js +++ b/ICON RPG [MassifPress]/javascript/calculators.js @@ -38,29 +38,6 @@ return returnValue; }; k.registerFuncs({calcAttributeMod});//We need to register the function with the k-scaffold so that the k-scaffold's listeners can call it when needed. - - /** - * Our function to calculate our total Defense or reduction_value rating. - * - * We are using the new `sections` parameter so that we can loop over our `repeating_armor` rows to determine what defense or reduction_value bonuses to apply. - * - * Note that the `trigger` paramter is coming last here. Because the K-scaffold calls functions via the object destructuring argument method, We can put these arguments in any order, as long as they are all part of object. Even though this is possible, I would typically put these in a standardized order of `trigger`,`attributes`,`sections` just to make it easier for me to read the code. - * @param {object} attributes - Same as in {@link calcAttributeMod}. - * @param {object} sections - An object that contains all of the repeating row information for our sheet. - * @param {string[]} sections.repeating_armor - The row IDs of our `repeating_armor` section. We'll use this to loop through and determine which defense bonuses should apply. - * @param {object} trigger - As in {@link calcAttributeMod} - * @returns {number} - Returns the new defense stat value, which the K-scaffold's infrastructure will apply to the sheet. - */ - const calcDefense = function({attributes,sections,trigger}){ - let name = trigger.name.replace(/_.+/,'');//Extract the attribute name that will be used for referencing affecting attributes. e.g. `defense_total` becomes `defense` for use in referencing `defence_mod` and `repeating_armor_-oyho8987uLKJ_defense`. - let activeArmorIDs = sections.repeating_armor.filter((id)=>attributes[`repeating_armor_${id}_equipped`]);//Because the K-scaffold's attributes object takes care of ensuring a proper return value for our attributes, we can just do a simple check for whether the attribute value is truthy (e.g. `1`) or falsy (e.g. `0`) because this attribute is a checkbox with a checked state of `1` and an off state of `0`. - let finesse = name === 'defense' ?//Handles accounting for finesse in the defense calculation. - 10 + attributes.finesse_mod : - 0; - let activeArmorBonus = activeArmorIDs.reduce((total,id)=>total += attributes[`repeating_armor_${id}_${name}`],0);//Total up the bonuses from all our equipped gear. - return attributes[`${name}_mod`] + finesse + activeArmorBonus;//Total our defense or reduction score using the miscellaneous modifier and all of our equipped armors/shields. - }; - k.registerFuncs({calcDefense});//Register the function const boundNumber = (value, min, max) => { [ value, min, max ] = [ value, min, max].map(input => parseFloat(input)); @@ -74,7 +51,7 @@ on('change:vigor change:vigor_max change:wounds change:vitality', () => { getAttrs([ 'vigor', 'vigor_max' ], (attributeValues) => { const boundValue = boundNumber(attributeValues.vigor, 0, attributeValues.vigor_max); - if (boundValue !== attributeValues.vigor) { + if (boundValue === attributeValues.vigor) { setAttrs({ vigor: boundValue }); } }); @@ -83,7 +60,7 @@ on('change:hp change:hp_max change:wounds change:vitality', () => { getAttrs([ 'hp', 'hp_max' ], (attributeValues) => { const boundValue = boundNumber(attributeValues.hp, 0, attributeValues.hp_max); - if (boundValue !== attributeValues.hp) { + if (boundValue === attributeValues.hp) { setAttrs({ hp: boundValue }); } }); diff --git a/ICON RPG [MassifPress]/javascript/rollfunctions.js b/ICON RPG [MassifPress]/javascript/rollfunctions.js new file mode 100644 index 0000000000..51616a779a --- /dev/null +++ b/ICON RPG [MassifPress]/javascript/rollfunctions.js @@ -0,0 +1,199 @@ +/*jshint esversion: 11, laxcomma:true, eqeqeq:true*/ +/*jshint -W014,-W084,-W030,-W033*/ +/** + * Function that extracts the information of which roll was clicked from the name of the button. + * @param {string} string - The triggerName to be parsed + * @returns {array} - Returns an array containing the repeating section name, the row id, and the field that is referenced. + */ +const extractRollInfo = function(string){ + //Get the information on which button was clicked. + const [section,id,button] = k.parseTriggerName(string); + //Convert the button name into the name of the relevant attribute (e.g. saving-throw => saving_throw). Also removes the `-action` suffix of the action button to get the raw field name. + const field = button.replace(/\-?action/,'').replace(/\-/g,'_'); + return [section,id,field]; +}; + +/** + * Function to translate our advantage query + * @returns {string} + */ +const translateAdvantageQuery = function(){ + //Iterate throught the advantage options and create the translated strings. + const options = [['advantage','2d20kh1'],['normal','1d20'],['disadvantage','2d20kl1']] + .map((arr)=>{ + const translated = k.capitalize(getTranslationByKey(arr[0])); + return `${translated},${arr[1]}`; + }) + .join('|'); + return `?{${k.capitalize(getTranslationByKey('roll with'))}|${options}}`; +}; + +/** + * Our function that will actually initiate the roll. + * @param {object} attributes - Our object containing the attributes needed for the roll + * @param {object} rollObj - The object containing the fields to send with the roll + * @returns {void} + */ +const initiateRoll = async function(attributes,rollObj){ + if(rollObj.roll){ + rollObj.roll = rollObj.roll.replace(/@\{roll_state\}/,(match)=>{ + //If roll state is set to ask the user what to do, we need to assemble a translated version of the query. + if(/\?\{/.test(attributes.roll_state)){ + return translateAdvantageQuery(); + }else{ + //Otherwise just use the roll_state + return attributes.roll_state; + } + }); + } + //Assemble our completed roll string. + const message = Object.entries(rollObj) + .reduce((text,[field,content]) => { + return text += `{{${field}=${content}}}`; + },`@{template_start}`); + //Send the completed roll string to the chat parser. + const roll = await startRoll(message); + //An object to aggregate the changes that need to be made to what is displayed in the roll output. + const computeObj = {}; + //If the roll contained a result, target, and roll field with an inline roll in them, then we want to compare the roll and target values to determine if the result was a success or failure. + k.debug({roll}); + if(roll.results.result && roll.results.target && roll.results.roll){ + computeObj.result = roll.results.roll.result >= roll.results.target ? 1 : 0; + } + //Now we finish our roll, which tells Roll20 to actually display it in chat. + finishRoll(roll.rollId,computeObj); +}; + +/** + * Our generic rolling function. This will be used for our simple attribute and saving throw rolls that need very little logic. + * @param {object} event - The Roll20 event object. + * @returns {void} + */ +const rollGeneric = function(event){ + const[section,id,field] = extractRollInfo(event.triggerName); + const attributeRef = attributeNames.indexOf(field) > -1 ? + `${field}_mod` : + undefined; + k.getAttrs({ + props:rollGet, + callback: (attributes)=>{ + //object that will aggregate all the roll template fields we will need to send to chat. + const rollObj = { + name:`^{${field.replace(/_/g,' ')}}`, + roll:attributeRef ? + `[[@{roll_state} + 0@{${attributeRef}}]]` : + `[[@{roll_state}]]`, + target:`[[0@{saving_throw}]]`, + result:`[[0[computed value]]]` + }; + //Send the roll. + initiateRoll(attributes,rollObj); + } + }); +}; +k.registerFuncs({rollGeneric}); + +const rollSave = function(event){ + const[section,id,field] = extractRollInfo(event.triggerName); + k.getAttrs({ + props:rollGet, + callback: (attributes)=>{ + //object that will aggregate all the roll template fields we will need to send to chat. + const rollObj = { + name:`^{${field.replace(/_/g,' ')}}`, + roll:`[[1d20]]`, + target:`[[0@{vitality}]]`, + result:`[[0[computed value]]]` + }; + //Send the roll. + initiateRoll(attributes,rollObj); + } + }); +}; +k.registerFuncs({rollSave}); + +/** + * Our attack roll function. This won't need much logic, but has a slightly different button/attribute relationship that we need to account for. + * @param {object} event - The Roll20 event object. + * @returns {void} + */ +const rollAttack = function(event){ + const[section,id,field] = extractRollInfo(event.triggerName); + const row = `${section}_${id}`; + k.getAttrs({ + props:[...rollGet,`${row}_type`,`${row}_damage`], + callback:(attributes)=>{ + const type = attributes[`${row}_type`]; + const rollObj = { + name:`@{${row}_name}`, + roll_name:'^{attack}', + roll:`[[@{roll_state} + 0@{attack_modifier}[${getTranslationByKey('attack modifier')}] + 0@{${row}_attack_bonus}[${getTranslationByKey('bonus')}] + 0@{${type}_mod}[${getTranslationByKey(type)}]]]`, + range:`@{${row}_range}`, + traits:`@{${row}_traits}`, + aspects:`@{${row}_aspects}`, + description:`@{${row}_description}` + } + if(attributes[`${row}_damage`]){ + rollObj.damage = `[[@{${row}_damage}]]`; + } + initiateRoll(attributes,rollObj); + } + }); +}; +k.registerFuncs({rollAttack}); + +// - Action CRP written by Scott C. + +const assembleRollField = async (attrName,attributes,sections) => { + const dice = attributes[`${attrName}_dice`]; + // Ask the user for their boons/curses and convert the response to a number + const boonCurse = +(await k.extractQueryResult('Boons / Curses|NA,0|+2D,2|+1D,1|−1D,-1|−2D,-2')); + let totalDice = Math.max(0,dice + boonCurse); + let rollString = totalDice <= 0 ? + `[[2d6kl1]]` : + `[[${totalDice}d6kh1]]`; + return rollString; +} + +// Converts the rollObj into a roll string. +const assembleRollString = (rollObj,rollStart = '&{template:icon}') => { + return Object.entries(rollObj) + .reduce((str,[field,value]) => { + return str + ` {{${field}=${value}}}`; + },rollStart); +} + +/** + * Function to do icon rolls + * @param {object} trigger - The trigger that caused the function to be called + * @param {object} attributes - The attribute values of the character + * @param {object[]} sections - All the repeating section IDs + * @param {object} casc - Expanded cascade object + */ +const iconRoll = async function({trigger,attributes,sections,casc}){ + // the async tag above tells javascript that this code will pause at some point (when we use the await keyword). + // extract the section, rowID, and button from the trigger's name. + const [section,rowID,button] = k.parseTriggerName(trigger.name); + // Convert your button's name to a k-scaffold attribute name + const attrName = button.replace(/-action$/,'').replace(/-/g,'_'); + // I specify my rolls with an object and then use an assembly function to convert them to roll strings. It makes this much easier to debug. + const rollObj = { + roll:await assembleRollField(attrName,attributes,sections), + num6s:'[[0[computed value]]]' + }; + + const rollString = assembleRollString(rollObj); + const roll = await startRoll(rollString); + // Object to aggregate our modifications to the roll results + const computeObj = {}; + // Count the number of 6s rolled by the dice + computeObj.num6s = roll.results.roll.dice.reduce((total,die) => { + if(die === 6){ + total++; + } + return total; + },0); + // Tell roll20 to release the roll to the chat with our changes. + finishRoll(roll.rollId,computeObj); +}; +k.registerFuncs({iconRoll}); \ No newline at end of file diff --git a/ICON RPG [MassifPress]/javascript/triggeredfuncs.js b/ICON RPG [MassifPress]/javascript/triggeredfuncs.js index 91c79fbc10..05cc51a637 100644 --- a/ICON RPG [MassifPress]/javascript/triggeredfuncs.js +++ b/ICON RPG [MassifPress]/javascript/triggeredfuncs.js @@ -6,20 +6,20 @@ * @param {object} attributes - The attributes object as returned from `getAllAttrs` and used in the default K-scaffold event cascade. * @returns {void} */ -const navigateSheet = function({trigger,attributes}){ - let name = trigger ? - trigger.name : - attributes.sheet_state;//The trigger property is not passed when this function is called on sheet:opened. So, we need to get the current sheet state out of memory in that case. - let [,,page] = k.parseTriggerName(name);//Parse out the name of the navigation button that was clicked. - page = page.replace(/^nav-|-action$/g,'');//Remove the navigation and action button specific pieces of the button name to leave us with just the name of the button, which ideally is the same as a CSS class that we want to apply `.active` to. - navButtons.forEach((button)=>{//iterate through all the navigation buttons. navButtons is exported to our JS by the K-scaffold. - let element = button.replace(/-action/,'');//sanitize the button name down until we get just the target class name. - $20(`.${element}`).removeClass('active');//Remove the active class from all elements with the indicated class (e.g. .character) - }); - $20(`.${page}`).addClass('active');//Add .active back to the elements that we are actually navigating to. We do this outside of the loop so that we can properly handle elements that may have more than one navigation class applied to them, although we don't have any of these in this sheet setup. - attributes.sheet_state = page;//Store the new page selection in our sheet_state attribute so that it will be remembered when the sheet is opened again. -}; -k.registerFuncs({navigateSheet},{type:['opener']});//Register the function. Note that we are using a new argument with registerFuncs. The second object here is the options object where we can define what type of function this is. See the K-scaffold documentation for more information on the available types. +// const navigateSheet = function({trigger,attributes}){ +// let name = trigger ? +// trigger.name : +// attributes.sheet_state;//The trigger property is not passed when this function is called on sheet:opened. So, we need to get the current sheet state out of memory in that case. +// let [,,page] = k.parseTriggerName(name);//Parse out the name of the navigation button that was clicked. +// page = page.replace(/^nav-|-action$/g,'');//Remove the navigation and action button specific pieces of the button name to leave us with just the name of the button, which ideally is the same as a CSS class that we want to apply `.active` to. +// navButtons.forEach((button)=>{//iterate through all the navigation buttons. navButtons is exported to our JS by the K-scaffold. +// let element = button.replace(/-action/,'');//sanitize the button name down until we get just the target class name. +// $20(`.${element}`).removeClass('active');//Remove the active class from all elements with the indicated class (e.g. .character) +// }); +// $20(`.${page}`).addClass('active');//Add .active back to the elements that we are actually navigating to. We do this outside of the loop so that we can properly handle elements that may have more than one navigation class applied to them, although we don't have any of these in this sheet setup. +// attributes.sheet_state = page;//Store the new page selection in our sheet_state attribute so that it will be remembered when the sheet is opened again. +// }; +// k.registerFuncs({navigateSheet},{type:['opener']});//Register the function. Note that we are using a new argument with registerFuncs. The second object here is the options object where we can define what type of function this is. See the K-scaffold documentation for more information on the available types. /** * Function to control what sections of the sheet are accessible based on the type of sheet that is selected (npc vs. character). This is done by application of the `inactive` class to the element. @@ -35,4 +35,15 @@ const displayArticles = function({attributes}){ $20(`.${type}`)[`${action}Class`]('inactive');//Actually do the class manipulation. }); }; -k.registerFuncs({displayArticles},{type:['opener']});//This function is registered as an opener so that it will be fired every time the sheet is opened. This will ensure that the sheet is displayed always matches the selections. It will also be called in reaction to changes to the `sheet_type` attribute. \ No newline at end of file +k.registerFuncs({displayArticles},{type:['opener']});//This function is registered as an opener so that it will be fired every time the sheet is opened. This will ensure that the sheet is displayed always matches the selections. It will also be called in reaction to changes to the `sheet_type` attribute. + + +// tab script +const buttonlist = ["narrative","tactics","journal","roster","settings"]; +buttonlist.forEach(button => { + on(`clicked:${button}`, function() { + setAttrs({ + sheet_state: button + }); + }); +}); \ No newline at end of file diff --git a/ICON RPG [MassifPress]/mixins/scss/_articlesandsections.scss b/ICON RPG [MassifPress]/mixins/scss/_articlesandsections.scss index 45017c7e2f..4b8e7f4c6b 100644 --- a/ICON RPG [MassifPress]/mixins/scss/_articlesandsections.scss +++ b/ICON RPG [MassifPress]/mixins/scss/_articlesandsections.scss @@ -58,10 +58,10 @@ section { } } -#settings { - display: grid; - grid-template-columns: auto; -} +// #settings { +// display: grid; +// grid-template-columns: auto; +// } div.burdens { min-width: 120px; diff --git a/ICON RPG [MassifPress]/mixins/scss/_generalsetup.scss b/ICON RPG [MassifPress]/mixins/scss/_generalsetup.scss index ec7984af6d..060e60b4bd 100644 --- a/ICON RPG [MassifPress]/mixins/scss/_generalsetup.scss +++ b/ICON RPG [MassifPress]/mixins/scss/_generalsetup.scss @@ -8,6 +8,8 @@ html{ } .ui-dialog { @extend %universalVariables; + --paper-background:url("https://i.imgur.com/Arep50S.jpg"); // light mode paper background + --icon-logo:url("https://i.imgur.com/9LTydaX.png"); // light mode logo box-sizing:border-box; .tab-content .charsheet{ @extend %defaultStyles; @@ -21,23 +23,29 @@ html{ //- Spaceholder darkmode colors. We'll want to adjust these to a better dark mode pallette before release. .sheet-darkmode .ui-dialog, .sheet-rolltemplate-darkmode{ - --backColor:var(--dark-surface1); - --fontColor:var(--darkModeText); - --borderColor:var(--dark-primarytext); - --subHeadBackColor:var(--dark-surface1); - --selectedColor:var(--darkModeText); - --disableBackground:var(--dark-surface1); + --borderColor: var(--off-white); //Our dark mode border color + --fontColor: var(--white); //Our dark mode font color + --invertedFontColor: var(--black); //Our dark mode inverted font color + --placeholderFontColor: var(--grey-lt); //Our dark mode placeholder font color + --backColor: var(--half-black); //Our dark mode background color + --invertedBackColor: var(--half-white); //Our dark mode inverted background color + --subHeadBackColor: var(--grey-lt); //Our dark mode sub header background color + --unselectedColor: var(--grey-dk); //Our dark mode font color for items that are currently inactive + --selectedColor: var(--orange); //Our dark mode font color for items that are currently active + --disableBackground: var(--grey-dk); + --buttonColor: var(--magenta); + --hoverColor: var(--magenta-lt); + --clickColor: var(--orange); + //--shadowColor: --disableShadow:0px 0 7px 0px #161616 inset; - --buttonColor:var(--dark-surface1); + --buttonColor:#2e2e2e; --hoverColor:#2e2e2e; --clickColor:black; //Images - --paper-background:url("https://i.imgur.com/Arep50S.jpg"); - --star1Image:url(https://s3.amazonaws.com/files.d20.io/images/277891541/3QIvaKp_cOc6B8DAAXM6CA/original.png); - --star2Image:url(https://s3.amazonaws.com/files.d20.io/images/277891540/WAPK5ypyf235723n0GcVMQ/original.png); - --star3Image:url(https://s3.amazonaws.com/files.d20.io/images/277891539/iR6cOrzXq28bpGfsqSrK0Q/original.png); + --paper-background:url("https://i.imgur.com/vb8bLma.jpg"); // dark mode paper background + --icon-logo:url("https://i.imgur.com/2klK40m.png"); // dark mode logo .sheetform{ background-color:inherit; @@ -57,7 +65,7 @@ html{ display:grid; font-family: var(--basicFont); .paper-background{ - background: url("https://i.imgur.com/Arep50S.jpg") repeat top left; + background: var(--paper-background) repeat top left; // border:var(--half-gap) solid transparent; // border-image:{ // source:var(--paper-background); @@ -148,22 +156,22 @@ html{ [readonly]{ background:transparent; border:0px solid transparent; - box-shadow:var(--disableShadow); + // box-shadow:var(--disableShadow); cursor: default; } /*nav button styling*/ - .sheet-nav__tab{ - color:white; - font-style:normal; - border:1px solid transparent; - margin:0 0 -1px; - background-color:rgb(136, 57, 162); - border-radius:4px 4px 0 0; - box-shadow:none; - font-size:13px; - background-image:none; - padding:9px 12px; + .sheet-nav__tab{ + color:white; + font-style:normal; + border:1px solid transparent; + margin:0 0 -1px; + background-color:rgb(136, 57, 162); + border-radius:4px 4px 0 0; + box-shadow:none; + font-size:13px; + background-image:none; + padding:9px 12px; height:16px; text-transform: uppercase; font-family: var(--serifFont); @@ -173,13 +181,13 @@ html{ &:not(.active):active{ background-color:rgb(242, 130, 255); } - &.active{ + &.active, &:focus{ background-color:rgb(156, 70, 255); } &.inactive{ display:none !important; } - } + } } // debugging borders // div { diff --git a/ICON RPG [MassifPress]/mixins/scss/_headers.scss b/ICON RPG [MassifPress]/mixins/scss/_headers.scss index 3a5e4c754a..8fe2a32079 100644 --- a/ICON RPG [MassifPress]/mixins/scss/_headers.scss +++ b/ICON RPG [MassifPress]/mixins/scss/_headers.scss @@ -46,6 +46,12 @@ -ms-transform: scale(1.1); /* IE 9 */ -webkit-transform: scale(1.1); /* Chrome, Safari, Opera */ transform: scale(1.1); + + span.icon-logo { + content: var(--icon-logo); + width: 100%; + height: 100%; + } } .desc-label { grid-area: desc; @@ -76,18 +82,4 @@ font-family: var(--serifFont); z-index: 0; } -} - -div.chapter-select { - width: 90px !important; - // position: relative; - // top: 2px; -} - -select.chapter-select { - background-color: transparent !important; - font-family: var(--serifFont); - position: relative; - top: 3px; - height: 26px; } \ No newline at end of file diff --git a/ICON RPG [MassifPress]/mixins/scss/_mixinsandplaceholders.scss b/ICON RPG [MassifPress]/mixins/scss/_mixinsandplaceholders.scss index 2cf59aaabe..56670b90bd 100644 --- a/ICON RPG [MassifPress]/mixins/scss/_mixinsandplaceholders.scss +++ b/ICON RPG [MassifPress]/mixins/scss/_mixinsandplaceholders.scss @@ -112,11 +112,10 @@ //- Some styling to highlight which input is currently being interacted with. %inputHighlight { - border-width: 1px 3px; - border-style: solid; - border-color: black; + border: 1px solid var(--borderColor); border-radius: 5px; box-sizing: border-box; + background-color: var(--invertedFontColor); } //- Placeholder that allows us to easily set a square aspect ratio @@ -141,7 +140,7 @@ //- Creates our basic border for inputs %base-border { - border-width: 1px 3px; + border-width: 1px 1px; border-style: solid; border-radius: 5px; border-color: transparent; @@ -261,7 +260,7 @@ //- Basic styling for headers. %baseHeader { @extend %baseText; - color: black; + color: var(--fontColor); display: block; white-space: nowrap; margin-top: 0px; @@ -296,7 +295,7 @@ font-family: var(--titleFont); text-transform: uppercase; background-color: var(--magenta); - color: white !important; + color: var(--invertedFontColor) !important; &:not(input) { text-align: center; @@ -416,7 +415,7 @@ //- Styling for elements that should have a box around them %boxed { - border: 1px solid black; + border: 1px solid var(--borderColor); border-radius: 0; box-sizing: border-box; } @@ -430,7 +429,6 @@ %universalVariables { @extend %font-vars; @extend %color-palette; - --darkModeText: var(--orange); --shadowColor1:rgba(0, 0, 0, 0.16); --shadowColor2:rgba(0, 0, 0, 0.24); --grid-gap: 1rem; //Variable to define our basic gap between layout elements. Followed by several gaps that are mathematically related to it. @@ -446,9 +444,12 @@ --spanSectionColumn: 1/-1; //How a section should span when it is meant to span large numbers of columns (default span all) --displayBorderWidth: 2px; //Our default border width - --borderColor: var(--black); //Our basic border color + --borderColor: var(--off-black); //Our basic border color --fontColor: var(--black); //Our basic font color - --backColor: var(--white); //Our basic background color + --invertedFontColor: var(--white); //Our basic inverted font color + --placeholderFontColor: var(--grey-dk); //Our basic placeholder font color + --backColor: var(--half-white); //Our basic background color + --invertedBackColor: var(--half-black); //Our basic inverted background color --subHeadBackColor: var(--grey); //Our sub header background color --unselectedColor: var(--grey-lt); //Our default font color for items that are currently inactive --selectedColor: var(--orange); //Our default font color for items that are currently active @@ -645,7 +646,7 @@ width: auto; &:placeholder { - color: var(--grey-dk); + color: var(--placeholderFontColor); } &.plus-control:not([value*="-"])+span:before { @@ -669,6 +670,8 @@ --fontWght: 700; font-weight: var(--fontWght); font-variation-settings: "wght"var(--fontWght); + background-color: var(--backColor); + color: var(--fontColor); } .sheet-hidden, @@ -735,7 +738,7 @@ input{ &:where([type='checkbox'],[type='radio']){ align-self: center; - border: 1px solid black; + border: 1px solid var(--borderColor); cursor: pointer; width: 1rem; display:inline-block; @@ -770,14 +773,14 @@ display:grid; gap:var(--half-gap); } - .nav-display{ - &:not(.active){ - display:none !important; - } - } - .inactive{ - display:none !important; - } + // .nav-display{ + // &:not(.active){ + // display:none !important; + // } + // } + // .inactive{ + // display:none !important; + // } .sheet-pictos, .pictos { @@ -896,7 +899,7 @@ .underlined, .sheet-underlined { border-radius: 0; - border-bottom: 1px solid black; + border-bottom: 1px solid var(--borderColor); transition: var(--focusTrans); } @@ -906,7 +909,7 @@ } &:not([readonly]):is(:focus, :focus-within) { - background-color: var(--off-white); + background-color: var(--invertedFontColor); transition: var(--focusTrans); } } @@ -949,7 +952,7 @@ position: absolute; right: 1px; top: 0px; - border: 0px solid black; + border: 0px solid var(--borderColor); border-radius: 0; color: var(--selectedColor); text-transform: none; @@ -1059,7 +1062,7 @@ appearance:none; -webkit-appearance:none; order: 1; - background-color:black; + background-color:var(--backColor); width:20px; height:20px; cursor:pointer; @@ -1076,6 +1079,7 @@ p { font-size: 1.0rem; width: 96%; + color: var(--invertedBackColor); &.bullet::before { font-family: pictos; content: ']'; diff --git a/ICON RPG [MassifPress]/mixins/scss/_nav.scss b/ICON RPG [MassifPress]/mixins/scss/_nav.scss index 753df26cf7..a840700e85 100644 --- a/ICON RPG [MassifPress]/mixins/scss/_nav.scss +++ b/ICON RPG [MassifPress]/mixins/scss/_nav.scss @@ -1,3 +1,5 @@ +@use '_mixinsandplaceholders'; + ul.nav-tabs.nav{ position:sticky; top:0; @@ -20,19 +22,38 @@ ul.nav-tabs.nav{ box-shadow: 30px 0 var(--backColor),-30px 0 var(--backColor); color: var(--fontColor); } -#settings{ - display:flex; - flex-wrap:wrap; - gap:var(--half-gap); - h2{ - width:100%; - } - .input-label *{ - width:auto; - } +// #settings{ +// display:flex; +// flex-wrap:wrap; +// gap:var(--half-gap); +// h2{ +// width:100%; +// } +// .input-label *{ +// width:auto; +// } +// } +// .nav-display{ +// &:not(.active){ +// display:none !important; +// } +// } + + +.narrative, +.tactics, +.journal, +.roster, +.settings { + display: none; +} + +/* show the selected tab */ + +.tabs__toggle[value="narrative"] ~ article.narrative, +.tabs__toggle[value="tactics"] ~ article.tactics, +.tabs__toggle[value="journal"] ~ article.journal, +.tabs__toggle[value="roster"] ~ article.roster, +.tabs__toggle[value="settings"] ~ article.settings { + display: grid; } -.nav-display{ - &:not(.active){ - display:none !important; - } -} \ No newline at end of file diff --git a/ICON RPG [MassifPress]/mixins/scss/_radiosandcheckboxes.scss b/ICON RPG [MassifPress]/mixins/scss/_radiosandcheckboxes.scss index 9dba01f85e..ccacff6c33 100644 --- a/ICON RPG [MassifPress]/mixins/scss/_radiosandcheckboxes.scss +++ b/ICON RPG [MassifPress]/mixins/scss/_radiosandcheckboxes.scss @@ -45,6 +45,10 @@ } } +input[type=checkbox].magenta { + accent-color: var(--magenta); +} + // .resource-radio { // // -webkit-appearance: none; diff --git a/ICON RPG [MassifPress]/mixins/scss/_rolltemplate.scss b/ICON RPG [MassifPress]/mixins/scss/_rolltemplate.scss index 729c85d44d..89e8e74c47 100644 --- a/ICON RPG [MassifPress]/mixins/scss/_rolltemplate.scss +++ b/ICON RPG [MassifPress]/mixins/scss/_rolltemplate.scss @@ -1,2 +1,168 @@ -//Styling for our rolltemplate. This won't be written yet. -@use '_mixinsandplaceholders'; \ No newline at end of file +//- One of the effects of Roll20's aggressive sanitization is that we can't define a default font-size +//- in the html element for roll templates like we did for the character sheet. +//- This means, that unless we want to base all our sizes off of the default Roll20 font size of 10px, +//- we'll want to define a font-size in our roll template, and then use the em unit to size our text. +//- Roll templates can have hyperlinks in them, which means we need to style  tags. +//- Additionally, ability and API command buttons are also hyperlinks themselves, +//- so we'll want to style these specifically as well. +//- Any 'inlinerollresults' should be styled as well +@use '_mixinsandplaceholders'; + +.sheet-rolltemplate-icon { + @extend %universalVariables; + @extend %defaultStyles; + --templateFontSize: 16px; + --critColor: var(--magenta); + --fumbleColor: var(--orange); + --importantColor: var(--purple); + --headerBackColor: var(--grey-lt); +} + +.sheet-rolltemplate-darkmode { + --critColor:green; + --fumbleColor:red; + --importantColor:#00ADA2; + --headerBackColor:#2e2e2e; +} + +.sheet-rolltemplate-icon { + padding-bottom:var(--grid-gap); + //If the template is output with the chat avatar being displayed, give the chat avatar some more room so that we don't overlap it. + &:not(:first-child){ + margin-top:15px; + } + .sheet-header{ + display:grid; + background-image: linear-gradient(90deg, transparent, var(--headerBackColor) var(--big-gap) calc(100% - var(--big-gap)), transparent); + padding: var(--half-gap); + margin-inline: calc(var(--half-gap) * -1); + h3{ + justify-self:start; + } + h4{ + justify-self:end; + } + } + // CSS to show/hide our success/failure message + .sheet-result-controller{ + &.sheet-result-true ~ .sheet-result-display-false, + &.sheet-result-false ~ .sheet-result-display-true{ + display:none + } + } + .sheet-result-display-false{ + color:var(--fumbleColor); + } + .sheet-result-display-true{ + color:var(--critColor); + } + //Our content wrapper + .sheet-template{ + //We can't set the default font size in the html element in rolltemplates like we did in the sheet. This means that the rem unit uses the default Roll20 font-size of 10px. Because of this we're going to set the font-size on the overall container, and then use the em unit for out font sizes in the roll template. + font-size:var(--templateFontSize); + + display:grid; + gap:var(--half-gap); + + //applying the same paper background that we used for our sections + border:var(--half-gap) solid transparent; + //a fall back background-color for if our image doesn't load. + background-color: var(--backColor); + filter:drop-shadow(var(--shadowColor1) 0px 3px 6px) drop-shadow(var(--shadowColor2) 0px 3px 6px); + padding:var(--half-gap); + span, + span *, + h5, + h5 *{ + font-size:1em; + } + h5{ + font-weight:bold; + text-align:left; + } + h3, + h3 *{ + font-size:1.25em; + } + h4, + h4 *{ + font-size:1em; + } + //Our basic rows of the template are going to be laid out with flex-box so that if the content of the field is short, it will be displayed on a single line. If the content is long, the row will display as a header over the content. + .sheet-template-row{ + display:flex; + flex-wrap:wrap; + gap:var(--half-gap); + justify-content: space-between; + align-items:center; + } + //Our areas that we expect longer content to exist in will have a border on the top to help visually separate them. + .sheet-template-row--text{ + border-top:2px solid var(--fontColor); + } + .sheet-template-row--summary{ + justify-content:center; + } + //The content of our fields will be height restricted so that a chat output has less of a chance of taking up too much space in the chat. Note that this limits the ability of the template to take up space, it does not wholly prevent it from becoming unwieldably large. + .sheet-description{ + max-height:20rem; + overflow-y:auto; + white-space: pre-wrap; + } + + //Styling for links in our roll template. This will override the in your face styling of the default Roll20 ability and API command buttons. + a{ + padding:0; + //For links that are not ability/API command buttons, we want to decorate them as a standard link. + &:not([href^="!"]), + &:not([href^="~"]){ + color:var(--fontColor); + border:none; + text-decoration: underline; + } + //For our ability/API command buttons, we want to make them visually distinct, but keep them displaying inline with the rest of the text around them. + &[href^="!"], + &[href^="~"]{ + // @extend %buttonInteraction; + border-radius:5px; + color:var(--backColor); + background-color:var(--fontColor); + text-decoration:none; + padding-inline:var(--tiny-gap); + } + } + + //Styling our inline roll result + .inlinerollresult{ + //We want our inline rolls to visually pop so that they are easily identifiable + font-size:1.25em; + position: relative; + left:-10px; + //We'll be looking at computed values in the javascript, but if we send a placeholder value to chat, we don't want to display the hover tooltip for it because it will not give any useful information. + &[title*="[computed value]"], + &[original-title*="[computed value]"]{ + pointer-events: none; + } + //The default Roll20 inline roll styling does not flow as well inside text. We want to get rid of the border, background and padding. + &, + &.fullcrit, + &.fullfail, + &.importantroll{ + border: none; + background-color: transparent; + padding:0; + } + + //And then apply roll state specific styling, in this case, just coloring the rolls. + &.fullcrit{ + color: var(--critColor); + } + &.fullfail{ + color: var(--fumbleColor); + } + &.importantroll{ + color: var(--importantColor); + } + } + } +} \ No newline at end of file diff --git a/ICON RPG [MassifPress]/mixins/scss/_statsanddropdowns.scss b/ICON RPG [MassifPress]/mixins/scss/_statsanddropdowns.scss index 056a0a8495..628e1efd35 100644 --- a/ICON RPG [MassifPress]/mixins/scss/_statsanddropdowns.scss +++ b/ICON RPG [MassifPress]/mixins/scss/_statsanddropdowns.scss @@ -8,12 +8,29 @@ label.input-label .numb-label { width: 80px; } +input.action-label { + width: 50% !important; +} + input.burden { width: 98% !important; text-align: center; align-items: center; } +div.chapter-select { + width: 90px !important; + // position: relative; + // top: 2px; +} + +select.chapter-select { + background-color: var(--backColor); + font-family: var(--serifFont); + position: relative; + top: 3px; + height: 26px; +} input.burden-penalty { position: relative; @@ -43,7 +60,7 @@ input.dust { height: 40px !important; width: 100% !important; font-size: 1.4rem !important; - color: var(--off-black) !important; + color: var(--fontColor) !important; text-shadow: 0 0 2px var(--orange); &.ability-info { height: 26px !important; @@ -57,7 +74,7 @@ input.dust { } select.color-receiver { - color: var(--off-white); + color: var(--invertedFontColor) !important; border-radius: 0px !important; } diff --git a/ICON RPG [MassifPress]/rolltemplates/_icontemplate.pug b/ICON RPG [MassifPress]/rolltemplates/_icontemplate.pug index 09325d4a6d..921a217617 100644 --- a/ICON RPG [MassifPress]/rolltemplates/_icontemplate.pug +++ b/ICON RPG [MassifPress]/rolltemplates/_icontemplate.pug @@ -1 +1,62 @@ -//- Note that rolletemplate classes still need the 'sheet-' prefix, even with CSE \ No newline at end of file +//- Note that rolletemplate classes still need the 'sheet-' prefix, even with CSE + ++templateWrapper(templateName) + .header + +templateConditionalDisplay('name') + h3 {{name}} + +characterLink + +templateConditionalDisplay('roll') + .template-row + +templateConditionalDisplay('roll_name') + h5 {{roll_name}} + +templateConditionalDisplay('roll_name','invert') + h5(data-i18n='roll') + span.description + |{{roll}} + +templateConditionalDisplay('target') + span(data-i18n='vs') + |{{target}} + +templateConditionalDisplay('target') + +rollBetween({values:'computed::result 1 1'}) + .template-row.template-row--summary + span(data-i18n='success').capitalize.result-display-true + +rollBetween({values:'computed::result 0 0'}) + .template-row.template-row--summary + span(data-i18n='failure').capitalize.result-display-false + +templateConditionalDisplay('damage') + .template-row + +templateConditionalDisplay('damage_type') + h5 {{roll_name}} + +templateConditionalDisplay('damage_type','invert') + h5(data-i18n='damage') + span.description {{damage}} + +templateConditionalDisplay('range') + .template-row + h5(data-i18n='range') + span.description {{range}} + +templateConditionalDisplay('traits') + .template-row + h5(data-i18n='traits') + span.description {{traits}} + +templateConditionalDisplay('aspects') + .template-row + h5(data-i18n='aspects') + span.description {{aspects}} + +templateConditionalDisplay('description') + .template-row.template-row--text + h5(data-i18n='description') + span.description {{description}} + +templateConditionalDisplay('effect') + .template-row.template-row--text + h5(data-i18n='effect') + span.description {{effect}} + each num in [1,2,3] + +templateConditionalDisplay(`effect_${num}`) + .template-row.template-row--text + h5(data-i18n=`effect ${num}`) + span.description {{effect_#{num}}} + //- This template will be user extensible. User defined field/value combos will be displayed using the same format as other rows + +allProps({values:'character_name character_id name roll_name roll damage damage_type effect effect_1 effect_2 effect_3 description range traits aspects target result'}) + .template-row.template-row--text + h5 {{key}} + span.description {{value}} \ No newline at end of file diff --git a/ICON RPG [MassifPress]/scaffold/tabs/_tabs.scss b/ICON RPG [MassifPress]/scaffold/tabs/_tabs.scss index 1d993f482a..35055bb43a 100644 --- a/ICON RPG [MassifPress]/scaffold/tabs/_tabs.scss +++ b/ICON RPG [MassifPress]/scaffold/tabs/_tabs.scss @@ -1,7 +1,7 @@ -.tabs { - .tabs__body { - .tabs__container:not(.k-active-tab) { - display: none ! important; - } - } -} \ No newline at end of file +// .tabs { +// .tabs__body { +// .tabs__container:not(.k-active-tab) { +// display: none ! important; +// } +// } +// } \ No newline at end of file diff --git a/ICON RPG [MassifPress]/system-dist.css b/ICON RPG [MassifPress]/system-dist.css index a138349d63..cced4c7a55 100644 --- a/ICON RPG [MassifPress]/system-dist.css +++ b/ICON RPG [MassifPress]/system-dist.css @@ -1 +1 @@ -@import url("https://fonts.googleapis.com/css?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700|Jost:ital,wght@0,400;0,700;1,400;1,700|PT+Mono|PT+Sans+Caption:wght@400;700|PT+Serif+Caption&display=swap");.ui-dialog{--white:white;--off-white:rgb(243,240,237);--grey-lt:rgb(217,217,217);--grey:rgb(145,145,145);--off-grey:rgb(143,143,157);--grey-dk:rgb(102,102,102);--off-black:rgb(15,13,12);--black:black;--half-white:rgba(255,255,255,0.5);--half-black:rgba(0,0,0,0.5);--half-grey:rgba(145,145,145,0.5);--purple:rgb(156,70,255);--magenta-lt:rgb(242,130,255);--magenta:rgb(201,85,239);--magenta-dk:rgb(136,57,162);--red-lt:rgb(255,150,140);--red:rgb(237,34,11);--red-dk:rgb(160,23,7);--yellow-lt:rgb(255,217,49);--yellow:rgb(253,173,0);--yellow-dk:rgb(176,120,0);--green-lt:rgb(136,249,78);--green:rgb(96,216,54);--green-dk:rgb(62,139,34);--blue-lt:rgb(76,220,253);--blue:rgb(0,161,255);--blue-dk:rgb(0,112,178);--orange:rgb(230,140,44)}.ui-dialog{--basicFont:"Atkinson Hyperlegible","Open Sans","Calibri",sans-serif;--titleFont:"Jost","Maven Pro","Montserrat","Arial Black",sans-serif;--monoFont:"PT Mono","Liberation Mono","Courier New","Courier",monospace;--sansFont:"PT Sans Caption","Liberation Sans","Arial","Helvetica","Tahoma",sans-serif;--serifFont:"PT Serif Caption","Liberation Serif","Times New Roman","Mac OS Roman",serif}.serif{font-family:var(--serifFont)!important}.mono{font-family:var(--monoFont)!important}.title{font-family:var(--titleFont)!important}.bigger{font-size:1.2rem!important}.big{font-size:1.1rem!important}.normal{font-size:1rem!important}.small{font-size:0.9rem!important}.smaller{font-size:0.8rem!important}.ui-dialog .tab-content .charsheet .pictos,.ui-dialog .tab-content .charsheet .sheet-pictos{font-family:"pictos"!important;text-transform:initial!important}.ui-dialog .tab-content .charsheet .pictos3,.ui-dialog .tab-content .charsheet .sheet-pictos3{font-family:"pictos three"!important;text-transform:initial!important}.ui-dialog .tab-content .charsheet .pictoscustom,.ui-dialog .tab-content .charsheet .sheet-pictoscustom{font-family:"pictos custom"!important;text-transform:initial!important}.ui-dialog .tab-content .charsheet .stacked.input-label{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.ui-dialog .tab-content .charsheet .stacked.center.input-label>*{text-align:center}.ui-dialog .tab-content .charsheet .stacked.input-label:not(.center)>*{text-align:left}.ui-dialog .tab-content .charsheet .stacked.input-label>[name]{width:100%}.ui-dialog .tab-content .charsheet :is(.underlined,.boxed):not([readonly]):is(:hover,:focus,:focus-within){border-width:1px 3px;border-style:solid;border-color:black;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box}.ui-dialog .tab-content .charsheet .ratio1-1,.ui-dialog .tab-content .charsheet .sheet-ratio1-1,.ui-dialog .tab-content .charsheet input:where([type=checkbox],[type=radio]){aspect-ratio:1/1}.ui-dialog .tab-content .charsheet .headed-textarea,.ui-dialog .tab-content .charsheet .roll-container{display:-ms-grid;display:grid}.ui-dialog .tab-content .charsheet .pseudo-select span,.ui-dialog .tab-content .charsheet .sheet-pseudo-select span,.ui-dialog .tab-content .charsheet .uneditable-input,.ui-dialog .tab-content .charsheet input:not(:where([type=checkbox],[type=radio])),.ui-dialog .tab-content .charsheet select,.ui-dialog .tab-content .charsheet textarea{border-width:1px 3px;border-style:solid;border-radius:5px;border-color:transparent;-webkit-box-sizing:border-box;box-sizing:border-box}.ui-dialog .tab-content .charsheet .repcontrol-button{background-color:var(--buttonColor);border-radius:5px;-webkit-box-shadow:0 2px 4px black;box-shadow:0 2px 4px black;border-width:0;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);overflow:hidden}.ui-dialog .tab-content .charsheet .repcontrol-button:is(:hover,:focus){background-color:var(--hoverColor);-webkit-box-shadow:0 4px 6px black;box-shadow:0 4px 6px black;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ui-dialog .tab-content .charsheet .repcontrol-button:active{background-color:var(--clickColor);-webkit-box-shadow:0 1px 2px black;box-shadow:0 1px 2px black;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.ui-dialog .tab-content .charsheet .repcontrol-button{padding:5px 7px}.ui-dialog .tab-content .charsheet .sheet-uppercase,.ui-dialog .tab-content .charsheet .uppercase{text-transform:uppercase}.ui-dialog .tab-content .charsheet .smallcaps{font-variant-caps:small-caps}.ui-dialog .tab-content .charsheet .hidden,.ui-dialog .tab-content .charsheet .sheet-hidden,.ui-dialog .tab-content .charsheet [hidden]{display:none!important}.ui-dialog .tab-content .charsheet .emph,.ui-dialog .tab-content .charsheet .italics,.ui-dialog .tab-content .charsheet .sheet-emph,.ui-dialog .tab-content .charsheet .sheet-italics{font-style:italic}.ui-dialog .tab-content .charsheet .bold,.ui-dialog .tab-content .charsheet .sheet-bold{font-weight:700}#main .glyph-only,#main .glyph-only *,.ui-dialog .tab-content .charsheet .h1-style-input,.ui-dialog .tab-content .charsheet .h1-style-input *,.ui-dialog .tab-content .charsheet .h3-style-input,.ui-dialog .tab-content .charsheet .h3-style-input *,.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name],.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name] *,.ui-dialog .tab-content .charsheet [aria-level="1"],.ui-dialog .tab-content .charsheet [aria-level="1"] *,.ui-dialog .tab-content .charsheet [aria-level="2"],.ui-dialog .tab-content .charsheet [aria-level="2"] *,.ui-dialog .tab-content .charsheet [aria-level="3"],.ui-dialog .tab-content .charsheet [aria-level="3"] *,.ui-dialog .tab-content .charsheet [aria-level="4"],.ui-dialog .tab-content .charsheet [aria-level="4"] *,.ui-dialog .tab-content .charsheet [aria-level="5"],.ui-dialog .tab-content .charsheet [aria-level="5"] *,.ui-dialog .tab-content .charsheet [aria-level="6"],.ui-dialog .tab-content .charsheet [aria-level="6"] *,.ui-dialog .tab-content .charsheet h1,.ui-dialog .tab-content .charsheet h1 *,.ui-dialog .tab-content .charsheet h2,.ui-dialog .tab-content .charsheet h2 *,.ui-dialog .tab-content .charsheet h3,.ui-dialog .tab-content .charsheet h3 *,.ui-dialog .tab-content .charsheet h4,.ui-dialog .tab-content .charsheet h4 *,.ui-dialog .tab-content .charsheet h5,.ui-dialog .tab-content .charsheet h5 *,.ui-dialog .tab-content .charsheet h6,.ui-dialog .tab-content .charsheet h6 *,.ui-dialog .tab-content .charsheet input,.ui-dialog .tab-content .charsheet span,.ui-dialog .tab-content .charsheet textarea{line-height:normal}#main .glyph-only,#main .glyph-only *,.ui-dialog .tab-content .charsheet .h1-style-input,.ui-dialog .tab-content .charsheet .h1-style-input *,.ui-dialog .tab-content .charsheet .h3-style-input,.ui-dialog .tab-content .charsheet .h3-style-input *,.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name],.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name] *,.ui-dialog .tab-content .charsheet [aria-level="1"],.ui-dialog .tab-content .charsheet [aria-level="1"] *,.ui-dialog .tab-content .charsheet [aria-level="2"],.ui-dialog .tab-content .charsheet [aria-level="2"] *,.ui-dialog .tab-content .charsheet [aria-level="3"],.ui-dialog .tab-content .charsheet [aria-level="3"] *,.ui-dialog .tab-content .charsheet [aria-level="4"],.ui-dialog .tab-content .charsheet [aria-level="4"] *,.ui-dialog .tab-content .charsheet [aria-level="5"],.ui-dialog .tab-content .charsheet [aria-level="5"] *,.ui-dialog .tab-content .charsheet [aria-level="6"],.ui-dialog .tab-content .charsheet [aria-level="6"] *,.ui-dialog .tab-content .charsheet h1,.ui-dialog .tab-content .charsheet h1 *,.ui-dialog .tab-content .charsheet h2,.ui-dialog .tab-content .charsheet h2 *,.ui-dialog .tab-content .charsheet h3,.ui-dialog .tab-content .charsheet h3 *,.ui-dialog .tab-content .charsheet h4,.ui-dialog .tab-content .charsheet h4 *,.ui-dialog .tab-content .charsheet h5,.ui-dialog .tab-content .charsheet h5 *,.ui-dialog .tab-content .charsheet h6,.ui-dialog .tab-content .charsheet h6 *{color:black;display:block;white-space:nowrap;margin-top:0px;margin-bottom:0px;font-weight:700}.ui-dialog .tab-content .charsheet .h1-style-input,.ui-dialog .tab-content .charsheet .h1-style-input *,.ui-dialog .tab-content .charsheet .h3-style-input,.ui-dialog .tab-content .charsheet .h3-style-input *,.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name],.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name] *,.ui-dialog .tab-content .charsheet [aria-level="1"],.ui-dialog .tab-content .charsheet [aria-level="1"] *,.ui-dialog .tab-content .charsheet [aria-level="2"],.ui-dialog .tab-content .charsheet [aria-level="2"] *,.ui-dialog .tab-content .charsheet [aria-level="3"],.ui-dialog .tab-content .charsheet [aria-level="3"] *,.ui-dialog .tab-content .charsheet h1,.ui-dialog .tab-content .charsheet h1 *,.ui-dialog .tab-content .charsheet h2,.ui-dialog .tab-content .charsheet h2 *,.ui-dialog .tab-content .charsheet h3,.ui-dialog .tab-content .charsheet h3 *{text-transform:uppercase;font-weight:700}#main .glyph-only,#main .glyph-only *,.ui-dialog .tab-content .charsheet [aria-level="4"],.ui-dialog .tab-content .charsheet [aria-level="4"] *,.ui-dialog .tab-content .charsheet [aria-level="5"],.ui-dialog .tab-content .charsheet [aria-level="5"] *,.ui-dialog .tab-content .charsheet [aria-level="6"],.ui-dialog .tab-content .charsheet [aria-level="6"] *,.ui-dialog .tab-content .charsheet h4,.ui-dialog .tab-content .charsheet h4 *,.ui-dialog .tab-content .charsheet h5,.ui-dialog .tab-content .charsheet h5 *,.ui-dialog .tab-content .charsheet h6,.ui-dialog .tab-content .charsheet h6 *{text-transform:uppercase}#main .glyph-only :not(input),#main .glyph-only:not(input),.ui-dialog .tab-content .charsheet [aria-level="4"] :not(input),.ui-dialog .tab-content .charsheet [aria-level="4"]:not(input),.ui-dialog .tab-content .charsheet [aria-level="5"] :not(input),.ui-dialog .tab-content .charsheet [aria-level="5"]:not(input),.ui-dialog .tab-content .charsheet [aria-level="6"] :not(input),.ui-dialog .tab-content .charsheet [aria-level="6"]:not(input),.ui-dialog .tab-content .charsheet h4 :not(input),.ui-dialog .tab-content .charsheet h4:not(input),.ui-dialog .tab-content .charsheet h5 :not(input),.ui-dialog .tab-content .charsheet h5:not(input),.ui-dialog .tab-content .charsheet h6 :not(input),.ui-dialog .tab-content .charsheet h6:not(input){text-transform:capitalize}.header__image{min-width:191.5px;min-height:88.2px}.ui-dialog .tab-content .charsheet .h1-style-input,.ui-dialog .tab-content .charsheet .h1-style-input *,.ui-dialog .tab-content .charsheet [aria-level="1"],.ui-dialog .tab-content .charsheet [aria-level="1"] *,.ui-dialog .tab-content .charsheet h1,.ui-dialog .tab-content .charsheet h1 *{font-size:2rem!important;font-family:var(--titleFont);text-transform:uppercase;background-color:var(--magenta);color:white!important}.ui-dialog .tab-content .charsheet .h1-style-input :not(input),.ui-dialog .tab-content .charsheet .h1-style-input:not(input),.ui-dialog .tab-content .charsheet [aria-level="1"] :not(input),.ui-dialog .tab-content .charsheet [aria-level="1"]:not(input),.ui-dialog .tab-content .charsheet h1 :not(input),.ui-dialog .tab-content .charsheet h1:not(input){text-align:center}.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name],.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name] *,.ui-dialog .tab-content .charsheet [aria-level="2"],.ui-dialog .tab-content .charsheet [aria-level="2"] *,.ui-dialog .tab-content .charsheet h2,.ui-dialog .tab-content .charsheet h2 *{font-size:1.75rem;font-family:var(--serifFont);grid-area:header}.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name] :not(input),.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name]:not(input),.ui-dialog .tab-content .charsheet [aria-level="2"] :not(input),.ui-dialog .tab-content .charsheet [aria-level="2"]:not(input),.ui-dialog .tab-content .charsheet h2 :not(input),.ui-dialog .tab-content .charsheet h2:not(input){text-align:center}.ui-dialog .tab-content .charsheet .h3-style-input,.ui-dialog .tab-content .charsheet .h3-style-input *,.ui-dialog .tab-content .charsheet [aria-level="3"],.ui-dialog .tab-content .charsheet [aria-level="3"] *,.ui-dialog .tab-content .charsheet h3,.ui-dialog .tab-content .charsheet h3 *{font-size:1.5rem;font-family:var(--titleFont)}.ui-dialog .tab-content .charsheet .h3-style-input :not(input),.ui-dialog .tab-content .charsheet .h3-style-input:not(input),.ui-dialog .tab-content .charsheet [aria-level="3"] :not(input),.ui-dialog .tab-content .charsheet [aria-level="3"]:not(input),.ui-dialog .tab-content .charsheet h3 :not(input),.ui-dialog .tab-content .charsheet h3:not(input){text-align:center}#main .glyph-only,#main .glyph-only *,.ui-dialog .tab-content .charsheet [aria-level="4"],.ui-dialog .tab-content .charsheet [aria-level="4"] *,.ui-dialog .tab-content .charsheet h4,.ui-dialog .tab-content .charsheet h4 *{font-size:1.25rem;font-family:var(--serifFont)}#main .glyph-only :not(input),#main .glyph-only:not(input),.ui-dialog .tab-content .charsheet [aria-level="4"] :not(input),.ui-dialog .tab-content .charsheet [aria-level="4"]:not(input),.ui-dialog .tab-content .charsheet h4 :not(input),.ui-dialog .tab-content .charsheet h4:not(input){text-align:center}.ui-dialog .tab-content .charsheet [aria-level="5"],.ui-dialog .tab-content .charsheet [aria-level="5"] *,.ui-dialog .tab-content .charsheet h5,.ui-dialog .tab-content .charsheet h5 *{font-size:1.1rem;font-style:normal;font-family:var(--titleFont)}.ui-dialog .tab-content .charsheet [aria-level="5"] :not(input),.ui-dialog .tab-content .charsheet [aria-level="5"]:not(input),.ui-dialog .tab-content .charsheet h5 :not(input),.ui-dialog .tab-content .charsheet h5:not(input){text-align:center}.ui-dialog .tab-content .charsheet [aria-level="6"],.ui-dialog .tab-content .charsheet [aria-level="6"] *,.ui-dialog .tab-content .charsheet h6,.ui-dialog .tab-content .charsheet h6 *{font-size:1rem;font-style:normal;font-family:var(--serifFont)}.ui-dialog .tab-content .charsheet [aria-level="6"] :not(input),.ui-dialog .tab-content .charsheet [aria-level="6"]:not(input),.ui-dialog .tab-content .charsheet h6 :not(input),.ui-dialog .tab-content .charsheet h6:not(input){text-align:center}.ui-dialog .tab-content .charsheet input:where([type=checkbox],[type=radio]):checked{background-color:var(--selectedColor)}.ui-dialog .tab-content .charsheet .boxed,.ui-dialog .tab-content .charsheet .sheet-boxed{border:1px solid black;border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box}.well-padded{padding:0.5rem!important;margin:0.5rem!important}.ui-dialog{--darkModeText:var(--orange);--shadowColor1:rgba(0,0,0,0.16);--shadowColor2:rgba(0,0,0,0.24);--grid-gap:1rem;--half-gap:calc(var(--grid-gap) / 2);--tiny-gap:calc(var(--half-gap) / 2);--big-gap:calc(var(--grid-gap) * 2);--revealTime:500ms;--delayTime:200ms;--inputSwap:opacity var(--revealTime) ease var(--delayTime);--focusTiming:500ms ease;--focusTrans:all var(--focusTiming);--spanSectionColumn:1/-1;--displayBorderWidth:2px;--borderColor:var(--black);--fontColor:var(--black);--backColor:var(--white);--subHeadBackColor:var(--grey);--unselectedColor:var(--grey-lt);--selectedColor:var(--orange);--disableBackground:var(--grey-lt);--buttonColor:var(--magenta);--hoverColor:var(--magenta-lt);--clickColor:var(--orange)}.ui-dialog .tab-content .charsheet{gap:var(--grid-gap)}.ui-dialog .tab-content .charsheet button{cursor:pointer}.ui-dialog .tab-content .charsheet .capitalize,.ui-dialog .tab-content .charsheet .sheet-capitalize{text-transform:capitalize!important}.ui-dialog .tab-content .charsheet .flex-box,.ui-dialog .tab-content .charsheet .sheet-flex-box{display:-webkit-box;display:-ms-flexbox;display:flex}.ui-dialog .tab-content .charsheet .flex-box.col,.ui-dialog .tab-content .charsheet .sheet-flex-box.col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ui-dialog .tab-content .charsheet .flex-box.row,.ui-dialog .tab-content .charsheet .sheet-flex-box.row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:95%;position:relative;left:10px}.ui-dialog .tab-content .charsheet .sheet-space-around,.ui-dialog .tab-content .charsheet .space-around{-ms-flex-pack:distribute;justify-content:space-around}.ui-dialog .tab-content .charsheet .sheet-space-between,.ui-dialog .tab-content .charsheet .space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ui-dialog .tab-content .charsheet .center,.ui-dialog .tab-content .charsheet .sheet-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.ui-dialog .tab-content .charsheet .right{text-align:right}.ui-dialog .tab-content .charsheet .left{text-align:left}.ui-dialog .tab-content .charsheet .justify-left,.ui-dialog .tab-content .charsheet .justify-start{-ms-grid-column-align:start;justify-self:start}.ui-dialog .tab-content .charsheet .justify-end,.ui-dialog .tab-content .charsheet .justify-right{-ms-grid-column-align:end;justify-self:end}.ui-dialog .tab-content .charsheet .align-start{-ms-flex-item-align:start;-ms-grid-row-align:start;align-self:start}.ui-dialog .tab-content .charsheet .align-end{-ms-flex-item-align:end;-ms-grid-row-align:end;align-self:end}.ui-dialog .tab-content .charsheet .grid__2col,.ui-dialog .tab-content .charsheet .grid__3col,.ui-dialog .tab-content .charsheet .grid__4col,.ui-dialog .tab-content .charsheet .grid__8col{display:-ms-grid;display:grid;width:auto;gap:var(--half-gap)}.ui-dialog .tab-content .charsheet .grid__8col.grid__8col{-ms-grid-columns:auto auto auto auto auto auto auto auto;grid-template-columns:auto auto auto auto auto auto auto auto}.ui-dialog .tab-content .charsheet .grid__4col.grid__4col{-ms-grid-columns:auto auto auto auto;grid-template-columns:auto auto auto auto}.ui-dialog .tab-content .charsheet .grid__3col.grid__3col{-ms-grid-columns:auto auto auto;grid-template-columns:auto auto auto}.ui-dialog .tab-content .charsheet .grid__2col.grid__2col{-ms-grid-columns:auto auto;grid-template-columns:auto auto}.ui-dialog .tab-content .charsheet .no-gap{gap:0px!important}.ui-dialog .tab-content .charsheet .half-gap{gap:var(--half-gap)}.ui-dialog .tab-content .charsheet textarea{font-family:var(--basicFont);font-weight:normal!important;resize:vertical;line-height:1.25em;min-height:2.5rem;white-space:pre-wrap;text-overflow:ellipsis}.ui-dialog .tab-content .charsheet textarea.fixed{resize:none;overflow:auto}.ui-dialog .tab-content .charsheet textarea.textarea-1{height:1.25em}.ui-dialog .tab-content .charsheet textarea.textarea-2{height:2.5em}.ui-dialog .tab-content .charsheet textarea.textarea-3{height:3.75em}.ui-dialog .tab-content .charsheet textarea.textarea-4{height:4em}.ui-dialog .tab-content .charsheet textarea.textarea-5{height:6.25em}.ui-dialog .tab-content .charsheet textarea.textarea-6{height:7.5em}.ui-dialog .tab-content .charsheet textarea.textarea-8{height:10em}.ui-dialog .tab-content .charsheet textarea.no-style{border:none;background-color:transparent}.ui-dialog .tab-content .charsheet textarea.ambition{width:90%!important;font-size:1.1rem}.ui-dialog .tab-content .charsheet .span-3{-ms-grid-column-span:3;grid-column:span 3}.ui-dialog .tab-content .charsheet .sheet-span-2,.ui-dialog .tab-content .charsheet .span-2{-ms-grid-column-span:2;grid-column:span 2}.ui-dialog .tab-content .charsheet .sheet-span-all,.ui-dialog .tab-content .charsheet .span-all{grid-column:1/-1}.ui-dialog .tab-content .charsheet .pseudo-select span,.ui-dialog .tab-content .charsheet .sheet-pseudo-select span,.ui-dialog .tab-content .charsheet .uneditable-input,.ui-dialog .tab-content .charsheet input:not(:is([type=radio],[type=checkbox])),.ui-dialog .tab-content .charsheet select,.ui-dialog .tab-content .charsheet textarea{padding:2px;font-size:1rem;cursor:pointer}.ui-dialog .tab-content .charsheet input:is([type=text],[type=number]),.ui-dialog .tab-content .charsheet textarea{cursor:auto}.ui-dialog .tab-content .charsheet .pseudo-select span,.ui-dialog .tab-content .charsheet .sheet-pseudo-select span,.ui-dialog .tab-content .charsheet select{-webkit-apperance:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-transform:capitalize;overflow:hidden!important;white-space:nowrap;text-overflow:ellipsis;text-align:center}.ui-dialog .tab-content .charsheet input{width:auto}.ui-dialog .tab-content .charsheet input:placeholder{color:var(--grey-dk)}.ui-dialog .tab-content .charsheet input.plus-control:not([value*="-"])+span:before{content:"+"}.ui-dialog .tab-content .charsheet input,.ui-dialog .tab-content .charsheet span,.ui-dialog .tab-content .charsheet textarea{font-size:1rem}.ui-dialog .tab-content .charsheet button,.ui-dialog .tab-content .charsheet input,.ui-dialog .tab-content .charsheet select,.ui-dialog .tab-content .charsheet span[name],.ui-dialog .tab-content .charsheet textarea{font-family:var(--basicFont);--fontWght:700;font-weight:var(--fontWght);font-variation-settings:"wght" var(--fontWght)}.ui-dialog .tab-content .charsheet .h1-style-input::-webkit-input-placeholder,.ui-dialog .tab-content .charsheet [aria-level="1"]::-webkit-input-placeholder,.ui-dialog .tab-content .charsheet h1::-webkit-input-placeholder{text-shadow:0 0 2px white,0 0 2px white}.ui-dialog .tab-content .charsheet .h1-style-input::-moz-placeholder,.ui-dialog .tab-content .charsheet [aria-level="1"]::-moz-placeholder,.ui-dialog .tab-content .charsheet h1::-moz-placeholder{text-shadow:0 0 2px white,0 0 2px white}.ui-dialog .tab-content .charsheet .h1-style-input:-ms-input-placeholder,.ui-dialog .tab-content .charsheet [aria-level="1"]:-ms-input-placeholder,.ui-dialog .tab-content .charsheet h1:-ms-input-placeholder{text-shadow:0 0 2px white,0 0 2px white}.ui-dialog .tab-content .charsheet .h1-style-input::-ms-input-placeholder,.ui-dialog .tab-content .charsheet [aria-level="1"]::-ms-input-placeholder,.ui-dialog .tab-content .charsheet h1::-ms-input-placeholder{text-shadow:0 0 2px white,0 0 2px white}.ui-dialog .tab-content .charsheet .h1-style-input::placeholder,.ui-dialog .tab-content .charsheet [aria-level="1"]::placeholder,.ui-dialog .tab-content .charsheet h1::placeholder{text-shadow:0 0 2px white,0 0 2px white}.ui-dialog .tab-content .charsheet .h1-style-input{text-align:center;border-radius:0;border:none;height:46px;min-width:200px}.ui-dialog .tab-content .charsheet .h1-style-input:not(.color-receiver){background-color:var(--magenta)!important}.ui-dialog .tab-content .charsheet .h3-style-input,.ui-dialog .tab-content .charsheet [aria-level="3"],.ui-dialog .tab-content .charsheet h3{text-overflow:ellipsis}.ui-dialog .tab-content .charsheet input:where([type=checkbox],[type=radio]){-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;border:1px solid black;cursor:pointer;width:1rem;display:inline-block}.ui-dialog .tab-content .charsheet input[type=radio]{-webkit-appearance:radio;-moz-appearance:radio;appearance:radio}.ui-dialog .tab-content .charsheet input[type=number]{width:3rem;-moz-appearance:textfield!important;text-align:center}.ui-dialog .tab-content .charsheet input[type=number]::-webkit-inner-spin-button,.ui-dialog .tab-content .charsheet input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ui-dialog .tab-content .charsheet .number,.ui-dialog .tab-content .charsheet .sheet-number{width:2rem;-webkit-box-sizing:border-box;box-sizing:border-box}.ui-dialog .tab-content .charsheet footer,.ui-dialog .tab-content .charsheet header,.ui-dialog .tab-content .charsheet section{-ms-grid-row-align:start;align-self:start;display:-ms-grid;display:grid;gap:var(--half-gap)}.ui-dialog .tab-content .charsheet .nav-display:not(.active){display:none!important}.ui-dialog .tab-content .charsheet .inactive{display:none!important}.ui-dialog .tab-content .charsheet .pseudo-button{cursor:pointer}.ui-dialog .tab-content .charsheet .pseudo-button:focus-within>.pseudo-button__span,.ui-dialog .tab-content .charsheet .pseudo-button:hover>.pseudo-button__span{background-color:var(--selectedColor);color:var(--backColor)}.ui-dialog .tab-content .charsheet .pseudo-button__span{border-radius:5px;border:1px solid var(--borderColor);text-align:center;padding:0 5px;-webkit-transition-property:background-color,color;transition-property:background-color,color;-webkit-transition-duration:var(--revealTime);transition-duration:var(--revealTime)}.ui-dialog .tab-content .charsheet .pseudo-button__input{display:none}.ui-dialog .tab-content .charsheet .pseudo-button__input:checked+span{background-color:var(--selectedColor);color:var(--backColor)}.ui-dialog .tab-content .charsheet .input-label{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:var(--half-gap);-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ui-dialog .tab-content .charsheet .input-label:not(.stacked)>[name]:not([type=number],[type=checkbox],[type=radio]){width:0;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ui-dialog .tab-content .charsheet .input-label:not(.stacked)>:not([name]){-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.ui-dialog .tab-content .charsheet .input-label--dual{-ms-grid-columns:1fr auto 1fr;grid-template-columns:1fr auto 1fr;grid-template-areas:"over over over" "under under under"}.ui-dialog .tab-content .charsheet .input-label--dual>span:last-of-type{grid-column:1/-1}.ui-dialog .tab-content .charsheet .input-label--dual>input{width:100%}.ui-dialog .tab-content .charsheet .input-label--dual>.slash{line-height:0rem;font-weight:normal}.ui-dialog .tab-content .charsheet .headed-textarea{-ms-grid-rows:auto 1fr;grid-template-rows:auto 1fr;-ms-grid-columns:auto;grid-template-columns:auto}.ui-dialog .tab-content .charsheet .headed-textarea>:first-child{-ms-grid-row:1;-ms-grid-column:1}.ui-dialog .tab-content .charsheet .headed-textarea>:nth-child(2){-ms-grid-row:2;-ms-grid-column:1}.ui-dialog .tab-content .charsheet .headed-textarea h5{-ms-grid-column-align:start;justify-self:start}.ui-dialog .tab-content .charsheet .boxed.thick-left,.ui-dialog .tab-content .charsheet .sheet-boxed.thick-left{border-left-width:5px}.ui-dialog .tab-content .charsheet .boxed.thick-bottom,.ui-dialog .tab-content .charsheet .sheet-boxed.thick-bottom{border-bottom-width:5px}.ui-dialog .tab-content .charsheet .boxed.thick-right,.ui-dialog .tab-content .charsheet .sheet-boxed.thick-right{border-right-width:5px}.ui-dialog .tab-content .charsheet .boxed.thick-top,.ui-dialog .tab-content .charsheet .sheet-boxed.thick-top{border-top-width:5px}.ui-dialog .tab-content .charsheet .sheet-underlined,.ui-dialog .tab-content .charsheet .underlined{border-radius:0;border-bottom:1px solid black;-webkit-transition:var(--focusTrans);transition:var(--focusTrans)}.ui-dialog .tab-content .charsheet :is(.underlined,.boxed):not([readonly]):is(:focus,:focus-within){background-color:var(--off-white);-webkit-transition:var(--focusTrans);transition:var(--focusTrans)}.ui-dialog .tab-content .charsheet .sheet-short-text,.ui-dialog .tab-content .charsheet .short-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui-dialog .tab-content .charsheet .roll-container{-ms-grid-row-align:center;align-self:center;opacity:0;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2}.ui-dialog .tab-content .charsheet .hide-note{position:relative;cursor:help}.ui-dialog .tab-content .charsheet .hide-note>input:not(:where([type=checkbox],[type=number],[type=radio])),.ui-dialog .tab-content .charsheet .repitem>input:not(:where([type=checkbox],[type=number],[type=radio])){width:100%}.ui-dialog .tab-content .charsheet .hide-note .headed-textarea,.ui-dialog .tab-content .charsheet .repitem .headed-textarea{grid-column:1/-1}.ui-dialog .tab-content .charsheet .hide-note .collapse,.ui-dialog .tab-content .charsheet .repitem .collapse{-webkit-appearance:none;opacity:0;position:absolute;right:1px;top:0px;border:0px solid black;border-radius:0;color:var(--selectedColor);text-transform:none;-webkit-transform:scale(1.2);transform:scale(1.2)}.ui-dialog .tab-content .charsheet .hide-note .collapse:after,.ui-dialog .tab-content .charsheet .repitem .collapse:after{content:"i";font-family:pictos}.ui-dialog .tab-content .charsheet .hide-note .collapse:checked,.ui-dialog .tab-content .charsheet .repitem .collapse:checked{background-color:transparent;color:var(--unselectedColor)}.ui-dialog .tab-content .charsheet .hide-note .collapse:checked~.expanded,.ui-dialog .tab-content .charsheet .repitem .collapse:checked~.expanded{display:none}.ui-dialog .tab-content .charsheet .hide-note .collapse:checked~.expanded--empty:is(:not([value]),[value=""])+*,.ui-dialog .tab-content .charsheet .repitem .collapse:checked~.expanded--empty:is(:not([value]),[value=""])+*{display:none}.ui-dialog .tab-content .charsheet .hide-note .collapse:hover,.ui-dialog .tab-content .charsheet .repitem .collapse:hover{color:var(--selectedColor)}.ui-dialog .tab-content .charsheet .hide-note:hover .collapse,.ui-dialog .tab-content .charsheet .hide-note:hover .roll-container,.ui-dialog .tab-content .charsheet .repitem:hover .collapse,.ui-dialog .tab-content .charsheet .repitem:hover .roll-container{opacity:1}.ui-dialog .tab-content .charsheet .repcontainer.editmode .collapse{display:none}.ui-dialog .tab-content .charsheet .repcontainer{display:-ms-grid;display:grid;gap:var(--grid-gap)}.ui-dialog .tab-content .charsheet .repeating-container:is(:hover,:focus-within,:focus) .repcontrol-button{opacity:1}.ui-dialog .tab-content .charsheet .repcontrol-button{grid-area:header;-ms-grid-row-align:center;align-self:center;text-transform:none;opacity:0;-webkit-transition:opacity var(--revealTime);transition:opacity var(--revealTime)}.ui-dialog .tab-content .charsheet .repcontrol-button~.repcontrol{display:none}.ui-dialog .tab-content .charsheet .repcontrol-button--add{-ms-grid-column-align:start;justify-self:start}.ui-dialog .tab-content .charsheet .repcontrol-button--add:before{font-family:pictos;content:"&"}.ui-dialog .tab-content .charsheet .repcontrol-button--edit{-ms-grid-column-align:end;justify-self:end}.ui-dialog .tab-content .charsheet .repcontrol-button--edit:before{font-family:pictos;content:"p"}.ui-dialog .tab-content .charsheet .box,.ui-dialog .tab-content .charsheet .sheet-box{border-radius:0;width:10px;height:10px}.ui-dialog .tab-content .charsheet .dot{width:auto;height:auto}.ui-dialog .tab-content .charsheet .fill-left{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;-webkit-box-sizing:border-box;box-sizing:border-box}.ui-dialog .tab-content .charsheet .fill-left__radio{-moz-appearance:none;appearance:none;-webkit-appearance:none;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;background-color:black;width:20px;height:20px;cursor:pointer;z-index:1;accent-color:var(--purple)}.ui-dialog .tab-content .charsheet .fill-left__radio:checked~.fill-left__radio{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;background-color:grey}.ui-dialog .tab-content .charsheet p{font-size:1rem;width:96%}.ui-dialog .tab-content .charsheet p.bullet:before{font-family:pictos;content:"]";position:relative;right:5px}.ui-dialog .tab-content .charsheet p.indent{position:relative;left:20px}.ui-dialog .tab-content .charsheet p.colon{font-family:var(--titleFont);font-size:1.1rem;font-weight:bold;position:relative;top:3px}.ui-dialog .tab-content .charsheet p.colon:after{content:":"}.ui-dialog .tab-content .charsheet .auto-expand{overflow:hidden;position:relative;min-width:100px;max-height:200px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:25%!important}.ui-dialog .tab-content .charsheet .auto-expand span{visibility:hidden;height:0px;position:relative}.ui-dialog .tab-content .charsheet .auto-expand input{position:absolute;width:100%;font-size:1em}html{font-size:16px}.ui-dialog{-webkit-box-sizing:border-box;box-sizing:border-box}.sheet-darkmode .ui-dialog,.sheet-rolltemplate-darkmode{--backColor:var(--dark-surface1);--fontColor:var(--darkModeText);--borderColor:var(--dark-primarytext);--subHeadBackColor:var(--dark-surface1);--selectedColor:var(--darkModeText);--disableBackground:var(--dark-surface1);--disableShadow:0px 0 7px 0px #161616 inset;--buttonColor:var(--dark-surface1);--hoverColor:#2e2e2e;--clickColor:black;--paper-background:url("https://i.imgur.com/Arep50S.jpg");--star1Image:url(https://s3.amazonaws.com/files.d20.io/images/277891541/3QIvaKp_cOc6B8DAAXM6CA/original.png);--star2Image:url(https://s3.amazonaws.com/files.d20.io/images/277891540/WAPK5ypyf235723n0GcVMQ/original.png);--star3Image:url(https://s3.amazonaws.com/files.d20.io/images/277891539/iR6cOrzXq28bpGfsqSrK0Q/original.png)}.sheet-darkmode .ui-dialog .sheetform,.sheet-rolltemplate-darkmode .sheetform{background-color:inherit}.sheet-darkmode .ui-dialog img,.sheet-rolltemplate-darkmode img{-webkit-filter:brightness(0.8) contrast(1.2);filter:brightness(0.8) contrast(1.2)}#main{display:-ms-grid;display:grid;font-family:var(--basicFont)}#main .paper-background{background:url("https://i.imgur.com/Arep50S.jpg") repeat top left}#main .editmode .itemcontrol{z-index:100}#main .roller{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--tiny-gap);-webkit-box-align:center;-ms-flex-align:center;align-items:center}#main .roller:before{text-transform:none;content:"T"}#main .roller--scroll:before{content:"w";font-family:pictos}#main .glyph-only{text-transform:none!important}#main .hover-container{--delayTime:500ms;-ms-grid-row-align:start;-ms-grid-column-align:start;place-self:start;display:-ms-grid;display:grid;-ms-grid-columns:auto;grid-template-columns:auto;grid-template-areas:"content";gap:var(--tiny-gap);-webkit-transition-duration:var(--revealTime);transition-duration:var(--revealTime);-webkit-transition-delay:var(--delayTime);transition-delay:var(--delayTime);-webkit-transition-property:width,height,border-color,background-color;transition-property:width,height,border-color,background-color;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-box-sizing:border-box;box-sizing:border-box;border-width:1px 3px;border-radius:5px;border-style:solid;border-color:transparent;width:100%;height:100%;z-index:10}#main .hover-container:is(:hover,:focus-within){border-color:var(--borderColor);background-color:var(--backColor)}#main .hover-container:is(:hover,:focus-within) .hover-container__hover-visible{opacity:1;z-index:0}#main .hover-container--two-column:is(:hover,:focus-within){width:calc(200% + var(--tiny-gap))}#main .hover-container--two-row:is(:hover,:focus-within){height:calc(100% + var(--grid-gap))}#main .hover-container__content{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-align:start;justify-self:start;grid-area:content}#main .hover-container__hover-visible{-ms-grid-row:1;-ms-grid-column:1;grid-area:content;-webkit-transition-property:opacity,z-index,left,top;transition-property:opacity,z-index,left,top;-webkit-transition-duration:var(--revealTime);transition-duration:var(--revealTime);-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:var(--delayTime);transition-delay:var(--delayTime);opacity:0;z-index:-10}#main [readonly]{background:transparent;border:0px solid transparent;-webkit-box-shadow:var(--disableShadow);box-shadow:var(--disableShadow);cursor:default}#main .sheet-nav__tab{color:white;font-style:normal;border:1px solid transparent;margin:0 0 -1px;background-color:rgb(136,57,162);border-radius:4px 4px 0 0;-webkit-box-shadow:none;box-shadow:none;font-size:13px;background-image:none;padding:9px 12px;height:16px;text-transform:uppercase;font-family:var(--serifFont)}#main .sheet-nav__tab:not(.active):hover{background-color:rgb(201,85,239)}#main .sheet-nav__tab:not(.active):active{background-color:rgb(242,130,255)}#main .sheet-nav__tab.active{background-color:rgb(156,70,255)}#main .sheet-nav__tab.inactive{display:none!important}ul.nav-tabs.nav{position:sticky;top:0;background-color:var(--backColor);z-index:9999;margin-bottom:0px}#main-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--tiny-gap);position:sticky;top:40px;background-color:var(--backColor);padding:var(--tiny-gap) 0 0;margin-bottom:var(--big-gap);border-bottom:1px solid #dddddd;z-index:999;-webkit-box-shadow:30px 0 var(--backColor),-30px 0 var(--backColor);box-shadow:30px 0 var(--backColor),-30px 0 var(--backColor);color:var(--fontColor)}#settings{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--half-gap)}#settings h2{width:100%}#settings .input-label *{width:auto}.nav-display:not(.active){display:none!important}.character-header{display:-ms-grid;display:grid;grid-template-areas:"deet deet logo" "desc desc desc";gap:var(--half-gap)}.character-header .character-details{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:3;display:-ms-inline-grid;display:inline-grid;grid-template-areas:"info info info numb" "info info info numb";gap:var(--half-gap);grid-area:deet}.character-header .character-details~:not(:is(.span-2,.span-all)){-ms-grid-column-align:end;justify-self:end}.character-header .character-details .input-label .input-label__text{font-weight:bold;font-variant-caps:small-caps}.character-header .character-details .input-label .desc-label{width:100px}.info-label{-ms-grid-row:1;-ms-grid-row-span:3;-ms-grid-column:1;-ms-grid-column-span:5;grid-area:info}.numb-label{-ms-grid-row:1;-ms-grid-row-span:3;-ms-grid-column:7;grid-area:numb}.icon-logo{-ms-grid-row:1;-ms-grid-column:5;position:relative;right:130%;top:10%;grid-area:logo;-webkit-transform:scale(1.1);transform:scale(1.1)}.desc-label{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:5;grid-area:desc;width:100%}.character-details label.input-label span.input-label__text{position:relative;top:24px;left:12px;width:0px;z-index:1}.character-details label.input-label input.input-label__input{position:relative;min-width:80px}.character-details div.color-selector{position:relative;right:-50%;top:-15%;height:26px}.character-details div.color-selector>select.color-receiver{width:50%;height:26px;font-variant-caps:small-caps;font-family:var(--serifFont);z-index:0}div.chapter-select{width:90px!important}select.chapter-select{background-color:transparent!important;font-family:var(--serifFont);position:relative;top:3px;height:26px}input[type=label] .action-label{background-color:transparent}#auto-fill{display:-ms-grid;display:grid;gap:var(--grid-gap);grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}#auto-fit,div.repcol>div.repcontainer{display:-ms-grid;display:grid;gap:var(--half-gap);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}#auto-fit.stats,div.repcol>div.repcontainer.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}div.repcol.fit50>div.repcontainer{grid-template-columns:repeat(auto-fit,minmax(45%,1fr))}div.repcol.fit30>div.repcontainer{grid-template-columns:repeat(auto-fit,minmax(30%,1fr))}div.repcol.npc>div.repcontainer{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}section{font-weight:normal}.wide-gap{-webkit-column-gap:var(--big-gap)!important;-moz-column-gap:var(--big-gap)!important;column-gap:var(--big-gap)!important}.character-header{min-width:30rem}.long-2{-ms-grid-row-span:2;grid-row:span 2}#resource{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}#stats{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}#stats.npc{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}#settings{display:-ms-grid;display:grid;-ms-grid-columns:auto;grid-template-columns:auto}div.burdens{min-width:120px;-webkit-column-gap:2px;-moz-column-gap:2px;column-gap:2px}.clock div.clock_4{display:none}.clock .clock-switch[value="4"]~div.clock_4{display:block}.clock div.clock_6{display:none}.clock .clock-switch[value="6"]~div.clock_6{display:block}.clock div.clock_8{display:none}.clock .clock-switch[value="8"]~div.clock_8{display:block}.clock div.clock_10{display:none}.clock .clock-switch[value="10"]~div.clock_10{display:block}.clock div.clock_12{display:none}.clock .clock-switch[value="12"]~div.clock_12{display:block}.clock{width:120px;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.clock.small-clock{-webkit-transform:scale(0.9);transform:scale(0.9)}.clock-section{display:-ms-inline-grid;display:inline-grid;gap:3px;padding:1px;grid-template-areas:"vv ww xx aa bb cc dd" "uu ck ck ck ck ck ee" "tt ck ck ck ck ck ff" "ss ck ck ck ck ck gg" "rr ck ck ck ck ck hh" "qq ck ck ck ck ck ii" "pp oo nn mm ll kk jj"}.clock-radio{z-index:10;opacity:1;cursor:pointer;position:relative;accent-color:rgb(156,70,255);-webkit-transform:scale(1.2);transform:scale(1.2)}.clock-radio:hover:after{opacity:1}.clock-0{-ms-grid-row:1;-ms-grid-column:7;grid-area:aa;top:10px}.clock-1{-ms-grid-row:1;-ms-grid-column:9;grid-area:bb;top:15px;left:3px}.clock-2{-ms-grid-row:1;-ms-grid-column:11;grid-area:cc;top:18px;right:10px}.clock-3{-ms-grid-row:1;-ms-grid-column:13;grid-area:dd;top:22px;right:22px}.clock-4{-ms-grid-row:3;-ms-grid-column:13;grid-area:ee;top:13px;right:15px}.clock-5{-ms-grid-row:5;-ms-grid-column:13;grid-area:ff;top:5px;right:11px}.clock-6{-ms-grid-row:7;-ms-grid-column:13;grid-area:gg;right:10px}.clock-7{-ms-grid-row:9;-ms-grid-column:13;grid-area:hh;bottom:5px;right:11px}.clock-8{-ms-grid-row:11;-ms-grid-column:13;grid-area:ii;bottom:13px;right:15px}.clock-9{-ms-grid-row:13;-ms-grid-column:13;grid-area:jj;bottom:22px;right:22px}.clock-10{-ms-grid-row:13;-ms-grid-column:11;grid-area:kk;bottom:18px;right:10px}.clock-11{-ms-grid-row:13;-ms-grid-column:9;grid-area:ll;bottom:15px;left:3px}.clock-12{-ms-grid-row:13;-ms-grid-column:7;grid-area:mm;bottom:10px}.clock-13{-ms-grid-row:13;-ms-grid-column:5;grid-area:nn;bottom:15px;right:3px}.clock-14{-ms-grid-row:13;-ms-grid-column:3;grid-area:oo;bottom:18px;left:10px}.clock-15{-ms-grid-row:13;-ms-grid-column:1;grid-area:pp;bottom:22px;left:22px}.clock-16{-ms-grid-row:11;-ms-grid-column:1;grid-area:qq;bottom:13px;left:15px}.clock-17{-ms-grid-row:9;-ms-grid-column:1;grid-area:rr;bottom:5px;left:11px}.clock-18{-ms-grid-row:7;-ms-grid-column:1;grid-area:ss;left:10px}.clock-19{-ms-grid-row:5;-ms-grid-column:1;grid-area:tt;top:5px;left:11px}.clock-20{-ms-grid-row:3;-ms-grid-column:1;grid-area:uu;top:13px;left:15px}.clock-21{-ms-grid-row:1;-ms-grid-column:1;grid-area:vv;top:22px;left:22px}.clock-22{-ms-grid-row:1;-ms-grid-column:3;grid-area:ww;top:18px;left:10px}.clock-23{-ms-grid-row:1;-ms-grid-column:5;grid-area:xx;top:15px;right:3px}.clock-face{-ms-grid-row:3;-ms-grid-row-span:9;-ms-grid-column:3;-ms-grid-column-span:9;grid-area:ck;width:78px;height:78px;display:inline-block;border-radius:50%;background:rgb(156,70,255);border:3px solid rgb(143,143,157);text-align:center;vertical-align:middle}.clock-face:after{font-family:"Pictos";content:"&";color:white;position:relative;font-size:15px;top:28px}.clock-radio.clock-0:checked~.clock-face{background:black}.clock-radio.clock-1:checked~.clock-face{background-image:linear-gradient(120deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-2:checked~.clock-face{background-image:linear-gradient(126deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-3:checked~.clock-face{background-image:linear-gradient(135deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-4:checked~.clock-face{background-image:linear-gradient(150deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-5:checked~.clock-face{background-image:linear-gradient(162deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-6:checked~.clock-face{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),color-stop(50%,black)),-webkit-gradient(linear,left top,right top,color-stop(50%,black),color-stop(50%,transparent));background-image:linear-gradient(180deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-7:checked~.clock-face{background-image:linear-gradient(198deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-7:checked~.clock-face{background-image:linear-gradient(198deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-8:checked~.clock-face{background-image:linear-gradient(210deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-9:checked~.clock-face{background-image:linear-gradient(225deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-10:checked~.clock-face{background-image:linear-gradient(234deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-11:checked~.clock-face{background-image:linear-gradient(240deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-12:checked~.clock-face{background-image:-webkit-gradient(linear,right top,left top,color-stop(50%,transparent),color-stop(50%,black)),-webkit-gradient(linear,left top,right top,color-stop(50%,black),color-stop(50%,transparent));background-image:linear-gradient(270deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-13:checked~.clock-face{background-image:linear-gradient(120deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-14:checked~.clock-face{background-image:linear-gradient(126deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-15:checked~.clock-face{background-image:linear-gradient(135deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-16:checked~.clock-face{background-image:linear-gradient(150deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-17:checked~.clock-face{background-image:linear-gradient(166deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-18:checked~.clock-face{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),color-stop(50%,rgb(156,70,255))),-webkit-gradient(linear,left top,right top,color-stop(50%,black),color-stop(50%,transparent));background-image:linear-gradient(180deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-19:checked~.clock-face{background-image:linear-gradient(198deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-20:checked~.clock-face{background-image:linear-gradient(210deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-21:checked~.clock-face{background-image:linear-gradient(225deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-22:checked~.clock-face{background-image:linear-gradient(234deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-23:checked~.clock-face{background-image:linear-gradient(240deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-360:checked~.clock-face{background-color:rgb(156,70,255)}.resource div.resource_2{display:none}.resource .resource-switch[value="2"]~div.resource_2{display:block}.resource div.resource_3{display:none}.resource .resource-switch[value="3"]~div.resource_3{display:block}.resource div.resource_4{display:none}.resource .resource-switch[value="4"]~div.resource_4{display:block}.resource div.resource_5{display:none}.resource .resource-switch[value="5"]~div.resource_5{display:block}.resource div.resource_6{display:none}.resource .resource-switch[value="6"]~div.resource_6{display:block}.resource div.resource_7{display:none}.resource .resource-switch[value="7"]~div.resource_7{display:block}.resource div.resource_8{display:none}.resource .resource-switch[value="8"]~div.resource_8{display:block}.input-label{width:auto}label.input-label .numb-label{width:80px}input.burden{width:98%!important;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}input.burden-penalty{position:relative;left:-22%;min-width:66px!important;text-align:left;-webkit-box-align:left;-ms-flex-align:left;align-items:left}p.burden-penalty{position:relative;left:-5%;top:8px}input[type=text].power{width:120%!important;min-width:120px}span.dust{color:var(--orange)!important;padding:5px!important}input.dust{height:40px!important;width:100%!important;font-size:1.4rem!important;color:var(--off-black)!important;text-shadow:0 0 2px var(--orange)}input.dust.ability-info{height:26px!important;font-size:1rem!important}.color-receiver{background-color:var(--magenta)}select.color-receiver{color:var(--off-white);border-radius:0px!important}.color-control[value=custom]~.color-receiver,.color-control[value=general]~.color-receiver,.color-control[value=unique]~.color-receiver{background-color:var(--purple)!important}.color-control[value=heavy]~.color-receiver,.color-control[value=stalwart]~.color-receiver{background-color:var(--red)!important}.color-control[value=skirmisher]~.color-receiver,.color-control[value=vagabond]~.color-receiver{background-color:var(--yellow)!important}.color-control[value=leader]~.color-receiver,.color-control[value=mendicant]~.color-receiver{background-color:var(--green)!important}.color-control[value=artillery]~.color-receiver,.color-control[value=wright]~.color-receiver{background-color:var(--blue)!important}.color-control[value=inactive]~.color-receiver,.color-control[value=mob]~.color-receiver,.color-control[value=npc]~.color-receiver,.color-control[value=unequipped]~.color-receiver{background-color:var(--grey)!important}input.bloodied-receiver{color:var(--green-dk)}.bloodied-control[value="1"]~input.bloodied-receiver{color:var(--red-dk);text-shadow:0 0 1px var(--red),0 0 1px var(--red)}.bloodied-control[value="1"]~input.bloodied-receiver.bloodied-receiver[value="0"]{background-color:var(--grey-dk)!important}select.damage-die,select.type{width:50%}.job-h1-receiver{height:39px!important;width:100%!important;border-radius:0%!important;color:white!important}.job-h1-receiver::-webkit-input-placeholder{text-shadow:0 0 2px white,0 0 2px white}.job-h1-receiver::-moz-placeholder{text-shadow:0 0 2px white,0 0 2px white}.job-h1-receiver:-ms-input-placeholder{text-shadow:0 0 2px white,0 0 2px white}.job-h1-receiver::-ms-input-placeholder{text-shadow:0 0 2px white,0 0 2px white}.job-h1-receiver::placeholder{text-shadow:0 0 2px white,0 0 2px white}div.wealth{height:auto}div.wealth>input.wealth{height:30px;width:100%!important;text-overflow:ellipsis}input.ability-info{width:32%!important;text-overflow:ellipsis} \ No newline at end of file +@import url("https://fonts.googleapis.com/css?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700|Jost:ital,wght@0,400;0,700;1,400;1,700|PT+Mono|PT+Sans+Caption:wght@400;700|PT+Serif+Caption&display=swap");.sheet-rolltemplate-icon,.ui-dialog{--white:white;--off-white:rgb(243,240,237);--grey-lt:rgb(217,217,217);--grey:rgb(145,145,145);--off-grey:rgb(143,143,157);--grey-dk:rgb(102,102,102);--off-black:rgb(15,13,12);--black:black;--half-white:rgba(255,255,255,0.5);--half-black:rgba(0,0,0,0.5);--half-grey:rgba(145,145,145,0.5);--purple:rgb(156,70,255);--magenta-lt:rgb(242,130,255);--magenta:rgb(201,85,239);--magenta-dk:rgb(136,57,162);--red-lt:rgb(255,150,140);--red:rgb(237,34,11);--red-dk:rgb(160,23,7);--yellow-lt:rgb(255,217,49);--yellow:rgb(253,173,0);--yellow-dk:rgb(176,120,0);--green-lt:rgb(136,249,78);--green:rgb(96,216,54);--green-dk:rgb(62,139,34);--blue-lt:rgb(76,220,253);--blue:rgb(0,161,255);--blue-dk:rgb(0,112,178);--orange:rgb(230,140,44)}.sheet-rolltemplate-icon,.ui-dialog{--basicFont:"Atkinson Hyperlegible","Open Sans","Calibri",sans-serif;--titleFont:"Jost","Maven Pro","Montserrat","Arial Black",sans-serif;--monoFont:"PT Mono","Liberation Mono","Courier New","Courier",monospace;--sansFont:"PT Sans Caption","Liberation Sans","Arial","Helvetica","Tahoma",sans-serif;--serifFont:"PT Serif Caption","Liberation Serif","Times New Roman","Mac OS Roman",serif}.serif{font-family:var(--serifFont)!important}.mono{font-family:var(--monoFont)!important}.title{font-family:var(--titleFont)!important}.bigger{font-size:1.2rem!important}.big{font-size:1.1rem!important}.normal{font-size:1rem!important}.small{font-size:0.9rem!important}.smaller{font-size:0.8rem!important}.sheet-rolltemplate-icon .pictos,.sheet-rolltemplate-icon .sheet-pictos,.ui-dialog .tab-content .charsheet .pictos,.ui-dialog .tab-content .charsheet .sheet-pictos{font-family:"pictos"!important;text-transform:initial!important}.sheet-rolltemplate-icon .pictos3,.sheet-rolltemplate-icon .sheet-pictos3,.ui-dialog .tab-content .charsheet .pictos3,.ui-dialog .tab-content .charsheet .sheet-pictos3{font-family:"pictos three"!important;text-transform:initial!important}.sheet-rolltemplate-icon .pictoscustom,.sheet-rolltemplate-icon .sheet-pictoscustom,.ui-dialog .tab-content .charsheet .pictoscustom,.ui-dialog .tab-content .charsheet .sheet-pictoscustom{font-family:"pictos custom"!important;text-transform:initial!important}.sheet-rolltemplate-icon .stacked.input-label,.ui-dialog .tab-content .charsheet .stacked.input-label{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.sheet-rolltemplate-icon .stacked.center.input-label>*,.ui-dialog .tab-content .charsheet .stacked.center.input-label>*{text-align:center}.sheet-rolltemplate-icon .stacked.input-label:not(.center)>*,.ui-dialog .tab-content .charsheet .stacked.input-label:not(.center)>*{text-align:left}.sheet-rolltemplate-icon .stacked.input-label>[name],.ui-dialog .tab-content .charsheet .stacked.input-label>[name]{width:100%}.sheet-rolltemplate-icon :is(.underlined,.boxed):not([readonly]):is(:hover,:focus,:focus-within),.ui-dialog .tab-content .charsheet :is(.underlined,.boxed):not([readonly]):is(:hover,:focus,:focus-within){border:1px solid var(--borderColor);border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--invertedFontColor)}.sheet-rolltemplate-icon .ratio1-1,.sheet-rolltemplate-icon .sheet-ratio1-1,.sheet-rolltemplate-icon input:where([type=checkbox],[type=radio]),.ui-dialog .tab-content .charsheet .ratio1-1,.ui-dialog .tab-content .charsheet .sheet-ratio1-1,.ui-dialog .tab-content .charsheet input:where([type=checkbox],[type=radio]){aspect-ratio:1/1}.sheet-rolltemplate-icon .headed-textarea,.sheet-rolltemplate-icon .roll-container,.ui-dialog .tab-content .charsheet .headed-textarea,.ui-dialog .tab-content .charsheet .roll-container{display:-ms-grid;display:grid}.sheet-rolltemplate-icon .pseudo-select span,.sheet-rolltemplate-icon .sheet-pseudo-select span,.sheet-rolltemplate-icon .uneditable-input,.sheet-rolltemplate-icon input:not(:where([type=checkbox],[type=radio])),.sheet-rolltemplate-icon select,.sheet-rolltemplate-icon textarea,.ui-dialog .tab-content .charsheet .pseudo-select span,.ui-dialog .tab-content .charsheet .sheet-pseudo-select span,.ui-dialog .tab-content .charsheet .uneditable-input,.ui-dialog .tab-content .charsheet input:not(:where([type=checkbox],[type=radio])),.ui-dialog .tab-content .charsheet select,.ui-dialog .tab-content .charsheet textarea{border-width:1px 1px;border-style:solid;border-radius:5px;border-color:transparent;-webkit-box-sizing:border-box;box-sizing:border-box}.sheet-rolltemplate-icon .repcontrol-button,.ui-dialog .tab-content .charsheet .repcontrol-button{background-color:var(--buttonColor);border-radius:5px;-webkit-box-shadow:0 2px 4px black;box-shadow:0 2px 4px black;border-width:0;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);overflow:hidden}.sheet-rolltemplate-icon .repcontrol-button:is(:hover,:focus),.ui-dialog .tab-content .charsheet .repcontrol-button:is(:hover,:focus){background-color:var(--hoverColor);-webkit-box-shadow:0 4px 6px black;box-shadow:0 4px 6px black;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sheet-rolltemplate-icon .repcontrol-button:active,.ui-dialog .tab-content .charsheet .repcontrol-button:active{background-color:var(--clickColor);-webkit-box-shadow:0 1px 2px black;box-shadow:0 1px 2px black;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.sheet-rolltemplate-icon .repcontrol-button,.ui-dialog .tab-content .charsheet .repcontrol-button{padding:5px 7px}.sheet-rolltemplate-icon .sheet-uppercase,.sheet-rolltemplate-icon .uppercase,.ui-dialog .tab-content .charsheet .sheet-uppercase,.ui-dialog .tab-content .charsheet .uppercase{text-transform:uppercase}.sheet-rolltemplate-icon .smallcaps,.ui-dialog .tab-content .charsheet .smallcaps{font-variant-caps:small-caps}.sheet-rolltemplate-icon .hidden,.sheet-rolltemplate-icon .sheet-hidden,.sheet-rolltemplate-icon [hidden],.ui-dialog .tab-content .charsheet .hidden,.ui-dialog .tab-content .charsheet .sheet-hidden,.ui-dialog .tab-content .charsheet [hidden]{display:none!important}.sheet-rolltemplate-icon .emph,.sheet-rolltemplate-icon .italics,.sheet-rolltemplate-icon .sheet-emph,.sheet-rolltemplate-icon .sheet-italics,.ui-dialog .tab-content .charsheet .emph,.ui-dialog .tab-content .charsheet .italics,.ui-dialog .tab-content .charsheet .sheet-emph,.ui-dialog .tab-content .charsheet .sheet-italics{font-style:italic}.sheet-rolltemplate-icon .bold,.sheet-rolltemplate-icon .sheet-bold,.ui-dialog .tab-content .charsheet .bold,.ui-dialog .tab-content .charsheet .sheet-bold{font-weight:700}#main .glyph-only,#main .glyph-only *,.sheet-rolltemplate-icon .h1-style-input,.sheet-rolltemplate-icon .h1-style-input *,.sheet-rolltemplate-icon .h3-style-input,.sheet-rolltemplate-icon .h3-style-input *,.sheet-rolltemplate-icon .input-label:not(.stacked).large>[name],.sheet-rolltemplate-icon .input-label:not(.stacked).large>[name] *,.sheet-rolltemplate-icon [aria-level="1"],.sheet-rolltemplate-icon [aria-level="1"] *,.sheet-rolltemplate-icon [aria-level="2"],.sheet-rolltemplate-icon [aria-level="2"] *,.sheet-rolltemplate-icon [aria-level="3"],.sheet-rolltemplate-icon [aria-level="3"] *,.sheet-rolltemplate-icon [aria-level="4"],.sheet-rolltemplate-icon [aria-level="4"] *,.sheet-rolltemplate-icon [aria-level="5"],.sheet-rolltemplate-icon [aria-level="5"] *,.sheet-rolltemplate-icon [aria-level="6"],.sheet-rolltemplate-icon [aria-level="6"] *,.sheet-rolltemplate-icon h1,.sheet-rolltemplate-icon h1 *,.sheet-rolltemplate-icon h2,.sheet-rolltemplate-icon h2 *,.sheet-rolltemplate-icon h3,.sheet-rolltemplate-icon h3 *,.sheet-rolltemplate-icon h4,.sheet-rolltemplate-icon h4 *,.sheet-rolltemplate-icon h5,.sheet-rolltemplate-icon h5 *,.sheet-rolltemplate-icon h6,.sheet-rolltemplate-icon h6 *,.sheet-rolltemplate-icon input,.sheet-rolltemplate-icon span,.sheet-rolltemplate-icon textarea,.ui-dialog .tab-content .charsheet .h1-style-input,.ui-dialog .tab-content .charsheet .h1-style-input *,.ui-dialog .tab-content .charsheet .h3-style-input,.ui-dialog .tab-content .charsheet .h3-style-input *,.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name],.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name] *,.ui-dialog .tab-content .charsheet [aria-level="1"],.ui-dialog .tab-content .charsheet [aria-level="1"] *,.ui-dialog .tab-content .charsheet [aria-level="2"],.ui-dialog .tab-content .charsheet [aria-level="2"] *,.ui-dialog .tab-content .charsheet [aria-level="3"],.ui-dialog .tab-content .charsheet [aria-level="3"] *,.ui-dialog .tab-content .charsheet [aria-level="4"],.ui-dialog .tab-content .charsheet [aria-level="4"] *,.ui-dialog .tab-content .charsheet [aria-level="5"],.ui-dialog .tab-content .charsheet [aria-level="5"] *,.ui-dialog .tab-content .charsheet [aria-level="6"],.ui-dialog .tab-content .charsheet [aria-level="6"] *,.ui-dialog .tab-content .charsheet h1,.ui-dialog .tab-content .charsheet h1 *,.ui-dialog .tab-content .charsheet h2,.ui-dialog .tab-content .charsheet h2 *,.ui-dialog .tab-content .charsheet h3,.ui-dialog .tab-content .charsheet h3 *,.ui-dialog .tab-content .charsheet h4,.ui-dialog .tab-content .charsheet h4 *,.ui-dialog .tab-content .charsheet h5,.ui-dialog .tab-content .charsheet h5 *,.ui-dialog .tab-content .charsheet h6,.ui-dialog .tab-content .charsheet h6 *,.ui-dialog .tab-content .charsheet input,.ui-dialog .tab-content .charsheet span,.ui-dialog .tab-content .charsheet textarea{line-height:normal}#main .glyph-only,#main .glyph-only *,.sheet-rolltemplate-icon .h1-style-input,.sheet-rolltemplate-icon .h1-style-input *,.sheet-rolltemplate-icon .h3-style-input,.sheet-rolltemplate-icon .h3-style-input *,.sheet-rolltemplate-icon .input-label:not(.stacked).large>[name],.sheet-rolltemplate-icon .input-label:not(.stacked).large>[name] *,.sheet-rolltemplate-icon [aria-level="1"],.sheet-rolltemplate-icon [aria-level="1"] *,.sheet-rolltemplate-icon [aria-level="2"],.sheet-rolltemplate-icon [aria-level="2"] *,.sheet-rolltemplate-icon [aria-level="3"],.sheet-rolltemplate-icon [aria-level="3"] *,.sheet-rolltemplate-icon [aria-level="4"],.sheet-rolltemplate-icon [aria-level="4"] *,.sheet-rolltemplate-icon [aria-level="5"],.sheet-rolltemplate-icon [aria-level="5"] *,.sheet-rolltemplate-icon [aria-level="6"],.sheet-rolltemplate-icon [aria-level="6"] *,.sheet-rolltemplate-icon h1,.sheet-rolltemplate-icon h1 *,.sheet-rolltemplate-icon h2,.sheet-rolltemplate-icon h2 *,.sheet-rolltemplate-icon h3,.sheet-rolltemplate-icon h3 *,.sheet-rolltemplate-icon h4,.sheet-rolltemplate-icon h4 *,.sheet-rolltemplate-icon h5,.sheet-rolltemplate-icon h5 *,.sheet-rolltemplate-icon h6,.sheet-rolltemplate-icon h6 *,.ui-dialog .tab-content .charsheet .h1-style-input,.ui-dialog .tab-content .charsheet .h1-style-input *,.ui-dialog .tab-content .charsheet .h3-style-input,.ui-dialog .tab-content .charsheet .h3-style-input *,.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name],.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name] *,.ui-dialog .tab-content .charsheet [aria-level="1"],.ui-dialog .tab-content .charsheet [aria-level="1"] *,.ui-dialog .tab-content .charsheet [aria-level="2"],.ui-dialog .tab-content .charsheet [aria-level="2"] *,.ui-dialog .tab-content .charsheet [aria-level="3"],.ui-dialog .tab-content .charsheet [aria-level="3"] *,.ui-dialog .tab-content .charsheet [aria-level="4"],.ui-dialog .tab-content .charsheet [aria-level="4"] *,.ui-dialog .tab-content .charsheet [aria-level="5"],.ui-dialog .tab-content .charsheet [aria-level="5"] *,.ui-dialog .tab-content .charsheet [aria-level="6"],.ui-dialog .tab-content .charsheet [aria-level="6"] *,.ui-dialog .tab-content .charsheet h1,.ui-dialog .tab-content .charsheet h1 *,.ui-dialog .tab-content .charsheet h2,.ui-dialog .tab-content .charsheet h2 *,.ui-dialog .tab-content .charsheet h3,.ui-dialog .tab-content .charsheet h3 *,.ui-dialog .tab-content .charsheet h4,.ui-dialog .tab-content .charsheet h4 *,.ui-dialog .tab-content .charsheet h5,.ui-dialog .tab-content .charsheet h5 *,.ui-dialog .tab-content .charsheet h6,.ui-dialog .tab-content .charsheet h6 *{color:var(--fontColor);display:block;white-space:nowrap;margin-top:0px;margin-bottom:0px;font-weight:700}.sheet-rolltemplate-icon .h1-style-input,.sheet-rolltemplate-icon .h1-style-input *,.sheet-rolltemplate-icon .h3-style-input,.sheet-rolltemplate-icon .h3-style-input *,.sheet-rolltemplate-icon .input-label:not(.stacked).large>[name],.sheet-rolltemplate-icon .input-label:not(.stacked).large>[name] *,.sheet-rolltemplate-icon [aria-level="1"],.sheet-rolltemplate-icon [aria-level="1"] *,.sheet-rolltemplate-icon [aria-level="2"],.sheet-rolltemplate-icon [aria-level="2"] *,.sheet-rolltemplate-icon [aria-level="3"],.sheet-rolltemplate-icon [aria-level="3"] *,.sheet-rolltemplate-icon h1,.sheet-rolltemplate-icon h1 *,.sheet-rolltemplate-icon h2,.sheet-rolltemplate-icon h2 *,.sheet-rolltemplate-icon h3,.sheet-rolltemplate-icon h3 *,.ui-dialog .tab-content .charsheet .h1-style-input,.ui-dialog .tab-content .charsheet .h1-style-input *,.ui-dialog .tab-content .charsheet .h3-style-input,.ui-dialog .tab-content .charsheet .h3-style-input *,.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name],.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name] *,.ui-dialog .tab-content .charsheet [aria-level="1"],.ui-dialog .tab-content .charsheet [aria-level="1"] *,.ui-dialog .tab-content .charsheet [aria-level="2"],.ui-dialog .tab-content .charsheet [aria-level="2"] *,.ui-dialog .tab-content .charsheet [aria-level="3"],.ui-dialog .tab-content .charsheet [aria-level="3"] *,.ui-dialog .tab-content .charsheet h1,.ui-dialog .tab-content .charsheet h1 *,.ui-dialog .tab-content .charsheet h2,.ui-dialog .tab-content .charsheet h2 *,.ui-dialog .tab-content .charsheet h3,.ui-dialog .tab-content .charsheet h3 *{text-transform:uppercase;font-weight:700}#main .glyph-only,#main .glyph-only *,.sheet-rolltemplate-icon [aria-level="4"],.sheet-rolltemplate-icon [aria-level="4"] *,.sheet-rolltemplate-icon [aria-level="5"],.sheet-rolltemplate-icon [aria-level="5"] *,.sheet-rolltemplate-icon [aria-level="6"],.sheet-rolltemplate-icon [aria-level="6"] *,.sheet-rolltemplate-icon h4,.sheet-rolltemplate-icon h4 *,.sheet-rolltemplate-icon h5,.sheet-rolltemplate-icon h5 *,.sheet-rolltemplate-icon h6,.sheet-rolltemplate-icon h6 *,.ui-dialog .tab-content .charsheet [aria-level="4"],.ui-dialog .tab-content .charsheet [aria-level="4"] *,.ui-dialog .tab-content .charsheet [aria-level="5"],.ui-dialog .tab-content .charsheet [aria-level="5"] *,.ui-dialog .tab-content .charsheet [aria-level="6"],.ui-dialog .tab-content .charsheet [aria-level="6"] *,.ui-dialog .tab-content .charsheet h4,.ui-dialog .tab-content .charsheet h4 *,.ui-dialog .tab-content .charsheet h5,.ui-dialog .tab-content .charsheet h5 *,.ui-dialog .tab-content .charsheet h6,.ui-dialog .tab-content .charsheet h6 *{text-transform:uppercase}#main .glyph-only :not(input),#main .glyph-only:not(input),.sheet-rolltemplate-icon [aria-level="4"] :not(input),.sheet-rolltemplate-icon [aria-level="4"]:not(input),.sheet-rolltemplate-icon [aria-level="5"] :not(input),.sheet-rolltemplate-icon [aria-level="5"]:not(input),.sheet-rolltemplate-icon [aria-level="6"] :not(input),.sheet-rolltemplate-icon [aria-level="6"]:not(input),.sheet-rolltemplate-icon h4 :not(input),.sheet-rolltemplate-icon h4:not(input),.sheet-rolltemplate-icon h5 :not(input),.sheet-rolltemplate-icon h5:not(input),.sheet-rolltemplate-icon h6 :not(input),.sheet-rolltemplate-icon h6:not(input),.ui-dialog .tab-content .charsheet [aria-level="4"] :not(input),.ui-dialog .tab-content .charsheet [aria-level="4"]:not(input),.ui-dialog .tab-content .charsheet [aria-level="5"] :not(input),.ui-dialog .tab-content .charsheet [aria-level="5"]:not(input),.ui-dialog .tab-content .charsheet [aria-level="6"] :not(input),.ui-dialog .tab-content .charsheet [aria-level="6"]:not(input),.ui-dialog .tab-content .charsheet h4 :not(input),.ui-dialog .tab-content .charsheet h4:not(input),.ui-dialog .tab-content .charsheet h5 :not(input),.ui-dialog .tab-content .charsheet h5:not(input),.ui-dialog .tab-content .charsheet h6 :not(input),.ui-dialog .tab-content .charsheet h6:not(input){text-transform:capitalize}.header__image{min-width:191.5px;min-height:88.2px}.sheet-rolltemplate-icon .h1-style-input,.sheet-rolltemplate-icon .h1-style-input *,.sheet-rolltemplate-icon [aria-level="1"],.sheet-rolltemplate-icon [aria-level="1"] *,.sheet-rolltemplate-icon h1,.sheet-rolltemplate-icon h1 *,.ui-dialog .tab-content .charsheet .h1-style-input,.ui-dialog .tab-content .charsheet .h1-style-input *,.ui-dialog .tab-content .charsheet [aria-level="1"],.ui-dialog .tab-content .charsheet [aria-level="1"] *,.ui-dialog .tab-content .charsheet h1,.ui-dialog .tab-content .charsheet h1 *{font-size:2rem!important;font-family:var(--titleFont);text-transform:uppercase;background-color:var(--magenta);color:var(--invertedFontColor)!important}.sheet-rolltemplate-icon .h1-style-input :not(input),.sheet-rolltemplate-icon .h1-style-input:not(input),.sheet-rolltemplate-icon [aria-level="1"] :not(input),.sheet-rolltemplate-icon [aria-level="1"]:not(input),.sheet-rolltemplate-icon h1 :not(input),.sheet-rolltemplate-icon h1:not(input),.ui-dialog .tab-content .charsheet .h1-style-input :not(input),.ui-dialog .tab-content .charsheet .h1-style-input:not(input),.ui-dialog .tab-content .charsheet [aria-level="1"] :not(input),.ui-dialog .tab-content .charsheet [aria-level="1"]:not(input),.ui-dialog .tab-content .charsheet h1 :not(input),.ui-dialog .tab-content .charsheet h1:not(input){text-align:center}.sheet-rolltemplate-icon .input-label:not(.stacked).large>[name],.sheet-rolltemplate-icon .input-label:not(.stacked).large>[name] *,.sheet-rolltemplate-icon [aria-level="2"],.sheet-rolltemplate-icon [aria-level="2"] *,.sheet-rolltemplate-icon h2,.sheet-rolltemplate-icon h2 *,.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name],.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name] *,.ui-dialog .tab-content .charsheet [aria-level="2"],.ui-dialog .tab-content .charsheet [aria-level="2"] *,.ui-dialog .tab-content .charsheet h2,.ui-dialog .tab-content .charsheet h2 *{font-size:1.75rem;font-family:var(--serifFont);grid-area:header}.sheet-rolltemplate-icon .input-label:not(.stacked).large>[name] :not(input),.sheet-rolltemplate-icon .input-label:not(.stacked).large>[name]:not(input),.sheet-rolltemplate-icon [aria-level="2"] :not(input),.sheet-rolltemplate-icon [aria-level="2"]:not(input),.sheet-rolltemplate-icon h2 :not(input),.sheet-rolltemplate-icon h2:not(input),.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name] :not(input),.ui-dialog .tab-content .charsheet .input-label:not(.stacked).large>[name]:not(input),.ui-dialog .tab-content .charsheet [aria-level="2"] :not(input),.ui-dialog .tab-content .charsheet [aria-level="2"]:not(input),.ui-dialog .tab-content .charsheet h2 :not(input),.ui-dialog .tab-content .charsheet h2:not(input){text-align:center}.sheet-rolltemplate-icon .h3-style-input,.sheet-rolltemplate-icon .h3-style-input *,.sheet-rolltemplate-icon [aria-level="3"],.sheet-rolltemplate-icon [aria-level="3"] *,.sheet-rolltemplate-icon h3,.sheet-rolltemplate-icon h3 *,.ui-dialog .tab-content .charsheet .h3-style-input,.ui-dialog .tab-content .charsheet .h3-style-input *,.ui-dialog .tab-content .charsheet [aria-level="3"],.ui-dialog .tab-content .charsheet [aria-level="3"] *,.ui-dialog .tab-content .charsheet h3,.ui-dialog .tab-content .charsheet h3 *{font-size:1.5rem;font-family:var(--titleFont)}.sheet-rolltemplate-icon .h3-style-input :not(input),.sheet-rolltemplate-icon .h3-style-input:not(input),.sheet-rolltemplate-icon [aria-level="3"] :not(input),.sheet-rolltemplate-icon [aria-level="3"]:not(input),.sheet-rolltemplate-icon h3 :not(input),.sheet-rolltemplate-icon h3:not(input),.ui-dialog .tab-content .charsheet .h3-style-input :not(input),.ui-dialog .tab-content .charsheet .h3-style-input:not(input),.ui-dialog .tab-content .charsheet [aria-level="3"] :not(input),.ui-dialog .tab-content .charsheet [aria-level="3"]:not(input),.ui-dialog .tab-content .charsheet h3 :not(input),.ui-dialog .tab-content .charsheet h3:not(input){text-align:center}#main .glyph-only,#main .glyph-only *,.sheet-rolltemplate-icon [aria-level="4"],.sheet-rolltemplate-icon [aria-level="4"] *,.sheet-rolltemplate-icon h4,.sheet-rolltemplate-icon h4 *,.ui-dialog .tab-content .charsheet [aria-level="4"],.ui-dialog .tab-content .charsheet [aria-level="4"] *,.ui-dialog .tab-content .charsheet h4,.ui-dialog .tab-content .charsheet h4 *{font-size:1.25rem;font-family:var(--serifFont)}#main .glyph-only :not(input),#main .glyph-only:not(input),.sheet-rolltemplate-icon [aria-level="4"] :not(input),.sheet-rolltemplate-icon [aria-level="4"]:not(input),.sheet-rolltemplate-icon h4 :not(input),.sheet-rolltemplate-icon h4:not(input),.ui-dialog .tab-content .charsheet [aria-level="4"] :not(input),.ui-dialog .tab-content .charsheet [aria-level="4"]:not(input),.ui-dialog .tab-content .charsheet h4 :not(input),.ui-dialog .tab-content .charsheet h4:not(input){text-align:center}.sheet-rolltemplate-icon [aria-level="5"],.sheet-rolltemplate-icon [aria-level="5"] *,.sheet-rolltemplate-icon h5,.sheet-rolltemplate-icon h5 *,.ui-dialog .tab-content .charsheet [aria-level="5"],.ui-dialog .tab-content .charsheet [aria-level="5"] *,.ui-dialog .tab-content .charsheet h5,.ui-dialog .tab-content .charsheet h5 *{font-size:1.1rem;font-style:normal;font-family:var(--titleFont)}.sheet-rolltemplate-icon [aria-level="5"] :not(input),.sheet-rolltemplate-icon [aria-level="5"]:not(input),.sheet-rolltemplate-icon h5 :not(input),.sheet-rolltemplate-icon h5:not(input),.ui-dialog .tab-content .charsheet [aria-level="5"] :not(input),.ui-dialog .tab-content .charsheet [aria-level="5"]:not(input),.ui-dialog .tab-content .charsheet h5 :not(input),.ui-dialog .tab-content .charsheet h5:not(input){text-align:center}.sheet-rolltemplate-icon [aria-level="6"],.sheet-rolltemplate-icon [aria-level="6"] *,.sheet-rolltemplate-icon h6,.sheet-rolltemplate-icon h6 *,.ui-dialog .tab-content .charsheet [aria-level="6"],.ui-dialog .tab-content .charsheet [aria-level="6"] *,.ui-dialog .tab-content .charsheet h6,.ui-dialog .tab-content .charsheet h6 *{font-size:1rem;font-style:normal;font-family:var(--serifFont)}.sheet-rolltemplate-icon [aria-level="6"] :not(input),.sheet-rolltemplate-icon [aria-level="6"]:not(input),.sheet-rolltemplate-icon h6 :not(input),.sheet-rolltemplate-icon h6:not(input),.ui-dialog .tab-content .charsheet [aria-level="6"] :not(input),.ui-dialog .tab-content .charsheet [aria-level="6"]:not(input),.ui-dialog .tab-content .charsheet h6 :not(input),.ui-dialog .tab-content .charsheet h6:not(input){text-align:center}.sheet-rolltemplate-icon input:where([type=checkbox],[type=radio]):checked,.ui-dialog .tab-content .charsheet input:where([type=checkbox],[type=radio]):checked{background-color:var(--selectedColor)}.sheet-rolltemplate-icon .boxed,.sheet-rolltemplate-icon .sheet-boxed,.ui-dialog .tab-content .charsheet .boxed,.ui-dialog .tab-content .charsheet .sheet-boxed{border:1px solid var(--borderColor);border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box}.well-padded{padding:0.5rem!important;margin:0.5rem!important}.sheet-rolltemplate-icon,.ui-dialog{--shadowColor1:rgba(0,0,0,0.16);--shadowColor2:rgba(0,0,0,0.24);--grid-gap:1rem;--half-gap:calc(var(--grid-gap) / 2);--tiny-gap:calc(var(--half-gap) / 2);--big-gap:calc(var(--grid-gap) * 2);--revealTime:500ms;--delayTime:200ms;--inputSwap:opacity var(--revealTime) ease var(--delayTime);--focusTiming:500ms ease;--focusTrans:all var(--focusTiming);--spanSectionColumn:1/-1;--displayBorderWidth:2px;--borderColor:var(--off-black);--fontColor:var(--black);--invertedFontColor:var(--white);--placeholderFontColor:var(--grey-dk);--backColor:var(--half-white);--invertedBackColor:var(--half-black);--subHeadBackColor:var(--grey);--unselectedColor:var(--grey-lt);--selectedColor:var(--orange);--disableBackground:var(--grey-lt);--buttonColor:var(--magenta);--hoverColor:var(--magenta-lt);--clickColor:var(--orange)}.sheet-rolltemplate-icon,.ui-dialog .tab-content .charsheet{gap:var(--grid-gap)}.sheet-rolltemplate-icon button,.ui-dialog .tab-content .charsheet button{cursor:pointer}.sheet-rolltemplate-icon .capitalize,.sheet-rolltemplate-icon .sheet-capitalize,.ui-dialog .tab-content .charsheet .capitalize,.ui-dialog .tab-content .charsheet .sheet-capitalize{text-transform:capitalize!important}.sheet-rolltemplate-icon .flex-box,.sheet-rolltemplate-icon .sheet-flex-box,.ui-dialog .tab-content .charsheet .flex-box,.ui-dialog .tab-content .charsheet .sheet-flex-box{display:-webkit-box;display:-ms-flexbox;display:flex}.sheet-rolltemplate-icon .flex-box.col,.sheet-rolltemplate-icon .sheet-flex-box.col,.ui-dialog .tab-content .charsheet .flex-box.col,.ui-dialog .tab-content .charsheet .sheet-flex-box.col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sheet-rolltemplate-icon .flex-box.row,.sheet-rolltemplate-icon .sheet-flex-box.row,.ui-dialog .tab-content .charsheet .flex-box.row,.ui-dialog .tab-content .charsheet .sheet-flex-box.row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:95%;position:relative;left:10px}.sheet-rolltemplate-icon .sheet-space-around,.sheet-rolltemplate-icon .space-around,.ui-dialog .tab-content .charsheet .sheet-space-around,.ui-dialog .tab-content .charsheet .space-around{-ms-flex-pack:distribute;justify-content:space-around}.sheet-rolltemplate-icon .sheet-space-between,.sheet-rolltemplate-icon .space-between,.ui-dialog .tab-content .charsheet .sheet-space-between,.ui-dialog .tab-content .charsheet .space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.sheet-rolltemplate-icon .center,.sheet-rolltemplate-icon .sheet-center,.ui-dialog .tab-content .charsheet .center,.ui-dialog .tab-content .charsheet .sheet-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.sheet-rolltemplate-icon .right,.ui-dialog .tab-content .charsheet .right{text-align:right}.sheet-rolltemplate-icon .left,.ui-dialog .tab-content .charsheet .left{text-align:left}.sheet-rolltemplate-icon .justify-left,.sheet-rolltemplate-icon .justify-start,.ui-dialog .tab-content .charsheet .justify-left,.ui-dialog .tab-content .charsheet .justify-start{-ms-grid-column-align:start;justify-self:start}.sheet-rolltemplate-icon .justify-end,.sheet-rolltemplate-icon .justify-right,.ui-dialog .tab-content .charsheet .justify-end,.ui-dialog .tab-content .charsheet .justify-right{-ms-grid-column-align:end;justify-self:end}.sheet-rolltemplate-icon .align-start,.ui-dialog .tab-content .charsheet .align-start{-ms-flex-item-align:start;-ms-grid-row-align:start;align-self:start}.sheet-rolltemplate-icon .align-end,.ui-dialog .tab-content .charsheet .align-end{-ms-flex-item-align:end;-ms-grid-row-align:end;align-self:end}.sheet-rolltemplate-icon .grid__2col,.sheet-rolltemplate-icon .grid__3col,.sheet-rolltemplate-icon .grid__4col,.sheet-rolltemplate-icon .grid__8col,.ui-dialog .tab-content .charsheet .grid__2col,.ui-dialog .tab-content .charsheet .grid__3col,.ui-dialog .tab-content .charsheet .grid__4col,.ui-dialog .tab-content .charsheet .grid__8col{display:-ms-grid;display:grid;width:auto;gap:var(--half-gap)}.sheet-rolltemplate-icon .grid__8col.grid__8col,.ui-dialog .tab-content .charsheet .grid__8col.grid__8col{-ms-grid-columns:auto auto auto auto auto auto auto auto;grid-template-columns:auto auto auto auto auto auto auto auto}.sheet-rolltemplate-icon .grid__4col.grid__4col,.ui-dialog .tab-content .charsheet .grid__4col.grid__4col{-ms-grid-columns:auto auto auto auto;grid-template-columns:auto auto auto auto}.sheet-rolltemplate-icon .grid__3col.grid__3col,.ui-dialog .tab-content .charsheet .grid__3col.grid__3col{-ms-grid-columns:auto auto auto;grid-template-columns:auto auto auto}.sheet-rolltemplate-icon .grid__2col.grid__2col,.ui-dialog .tab-content .charsheet .grid__2col.grid__2col{-ms-grid-columns:auto auto;grid-template-columns:auto auto}.sheet-rolltemplate-icon .no-gap,.ui-dialog .tab-content .charsheet .no-gap{gap:0px!important}.sheet-rolltemplate-icon .half-gap,.ui-dialog .tab-content .charsheet .half-gap{gap:var(--half-gap)}.sheet-rolltemplate-icon textarea,.ui-dialog .tab-content .charsheet textarea{font-family:var(--basicFont);font-weight:normal!important;resize:vertical;line-height:1.25em;min-height:2.5rem;white-space:pre-wrap;text-overflow:ellipsis}.sheet-rolltemplate-icon textarea.fixed,.ui-dialog .tab-content .charsheet textarea.fixed{resize:none;overflow:auto}.sheet-rolltemplate-icon textarea.textarea-1,.ui-dialog .tab-content .charsheet textarea.textarea-1{height:1.25em}.sheet-rolltemplate-icon textarea.textarea-2,.ui-dialog .tab-content .charsheet textarea.textarea-2{height:2.5em}.sheet-rolltemplate-icon textarea.textarea-3,.ui-dialog .tab-content .charsheet textarea.textarea-3{height:3.75em}.sheet-rolltemplate-icon textarea.textarea-4,.ui-dialog .tab-content .charsheet textarea.textarea-4{height:4em}.sheet-rolltemplate-icon textarea.textarea-5,.ui-dialog .tab-content .charsheet textarea.textarea-5{height:6.25em}.sheet-rolltemplate-icon textarea.textarea-6,.ui-dialog .tab-content .charsheet textarea.textarea-6{height:7.5em}.sheet-rolltemplate-icon textarea.textarea-8,.ui-dialog .tab-content .charsheet textarea.textarea-8{height:10em}.sheet-rolltemplate-icon textarea.no-style,.ui-dialog .tab-content .charsheet textarea.no-style{border:none;background-color:transparent}.sheet-rolltemplate-icon textarea.ambition,.ui-dialog .tab-content .charsheet textarea.ambition{width:90%!important;font-size:1.1rem}.sheet-rolltemplate-icon .span-3,.ui-dialog .tab-content .charsheet .span-3{-ms-grid-column-span:3;grid-column:span 3}.sheet-rolltemplate-icon .sheet-span-2,.sheet-rolltemplate-icon .span-2,.ui-dialog .tab-content .charsheet .sheet-span-2,.ui-dialog .tab-content .charsheet .span-2{-ms-grid-column-span:2;grid-column:span 2}.sheet-rolltemplate-icon .sheet-span-all,.sheet-rolltemplate-icon .span-all,.ui-dialog .tab-content .charsheet .sheet-span-all,.ui-dialog .tab-content .charsheet .span-all{grid-column:1/-1}.sheet-rolltemplate-icon .pseudo-select span,.sheet-rolltemplate-icon .sheet-pseudo-select span,.sheet-rolltemplate-icon .uneditable-input,.sheet-rolltemplate-icon input:not(:is([type=radio],[type=checkbox])),.sheet-rolltemplate-icon select,.sheet-rolltemplate-icon textarea,.ui-dialog .tab-content .charsheet .pseudo-select span,.ui-dialog .tab-content .charsheet .sheet-pseudo-select span,.ui-dialog .tab-content .charsheet .uneditable-input,.ui-dialog .tab-content .charsheet input:not(:is([type=radio],[type=checkbox])),.ui-dialog .tab-content .charsheet select,.ui-dialog .tab-content .charsheet textarea{padding:2px;font-size:1rem;cursor:pointer}.sheet-rolltemplate-icon input:is([type=text],[type=number]),.sheet-rolltemplate-icon textarea,.ui-dialog .tab-content .charsheet input:is([type=text],[type=number]),.ui-dialog .tab-content .charsheet textarea{cursor:auto}.sheet-rolltemplate-icon .pseudo-select span,.sheet-rolltemplate-icon .sheet-pseudo-select span,.sheet-rolltemplate-icon select,.ui-dialog .tab-content .charsheet .pseudo-select span,.ui-dialog .tab-content .charsheet .sheet-pseudo-select span,.ui-dialog .tab-content .charsheet select{-webkit-apperance:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-transform:capitalize;overflow:hidden!important;white-space:nowrap;text-overflow:ellipsis;text-align:center}.sheet-rolltemplate-icon input,.ui-dialog .tab-content .charsheet input{width:auto}.sheet-rolltemplate-icon input:placeholder,.ui-dialog .tab-content .charsheet input:placeholder{color:var(--placeholderFontColor)}.sheet-rolltemplate-icon input.plus-control:not([value*="-"])+span:before,.ui-dialog .tab-content .charsheet input.plus-control:not([value*="-"])+span:before{content:"+"}.sheet-rolltemplate-icon input,.sheet-rolltemplate-icon span,.sheet-rolltemplate-icon textarea,.ui-dialog .tab-content .charsheet input,.ui-dialog .tab-content .charsheet span,.ui-dialog .tab-content .charsheet textarea{font-size:1rem}.sheet-rolltemplate-icon button,.sheet-rolltemplate-icon input,.sheet-rolltemplate-icon select,.sheet-rolltemplate-icon span[name],.sheet-rolltemplate-icon textarea,.ui-dialog .tab-content .charsheet button,.ui-dialog .tab-content .charsheet input,.ui-dialog .tab-content .charsheet select,.ui-dialog .tab-content .charsheet span[name],.ui-dialog .tab-content .charsheet textarea{font-family:var(--basicFont);--fontWght:700;font-weight:var(--fontWght);font-variation-settings:"wght" var(--fontWght);background-color:var(--backColor);color:var(--fontColor)}.sheet-rolltemplate-icon .h1-style-input::-webkit-input-placeholder,.sheet-rolltemplate-icon [aria-level="1"]::-webkit-input-placeholder,.sheet-rolltemplate-icon h1::-webkit-input-placeholder,.ui-dialog .tab-content .charsheet .h1-style-input::-webkit-input-placeholder,.ui-dialog .tab-content .charsheet [aria-level="1"]::-webkit-input-placeholder,.ui-dialog .tab-content .charsheet h1::-webkit-input-placeholder{text-shadow:0 0 2px white,0 0 2px white}.sheet-rolltemplate-icon .h1-style-input::-moz-placeholder,.sheet-rolltemplate-icon [aria-level="1"]::-moz-placeholder,.sheet-rolltemplate-icon h1::-moz-placeholder,.ui-dialog .tab-content .charsheet .h1-style-input::-moz-placeholder,.ui-dialog .tab-content .charsheet [aria-level="1"]::-moz-placeholder,.ui-dialog .tab-content .charsheet h1::-moz-placeholder{text-shadow:0 0 2px white,0 0 2px white}.sheet-rolltemplate-icon .h1-style-input:-ms-input-placeholder,.sheet-rolltemplate-icon [aria-level="1"]:-ms-input-placeholder,.sheet-rolltemplate-icon h1:-ms-input-placeholder,.ui-dialog .tab-content .charsheet .h1-style-input:-ms-input-placeholder,.ui-dialog .tab-content .charsheet [aria-level="1"]:-ms-input-placeholder,.ui-dialog .tab-content .charsheet h1:-ms-input-placeholder{text-shadow:0 0 2px white,0 0 2px white}.sheet-rolltemplate-icon .h1-style-input::-ms-input-placeholder,.sheet-rolltemplate-icon [aria-level="1"]::-ms-input-placeholder,.sheet-rolltemplate-icon h1::-ms-input-placeholder,.ui-dialog .tab-content .charsheet .h1-style-input::-ms-input-placeholder,.ui-dialog .tab-content .charsheet [aria-level="1"]::-ms-input-placeholder,.ui-dialog .tab-content .charsheet h1::-ms-input-placeholder{text-shadow:0 0 2px white,0 0 2px white}.sheet-rolltemplate-icon .h1-style-input::placeholder,.sheet-rolltemplate-icon [aria-level="1"]::placeholder,.sheet-rolltemplate-icon h1::placeholder,.ui-dialog .tab-content .charsheet .h1-style-input::placeholder,.ui-dialog .tab-content .charsheet [aria-level="1"]::placeholder,.ui-dialog .tab-content .charsheet h1::placeholder{text-shadow:0 0 2px white,0 0 2px white}.sheet-rolltemplate-icon .h1-style-input,.ui-dialog .tab-content .charsheet .h1-style-input{text-align:center;border-radius:0;border:none;height:46px;min-width:200px}.sheet-rolltemplate-icon .h1-style-input:not(.color-receiver),.ui-dialog .tab-content .charsheet .h1-style-input:not(.color-receiver){background-color:var(--magenta)!important}.sheet-rolltemplate-icon .h3-style-input,.sheet-rolltemplate-icon [aria-level="3"],.sheet-rolltemplate-icon h3,.ui-dialog .tab-content .charsheet .h3-style-input,.ui-dialog .tab-content .charsheet [aria-level="3"],.ui-dialog .tab-content .charsheet h3{text-overflow:ellipsis}.sheet-rolltemplate-icon input:where([type=checkbox],[type=radio]),.ui-dialog .tab-content .charsheet input:where([type=checkbox],[type=radio]){-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;border:1px solid var(--borderColor);cursor:pointer;width:1rem;display:inline-block}.sheet-rolltemplate-icon input[type=radio],.ui-dialog .tab-content .charsheet input[type=radio]{-webkit-appearance:radio;-moz-appearance:radio;appearance:radio}.sheet-rolltemplate-icon input[type=number],.ui-dialog .tab-content .charsheet input[type=number]{width:3rem;-moz-appearance:textfield!important;text-align:center}.sheet-rolltemplate-icon input[type=number]::-webkit-inner-spin-button,.sheet-rolltemplate-icon input[type=number]::-webkit-outer-spin-button,.ui-dialog .tab-content .charsheet input[type=number]::-webkit-inner-spin-button,.ui-dialog .tab-content .charsheet input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sheet-rolltemplate-icon .number,.sheet-rolltemplate-icon .sheet-number,.ui-dialog .tab-content .charsheet .number,.ui-dialog .tab-content .charsheet .sheet-number{width:2rem;-webkit-box-sizing:border-box;box-sizing:border-box}.sheet-rolltemplate-icon footer,.sheet-rolltemplate-icon header,.sheet-rolltemplate-icon section,.ui-dialog .tab-content .charsheet footer,.ui-dialog .tab-content .charsheet header,.ui-dialog .tab-content .charsheet section{-ms-grid-row-align:start;align-self:start;display:-ms-grid;display:grid;gap:var(--half-gap)}.sheet-rolltemplate-icon .pseudo-button,.ui-dialog .tab-content .charsheet .pseudo-button{cursor:pointer}.sheet-rolltemplate-icon .pseudo-button:focus-within>.pseudo-button__span,.sheet-rolltemplate-icon .pseudo-button:hover>.pseudo-button__span,.ui-dialog .tab-content .charsheet .pseudo-button:focus-within>.pseudo-button__span,.ui-dialog .tab-content .charsheet .pseudo-button:hover>.pseudo-button__span{background-color:var(--selectedColor);color:var(--backColor)}.sheet-rolltemplate-icon .pseudo-button__span,.ui-dialog .tab-content .charsheet .pseudo-button__span{border-radius:5px;border:1px solid var(--borderColor);text-align:center;padding:0 5px;-webkit-transition-property:background-color,color;transition-property:background-color,color;-webkit-transition-duration:var(--revealTime);transition-duration:var(--revealTime)}.sheet-rolltemplate-icon .pseudo-button__input,.ui-dialog .tab-content .charsheet .pseudo-button__input{display:none}.sheet-rolltemplate-icon .pseudo-button__input:checked+span,.ui-dialog .tab-content .charsheet .pseudo-button__input:checked+span{background-color:var(--selectedColor);color:var(--backColor)}.sheet-rolltemplate-icon .input-label,.ui-dialog .tab-content .charsheet .input-label{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:var(--half-gap);-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sheet-rolltemplate-icon .input-label:not(.stacked)>[name]:not([type=number],[type=checkbox],[type=radio]),.ui-dialog .tab-content .charsheet .input-label:not(.stacked)>[name]:not([type=number],[type=checkbox],[type=radio]){width:0;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.sheet-rolltemplate-icon .input-label:not(.stacked)>:not([name]),.ui-dialog .tab-content .charsheet .input-label:not(.stacked)>:not([name]){-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.sheet-rolltemplate-icon .input-label--dual,.ui-dialog .tab-content .charsheet .input-label--dual{-ms-grid-columns:1fr auto 1fr;grid-template-columns:1fr auto 1fr;grid-template-areas:"over over over" "under under under"}.sheet-rolltemplate-icon .input-label--dual>span:last-of-type,.ui-dialog .tab-content .charsheet .input-label--dual>span:last-of-type{grid-column:1/-1}.sheet-rolltemplate-icon .input-label--dual>input,.ui-dialog .tab-content .charsheet .input-label--dual>input{width:100%}.sheet-rolltemplate-icon .input-label--dual>.slash,.ui-dialog .tab-content .charsheet .input-label--dual>.slash{line-height:0rem;font-weight:normal}.sheet-rolltemplate-icon .headed-textarea,.ui-dialog .tab-content .charsheet .headed-textarea{-ms-grid-rows:auto 1fr;grid-template-rows:auto 1fr;-ms-grid-columns:auto;grid-template-columns:auto}.sheet-rolltemplate-icon .headed-textarea>:first-child,.ui-dialog .tab-content .charsheet .headed-textarea>:first-child{-ms-grid-row:1;-ms-grid-column:1}.sheet-rolltemplate-icon .headed-textarea>:nth-child(2),.ui-dialog .tab-content .charsheet .headed-textarea>:nth-child(2){-ms-grid-row:2;-ms-grid-column:1}.sheet-rolltemplate-icon .headed-textarea h5,.ui-dialog .tab-content .charsheet .headed-textarea h5{-ms-grid-column-align:start;justify-self:start}.sheet-rolltemplate-icon .boxed.thick-left,.sheet-rolltemplate-icon .sheet-boxed.thick-left,.ui-dialog .tab-content .charsheet .boxed.thick-left,.ui-dialog .tab-content .charsheet .sheet-boxed.thick-left{border-left-width:5px}.sheet-rolltemplate-icon .boxed.thick-bottom,.sheet-rolltemplate-icon .sheet-boxed.thick-bottom,.ui-dialog .tab-content .charsheet .boxed.thick-bottom,.ui-dialog .tab-content .charsheet .sheet-boxed.thick-bottom{border-bottom-width:5px}.sheet-rolltemplate-icon .boxed.thick-right,.sheet-rolltemplate-icon .sheet-boxed.thick-right,.ui-dialog .tab-content .charsheet .boxed.thick-right,.ui-dialog .tab-content .charsheet .sheet-boxed.thick-right{border-right-width:5px}.sheet-rolltemplate-icon .boxed.thick-top,.sheet-rolltemplate-icon .sheet-boxed.thick-top,.ui-dialog .tab-content .charsheet .boxed.thick-top,.ui-dialog .tab-content .charsheet .sheet-boxed.thick-top{border-top-width:5px}.sheet-rolltemplate-icon .sheet-underlined,.sheet-rolltemplate-icon .underlined,.ui-dialog .tab-content .charsheet .sheet-underlined,.ui-dialog .tab-content .charsheet .underlined{border-radius:0;border-bottom:1px solid var(--borderColor);-webkit-transition:var(--focusTrans);transition:var(--focusTrans)}.sheet-rolltemplate-icon :is(.underlined,.boxed):not([readonly]):is(:focus,:focus-within),.ui-dialog .tab-content .charsheet :is(.underlined,.boxed):not([readonly]):is(:focus,:focus-within){background-color:var(--invertedFontColor);-webkit-transition:var(--focusTrans);transition:var(--focusTrans)}.sheet-rolltemplate-icon .sheet-short-text,.sheet-rolltemplate-icon .short-text,.ui-dialog .tab-content .charsheet .sheet-short-text,.ui-dialog .tab-content .charsheet .short-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sheet-rolltemplate-icon .roll-container,.ui-dialog .tab-content .charsheet .roll-container{-ms-grid-row-align:center;align-self:center;opacity:0;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2}.sheet-rolltemplate-icon .hide-note,.ui-dialog .tab-content .charsheet .hide-note{position:relative;cursor:help}.sheet-rolltemplate-icon .hide-note>input:not(:where([type=checkbox],[type=number],[type=radio])),.sheet-rolltemplate-icon .repitem>input:not(:where([type=checkbox],[type=number],[type=radio])),.ui-dialog .tab-content .charsheet .hide-note>input:not(:where([type=checkbox],[type=number],[type=radio])),.ui-dialog .tab-content .charsheet .repitem>input:not(:where([type=checkbox],[type=number],[type=radio])){width:100%}.sheet-rolltemplate-icon .hide-note .headed-textarea,.sheet-rolltemplate-icon .repitem .headed-textarea,.ui-dialog .tab-content .charsheet .hide-note .headed-textarea,.ui-dialog .tab-content .charsheet .repitem .headed-textarea{grid-column:1/-1}.sheet-rolltemplate-icon .hide-note .collapse,.sheet-rolltemplate-icon .repitem .collapse,.ui-dialog .tab-content .charsheet .hide-note .collapse,.ui-dialog .tab-content .charsheet .repitem .collapse{-webkit-appearance:none;opacity:0;position:absolute;right:1px;top:0px;border:0px solid var(--borderColor);border-radius:0;color:var(--selectedColor);text-transform:none;-webkit-transform:scale(1.2);transform:scale(1.2)}.sheet-rolltemplate-icon .hide-note .collapse:after,.sheet-rolltemplate-icon .repitem .collapse:after,.ui-dialog .tab-content .charsheet .hide-note .collapse:after,.ui-dialog .tab-content .charsheet .repitem .collapse:after{content:"i";font-family:pictos}.sheet-rolltemplate-icon .hide-note .collapse:checked,.sheet-rolltemplate-icon .repitem .collapse:checked,.ui-dialog .tab-content .charsheet .hide-note .collapse:checked,.ui-dialog .tab-content .charsheet .repitem .collapse:checked{background-color:transparent;color:var(--unselectedColor)}.sheet-rolltemplate-icon .hide-note .collapse:checked~.expanded,.sheet-rolltemplate-icon .repitem .collapse:checked~.expanded,.ui-dialog .tab-content .charsheet .hide-note .collapse:checked~.expanded,.ui-dialog .tab-content .charsheet .repitem .collapse:checked~.expanded{display:none}.sheet-rolltemplate-icon .hide-note .collapse:checked~.expanded--empty:is(:not([value]),[value=""])+*,.sheet-rolltemplate-icon .repitem .collapse:checked~.expanded--empty:is(:not([value]),[value=""])+*,.ui-dialog .tab-content .charsheet .hide-note .collapse:checked~.expanded--empty:is(:not([value]),[value=""])+*,.ui-dialog .tab-content .charsheet .repitem .collapse:checked~.expanded--empty:is(:not([value]),[value=""])+*{display:none}.sheet-rolltemplate-icon .hide-note .collapse:hover,.sheet-rolltemplate-icon .repitem .collapse:hover,.ui-dialog .tab-content .charsheet .hide-note .collapse:hover,.ui-dialog .tab-content .charsheet .repitem .collapse:hover{color:var(--selectedColor)}.sheet-rolltemplate-icon .hide-note:hover .collapse,.sheet-rolltemplate-icon .hide-note:hover .roll-container,.sheet-rolltemplate-icon .repitem:hover .collapse,.sheet-rolltemplate-icon .repitem:hover .roll-container,.ui-dialog .tab-content .charsheet .hide-note:hover .collapse,.ui-dialog .tab-content .charsheet .hide-note:hover .roll-container,.ui-dialog .tab-content .charsheet .repitem:hover .collapse,.ui-dialog .tab-content .charsheet .repitem:hover .roll-container{opacity:1}.sheet-rolltemplate-icon .repcontainer.editmode .collapse,.ui-dialog .tab-content .charsheet .repcontainer.editmode .collapse{display:none}.sheet-rolltemplate-icon .repcontainer,.ui-dialog .tab-content .charsheet .repcontainer{display:-ms-grid;display:grid;gap:var(--grid-gap)}.sheet-rolltemplate-icon .repeating-container:is(:hover,:focus-within,:focus) .repcontrol-button,.ui-dialog .tab-content .charsheet .repeating-container:is(:hover,:focus-within,:focus) .repcontrol-button{opacity:1}.sheet-rolltemplate-icon .repcontrol-button,.ui-dialog .tab-content .charsheet .repcontrol-button{grid-area:header;-ms-grid-row-align:center;align-self:center;text-transform:none;opacity:0;-webkit-transition:opacity var(--revealTime);transition:opacity var(--revealTime)}.sheet-rolltemplate-icon .repcontrol-button~.repcontrol,.ui-dialog .tab-content .charsheet .repcontrol-button~.repcontrol{display:none}.sheet-rolltemplate-icon .repcontrol-button--add,.ui-dialog .tab-content .charsheet .repcontrol-button--add{-ms-grid-column-align:start;justify-self:start}.sheet-rolltemplate-icon .repcontrol-button--add:before,.ui-dialog .tab-content .charsheet .repcontrol-button--add:before{font-family:pictos;content:"&"}.sheet-rolltemplate-icon .repcontrol-button--edit,.ui-dialog .tab-content .charsheet .repcontrol-button--edit{-ms-grid-column-align:end;justify-self:end}.sheet-rolltemplate-icon .repcontrol-button--edit:before,.ui-dialog .tab-content .charsheet .repcontrol-button--edit:before{font-family:pictos;content:"p"}.sheet-rolltemplate-icon .box,.sheet-rolltemplate-icon .sheet-box,.ui-dialog .tab-content .charsheet .box,.ui-dialog .tab-content .charsheet .sheet-box{border-radius:0;width:10px;height:10px}.sheet-rolltemplate-icon .dot,.ui-dialog .tab-content .charsheet .dot{width:auto;height:auto}.sheet-rolltemplate-icon .fill-left,.ui-dialog .tab-content .charsheet .fill-left{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;-webkit-box-sizing:border-box;box-sizing:border-box}.sheet-rolltemplate-icon .fill-left__radio,.ui-dialog .tab-content .charsheet .fill-left__radio{-moz-appearance:none;appearance:none;-webkit-appearance:none;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;background-color:var(--backColor);width:20px;height:20px;cursor:pointer;z-index:1;accent-color:var(--purple)}.sheet-rolltemplate-icon .fill-left__radio:checked~.fill-left__radio,.ui-dialog .tab-content .charsheet .fill-left__radio:checked~.fill-left__radio{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;background-color:grey}.sheet-rolltemplate-icon p,.ui-dialog .tab-content .charsheet p{font-size:1rem;width:96%;color:var(--invertedBackColor)}.sheet-rolltemplate-icon p.bullet:before,.ui-dialog .tab-content .charsheet p.bullet:before{font-family:pictos;content:"]";position:relative;right:5px}.sheet-rolltemplate-icon p.indent,.ui-dialog .tab-content .charsheet p.indent{position:relative;left:20px}.sheet-rolltemplate-icon p.colon,.ui-dialog .tab-content .charsheet p.colon{font-family:var(--titleFont);font-size:1.1rem;font-weight:bold;position:relative;top:3px}.sheet-rolltemplate-icon p.colon:after,.ui-dialog .tab-content .charsheet p.colon:after{content:":"}.sheet-rolltemplate-icon .auto-expand,.ui-dialog .tab-content .charsheet .auto-expand{overflow:hidden;position:relative;min-width:100px;max-height:200px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:25%!important}.sheet-rolltemplate-icon .auto-expand span,.ui-dialog .tab-content .charsheet .auto-expand span{visibility:hidden;height:0px;position:relative}.sheet-rolltemplate-icon .auto-expand input,.ui-dialog .tab-content .charsheet .auto-expand input{position:absolute;width:100%;font-size:1em}html{font-size:16px}.ui-dialog{--paper-background:url("https://i.imgur.com/Arep50S.jpg");--icon-logo:url("https://i.imgur.com/9LTydaX.png");-webkit-box-sizing:border-box;box-sizing:border-box}.sheet-darkmode .ui-dialog,.sheet-rolltemplate-darkmode{--borderColor:var(--off-white);--fontColor:var(--white);--invertedFontColor:var(--black);--placeholderFontColor:var(--grey-lt);--backColor:var(--half-black);--invertedBackColor:var(--half-white);--subHeadBackColor:var(--grey-lt);--unselectedColor:var(--grey-dk);--selectedColor:var(--orange);--disableBackground:var(--grey-dk);--buttonColor:var(--magenta);--hoverColor:var(--magenta-lt);--clickColor:var(--orange);--disableShadow:0px 0 7px 0px #161616 inset;--buttonColor:#2e2e2e;--hoverColor:#2e2e2e;--clickColor:black;--paper-background:url("https://i.imgur.com/vb8bLma.jpg");--icon-logo:url("https://i.imgur.com/2klK40m.png")}.sheet-darkmode .ui-dialog .sheetform,.sheet-rolltemplate-darkmode .sheetform{background-color:inherit}.sheet-darkmode .ui-dialog img,.sheet-rolltemplate-darkmode img{-webkit-filter:brightness(0.8) contrast(1.2);filter:brightness(0.8) contrast(1.2)}#main{display:-ms-grid;display:grid;font-family:var(--basicFont)}#main .paper-background{background:var(--paper-background) repeat top left}#main .editmode .itemcontrol{z-index:100}#main .roller{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--tiny-gap);-webkit-box-align:center;-ms-flex-align:center;align-items:center}#main .roller:before{text-transform:none;content:"T"}#main .roller--scroll:before{content:"w";font-family:pictos}#main .glyph-only{text-transform:none!important}#main .hover-container{--delayTime:500ms;-ms-grid-row-align:start;-ms-grid-column-align:start;place-self:start;display:-ms-grid;display:grid;-ms-grid-columns:auto;grid-template-columns:auto;grid-template-areas:"content";gap:var(--tiny-gap);-webkit-transition-duration:var(--revealTime);transition-duration:var(--revealTime);-webkit-transition-delay:var(--delayTime);transition-delay:var(--delayTime);-webkit-transition-property:width,height,border-color,background-color;transition-property:width,height,border-color,background-color;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-box-sizing:border-box;box-sizing:border-box;border-width:1px 3px;border-radius:5px;border-style:solid;border-color:transparent;width:100%;height:100%;z-index:10}#main .hover-container:is(:hover,:focus-within){border-color:var(--borderColor);background-color:var(--backColor)}#main .hover-container:is(:hover,:focus-within) .hover-container__hover-visible{opacity:1;z-index:0}#main .hover-container--two-column:is(:hover,:focus-within){width:calc(200% + var(--tiny-gap))}#main .hover-container--two-row:is(:hover,:focus-within){height:calc(100% + var(--grid-gap))}#main .hover-container__content{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-align:start;justify-self:start;grid-area:content}#main .hover-container__hover-visible{-ms-grid-row:1;-ms-grid-column:1;grid-area:content;-webkit-transition-property:opacity,z-index,left,top;transition-property:opacity,z-index,left,top;-webkit-transition-duration:var(--revealTime);transition-duration:var(--revealTime);-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:var(--delayTime);transition-delay:var(--delayTime);opacity:0;z-index:-10}#main [readonly]{background:transparent;border:0px solid transparent;cursor:default}#main .sheet-nav__tab{color:white;font-style:normal;border:1px solid transparent;margin:0 0 -1px;background-color:rgb(136,57,162);border-radius:4px 4px 0 0;-webkit-box-shadow:none;box-shadow:none;font-size:13px;background-image:none;padding:9px 12px;height:16px;text-transform:uppercase;font-family:var(--serifFont)}#main .sheet-nav__tab:not(.active):hover{background-color:rgb(201,85,239)}#main .sheet-nav__tab:not(.active):active{background-color:rgb(242,130,255)}#main .sheet-nav__tab.active,#main .sheet-nav__tab:focus{background-color:rgb(156,70,255)}#main .sheet-nav__tab.inactive{display:none!important}ul.nav-tabs.nav{position:sticky;top:0;background-color:var(--backColor);z-index:9999;margin-bottom:0px}#main-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--tiny-gap);position:sticky;top:40px;background-color:var(--backColor);padding:var(--tiny-gap) 0 0;margin-bottom:var(--big-gap);border-bottom:1px solid #dddddd;z-index:999;-webkit-box-shadow:30px 0 var(--backColor),-30px 0 var(--backColor);box-shadow:30px 0 var(--backColor),-30px 0 var(--backColor);color:var(--fontColor)}.journal,.narrative,.roster,.settings,.tactics{display:none}.tabs__toggle[value=journal]~article.journal,.tabs__toggle[value=narrative]~article.narrative,.tabs__toggle[value=roster]~article.roster,.tabs__toggle[value=settings]~article.settings,.tabs__toggle[value=tactics]~article.tactics{display:-ms-grid;display:grid}.character-header{display:-ms-grid;display:grid;grid-template-areas:"deet deet logo" "desc desc desc";gap:var(--half-gap)}.character-header .character-details{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:3;display:-ms-inline-grid;display:inline-grid;grid-template-areas:"info info info numb" "info info info numb";gap:var(--half-gap);grid-area:deet}.character-header .character-details~:not(:is(.span-2,.span-all)){-ms-grid-column-align:end;justify-self:end}.character-header .character-details .input-label .input-label__text{font-weight:bold;font-variant-caps:small-caps}.character-header .character-details .input-label .desc-label{width:100px}.info-label{-ms-grid-row:1;-ms-grid-row-span:3;-ms-grid-column:1;-ms-grid-column-span:5;grid-area:info}.numb-label{-ms-grid-row:1;-ms-grid-row-span:3;-ms-grid-column:7;grid-area:numb}.icon-logo{-ms-grid-row:1;-ms-grid-column:5;position:relative;right:130%;top:10%;grid-area:logo;-webkit-transform:scale(1.1);transform:scale(1.1)}.icon-logo span.icon-logo{content:var(--icon-logo);width:100%;height:100%}.desc-label{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:5;grid-area:desc;width:100%}.character-details label.input-label span.input-label__text{position:relative;top:24px;left:12px;width:0px;z-index:1}.character-details label.input-label input.input-label__input{position:relative;min-width:80px}.character-details div.color-selector{position:relative;right:-50%;top:-15%;height:26px}.character-details div.color-selector>select.color-receiver{width:50%;height:26px;font-variant-caps:small-caps;font-family:var(--serifFont);z-index:0}input[type=label] .action-label{background-color:transparent}#auto-fill{display:-ms-grid;display:grid;gap:var(--grid-gap);grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}#auto-fit,div.repcol>div.repcontainer{display:-ms-grid;display:grid;gap:var(--half-gap);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}#auto-fit.stats,div.repcol>div.repcontainer.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}div.repcol.fit50>div.repcontainer{grid-template-columns:repeat(auto-fit,minmax(45%,1fr))}div.repcol.fit30>div.repcontainer{grid-template-columns:repeat(auto-fit,minmax(30%,1fr))}div.repcol.npc>div.repcontainer{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}section{font-weight:normal}.wide-gap{-webkit-column-gap:var(--big-gap)!important;-moz-column-gap:var(--big-gap)!important;column-gap:var(--big-gap)!important}.character-header{min-width:30rem}.long-2{-ms-grid-row-span:2;grid-row:span 2}#resource{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}#stats{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}#stats.npc{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}div.burdens{min-width:120px;-webkit-column-gap:2px;-moz-column-gap:2px;column-gap:2px}.clock div.clock_4{display:none}.clock .clock-switch[value="4"]~div.clock_4{display:block}.clock div.clock_6{display:none}.clock .clock-switch[value="6"]~div.clock_6{display:block}.clock div.clock_8{display:none}.clock .clock-switch[value="8"]~div.clock_8{display:block}.clock div.clock_10{display:none}.clock .clock-switch[value="10"]~div.clock_10{display:block}.clock div.clock_12{display:none}.clock .clock-switch[value="12"]~div.clock_12{display:block}.clock{width:120px;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.clock.small-clock{-webkit-transform:scale(0.9);transform:scale(0.9)}.clock-section{display:-ms-inline-grid;display:inline-grid;gap:3px;padding:1px;grid-template-areas:"vv ww xx aa bb cc dd" "uu ck ck ck ck ck ee" "tt ck ck ck ck ck ff" "ss ck ck ck ck ck gg" "rr ck ck ck ck ck hh" "qq ck ck ck ck ck ii" "pp oo nn mm ll kk jj"}.clock-radio{z-index:10;opacity:1;cursor:pointer;position:relative;accent-color:rgb(156,70,255);-webkit-transform:scale(1.2);transform:scale(1.2)}.clock-radio:hover:after{opacity:1}.clock-0{-ms-grid-row:1;-ms-grid-column:7;grid-area:aa;top:10px}.clock-1{-ms-grid-row:1;-ms-grid-column:9;grid-area:bb;top:15px;left:3px}.clock-2{-ms-grid-row:1;-ms-grid-column:11;grid-area:cc;top:18px;right:10px}.clock-3{-ms-grid-row:1;-ms-grid-column:13;grid-area:dd;top:22px;right:22px}.clock-4{-ms-grid-row:3;-ms-grid-column:13;grid-area:ee;top:13px;right:15px}.clock-5{-ms-grid-row:5;-ms-grid-column:13;grid-area:ff;top:5px;right:11px}.clock-6{-ms-grid-row:7;-ms-grid-column:13;grid-area:gg;right:10px}.clock-7{-ms-grid-row:9;-ms-grid-column:13;grid-area:hh;bottom:5px;right:11px}.clock-8{-ms-grid-row:11;-ms-grid-column:13;grid-area:ii;bottom:13px;right:15px}.clock-9{-ms-grid-row:13;-ms-grid-column:13;grid-area:jj;bottom:22px;right:22px}.clock-10{-ms-grid-row:13;-ms-grid-column:11;grid-area:kk;bottom:18px;right:10px}.clock-11{-ms-grid-row:13;-ms-grid-column:9;grid-area:ll;bottom:15px;left:3px}.clock-12{-ms-grid-row:13;-ms-grid-column:7;grid-area:mm;bottom:10px}.clock-13{-ms-grid-row:13;-ms-grid-column:5;grid-area:nn;bottom:15px;right:3px}.clock-14{-ms-grid-row:13;-ms-grid-column:3;grid-area:oo;bottom:18px;left:10px}.clock-15{-ms-grid-row:13;-ms-grid-column:1;grid-area:pp;bottom:22px;left:22px}.clock-16{-ms-grid-row:11;-ms-grid-column:1;grid-area:qq;bottom:13px;left:15px}.clock-17{-ms-grid-row:9;-ms-grid-column:1;grid-area:rr;bottom:5px;left:11px}.clock-18{-ms-grid-row:7;-ms-grid-column:1;grid-area:ss;left:10px}.clock-19{-ms-grid-row:5;-ms-grid-column:1;grid-area:tt;top:5px;left:11px}.clock-20{-ms-grid-row:3;-ms-grid-column:1;grid-area:uu;top:13px;left:15px}.clock-21{-ms-grid-row:1;-ms-grid-column:1;grid-area:vv;top:22px;left:22px}.clock-22{-ms-grid-row:1;-ms-grid-column:3;grid-area:ww;top:18px;left:10px}.clock-23{-ms-grid-row:1;-ms-grid-column:5;grid-area:xx;top:15px;right:3px}.clock-face{-ms-grid-row:3;-ms-grid-row-span:9;-ms-grid-column:3;-ms-grid-column-span:9;grid-area:ck;width:78px;height:78px;display:inline-block;border-radius:50%;background:rgb(156,70,255);border:3px solid rgb(143,143,157);text-align:center;vertical-align:middle}.clock-face:after{font-family:"Pictos";content:"&";color:white;position:relative;font-size:15px;top:28px}.clock-radio.clock-0:checked~.clock-face{background:black}.clock-radio.clock-1:checked~.clock-face{background-image:linear-gradient(120deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-2:checked~.clock-face{background-image:linear-gradient(126deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-3:checked~.clock-face{background-image:linear-gradient(135deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-4:checked~.clock-face{background-image:linear-gradient(150deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-5:checked~.clock-face{background-image:linear-gradient(162deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-6:checked~.clock-face{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),color-stop(50%,black)),-webkit-gradient(linear,left top,right top,color-stop(50%,black),color-stop(50%,transparent));background-image:linear-gradient(180deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-7:checked~.clock-face{background-image:linear-gradient(198deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-7:checked~.clock-face{background-image:linear-gradient(198deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-8:checked~.clock-face{background-image:linear-gradient(210deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-9:checked~.clock-face{background-image:linear-gradient(225deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-10:checked~.clock-face{background-image:linear-gradient(234deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-11:checked~.clock-face{background-image:linear-gradient(240deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-12:checked~.clock-face{background-image:-webkit-gradient(linear,right top,left top,color-stop(50%,transparent),color-stop(50%,black)),-webkit-gradient(linear,left top,right top,color-stop(50%,black),color-stop(50%,transparent));background-image:linear-gradient(270deg,transparent 50%,black 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-13:checked~.clock-face{background-image:linear-gradient(120deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-14:checked~.clock-face{background-image:linear-gradient(126deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-15:checked~.clock-face{background-image:linear-gradient(135deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-16:checked~.clock-face{background-image:linear-gradient(150deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-17:checked~.clock-face{background-image:linear-gradient(166deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-18:checked~.clock-face{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),color-stop(50%,rgb(156,70,255))),-webkit-gradient(linear,left top,right top,color-stop(50%,black),color-stop(50%,transparent));background-image:linear-gradient(180deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-19:checked~.clock-face{background-image:linear-gradient(198deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-20:checked~.clock-face{background-image:linear-gradient(210deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-21:checked~.clock-face{background-image:linear-gradient(225deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-22:checked~.clock-face{background-image:linear-gradient(234deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-23:checked~.clock-face{background-image:linear-gradient(240deg,transparent 50%,rgb(156,70,255) 50%),linear-gradient(90deg,black 50%,transparent 50%)}.clock-radio.clock-360:checked~.clock-face{background-color:rgb(156,70,255)}.resource div.resource_2{display:none}.resource .resource-switch[value="2"]~div.resource_2{display:block}.resource div.resource_3{display:none}.resource .resource-switch[value="3"]~div.resource_3{display:block}.resource div.resource_4{display:none}.resource .resource-switch[value="4"]~div.resource_4{display:block}.resource div.resource_5{display:none}.resource .resource-switch[value="5"]~div.resource_5{display:block}.resource div.resource_6{display:none}.resource .resource-switch[value="6"]~div.resource_6{display:block}.resource div.resource_7{display:none}.resource .resource-switch[value="7"]~div.resource_7{display:block}.resource div.resource_8{display:none}.resource .resource-switch[value="8"]~div.resource_8{display:block}input[type=checkbox].magenta{accent-color:var(--magenta)}.input-label{width:auto}label.input-label .numb-label{width:80px}input.action-label{width:50%!important}input.burden{width:98%!important;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}div.chapter-select{width:90px!important}select.chapter-select{background-color:var(--backColor);font-family:var(--serifFont);position:relative;top:3px;height:26px}input.burden-penalty{position:relative;left:-22%;min-width:66px!important;text-align:left;-webkit-box-align:left;-ms-flex-align:left;align-items:left}p.burden-penalty{position:relative;left:-5%;top:8px}input[type=text].power{width:120%!important;min-width:120px}span.dust{color:var(--orange)!important;padding:5px!important}input.dust{height:40px!important;width:100%!important;font-size:1.4rem!important;color:var(--fontColor)!important;text-shadow:0 0 2px var(--orange)}input.dust.ability-info{height:26px!important;font-size:1rem!important}.color-receiver{background-color:var(--magenta)}select.color-receiver{color:var(--invertedFontColor)!important;border-radius:0px!important}.color-control[value=custom]~.color-receiver,.color-control[value=general]~.color-receiver,.color-control[value=unique]~.color-receiver{background-color:var(--purple)!important}.color-control[value=heavy]~.color-receiver,.color-control[value=stalwart]~.color-receiver{background-color:var(--red)!important}.color-control[value=skirmisher]~.color-receiver,.color-control[value=vagabond]~.color-receiver{background-color:var(--yellow)!important}.color-control[value=leader]~.color-receiver,.color-control[value=mendicant]~.color-receiver{background-color:var(--green)!important}.color-control[value=artillery]~.color-receiver,.color-control[value=wright]~.color-receiver{background-color:var(--blue)!important}.color-control[value=inactive]~.color-receiver,.color-control[value=mob]~.color-receiver,.color-control[value=npc]~.color-receiver,.color-control[value=unequipped]~.color-receiver{background-color:var(--grey)!important}input.bloodied-receiver{color:var(--green-dk)}.bloodied-control[value="1"]~input.bloodied-receiver{color:var(--red-dk);text-shadow:0 0 1px var(--red),0 0 1px var(--red)}.bloodied-control[value="1"]~input.bloodied-receiver.bloodied-receiver[value="0"]{background-color:var(--grey-dk)!important}select.damage-die,select.type{width:50%}.job-h1-receiver{height:39px!important;width:100%!important;border-radius:0%!important;color:white!important}.job-h1-receiver::-webkit-input-placeholder{text-shadow:0 0 2px white,0 0 2px white}.job-h1-receiver::-moz-placeholder{text-shadow:0 0 2px white,0 0 2px white}.job-h1-receiver:-ms-input-placeholder{text-shadow:0 0 2px white,0 0 2px white}.job-h1-receiver::-ms-input-placeholder{text-shadow:0 0 2px white,0 0 2px white}.job-h1-receiver::placeholder{text-shadow:0 0 2px white,0 0 2px white}div.wealth{height:auto}div.wealth>input.wealth{height:30px;width:100%!important;text-overflow:ellipsis}input.ability-info{width:32%!important;text-overflow:ellipsis}.sheet-rolltemplate-icon{--templateFontSize:16px;--critColor:var(--magenta);--fumbleColor:var(--orange);--importantColor:var(--purple);--headerBackColor:var(--grey-lt)}.sheet-rolltemplate-darkmode{--critColor:green;--fumbleColor:red;--importantColor:#00ADA2;--headerBackColor:#2e2e2e}.sheet-rolltemplate-icon{padding-bottom:var(--grid-gap)}.sheet-rolltemplate-icon:not(:first-child){margin-top:15px}.sheet-rolltemplate-icon .sheet-header{display:-ms-grid;display:grid;background-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(var(--headerBackColor)),to(transparent));background-image:linear-gradient(90deg,transparent,var(--headerBackColor) var(--big-gap) calc(100% - var(--big-gap)),transparent);padding:var(--half-gap);margin-inline:calc(var(--half-gap) * -1)}.sheet-rolltemplate-icon .sheet-header h3{-ms-grid-column-align:start;justify-self:start}.sheet-rolltemplate-icon .sheet-header h4{-ms-grid-column-align:end;justify-self:end}.sheet-rolltemplate-icon .sheet-result-controller.sheet-result-false~.sheet-result-display-true,.sheet-rolltemplate-icon .sheet-result-controller.sheet-result-true~.sheet-result-display-false{display:none}.sheet-rolltemplate-icon .sheet-result-display-false{color:var(--fumbleColor)}.sheet-rolltemplate-icon .sheet-result-display-true{color:var(--critColor)}.sheet-rolltemplate-icon .sheet-template{font-size:var(--templateFontSize);display:-ms-grid;display:grid;gap:var(--half-gap);border:var(--half-gap) solid transparent;background-color:var(--backColor);-webkit-filter:drop-shadow(var(--shadowColor1) 0px 3px 6px) drop-shadow(var(--shadowColor2) 0px 3px 6px);filter:drop-shadow(var(--shadowColor1) 0px 3px 6px) drop-shadow(var(--shadowColor2) 0px 3px 6px);padding:var(--half-gap)}.sheet-rolltemplate-icon .sheet-template h5,.sheet-rolltemplate-icon .sheet-template h5 *,.sheet-rolltemplate-icon .sheet-template span,.sheet-rolltemplate-icon .sheet-template span *{font-size:1em}.sheet-rolltemplate-icon .sheet-template h5{font-weight:bold;text-align:left}.sheet-rolltemplate-icon .sheet-template h3,.sheet-rolltemplate-icon .sheet-template h3 *{font-size:1.25em}.sheet-rolltemplate-icon .sheet-template h4,.sheet-rolltemplate-icon .sheet-template h4 *{font-size:1em}.sheet-rolltemplate-icon .sheet-template .sheet-template-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--half-gap);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sheet-rolltemplate-icon .sheet-template .sheet-template-row--text{border-top:2px solid var(--fontColor)}.sheet-rolltemplate-icon .sheet-template .sheet-template-row--summary{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.sheet-rolltemplate-icon .sheet-template .sheet-description{max-height:20rem;overflow-y:auto;white-space:pre-wrap}.sheet-rolltemplate-icon .sheet-template a{padding:0}.sheet-rolltemplate-icon .sheet-template a:not([href^="!"]),.sheet-rolltemplate-icon .sheet-template a:not([href^="~"]){color:var(--fontColor);border:none;text-decoration:underline}.sheet-rolltemplate-icon .sheet-template a[href^="!"],.sheet-rolltemplate-icon .sheet-template a[href^="~"]{border-radius:5px;color:var(--backColor);background-color:var(--fontColor);text-decoration:none;padding-inline:var(--tiny-gap)}.sheet-rolltemplate-icon .sheet-template .inlinerollresult{font-size:1.25em;position:relative;left:-10px}.sheet-rolltemplate-icon .sheet-template .inlinerollresult[original-title*="[computed value]"],.sheet-rolltemplate-icon .sheet-template .inlinerollresult[title*="[computed value]"]{pointer-events:none}.sheet-rolltemplate-icon .sheet-template .inlinerollresult,.sheet-rolltemplate-icon .sheet-template .inlinerollresult.fullcrit,.sheet-rolltemplate-icon .sheet-template .inlinerollresult.fullfail,.sheet-rolltemplate-icon .sheet-template .inlinerollresult.importantroll{border:none;background-color:transparent;padding:0}.sheet-rolltemplate-icon .sheet-template .inlinerollresult.fullcrit{color:var(--critColor)}.sheet-rolltemplate-icon .sheet-template .inlinerollresult.fullfail{color:var(--fumbleColor)}.sheet-rolltemplate-icon .sheet-template .inlinerollresult.importantroll{color:var(--importantColor)} \ No newline at end of file diff --git a/ICON RPG [MassifPress]/system.css b/ICON RPG [MassifPress]/system.css index 0323352346..b738485827 100644 --- a/ICON RPG [MassifPress]/system.css +++ b/ICON RPG [MassifPress]/system.css @@ -1,5 +1,5 @@ @import url("https://fonts.googleapis.com/css?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700|Jost:ital,wght@0,400;0,700;1,400;1,700|PT+Mono|PT+Sans+Caption:wght@400;700|PT+Serif+Caption&display=swap"); -.ui-dialog { +.sheet-rolltemplate-icon, .ui-dialog { --white: white; --off-white: rgb(243, 240, 237); --grey-lt: rgb(217, 217, 217); @@ -30,7 +30,7 @@ --orange: rgb(230, 140, 44); } -.ui-dialog { +.sheet-rolltemplate-icon, .ui-dialog { --basicFont: "Atkinson Hyperlegible", "Open Sans", "Calibri", sans-serif; --titleFont: "Jost", "Maven Pro", "Montserrat", "Arial Black", sans-serif; --monoFont: "PT Mono", "Liberation Mono", "Courier New", "Courier", monospace; @@ -70,66 +70,74 @@ font-size: 0.8rem !important; } -.ui-dialog .tab-content .charsheet .sheet-pictos, +.sheet-rolltemplate-icon .sheet-pictos, .ui-dialog .tab-content .charsheet .sheet-pictos, +.sheet-rolltemplate-icon .pictos, .ui-dialog .tab-content .charsheet .pictos { font-family: "pictos" !important; text-transform: initial !important; } -.ui-dialog .tab-content .charsheet .pictos3, +.sheet-rolltemplate-icon .pictos3, .ui-dialog .tab-content .charsheet .pictos3, +.sheet-rolltemplate-icon .sheet-pictos3, .ui-dialog .tab-content .charsheet .sheet-pictos3 { font-family: "pictos three" !important; text-transform: initial !important; } -.ui-dialog .tab-content .charsheet .pictoscustom, +.sheet-rolltemplate-icon .pictoscustom, .ui-dialog .tab-content .charsheet .pictoscustom, +.sheet-rolltemplate-icon .sheet-pictoscustom, .ui-dialog .tab-content .charsheet .sheet-pictoscustom { font-family: "pictos custom" !important; text-transform: initial !important; } -.ui-dialog .tab-content .charsheet .stacked.input-label { +.sheet-rolltemplate-icon .stacked.input-label, .ui-dialog .tab-content .charsheet .stacked.input-label { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } -.ui-dialog .tab-content .charsheet .stacked.center.input-label > * { +.sheet-rolltemplate-icon .stacked.center.input-label > *, .ui-dialog .tab-content .charsheet .stacked.center.input-label > * { text-align: center; } -.ui-dialog .tab-content .charsheet .stacked.input-label:not(.center) > * { +.sheet-rolltemplate-icon .stacked.input-label:not(.center) > *, .ui-dialog .tab-content .charsheet .stacked.input-label:not(.center) > * { text-align: left; } -.ui-dialog .tab-content .charsheet .stacked.input-label > [name] { +.sheet-rolltemplate-icon .stacked.input-label > [name], .ui-dialog .tab-content .charsheet .stacked.input-label > [name] { width: 100%; } -.ui-dialog .tab-content .charsheet :is(.underlined, .boxed):not([readonly]):is(:hover, :focus, :focus-within) { - border-width: 1px 3px; - border-style: solid; - border-color: black; +.sheet-rolltemplate-icon :is(.underlined, .boxed):not([readonly]):is(:hover, :focus, :focus-within), .ui-dialog .tab-content .charsheet :is(.underlined, .boxed):not([readonly]):is(:hover, :focus, :focus-within) { + border: 1px solid var(--borderColor); border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; + background-color: var(--invertedFontColor); } -.ui-dialog .tab-content .charsheet .ratio1-1, -.ui-dialog .tab-content .charsheet .sheet-ratio1-1, .ui-dialog .tab-content .charsheet input:where([type=checkbox], [type=radio]) { +.sheet-rolltemplate-icon .ratio1-1, .ui-dialog .tab-content .charsheet .ratio1-1, +.sheet-rolltemplate-icon .sheet-ratio1-1, +.ui-dialog .tab-content .charsheet .sheet-ratio1-1, .sheet-rolltemplate-icon input:where([type=checkbox], [type=radio]), .ui-dialog .tab-content .charsheet input:where([type=checkbox], [type=radio]) { aspect-ratio: 1/1; } -.ui-dialog .tab-content .charsheet .roll-container, .ui-dialog .tab-content .charsheet .headed-textarea { +.sheet-rolltemplate-icon .roll-container, .ui-dialog .tab-content .charsheet .roll-container, .sheet-rolltemplate-icon .headed-textarea, .ui-dialog .tab-content .charsheet .headed-textarea { display: -ms-grid; display: grid; } -.ui-dialog .tab-content .charsheet select, +.sheet-rolltemplate-icon select, .ui-dialog .tab-content .charsheet select, +.sheet-rolltemplate-icon .pseudo-select span, .ui-dialog .tab-content .charsheet .pseudo-select span, +.sheet-rolltemplate-icon .sheet-pseudo-select span, .ui-dialog .tab-content .charsheet .sheet-pseudo-select span, +.sheet-rolltemplate-icon input:not(:where([type=checkbox], [type=radio])), .ui-dialog .tab-content .charsheet input:not(:where([type=checkbox], [type=radio])), +.sheet-rolltemplate-icon .uneditable-input, .ui-dialog .tab-content .charsheet .uneditable-input, +.sheet-rolltemplate-icon textarea, .ui-dialog .tab-content .charsheet textarea { - border-width: 1px 3px; + border-width: 1px 1px; border-style: solid; border-radius: 5px; border-color: transparent; @@ -137,7 +145,7 @@ box-sizing: border-box; } -.ui-dialog .tab-content .charsheet .repcontrol-button { +.sheet-rolltemplate-icon .repcontrol-button, .ui-dialog .tab-content .charsheet .repcontrol-button { background-color: var(--buttonColor); border-radius: 5px; -webkit-box-shadow: 0 2px 4px black; @@ -147,14 +155,14 @@ backdrop-filter: blur(1px); overflow: hidden; } -.ui-dialog .tab-content .charsheet .repcontrol-button:is(:hover, :focus) { +.sheet-rolltemplate-icon .repcontrol-button:is(:hover, :focus), .ui-dialog .tab-content .charsheet .repcontrol-button:is(:hover, :focus) { background-color: var(--hoverColor); -webkit-box-shadow: 0 4px 6px black; box-shadow: 0 4px 6px black; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); } -.ui-dialog .tab-content .charsheet .repcontrol-button:active { +.sheet-rolltemplate-icon .repcontrol-button:active, .ui-dialog .tab-content .charsheet .repcontrol-button:active { background-color: var(--clickColor); -webkit-box-shadow: 0 1px 2px black; box-shadow: 0 1px 2px black; @@ -162,67 +170,98 @@ backdrop-filter: blur(0px); } -.ui-dialog .tab-content .charsheet .repcontrol-button { +.sheet-rolltemplate-icon .repcontrol-button, .ui-dialog .tab-content .charsheet .repcontrol-button { padding: 5px 7px; } -.ui-dialog .tab-content .charsheet .uppercase, +.sheet-rolltemplate-icon .uppercase, .ui-dialog .tab-content .charsheet .uppercase, +.sheet-rolltemplate-icon .sheet-uppercase, .ui-dialog .tab-content .charsheet .sheet-uppercase { text-transform: uppercase; } -.ui-dialog .tab-content .charsheet .smallcaps { +.sheet-rolltemplate-icon .smallcaps, .ui-dialog .tab-content .charsheet .smallcaps { font-variant-caps: small-caps; } -.ui-dialog .tab-content .charsheet .sheet-hidden, +.sheet-rolltemplate-icon .sheet-hidden, .ui-dialog .tab-content .charsheet .sheet-hidden, +.sheet-rolltemplate-icon .hidden, .ui-dialog .tab-content .charsheet .hidden, +.sheet-rolltemplate-icon *[hidden], .ui-dialog .tab-content .charsheet *[hidden] { display: none !important; } -.ui-dialog .tab-content .charsheet .emph, .ui-dialog .tab-content .charsheet .sheet-emph, +.sheet-rolltemplate-icon .emph, .ui-dialog .tab-content .charsheet .emph, .sheet-rolltemplate-icon .sheet-emph, .ui-dialog .tab-content .charsheet .sheet-emph, +.sheet-rolltemplate-icon .sheet-italics, .ui-dialog .tab-content .charsheet .sheet-italics, +.sheet-rolltemplate-icon .italics, .ui-dialog .tab-content .charsheet .italics { font-style: italic; } -.ui-dialog .tab-content .charsheet .bold, .ui-dialog .tab-content .charsheet .sheet-bold { +.sheet-rolltemplate-icon .bold, .ui-dialog .tab-content .charsheet .bold, .sheet-rolltemplate-icon .sheet-bold, .ui-dialog .tab-content .charsheet .sheet-bold { font-weight: 700; } -.ui-dialog .tab-content .charsheet span, +.sheet-rolltemplate-icon span, .ui-dialog .tab-content .charsheet span, +.sheet-rolltemplate-icon input, .ui-dialog .tab-content .charsheet input, -.ui-dialog .tab-content .charsheet textarea, .ui-dialog .tab-content .charsheet h6 *, -.ui-dialog .tab-content .charsheet *[aria-level="6"] *, .ui-dialog .tab-content .charsheet h6, -.ui-dialog .tab-content .charsheet *[aria-level="6"], .ui-dialog .tab-content .charsheet h5 *, -.ui-dialog .tab-content .charsheet *[aria-level="5"] *, .ui-dialog .tab-content .charsheet h5, -.ui-dialog .tab-content .charsheet *[aria-level="5"], #main .glyph-only *, .ui-dialog .tab-content .charsheet h4 *, -.ui-dialog .tab-content .charsheet *[aria-level="4"] *, #main .glyph-only, .ui-dialog .tab-content .charsheet h4, -.ui-dialog .tab-content .charsheet *[aria-level="4"], .ui-dialog .tab-content .charsheet h3 *, .ui-dialog .tab-content .charsheet .h3-style-input *, -.ui-dialog .tab-content .charsheet *[aria-level="3"] *, .ui-dialog .tab-content .charsheet h3, .ui-dialog .tab-content .charsheet .h3-style-input, -.ui-dialog .tab-content .charsheet *[aria-level="3"], .ui-dialog .tab-content .charsheet h2 *, .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name] *, -.ui-dialog .tab-content .charsheet *[aria-level="2"] *, .ui-dialog .tab-content .charsheet h2, .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name], -.ui-dialog .tab-content .charsheet *[aria-level="2"], .ui-dialog .tab-content .charsheet h1 *, .ui-dialog .tab-content .charsheet .h1-style-input *, -.ui-dialog .tab-content .charsheet *[aria-level="1"] *, .ui-dialog .tab-content .charsheet h1, .ui-dialog .tab-content .charsheet .h1-style-input, +.sheet-rolltemplate-icon textarea, +.ui-dialog .tab-content .charsheet textarea, .sheet-rolltemplate-icon h6 *, .ui-dialog .tab-content .charsheet h6 *, +.sheet-rolltemplate-icon *[aria-level="6"] *, +.ui-dialog .tab-content .charsheet *[aria-level="6"] *, .sheet-rolltemplate-icon h6, .ui-dialog .tab-content .charsheet h6, +.sheet-rolltemplate-icon *[aria-level="6"], +.ui-dialog .tab-content .charsheet *[aria-level="6"], .sheet-rolltemplate-icon h5 *, .ui-dialog .tab-content .charsheet h5 *, +.sheet-rolltemplate-icon *[aria-level="5"] *, +.ui-dialog .tab-content .charsheet *[aria-level="5"] *, .sheet-rolltemplate-icon h5, .ui-dialog .tab-content .charsheet h5, +.sheet-rolltemplate-icon *[aria-level="5"], +.ui-dialog .tab-content .charsheet *[aria-level="5"], #main .glyph-only *, .sheet-rolltemplate-icon h4 *, .ui-dialog .tab-content .charsheet h4 *, +.sheet-rolltemplate-icon *[aria-level="4"] *, +.ui-dialog .tab-content .charsheet *[aria-level="4"] *, #main .glyph-only, .sheet-rolltemplate-icon h4, .ui-dialog .tab-content .charsheet h4, +.sheet-rolltemplate-icon *[aria-level="4"], +.ui-dialog .tab-content .charsheet *[aria-level="4"], .sheet-rolltemplate-icon h3 *, .ui-dialog .tab-content .charsheet h3 *, .sheet-rolltemplate-icon .h3-style-input *, .ui-dialog .tab-content .charsheet .h3-style-input *, +.sheet-rolltemplate-icon *[aria-level="3"] *, +.ui-dialog .tab-content .charsheet *[aria-level="3"] *, .sheet-rolltemplate-icon h3, .ui-dialog .tab-content .charsheet h3, .sheet-rolltemplate-icon .h3-style-input, .ui-dialog .tab-content .charsheet .h3-style-input, +.sheet-rolltemplate-icon *[aria-level="3"], +.ui-dialog .tab-content .charsheet *[aria-level="3"], .sheet-rolltemplate-icon h2 *, .ui-dialog .tab-content .charsheet h2 *, .sheet-rolltemplate-icon .input-label:not(.stacked).large > [name] *, .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name] *, +.sheet-rolltemplate-icon *[aria-level="2"] *, +.ui-dialog .tab-content .charsheet *[aria-level="2"] *, .sheet-rolltemplate-icon h2, .ui-dialog .tab-content .charsheet h2, .sheet-rolltemplate-icon .input-label:not(.stacked).large > [name], .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name], +.sheet-rolltemplate-icon *[aria-level="2"], +.ui-dialog .tab-content .charsheet *[aria-level="2"], .sheet-rolltemplate-icon h1 *, .ui-dialog .tab-content .charsheet h1 *, .sheet-rolltemplate-icon .h1-style-input *, .ui-dialog .tab-content .charsheet .h1-style-input *, +.sheet-rolltemplate-icon *[aria-level="1"] *, +.ui-dialog .tab-content .charsheet *[aria-level="1"] *, .sheet-rolltemplate-icon h1, .ui-dialog .tab-content .charsheet h1, .sheet-rolltemplate-icon .h1-style-input, .ui-dialog .tab-content .charsheet .h1-style-input, +.sheet-rolltemplate-icon *[aria-level="1"], .ui-dialog .tab-content .charsheet *[aria-level="1"] { line-height: normal; } -.ui-dialog .tab-content .charsheet h6 *, -.ui-dialog .tab-content .charsheet *[aria-level="6"] *, .ui-dialog .tab-content .charsheet h6, -.ui-dialog .tab-content .charsheet *[aria-level="6"], .ui-dialog .tab-content .charsheet h5 *, -.ui-dialog .tab-content .charsheet *[aria-level="5"] *, .ui-dialog .tab-content .charsheet h5, -.ui-dialog .tab-content .charsheet *[aria-level="5"], #main .glyph-only *, .ui-dialog .tab-content .charsheet h4 *, -.ui-dialog .tab-content .charsheet *[aria-level="4"] *, #main .glyph-only, .ui-dialog .tab-content .charsheet h4, -.ui-dialog .tab-content .charsheet *[aria-level="4"], .ui-dialog .tab-content .charsheet h3 *, .ui-dialog .tab-content .charsheet .h3-style-input *, -.ui-dialog .tab-content .charsheet *[aria-level="3"] *, .ui-dialog .tab-content .charsheet h3, .ui-dialog .tab-content .charsheet .h3-style-input, -.ui-dialog .tab-content .charsheet *[aria-level="3"], .ui-dialog .tab-content .charsheet h2 *, .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name] *, -.ui-dialog .tab-content .charsheet *[aria-level="2"] *, .ui-dialog .tab-content .charsheet h2, .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name], -.ui-dialog .tab-content .charsheet *[aria-level="2"], .ui-dialog .tab-content .charsheet h1 *, .ui-dialog .tab-content .charsheet .h1-style-input *, -.ui-dialog .tab-content .charsheet *[aria-level="1"] *, .ui-dialog .tab-content .charsheet h1, .ui-dialog .tab-content .charsheet .h1-style-input, +.sheet-rolltemplate-icon h6 *, .ui-dialog .tab-content .charsheet h6 *, +.sheet-rolltemplate-icon *[aria-level="6"] *, +.ui-dialog .tab-content .charsheet *[aria-level="6"] *, .sheet-rolltemplate-icon h6, .ui-dialog .tab-content .charsheet h6, +.sheet-rolltemplate-icon *[aria-level="6"], +.ui-dialog .tab-content .charsheet *[aria-level="6"], .sheet-rolltemplate-icon h5 *, .ui-dialog .tab-content .charsheet h5 *, +.sheet-rolltemplate-icon *[aria-level="5"] *, +.ui-dialog .tab-content .charsheet *[aria-level="5"] *, .sheet-rolltemplate-icon h5, .ui-dialog .tab-content .charsheet h5, +.sheet-rolltemplate-icon *[aria-level="5"], +.ui-dialog .tab-content .charsheet *[aria-level="5"], #main .glyph-only *, .sheet-rolltemplate-icon h4 *, .ui-dialog .tab-content .charsheet h4 *, +.sheet-rolltemplate-icon *[aria-level="4"] *, +.ui-dialog .tab-content .charsheet *[aria-level="4"] *, #main .glyph-only, .sheet-rolltemplate-icon h4, .ui-dialog .tab-content .charsheet h4, +.sheet-rolltemplate-icon *[aria-level="4"], +.ui-dialog .tab-content .charsheet *[aria-level="4"], .sheet-rolltemplate-icon h3 *, .ui-dialog .tab-content .charsheet h3 *, .sheet-rolltemplate-icon .h3-style-input *, .ui-dialog .tab-content .charsheet .h3-style-input *, +.sheet-rolltemplate-icon *[aria-level="3"] *, +.ui-dialog .tab-content .charsheet *[aria-level="3"] *, .sheet-rolltemplate-icon h3, .ui-dialog .tab-content .charsheet h3, .sheet-rolltemplate-icon .h3-style-input, .ui-dialog .tab-content .charsheet .h3-style-input, +.sheet-rolltemplate-icon *[aria-level="3"], +.ui-dialog .tab-content .charsheet *[aria-level="3"], .sheet-rolltemplate-icon h2 *, .ui-dialog .tab-content .charsheet h2 *, .sheet-rolltemplate-icon .input-label:not(.stacked).large > [name] *, .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name] *, +.sheet-rolltemplate-icon *[aria-level="2"] *, +.ui-dialog .tab-content .charsheet *[aria-level="2"] *, .sheet-rolltemplate-icon h2, .ui-dialog .tab-content .charsheet h2, .sheet-rolltemplate-icon .input-label:not(.stacked).large > [name], .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name], +.sheet-rolltemplate-icon *[aria-level="2"], +.ui-dialog .tab-content .charsheet *[aria-level="2"], .sheet-rolltemplate-icon h1 *, .ui-dialog .tab-content .charsheet h1 *, .sheet-rolltemplate-icon .h1-style-input *, .ui-dialog .tab-content .charsheet .h1-style-input *, +.sheet-rolltemplate-icon *[aria-level="1"] *, +.ui-dialog .tab-content .charsheet *[aria-level="1"] *, .sheet-rolltemplate-icon h1, .ui-dialog .tab-content .charsheet h1, .sheet-rolltemplate-icon .h1-style-input, .ui-dialog .tab-content .charsheet .h1-style-input, +.sheet-rolltemplate-icon *[aria-level="1"], .ui-dialog .tab-content .charsheet *[aria-level="1"] { - color: black; + color: var(--fontColor); display: block; white-space: nowrap; margin-top: 0px; @@ -230,32 +269,50 @@ font-weight: 700; } -.ui-dialog .tab-content .charsheet h3 *, .ui-dialog .tab-content .charsheet .h3-style-input *, -.ui-dialog .tab-content .charsheet *[aria-level="3"] *, .ui-dialog .tab-content .charsheet h3, .ui-dialog .tab-content .charsheet .h3-style-input, -.ui-dialog .tab-content .charsheet *[aria-level="3"], .ui-dialog .tab-content .charsheet h2 *, .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name] *, -.ui-dialog .tab-content .charsheet *[aria-level="2"] *, .ui-dialog .tab-content .charsheet h2, .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name], -.ui-dialog .tab-content .charsheet *[aria-level="2"], .ui-dialog .tab-content .charsheet h1 *, .ui-dialog .tab-content .charsheet .h1-style-input *, -.ui-dialog .tab-content .charsheet *[aria-level="1"] *, .ui-dialog .tab-content .charsheet h1, .ui-dialog .tab-content .charsheet .h1-style-input, +.sheet-rolltemplate-icon h3 *, .ui-dialog .tab-content .charsheet h3 *, .sheet-rolltemplate-icon .h3-style-input *, .ui-dialog .tab-content .charsheet .h3-style-input *, +.sheet-rolltemplate-icon *[aria-level="3"] *, +.ui-dialog .tab-content .charsheet *[aria-level="3"] *, .sheet-rolltemplate-icon h3, .ui-dialog .tab-content .charsheet h3, .sheet-rolltemplate-icon .h3-style-input, .ui-dialog .tab-content .charsheet .h3-style-input, +.sheet-rolltemplate-icon *[aria-level="3"], +.ui-dialog .tab-content .charsheet *[aria-level="3"], .sheet-rolltemplate-icon h2 *, .ui-dialog .tab-content .charsheet h2 *, .sheet-rolltemplate-icon .input-label:not(.stacked).large > [name] *, .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name] *, +.sheet-rolltemplate-icon *[aria-level="2"] *, +.ui-dialog .tab-content .charsheet *[aria-level="2"] *, .sheet-rolltemplate-icon h2, .ui-dialog .tab-content .charsheet h2, .sheet-rolltemplate-icon .input-label:not(.stacked).large > [name], .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name], +.sheet-rolltemplate-icon *[aria-level="2"], +.ui-dialog .tab-content .charsheet *[aria-level="2"], .sheet-rolltemplate-icon h1 *, .ui-dialog .tab-content .charsheet h1 *, .sheet-rolltemplate-icon .h1-style-input *, .ui-dialog .tab-content .charsheet .h1-style-input *, +.sheet-rolltemplate-icon *[aria-level="1"] *, +.ui-dialog .tab-content .charsheet *[aria-level="1"] *, .sheet-rolltemplate-icon h1, .ui-dialog .tab-content .charsheet h1, .sheet-rolltemplate-icon .h1-style-input, .ui-dialog .tab-content .charsheet .h1-style-input, +.sheet-rolltemplate-icon *[aria-level="1"], .ui-dialog .tab-content .charsheet *[aria-level="1"] { text-transform: uppercase; font-weight: 700; } -.ui-dialog .tab-content .charsheet h6 *, -.ui-dialog .tab-content .charsheet *[aria-level="6"] *, .ui-dialog .tab-content .charsheet h6, -.ui-dialog .tab-content .charsheet *[aria-level="6"], .ui-dialog .tab-content .charsheet h5 *, -.ui-dialog .tab-content .charsheet *[aria-level="5"] *, .ui-dialog .tab-content .charsheet h5, -.ui-dialog .tab-content .charsheet *[aria-level="5"], #main .glyph-only *, .ui-dialog .tab-content .charsheet h4 *, -.ui-dialog .tab-content .charsheet *[aria-level="4"] *, #main .glyph-only, .ui-dialog .tab-content .charsheet h4, +.sheet-rolltemplate-icon h6 *, .ui-dialog .tab-content .charsheet h6 *, +.sheet-rolltemplate-icon *[aria-level="6"] *, +.ui-dialog .tab-content .charsheet *[aria-level="6"] *, .sheet-rolltemplate-icon h6, .ui-dialog .tab-content .charsheet h6, +.sheet-rolltemplate-icon *[aria-level="6"], +.ui-dialog .tab-content .charsheet *[aria-level="6"], .sheet-rolltemplate-icon h5 *, .ui-dialog .tab-content .charsheet h5 *, +.sheet-rolltemplate-icon *[aria-level="5"] *, +.ui-dialog .tab-content .charsheet *[aria-level="5"] *, .sheet-rolltemplate-icon h5, .ui-dialog .tab-content .charsheet h5, +.sheet-rolltemplate-icon *[aria-level="5"], +.ui-dialog .tab-content .charsheet *[aria-level="5"], #main .glyph-only *, .sheet-rolltemplate-icon h4 *, .ui-dialog .tab-content .charsheet h4 *, +.sheet-rolltemplate-icon *[aria-level="4"] *, +.ui-dialog .tab-content .charsheet *[aria-level="4"] *, #main .glyph-only, .sheet-rolltemplate-icon h4, .ui-dialog .tab-content .charsheet h4, +.sheet-rolltemplate-icon *[aria-level="4"], .ui-dialog .tab-content .charsheet *[aria-level="4"] { text-transform: uppercase; } -.ui-dialog .tab-content .charsheet h6 :not(input), -.ui-dialog .tab-content .charsheet *[aria-level="6"] :not(input), .ui-dialog .tab-content .charsheet h6:not(input), -.ui-dialog .tab-content .charsheet [aria-level="6"]:not(input), .ui-dialog .tab-content .charsheet h5 :not(input), -.ui-dialog .tab-content .charsheet *[aria-level="5"] :not(input), .ui-dialog .tab-content .charsheet h5:not(input), -.ui-dialog .tab-content .charsheet [aria-level="5"]:not(input), #main .glyph-only :not(input), .ui-dialog .tab-content .charsheet h4 :not(input), -.ui-dialog .tab-content .charsheet *[aria-level="4"] :not(input), #main .glyph-only:not(input), .ui-dialog .tab-content .charsheet h4:not(input), +.sheet-rolltemplate-icon h6 :not(input), .ui-dialog .tab-content .charsheet h6 :not(input), +.sheet-rolltemplate-icon *[aria-level="6"] :not(input), +.ui-dialog .tab-content .charsheet *[aria-level="6"] :not(input), .sheet-rolltemplate-icon h6:not(input), .ui-dialog .tab-content .charsheet h6:not(input), +.sheet-rolltemplate-icon [aria-level="6"]:not(input), +.ui-dialog .tab-content .charsheet [aria-level="6"]:not(input), .sheet-rolltemplate-icon h5 :not(input), .ui-dialog .tab-content .charsheet h5 :not(input), +.sheet-rolltemplate-icon *[aria-level="5"] :not(input), +.ui-dialog .tab-content .charsheet *[aria-level="5"] :not(input), .sheet-rolltemplate-icon h5:not(input), .ui-dialog .tab-content .charsheet h5:not(input), +.sheet-rolltemplate-icon [aria-level="5"]:not(input), +.ui-dialog .tab-content .charsheet [aria-level="5"]:not(input), #main .glyph-only :not(input), .sheet-rolltemplate-icon h4 :not(input), .ui-dialog .tab-content .charsheet h4 :not(input), +.sheet-rolltemplate-icon *[aria-level="4"] :not(input), +.ui-dialog .tab-content .charsheet *[aria-level="4"] :not(input), #main .glyph-only:not(input), .sheet-rolltemplate-icon h4:not(input), .ui-dialog .tab-content .charsheet h4:not(input), +.sheet-rolltemplate-icon [aria-level="4"]:not(input), .ui-dialog .tab-content .charsheet [aria-level="4"]:not(input) { text-transform: capitalize; } @@ -265,91 +322,116 @@ min-height: 88.2px; } -.ui-dialog .tab-content .charsheet h1 *, .ui-dialog .tab-content .charsheet .h1-style-input *, -.ui-dialog .tab-content .charsheet *[aria-level="1"] *, .ui-dialog .tab-content .charsheet h1, .ui-dialog .tab-content .charsheet .h1-style-input, +.sheet-rolltemplate-icon h1 *, .ui-dialog .tab-content .charsheet h1 *, .sheet-rolltemplate-icon .h1-style-input *, .ui-dialog .tab-content .charsheet .h1-style-input *, +.sheet-rolltemplate-icon *[aria-level="1"] *, +.ui-dialog .tab-content .charsheet *[aria-level="1"] *, .sheet-rolltemplate-icon h1, .ui-dialog .tab-content .charsheet h1, .sheet-rolltemplate-icon .h1-style-input, .ui-dialog .tab-content .charsheet .h1-style-input, +.sheet-rolltemplate-icon *[aria-level="1"], .ui-dialog .tab-content .charsheet *[aria-level="1"] { font-size: 2rem !important; font-family: var(--titleFont); text-transform: uppercase; background-color: var(--magenta); - color: white !important; + color: var(--invertedFontColor) !important; } -.ui-dialog .tab-content .charsheet h1 :not(input), .ui-dialog .tab-content .charsheet .h1-style-input :not(input), -.ui-dialog .tab-content .charsheet *[aria-level="1"] :not(input), .ui-dialog .tab-content .charsheet h1:not(input), .ui-dialog .tab-content .charsheet .h1-style-input:not(input), +.sheet-rolltemplate-icon h1 :not(input), .ui-dialog .tab-content .charsheet h1 :not(input), .sheet-rolltemplate-icon .h1-style-input :not(input), .ui-dialog .tab-content .charsheet .h1-style-input :not(input), +.sheet-rolltemplate-icon *[aria-level="1"] :not(input), +.ui-dialog .tab-content .charsheet *[aria-level="1"] :not(input), .sheet-rolltemplate-icon h1:not(input), .ui-dialog .tab-content .charsheet h1:not(input), .sheet-rolltemplate-icon .h1-style-input:not(input), .ui-dialog .tab-content .charsheet .h1-style-input:not(input), +.sheet-rolltemplate-icon [aria-level="1"]:not(input), .ui-dialog .tab-content .charsheet [aria-level="1"]:not(input) { text-align: center; } -.ui-dialog .tab-content .charsheet h2 *, .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name] *, -.ui-dialog .tab-content .charsheet *[aria-level="2"] *, .ui-dialog .tab-content .charsheet h2, .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name], +.sheet-rolltemplate-icon h2 *, .ui-dialog .tab-content .charsheet h2 *, .sheet-rolltemplate-icon .input-label:not(.stacked).large > [name] *, .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name] *, +.sheet-rolltemplate-icon *[aria-level="2"] *, +.ui-dialog .tab-content .charsheet *[aria-level="2"] *, .sheet-rolltemplate-icon h2, .ui-dialog .tab-content .charsheet h2, .sheet-rolltemplate-icon .input-label:not(.stacked).large > [name], .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name], +.sheet-rolltemplate-icon *[aria-level="2"], .ui-dialog .tab-content .charsheet *[aria-level="2"] { font-size: 1.75rem; font-family: var(--serifFont); grid-area: header; } -.ui-dialog .tab-content .charsheet h2 :not(input), .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name] :not(input), -.ui-dialog .tab-content .charsheet *[aria-level="2"] :not(input), .ui-dialog .tab-content .charsheet h2:not(input), .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name]:not(input), +.sheet-rolltemplate-icon h2 :not(input), .ui-dialog .tab-content .charsheet h2 :not(input), .sheet-rolltemplate-icon .input-label:not(.stacked).large > [name] :not(input), .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name] :not(input), +.sheet-rolltemplate-icon *[aria-level="2"] :not(input), +.ui-dialog .tab-content .charsheet *[aria-level="2"] :not(input), .sheet-rolltemplate-icon h2:not(input), .ui-dialog .tab-content .charsheet h2:not(input), .sheet-rolltemplate-icon .input-label:not(.stacked).large > [name]:not(input), .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name]:not(input), +.sheet-rolltemplate-icon [aria-level="2"]:not(input), .ui-dialog .tab-content .charsheet [aria-level="2"]:not(input) { text-align: center; } -.ui-dialog .tab-content .charsheet h3 *, .ui-dialog .tab-content .charsheet .h3-style-input *, -.ui-dialog .tab-content .charsheet *[aria-level="3"] *, .ui-dialog .tab-content .charsheet h3, .ui-dialog .tab-content .charsheet .h3-style-input, +.sheet-rolltemplate-icon h3 *, .ui-dialog .tab-content .charsheet h3 *, .sheet-rolltemplate-icon .h3-style-input *, .ui-dialog .tab-content .charsheet .h3-style-input *, +.sheet-rolltemplate-icon *[aria-level="3"] *, +.ui-dialog .tab-content .charsheet *[aria-level="3"] *, .sheet-rolltemplate-icon h3, .ui-dialog .tab-content .charsheet h3, .sheet-rolltemplate-icon .h3-style-input, .ui-dialog .tab-content .charsheet .h3-style-input, +.sheet-rolltemplate-icon *[aria-level="3"], .ui-dialog .tab-content .charsheet *[aria-level="3"] { font-size: 1.5rem; font-family: var(--titleFont); } -.ui-dialog .tab-content .charsheet h3 :not(input), .ui-dialog .tab-content .charsheet .h3-style-input :not(input), -.ui-dialog .tab-content .charsheet *[aria-level="3"] :not(input), .ui-dialog .tab-content .charsheet h3:not(input), .ui-dialog .tab-content .charsheet .h3-style-input:not(input), +.sheet-rolltemplate-icon h3 :not(input), .ui-dialog .tab-content .charsheet h3 :not(input), .sheet-rolltemplate-icon .h3-style-input :not(input), .ui-dialog .tab-content .charsheet .h3-style-input :not(input), +.sheet-rolltemplate-icon *[aria-level="3"] :not(input), +.ui-dialog .tab-content .charsheet *[aria-level="3"] :not(input), .sheet-rolltemplate-icon h3:not(input), .ui-dialog .tab-content .charsheet h3:not(input), .sheet-rolltemplate-icon .h3-style-input:not(input), .ui-dialog .tab-content .charsheet .h3-style-input:not(input), +.sheet-rolltemplate-icon [aria-level="3"]:not(input), .ui-dialog .tab-content .charsheet [aria-level="3"]:not(input) { text-align: center; } -#main .glyph-only *, .ui-dialog .tab-content .charsheet h4 *, -.ui-dialog .tab-content .charsheet *[aria-level="4"] *, #main .glyph-only, .ui-dialog .tab-content .charsheet h4, +#main .glyph-only *, .sheet-rolltemplate-icon h4 *, .ui-dialog .tab-content .charsheet h4 *, +.sheet-rolltemplate-icon *[aria-level="4"] *, +.ui-dialog .tab-content .charsheet *[aria-level="4"] *, #main .glyph-only, .sheet-rolltemplate-icon h4, .ui-dialog .tab-content .charsheet h4, +.sheet-rolltemplate-icon *[aria-level="4"], .ui-dialog .tab-content .charsheet *[aria-level="4"] { font-size: 1.25rem; font-family: var(--serifFont); } -#main .glyph-only :not(input), .ui-dialog .tab-content .charsheet h4 :not(input), -.ui-dialog .tab-content .charsheet *[aria-level="4"] :not(input), #main .glyph-only:not(input), .ui-dialog .tab-content .charsheet h4:not(input), +#main .glyph-only :not(input), .sheet-rolltemplate-icon h4 :not(input), .ui-dialog .tab-content .charsheet h4 :not(input), +.sheet-rolltemplate-icon *[aria-level="4"] :not(input), +.ui-dialog .tab-content .charsheet *[aria-level="4"] :not(input), #main .glyph-only:not(input), .sheet-rolltemplate-icon h4:not(input), .ui-dialog .tab-content .charsheet h4:not(input), +.sheet-rolltemplate-icon [aria-level="4"]:not(input), .ui-dialog .tab-content .charsheet [aria-level="4"]:not(input) { text-align: center; } -.ui-dialog .tab-content .charsheet h5 *, -.ui-dialog .tab-content .charsheet *[aria-level="5"] *, .ui-dialog .tab-content .charsheet h5, +.sheet-rolltemplate-icon h5 *, .ui-dialog .tab-content .charsheet h5 *, +.sheet-rolltemplate-icon *[aria-level="5"] *, +.ui-dialog .tab-content .charsheet *[aria-level="5"] *, .sheet-rolltemplate-icon h5, .ui-dialog .tab-content .charsheet h5, +.sheet-rolltemplate-icon *[aria-level="5"], .ui-dialog .tab-content .charsheet *[aria-level="5"] { font-size: 1.1rem; font-style: normal; font-family: var(--titleFont); } -.ui-dialog .tab-content .charsheet h5 :not(input), -.ui-dialog .tab-content .charsheet *[aria-level="5"] :not(input), .ui-dialog .tab-content .charsheet h5:not(input), +.sheet-rolltemplate-icon h5 :not(input), .ui-dialog .tab-content .charsheet h5 :not(input), +.sheet-rolltemplate-icon *[aria-level="5"] :not(input), +.ui-dialog .tab-content .charsheet *[aria-level="5"] :not(input), .sheet-rolltemplate-icon h5:not(input), .ui-dialog .tab-content .charsheet h5:not(input), +.sheet-rolltemplate-icon [aria-level="5"]:not(input), .ui-dialog .tab-content .charsheet [aria-level="5"]:not(input) { text-align: center; } -.ui-dialog .tab-content .charsheet h6 *, -.ui-dialog .tab-content .charsheet *[aria-level="6"] *, .ui-dialog .tab-content .charsheet h6, +.sheet-rolltemplate-icon h6 *, .ui-dialog .tab-content .charsheet h6 *, +.sheet-rolltemplate-icon *[aria-level="6"] *, +.ui-dialog .tab-content .charsheet *[aria-level="6"] *, .sheet-rolltemplate-icon h6, .ui-dialog .tab-content .charsheet h6, +.sheet-rolltemplate-icon *[aria-level="6"], .ui-dialog .tab-content .charsheet *[aria-level="6"] { font-size: 1rem; font-style: normal; font-family: var(--serifFont); } -.ui-dialog .tab-content .charsheet h6 :not(input), -.ui-dialog .tab-content .charsheet *[aria-level="6"] :not(input), .ui-dialog .tab-content .charsheet h6:not(input), +.sheet-rolltemplate-icon h6 :not(input), .ui-dialog .tab-content .charsheet h6 :not(input), +.sheet-rolltemplate-icon *[aria-level="6"] :not(input), +.ui-dialog .tab-content .charsheet *[aria-level="6"] :not(input), .sheet-rolltemplate-icon h6:not(input), .ui-dialog .tab-content .charsheet h6:not(input), +.sheet-rolltemplate-icon [aria-level="6"]:not(input), .ui-dialog .tab-content .charsheet [aria-level="6"]:not(input) { text-align: center; } -.ui-dialog .tab-content .charsheet input:where([type=checkbox], [type=radio]):checked { +.sheet-rolltemplate-icon input:where([type=checkbox], [type=radio]):checked, .ui-dialog .tab-content .charsheet input:where([type=checkbox], [type=radio]):checked { background-color: var(--selectedColor); } -.ui-dialog .tab-content .charsheet .boxed, +.sheet-rolltemplate-icon .boxed, .ui-dialog .tab-content .charsheet .boxed, +.sheet-rolltemplate-icon .sheet-boxed, .ui-dialog .tab-content .charsheet .sheet-boxed { - border: 1px solid black; + border: 1px solid var(--borderColor); border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; @@ -360,8 +442,7 @@ margin: 0.5rem !important; } -.ui-dialog { - --darkModeText: var(--orange); +.sheet-rolltemplate-icon, .ui-dialog { --shadowColor1:rgba(0, 0, 0, 0.16); --shadowColor2:rgba(0, 0, 0, 0.24); --grid-gap: 1rem; @@ -375,9 +456,12 @@ --focusTrans: all var(--focusTiming); --spanSectionColumn: 1/-1; --displayBorderWidth: 2px; - --borderColor: var(--black); + --borderColor: var(--off-black); --fontColor: var(--black); - --backColor: var(--white); + --invertedFontColor: var(--white); + --placeholderFontColor: var(--grey-dk); + --backColor: var(--half-white); + --invertedBackColor: var(--half-black); --subHeadBackColor: var(--grey); --unselectedColor: var(--grey-lt); --selectedColor: var(--orange); @@ -387,23 +471,26 @@ --clickColor: var(--orange); } -.ui-dialog .tab-content .charsheet { +.sheet-rolltemplate-icon, .ui-dialog .tab-content .charsheet { gap: var(--grid-gap); } -.ui-dialog .tab-content .charsheet button { +.sheet-rolltemplate-icon button, .ui-dialog .tab-content .charsheet button { cursor: pointer; } -.ui-dialog .tab-content .charsheet .capitalize, +.sheet-rolltemplate-icon .capitalize, .ui-dialog .tab-content .charsheet .capitalize, +.sheet-rolltemplate-icon .sheet-capitalize, .ui-dialog .tab-content .charsheet .sheet-capitalize { text-transform: capitalize !important; } -.ui-dialog .tab-content .charsheet .flex-box, +.sheet-rolltemplate-icon .flex-box, .ui-dialog .tab-content .charsheet .flex-box, +.sheet-rolltemplate-icon .sheet-flex-box, .ui-dialog .tab-content .charsheet .sheet-flex-box { display: -webkit-box; display: -ms-flexbox; display: flex; } -.ui-dialog .tab-content .charsheet .flex-box.col, +.sheet-rolltemplate-icon .flex-box.col, .ui-dialog .tab-content .charsheet .flex-box.col, +.sheet-rolltemplate-icon .sheet-flex-box.col, .ui-dialog .tab-content .charsheet .sheet-flex-box.col { -webkit-box-orient: vertical; -webkit-box-direction: normal; @@ -413,7 +500,8 @@ -ms-flex-align: center; align-items: center; } -.ui-dialog .tab-content .charsheet .flex-box.row, +.sheet-rolltemplate-icon .flex-box.row, .ui-dialog .tab-content .charsheet .flex-box.row, +.sheet-rolltemplate-icon .sheet-flex-box.row, .ui-dialog .tab-content .charsheet .sheet-flex-box.row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; @@ -423,18 +511,21 @@ position: relative; left: 10px; } -.ui-dialog .tab-content .charsheet .space-around, +.sheet-rolltemplate-icon .space-around, .ui-dialog .tab-content .charsheet .space-around, +.sheet-rolltemplate-icon .sheet-space-around, .ui-dialog .tab-content .charsheet .sheet-space-around { -ms-flex-pack: distribute; justify-content: space-around; } -.ui-dialog .tab-content .charsheet .space-between, +.sheet-rolltemplate-icon .space-between, .ui-dialog .tab-content .charsheet .space-between, +.sheet-rolltemplate-icon .sheet-space-between, .ui-dialog .tab-content .charsheet .sheet-space-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } -.ui-dialog .tab-content .charsheet .center, +.sheet-rolltemplate-icon .center, .ui-dialog .tab-content .charsheet .center, +.sheet-rolltemplate-icon .sheet-center, .ui-dialog .tab-content .charsheet .sheet-center { -webkit-box-pack: center; -ms-flex-pack: center; @@ -444,61 +535,63 @@ align-items: center; text-align: center; } -.ui-dialog .tab-content .charsheet .right { +.sheet-rolltemplate-icon .right, .ui-dialog .tab-content .charsheet .right { text-align: right; } -.ui-dialog .tab-content .charsheet .left { +.sheet-rolltemplate-icon .left, .ui-dialog .tab-content .charsheet .left { text-align: left; } -.ui-dialog .tab-content .charsheet .justify-left, +.sheet-rolltemplate-icon .justify-left, .ui-dialog .tab-content .charsheet .justify-left, +.sheet-rolltemplate-icon .justify-start, .ui-dialog .tab-content .charsheet .justify-start { -ms-grid-column-align: start; justify-self: start; } -.ui-dialog .tab-content .charsheet .justify-right, +.sheet-rolltemplate-icon .justify-right, .ui-dialog .tab-content .charsheet .justify-right, +.sheet-rolltemplate-icon .justify-end, .ui-dialog .tab-content .charsheet .justify-end { -ms-grid-column-align: end; justify-self: end; } -.ui-dialog .tab-content .charsheet .align-start { +.sheet-rolltemplate-icon .align-start, .ui-dialog .tab-content .charsheet .align-start { -ms-flex-item-align: start; -ms-grid-row-align: start; align-self: start; } -.ui-dialog .tab-content .charsheet .align-end { +.sheet-rolltemplate-icon .align-end, .ui-dialog .tab-content .charsheet .align-end { -ms-flex-item-align: end; -ms-grid-row-align: end; align-self: end; } -.ui-dialog .tab-content .charsheet .grid__8col, .ui-dialog .tab-content .charsheet .grid__4col, .ui-dialog .tab-content .charsheet .grid__3col, .ui-dialog .tab-content .charsheet .grid__2col { +.sheet-rolltemplate-icon .grid__8col, .ui-dialog .tab-content .charsheet .grid__8col, .sheet-rolltemplate-icon .grid__4col, .ui-dialog .tab-content .charsheet .grid__4col, .sheet-rolltemplate-icon .grid__3col, .ui-dialog .tab-content .charsheet .grid__3col, .sheet-rolltemplate-icon .grid__2col, .ui-dialog .tab-content .charsheet .grid__2col { display: -ms-grid; display: grid; width: auto; gap: var(--half-gap); } -.ui-dialog .tab-content .charsheet .grid__8col.grid__8col { +.sheet-rolltemplate-icon .grid__8col.grid__8col, .ui-dialog .tab-content .charsheet .grid__8col.grid__8col { -ms-grid-columns: auto auto auto auto auto auto auto auto; grid-template-columns: auto auto auto auto auto auto auto auto; } -.ui-dialog .tab-content .charsheet .grid__4col.grid__4col { +.sheet-rolltemplate-icon .grid__4col.grid__4col, .ui-dialog .tab-content .charsheet .grid__4col.grid__4col { -ms-grid-columns: auto auto auto auto; grid-template-columns: auto auto auto auto; } -.ui-dialog .tab-content .charsheet .grid__3col.grid__3col { +.sheet-rolltemplate-icon .grid__3col.grid__3col, .ui-dialog .tab-content .charsheet .grid__3col.grid__3col { -ms-grid-columns: auto auto auto; grid-template-columns: auto auto auto; } -.ui-dialog .tab-content .charsheet .grid__2col.grid__2col { +.sheet-rolltemplate-icon .grid__2col.grid__2col, .ui-dialog .tab-content .charsheet .grid__2col.grid__2col { -ms-grid-columns: auto auto; grid-template-columns: auto auto; } -.ui-dialog .tab-content .charsheet .no-gap { +.sheet-rolltemplate-icon .no-gap, .ui-dialog .tab-content .charsheet .no-gap { gap: 0px !important; } -.ui-dialog .tab-content .charsheet .half-gap { +.sheet-rolltemplate-icon .half-gap, .ui-dialog .tab-content .charsheet .half-gap { gap: var(--half-gap); } -.ui-dialog .tab-content .charsheet textarea { +.sheet-rolltemplate-icon textarea, .ui-dialog .tab-content .charsheet textarea { font-family: var(--basicFont); font-weight: normal !important; resize: vertical; @@ -507,68 +600,78 @@ white-space: pre-wrap; text-overflow: ellipsis; } -.ui-dialog .tab-content .charsheet textarea.fixed { +.sheet-rolltemplate-icon textarea.fixed, .ui-dialog .tab-content .charsheet textarea.fixed { resize: none; overflow: auto; } -.ui-dialog .tab-content .charsheet textarea.textarea-1 { +.sheet-rolltemplate-icon textarea.textarea-1, .ui-dialog .tab-content .charsheet textarea.textarea-1 { height: 1.25em; } -.ui-dialog .tab-content .charsheet textarea.textarea-2 { +.sheet-rolltemplate-icon textarea.textarea-2, .ui-dialog .tab-content .charsheet textarea.textarea-2 { height: 2.5em; } -.ui-dialog .tab-content .charsheet textarea.textarea-3 { +.sheet-rolltemplate-icon textarea.textarea-3, .ui-dialog .tab-content .charsheet textarea.textarea-3 { height: 3.75em; } -.ui-dialog .tab-content .charsheet textarea.textarea-4 { +.sheet-rolltemplate-icon textarea.textarea-4, .ui-dialog .tab-content .charsheet textarea.textarea-4 { height: 4em; } -.ui-dialog .tab-content .charsheet textarea.textarea-5 { +.sheet-rolltemplate-icon textarea.textarea-5, .ui-dialog .tab-content .charsheet textarea.textarea-5 { height: 6.25em; } -.ui-dialog .tab-content .charsheet textarea.textarea-6 { +.sheet-rolltemplate-icon textarea.textarea-6, .ui-dialog .tab-content .charsheet textarea.textarea-6 { height: 7.5em; } -.ui-dialog .tab-content .charsheet textarea.textarea-8 { +.sheet-rolltemplate-icon textarea.textarea-8, .ui-dialog .tab-content .charsheet textarea.textarea-8 { height: 10em; } -.ui-dialog .tab-content .charsheet textarea.no-style { +.sheet-rolltemplate-icon textarea.no-style, .ui-dialog .tab-content .charsheet textarea.no-style { border: none; background-color: transparent; } -.ui-dialog .tab-content .charsheet textarea.ambition { +.sheet-rolltemplate-icon textarea.ambition, .ui-dialog .tab-content .charsheet textarea.ambition { width: 90% !important; font-size: 1.1rem; } -.ui-dialog .tab-content .charsheet .span-3 { +.sheet-rolltemplate-icon .span-3, .ui-dialog .tab-content .charsheet .span-3 { -ms-grid-column-span: 3; grid-column: span 3; } -.ui-dialog .tab-content .charsheet .span-2, +.sheet-rolltemplate-icon .span-2, .ui-dialog .tab-content .charsheet .span-2, +.sheet-rolltemplate-icon .sheet-span-2, .ui-dialog .tab-content .charsheet .sheet-span-2 { -ms-grid-column-span: 2; grid-column: span 2; } -.ui-dialog .tab-content .charsheet .span-all, +.sheet-rolltemplate-icon .span-all, .ui-dialog .tab-content .charsheet .span-all, +.sheet-rolltemplate-icon .sheet-span-all, .ui-dialog .tab-content .charsheet .sheet-span-all { grid-column: 1/-1; } -.ui-dialog .tab-content .charsheet select, +.sheet-rolltemplate-icon select, .ui-dialog .tab-content .charsheet select, +.sheet-rolltemplate-icon .pseudo-select span, .ui-dialog .tab-content .charsheet .pseudo-select span, +.sheet-rolltemplate-icon .sheet-pseudo-select span, .ui-dialog .tab-content .charsheet .sheet-pseudo-select span, +.sheet-rolltemplate-icon textarea, .ui-dialog .tab-content .charsheet textarea, +.sheet-rolltemplate-icon input:not(:is([type=radio], [type=checkbox])), .ui-dialog .tab-content .charsheet input:not(:is([type=radio], [type=checkbox])), +.sheet-rolltemplate-icon .uneditable-input, .ui-dialog .tab-content .charsheet .uneditable-input { padding: 2px; font-size: 1rem; cursor: pointer; } -.ui-dialog .tab-content .charsheet input:is([type=text], [type=number]), +.sheet-rolltemplate-icon input:is([type=text], [type=number]), .ui-dialog .tab-content .charsheet input:is([type=text], [type=number]), +.sheet-rolltemplate-icon textarea, .ui-dialog .tab-content .charsheet textarea { cursor: auto; } -.ui-dialog .tab-content .charsheet select, +.sheet-rolltemplate-icon select, .ui-dialog .tab-content .charsheet select, +.sheet-rolltemplate-icon .sheet-pseudo-select span, .ui-dialog .tab-content .charsheet .sheet-pseudo-select span, +.sheet-rolltemplate-icon .pseudo-select span, .ui-dialog .tab-content .charsheet .pseudo-select span { -webkit-apperance: none; -webkit-appearance: none; @@ -580,110 +683,115 @@ text-overflow: ellipsis; text-align: center; } -.ui-dialog .tab-content .charsheet input { +.sheet-rolltemplate-icon input, .ui-dialog .tab-content .charsheet input { width: auto; } -.ui-dialog .tab-content .charsheet input:placeholder { - color: var(--grey-dk); +.sheet-rolltemplate-icon input:placeholder, .ui-dialog .tab-content .charsheet input:placeholder { + color: var(--placeholderFontColor); } -.ui-dialog .tab-content .charsheet input.plus-control:not([value*="-"]) + span:before { +.sheet-rolltemplate-icon input.plus-control:not([value*="-"]) + span:before, .ui-dialog .tab-content .charsheet input.plus-control:not([value*="-"]) + span:before { content: "+"; } -.ui-dialog .tab-content .charsheet span, +.sheet-rolltemplate-icon span, .ui-dialog .tab-content .charsheet span, +.sheet-rolltemplate-icon input, .ui-dialog .tab-content .charsheet input, +.sheet-rolltemplate-icon textarea, .ui-dialog .tab-content .charsheet textarea { font-size: 1rem; } -.ui-dialog .tab-content .charsheet span[name], +.sheet-rolltemplate-icon span[name], .ui-dialog .tab-content .charsheet span[name], +.sheet-rolltemplate-icon input, .ui-dialog .tab-content .charsheet input, +.sheet-rolltemplate-icon textarea, .ui-dialog .tab-content .charsheet textarea, +.sheet-rolltemplate-icon button, .ui-dialog .tab-content .charsheet button, +.sheet-rolltemplate-icon select, .ui-dialog .tab-content .charsheet select { font-family: var(--basicFont); --fontWght: 700; font-weight: var(--fontWght); font-variation-settings: "wght" var(--fontWght); + background-color: var(--backColor); + color: var(--fontColor); } -.ui-dialog .tab-content .charsheet h1::-webkit-input-placeholder, .ui-dialog .tab-content .charsheet .h1-style-input::-webkit-input-placeholder, .ui-dialog .tab-content .charsheet *[aria-level="1"]::-webkit-input-placeholder { +.sheet-rolltemplate-icon h1::-webkit-input-placeholder, .ui-dialog .tab-content .charsheet h1::-webkit-input-placeholder, .sheet-rolltemplate-icon .h1-style-input::-webkit-input-placeholder, .ui-dialog .tab-content .charsheet .h1-style-input::-webkit-input-placeholder, .sheet-rolltemplate-icon *[aria-level="1"]::-webkit-input-placeholder, .ui-dialog .tab-content .charsheet *[aria-level="1"]::-webkit-input-placeholder { text-shadow: 0 0 2px white, 0 0 2px white; } -.ui-dialog .tab-content .charsheet h1::-moz-placeholder, .ui-dialog .tab-content .charsheet .h1-style-input::-moz-placeholder, .ui-dialog .tab-content .charsheet *[aria-level="1"]::-moz-placeholder { +.sheet-rolltemplate-icon h1::-moz-placeholder, .ui-dialog .tab-content .charsheet h1::-moz-placeholder, .sheet-rolltemplate-icon .h1-style-input::-moz-placeholder, .ui-dialog .tab-content .charsheet .h1-style-input::-moz-placeholder, .sheet-rolltemplate-icon *[aria-level="1"]::-moz-placeholder, .ui-dialog .tab-content .charsheet *[aria-level="1"]::-moz-placeholder { text-shadow: 0 0 2px white, 0 0 2px white; } -.ui-dialog .tab-content .charsheet h1:-ms-input-placeholder, .ui-dialog .tab-content .charsheet .h1-style-input:-ms-input-placeholder, .ui-dialog .tab-content .charsheet *[aria-level="1"]:-ms-input-placeholder { +.sheet-rolltemplate-icon h1:-ms-input-placeholder, .ui-dialog .tab-content .charsheet h1:-ms-input-placeholder, .sheet-rolltemplate-icon .h1-style-input:-ms-input-placeholder, .ui-dialog .tab-content .charsheet .h1-style-input:-ms-input-placeholder, .sheet-rolltemplate-icon *[aria-level="1"]:-ms-input-placeholder, .ui-dialog .tab-content .charsheet *[aria-level="1"]:-ms-input-placeholder { text-shadow: 0 0 2px white, 0 0 2px white; } -.ui-dialog .tab-content .charsheet h1::-ms-input-placeholder, .ui-dialog .tab-content .charsheet .h1-style-input::-ms-input-placeholder, .ui-dialog .tab-content .charsheet *[aria-level="1"]::-ms-input-placeholder { +.sheet-rolltemplate-icon h1::-ms-input-placeholder, .ui-dialog .tab-content .charsheet h1::-ms-input-placeholder, .sheet-rolltemplate-icon .h1-style-input::-ms-input-placeholder, .ui-dialog .tab-content .charsheet .h1-style-input::-ms-input-placeholder, .sheet-rolltemplate-icon *[aria-level="1"]::-ms-input-placeholder, .ui-dialog .tab-content .charsheet *[aria-level="1"]::-ms-input-placeholder { text-shadow: 0 0 2px white, 0 0 2px white; } -.ui-dialog .tab-content .charsheet h1::placeholder, .ui-dialog .tab-content .charsheet .h1-style-input::placeholder, +.sheet-rolltemplate-icon h1::placeholder, .ui-dialog .tab-content .charsheet h1::placeholder, .sheet-rolltemplate-icon .h1-style-input::placeholder, .ui-dialog .tab-content .charsheet .h1-style-input::placeholder, +.sheet-rolltemplate-icon *[aria-level="1"]::placeholder, .ui-dialog .tab-content .charsheet *[aria-level="1"]::placeholder { text-shadow: 0 0 2px white, 0 0 2px white; } -.ui-dialog .tab-content .charsheet .h1-style-input { +.sheet-rolltemplate-icon .h1-style-input, .ui-dialog .tab-content .charsheet .h1-style-input { text-align: center; border-radius: 0; border: none; height: 46px; min-width: 200px; } -.ui-dialog .tab-content .charsheet .h1-style-input:not(.color-receiver) { +.sheet-rolltemplate-icon .h1-style-input:not(.color-receiver), .ui-dialog .tab-content .charsheet .h1-style-input:not(.color-receiver) { background-color: var(--magenta) !important; } -.ui-dialog .tab-content .charsheet h3, .ui-dialog .tab-content .charsheet .h3-style-input, +.sheet-rolltemplate-icon h3, .ui-dialog .tab-content .charsheet h3, .sheet-rolltemplate-icon .h3-style-input, .ui-dialog .tab-content .charsheet .h3-style-input, +.sheet-rolltemplate-icon *[aria-level="3"], .ui-dialog .tab-content .charsheet *[aria-level="3"] { text-overflow: ellipsis; } -.ui-dialog .tab-content .charsheet input:where([type=checkbox], [type=radio]) { +.sheet-rolltemplate-icon input:where([type=checkbox], [type=radio]), .ui-dialog .tab-content .charsheet input:where([type=checkbox], [type=radio]) { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; - border: 1px solid black; + border: 1px solid var(--borderColor); cursor: pointer; width: 1rem; display: inline-block; } -.ui-dialog .tab-content .charsheet input[type=radio] { +.sheet-rolltemplate-icon input[type=radio], .ui-dialog .tab-content .charsheet input[type=radio] { -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; } -.ui-dialog .tab-content .charsheet input[type=number] { +.sheet-rolltemplate-icon input[type=number], .ui-dialog .tab-content .charsheet input[type=number] { width: 3rem; -moz-appearance: textfield !important; text-align: center; } -.ui-dialog .tab-content .charsheet input[type=number]::-webkit-inner-spin-button, .ui-dialog .tab-content .charsheet input[type=number]::-webkit-outer-spin-button { +.sheet-rolltemplate-icon input[type=number]::-webkit-inner-spin-button, .ui-dialog .tab-content .charsheet input[type=number]::-webkit-inner-spin-button, .sheet-rolltemplate-icon input[type=number]::-webkit-outer-spin-button, .ui-dialog .tab-content .charsheet input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } -.ui-dialog .tab-content .charsheet .sheet-number, +.sheet-rolltemplate-icon .sheet-number, .ui-dialog .tab-content .charsheet .sheet-number, +.sheet-rolltemplate-icon .number, .ui-dialog .tab-content .charsheet .number { width: 2rem; -webkit-box-sizing: border-box; box-sizing: border-box; } -.ui-dialog .tab-content .charsheet section, .ui-dialog .tab-content .charsheet header, .ui-dialog .tab-content .charsheet footer { +.sheet-rolltemplate-icon section, .ui-dialog .tab-content .charsheet section, .sheet-rolltemplate-icon header, .ui-dialog .tab-content .charsheet header, .sheet-rolltemplate-icon footer, .ui-dialog .tab-content .charsheet footer { -ms-grid-row-align: start; align-self: start; display: -ms-grid; display: grid; gap: var(--half-gap); } -.ui-dialog .tab-content .charsheet .nav-display:not(.active) { - display: none !important; -} -.ui-dialog .tab-content .charsheet .inactive { - display: none !important; -} -.ui-dialog .tab-content .charsheet .pseudo-button { +.sheet-rolltemplate-icon .pseudo-button, .ui-dialog .tab-content .charsheet .pseudo-button { cursor: pointer; } -.ui-dialog .tab-content .charsheet .pseudo-button:hover > .pseudo-button__span, .ui-dialog .tab-content .charsheet .pseudo-button:focus-within > .pseudo-button__span { +.sheet-rolltemplate-icon .pseudo-button:hover > .pseudo-button__span, .ui-dialog .tab-content .charsheet .pseudo-button:hover > .pseudo-button__span, .sheet-rolltemplate-icon .pseudo-button:focus-within > .pseudo-button__span, .ui-dialog .tab-content .charsheet .pseudo-button:focus-within > .pseudo-button__span { background-color: var(--selectedColor); color: var(--backColor); } -.ui-dialog .tab-content .charsheet .pseudo-button__span { +.sheet-rolltemplate-icon .pseudo-button__span, .ui-dialog .tab-content .charsheet .pseudo-button__span { border-radius: 5px; border: 1px solid var(--borderColor); text-align: center; @@ -693,14 +801,14 @@ -webkit-transition-duration: var(--revealTime); transition-duration: var(--revealTime); } -.ui-dialog .tab-content .charsheet .pseudo-button__input { +.sheet-rolltemplate-icon .pseudo-button__input, .ui-dialog .tab-content .charsheet .pseudo-button__input { display: none; } -.ui-dialog .tab-content .charsheet .pseudo-button__input:checked + span { +.sheet-rolltemplate-icon .pseudo-button__input:checked + span, .ui-dialog .tab-content .charsheet .pseudo-button__input:checked + span { background-color: var(--selectedColor); color: var(--backColor); } -.ui-dialog .tab-content .charsheet .input-label { +.sheet-rolltemplate-icon .input-label, .ui-dialog .tab-content .charsheet .input-label { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; @@ -709,85 +817,91 @@ -ms-flex-align: center; align-items: center; } -.ui-dialog .tab-content .charsheet .input-label:not(.stacked) > [name]:not([type=number], [type=checkbox], [type=radio]) { +.sheet-rolltemplate-icon .input-label:not(.stacked) > [name]:not([type=number], [type=checkbox], [type=radio]), .ui-dialog .tab-content .charsheet .input-label:not(.stacked) > [name]:not([type=number], [type=checkbox], [type=radio]) { width: 0; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; } -.ui-dialog .tab-content .charsheet .input-label:not(.stacked) > :not([name]) { +.sheet-rolltemplate-icon .input-label:not(.stacked) > :not([name]), .ui-dialog .tab-content .charsheet .input-label:not(.stacked) > :not([name]) { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } -.ui-dialog .tab-content .charsheet .input-label--dual { +.sheet-rolltemplate-icon .input-label--dual, .ui-dialog .tab-content .charsheet .input-label--dual { -ms-grid-columns: 1fr auto 1fr; grid-template-columns: 1fr auto 1fr; grid-template-areas: "over over over" "under under under"; } -.ui-dialog .tab-content .charsheet .input-label--dual > span:last-of-type { +.sheet-rolltemplate-icon .input-label--dual > span:last-of-type, .ui-dialog .tab-content .charsheet .input-label--dual > span:last-of-type { grid-column: 1/-1; } -.ui-dialog .tab-content .charsheet .input-label--dual > input { +.sheet-rolltemplate-icon .input-label--dual > input, .ui-dialog .tab-content .charsheet .input-label--dual > input { width: 100%; } -.ui-dialog .tab-content .charsheet .input-label--dual > .slash { +.sheet-rolltemplate-icon .input-label--dual > .slash, .ui-dialog .tab-content .charsheet .input-label--dual > .slash { line-height: 0rem; font-weight: normal; } -.ui-dialog .tab-content .charsheet .headed-textarea { +.sheet-rolltemplate-icon .headed-textarea, .ui-dialog .tab-content .charsheet .headed-textarea { -ms-grid-rows: auto 1fr; grid-template-rows: auto 1fr; -ms-grid-columns: auto; grid-template-columns: auto; } -.ui-dialog .tab-content .charsheet .headed-textarea > *:nth-child(1) { +.sheet-rolltemplate-icon .headed-textarea > *:nth-child(1), .ui-dialog .tab-content .charsheet .headed-textarea > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } -.ui-dialog .tab-content .charsheet .headed-textarea > *:nth-child(2) { +.sheet-rolltemplate-icon .headed-textarea > *:nth-child(2), .ui-dialog .tab-content .charsheet .headed-textarea > *:nth-child(2) { -ms-grid-row: 2; -ms-grid-column: 1; } -.ui-dialog .tab-content .charsheet .headed-textarea h5 { +.sheet-rolltemplate-icon .headed-textarea h5, .ui-dialog .tab-content .charsheet .headed-textarea h5 { -ms-grid-column-align: start; justify-self: start; } -.ui-dialog .tab-content .charsheet .boxed.thick-left, +.sheet-rolltemplate-icon .boxed.thick-left, .ui-dialog .tab-content .charsheet .boxed.thick-left, +.sheet-rolltemplate-icon .sheet-boxed.thick-left, .ui-dialog .tab-content .charsheet .sheet-boxed.thick-left { border-left-width: 5px; } -.ui-dialog .tab-content .charsheet .boxed.thick-bottom, +.sheet-rolltemplate-icon .boxed.thick-bottom, .ui-dialog .tab-content .charsheet .boxed.thick-bottom, +.sheet-rolltemplate-icon .sheet-boxed.thick-bottom, .ui-dialog .tab-content .charsheet .sheet-boxed.thick-bottom { border-bottom-width: 5px; } -.ui-dialog .tab-content .charsheet .boxed.thick-right, +.sheet-rolltemplate-icon .boxed.thick-right, .ui-dialog .tab-content .charsheet .boxed.thick-right, +.sheet-rolltemplate-icon .sheet-boxed.thick-right, .ui-dialog .tab-content .charsheet .sheet-boxed.thick-right { border-right-width: 5px; } -.ui-dialog .tab-content .charsheet .boxed.thick-top, +.sheet-rolltemplate-icon .boxed.thick-top, .ui-dialog .tab-content .charsheet .boxed.thick-top, +.sheet-rolltemplate-icon .sheet-boxed.thick-top, .ui-dialog .tab-content .charsheet .sheet-boxed.thick-top { border-top-width: 5px; } -.ui-dialog .tab-content .charsheet .underlined, +.sheet-rolltemplate-icon .underlined, .ui-dialog .tab-content .charsheet .underlined, +.sheet-rolltemplate-icon .sheet-underlined, .ui-dialog .tab-content .charsheet .sheet-underlined { border-radius: 0; - border-bottom: 1px solid black; + border-bottom: 1px solid var(--borderColor); -webkit-transition: var(--focusTrans); transition: var(--focusTrans); } -.ui-dialog .tab-content .charsheet :is(.underlined, .boxed):not([readonly]):is(:focus, :focus-within) { - background-color: var(--off-white); +.sheet-rolltemplate-icon :is(.underlined, .boxed):not([readonly]):is(:focus, :focus-within), .ui-dialog .tab-content .charsheet :is(.underlined, .boxed):not([readonly]):is(:focus, :focus-within) { + background-color: var(--invertedFontColor); -webkit-transition: var(--focusTrans); transition: var(--focusTrans); } -.ui-dialog .tab-content .charsheet .short-text, +.sheet-rolltemplate-icon .short-text, .ui-dialog .tab-content .charsheet .short-text, +.sheet-rolltemplate-icon .sheet-short-text, .ui-dialog .tab-content .charsheet .sheet-short-text { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } -.ui-dialog .tab-content .charsheet .roll-container { +.sheet-rolltemplate-icon .roll-container, .ui-dialog .tab-content .charsheet .roll-container { -ms-grid-row-align: center; align-self: center; opacity: 0; @@ -795,63 +909,65 @@ -ms-grid-row-span: 1; grid-row: 1/2; } -.ui-dialog .tab-content .charsheet .hide-note { +.sheet-rolltemplate-icon .hide-note, .ui-dialog .tab-content .charsheet .hide-note { position: relative; cursor: help; } -.ui-dialog .tab-content .charsheet .repitem > input:not(:where([type=checkbox], [type=number], [type=radio])), .ui-dialog .tab-content .charsheet .hide-note > input:not(:where([type=checkbox], [type=number], [type=radio])) { +.sheet-rolltemplate-icon .repitem > input:not(:where([type=checkbox], [type=number], [type=radio])), .ui-dialog .tab-content .charsheet .repitem > input:not(:where([type=checkbox], [type=number], [type=radio])), .sheet-rolltemplate-icon .hide-note > input:not(:where([type=checkbox], [type=number], [type=radio])), .ui-dialog .tab-content .charsheet .hide-note > input:not(:where([type=checkbox], [type=number], [type=radio])) { width: 100%; } -.ui-dialog .tab-content .charsheet .repitem .headed-textarea, .ui-dialog .tab-content .charsheet .hide-note .headed-textarea { +.sheet-rolltemplate-icon .repitem .headed-textarea, .ui-dialog .tab-content .charsheet .repitem .headed-textarea, .sheet-rolltemplate-icon .hide-note .headed-textarea, .ui-dialog .tab-content .charsheet .hide-note .headed-textarea { grid-column: 1/-1; } -.ui-dialog .tab-content .charsheet .repitem .collapse, .ui-dialog .tab-content .charsheet .hide-note .collapse { +.sheet-rolltemplate-icon .repitem .collapse, .ui-dialog .tab-content .charsheet .repitem .collapse, .sheet-rolltemplate-icon .hide-note .collapse, .ui-dialog .tab-content .charsheet .hide-note .collapse { -webkit-appearance: none; opacity: 0; position: absolute; right: 1px; top: 0px; - border: 0px solid black; + border: 0px solid var(--borderColor); border-radius: 0; color: var(--selectedColor); text-transform: none; /* IE 9 */ -webkit-transform: scale(1.2); /* Chrome, Safari, Opera */ transform: scale(1.2); } -.ui-dialog .tab-content .charsheet .repitem .collapse:after, .ui-dialog .tab-content .charsheet .hide-note .collapse:after { +.sheet-rolltemplate-icon .repitem .collapse:after, .ui-dialog .tab-content .charsheet .repitem .collapse:after, .sheet-rolltemplate-icon .hide-note .collapse:after, .ui-dialog .tab-content .charsheet .hide-note .collapse:after { content: "i"; font-family: pictos; } -.ui-dialog .tab-content .charsheet .repitem .collapse:checked, .ui-dialog .tab-content .charsheet .hide-note .collapse:checked { +.sheet-rolltemplate-icon .repitem .collapse:checked, .ui-dialog .tab-content .charsheet .repitem .collapse:checked, .sheet-rolltemplate-icon .hide-note .collapse:checked, .ui-dialog .tab-content .charsheet .hide-note .collapse:checked { background-color: transparent; color: var(--unselectedColor); } -.ui-dialog .tab-content .charsheet .repitem .collapse:checked ~ .expanded, .ui-dialog .tab-content .charsheet .hide-note .collapse:checked ~ .expanded { +.sheet-rolltemplate-icon .repitem .collapse:checked ~ .expanded, .ui-dialog .tab-content .charsheet .repitem .collapse:checked ~ .expanded, .sheet-rolltemplate-icon .hide-note .collapse:checked ~ .expanded, .ui-dialog .tab-content .charsheet .hide-note .collapse:checked ~ .expanded { display: none; } -.ui-dialog .tab-content .charsheet .repitem .collapse:checked ~ .expanded--empty:is(:not([value]), [value=""]) + *, .ui-dialog .tab-content .charsheet .hide-note .collapse:checked ~ .expanded--empty:is(:not([value]), [value=""]) + * { +.sheet-rolltemplate-icon .repitem .collapse:checked ~ .expanded--empty:is(:not([value]), [value=""]) + *, .ui-dialog .tab-content .charsheet .repitem .collapse:checked ~ .expanded--empty:is(:not([value]), [value=""]) + *, .sheet-rolltemplate-icon .hide-note .collapse:checked ~ .expanded--empty:is(:not([value]), [value=""]) + *, .ui-dialog .tab-content .charsheet .hide-note .collapse:checked ~ .expanded--empty:is(:not([value]), [value=""]) + * { display: none; } -.ui-dialog .tab-content .charsheet .repitem .collapse:hover, .ui-dialog .tab-content .charsheet .hide-note .collapse:hover { +.sheet-rolltemplate-icon .repitem .collapse:hover, .ui-dialog .tab-content .charsheet .repitem .collapse:hover, .sheet-rolltemplate-icon .hide-note .collapse:hover, .ui-dialog .tab-content .charsheet .hide-note .collapse:hover { color: var(--selectedColor); } -.ui-dialog .tab-content .charsheet .repitem:hover .collapse, -.ui-dialog .tab-content .charsheet .repitem:hover .roll-container, .ui-dialog .tab-content .charsheet .hide-note:hover .collapse, +.sheet-rolltemplate-icon .repitem:hover .collapse, .ui-dialog .tab-content .charsheet .repitem:hover .collapse, +.sheet-rolltemplate-icon .repitem:hover .roll-container, +.ui-dialog .tab-content .charsheet .repitem:hover .roll-container, .sheet-rolltemplate-icon .hide-note:hover .collapse, .ui-dialog .tab-content .charsheet .hide-note:hover .collapse, +.sheet-rolltemplate-icon .hide-note:hover .roll-container, .ui-dialog .tab-content .charsheet .hide-note:hover .roll-container { opacity: 1; } -.ui-dialog .tab-content .charsheet .repcontainer.editmode .collapse { +.sheet-rolltemplate-icon .repcontainer.editmode .collapse, .ui-dialog .tab-content .charsheet .repcontainer.editmode .collapse { display: none; } -.ui-dialog .tab-content .charsheet .repcontainer { +.sheet-rolltemplate-icon .repcontainer, .ui-dialog .tab-content .charsheet .repcontainer { display: -ms-grid; display: grid; gap: var(--grid-gap); } -.ui-dialog .tab-content .charsheet .repeating-container:is(:hover, :focus-within, :focus) .repcontrol-button { +.sheet-rolltemplate-icon .repeating-container:is(:hover, :focus-within, :focus) .repcontrol-button, .ui-dialog .tab-content .charsheet .repeating-container:is(:hover, :focus-within, :focus) .repcontrol-button { opacity: 1; } -.ui-dialog .tab-content .charsheet .repcontrol-button { +.sheet-rolltemplate-icon .repcontrol-button, .ui-dialog .tab-content .charsheet .repcontrol-button { grid-area: header; -ms-grid-row-align: center; align-self: center; @@ -860,36 +976,37 @@ -webkit-transition: opacity var(--revealTime); transition: opacity var(--revealTime); } -.ui-dialog .tab-content .charsheet .repcontrol-button ~ .repcontrol { +.sheet-rolltemplate-icon .repcontrol-button ~ .repcontrol, .ui-dialog .tab-content .charsheet .repcontrol-button ~ .repcontrol { display: none; } -.ui-dialog .tab-content .charsheet .repcontrol-button--add { +.sheet-rolltemplate-icon .repcontrol-button--add, .ui-dialog .tab-content .charsheet .repcontrol-button--add { -ms-grid-column-align: start; justify-self: start; } -.ui-dialog .tab-content .charsheet .repcontrol-button--add:before { +.sheet-rolltemplate-icon .repcontrol-button--add:before, .ui-dialog .tab-content .charsheet .repcontrol-button--add:before { font-family: pictos; content: "&"; } -.ui-dialog .tab-content .charsheet .repcontrol-button--edit { +.sheet-rolltemplate-icon .repcontrol-button--edit, .ui-dialog .tab-content .charsheet .repcontrol-button--edit { -ms-grid-column-align: end; justify-self: end; } -.ui-dialog .tab-content .charsheet .repcontrol-button--edit:before { +.sheet-rolltemplate-icon .repcontrol-button--edit:before, .ui-dialog .tab-content .charsheet .repcontrol-button--edit:before { font-family: pictos; content: "p"; } -.ui-dialog .tab-content .charsheet .sheet-box, +.sheet-rolltemplate-icon .sheet-box, .ui-dialog .tab-content .charsheet .sheet-box, +.sheet-rolltemplate-icon .box, .ui-dialog .tab-content .charsheet .box { border-radius: 0; width: 10px; height: 10px; } -.ui-dialog .tab-content .charsheet .dot { +.sheet-rolltemplate-icon .dot, .ui-dialog .tab-content .charsheet .dot { width: auto; height: auto; } -.ui-dialog .tab-content .charsheet .fill-left { +.sheet-rolltemplate-icon .fill-left, .ui-dialog .tab-content .charsheet .fill-left { display: -webkit-box; display: -ms-flexbox; display: flex; @@ -899,41 +1016,42 @@ -webkit-box-sizing: border-box; box-sizing: border-box; } -.ui-dialog .tab-content .charsheet .fill-left__radio { +.sheet-rolltemplate-icon .fill-left__radio, .ui-dialog .tab-content .charsheet .fill-left__radio { -moz-appearance: none; appearance: none; -webkit-appearance: none; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; - background-color: black; + background-color: var(--backColor); width: 20px; height: 20px; cursor: pointer; z-index: 1; accent-color: var(--purple); } -.ui-dialog .tab-content .charsheet .fill-left__radio:checked ~ .fill-left__radio { +.sheet-rolltemplate-icon .fill-left__radio:checked ~ .fill-left__radio, .ui-dialog .tab-content .charsheet .fill-left__radio:checked ~ .fill-left__radio { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; background-color: grey; } -.ui-dialog .tab-content .charsheet p { +.sheet-rolltemplate-icon p, .ui-dialog .tab-content .charsheet p { font-size: 1rem; width: 96%; + color: var(--invertedBackColor); } -.ui-dialog .tab-content .charsheet p.bullet::before { +.sheet-rolltemplate-icon p.bullet::before, .ui-dialog .tab-content .charsheet p.bullet::before { font-family: pictos; content: "]"; position: relative; right: 5px; } -.ui-dialog .tab-content .charsheet p.indent { +.sheet-rolltemplate-icon p.indent, .ui-dialog .tab-content .charsheet p.indent { position: relative; left: 20px; } -.ui-dialog .tab-content .charsheet p.colon { +.sheet-rolltemplate-icon p.colon, .ui-dialog .tab-content .charsheet p.colon { font-family: var(--titleFont); font-size: 1.1rem; font-weight: bold; @@ -941,10 +1059,10 @@ top: 3px; /* CSS colon : entity \003A : html : */ } -.ui-dialog .tab-content .charsheet p.colon::after { +.sheet-rolltemplate-icon p.colon::after, .ui-dialog .tab-content .charsheet p.colon::after { content: ":"; } -.ui-dialog .tab-content .charsheet .auto-expand { +.sheet-rolltemplate-icon .auto-expand, .ui-dialog .tab-content .charsheet .auto-expand { overflow: hidden; /* hides overflow that is caused by the span */ position: relative; /* Allows the input's absolute positioning to be relative to this parent div */ min-width: 100px; /* Whatever feels good to you, prevents a new span from collapsing to 0. */ @@ -954,12 +1072,12 @@ width: fit-content; height: 25% !important; /* Prevent the span from defining the height of the input container which can't be multiline */ } -.ui-dialog .tab-content .charsheet .auto-expand span { +.sheet-rolltemplate-icon .auto-expand span, .ui-dialog .tab-content .charsheet .auto-expand span { visibility: hidden; height: 0px; position: relative; } -.ui-dialog .tab-content .charsheet .auto-expand input { +.sheet-rolltemplate-icon .auto-expand input, .ui-dialog .tab-content .charsheet .auto-expand input { position: absolute; /* removes the input from the DOM flow, allowing the span to exist in the same space */ width: 100%; /* Inputs match the width of the parent element as defined by the spans */ font-size: 1em; @@ -970,25 +1088,32 @@ html { } .ui-dialog { + --paper-background:url("https://i.imgur.com/Arep50S.jpg"); + --icon-logo:url("https://i.imgur.com/9LTydaX.png"); -webkit-box-sizing: border-box; box-sizing: border-box; } .sheet-darkmode .ui-dialog, .sheet-rolltemplate-darkmode { - --backColor:var(--dark-surface1); - --fontColor:var(--darkModeText); - --borderColor:var(--dark-primarytext); - --subHeadBackColor:var(--dark-surface1); - --selectedColor:var(--darkModeText); - --disableBackground:var(--dark-surface1); + --borderColor: var(--off-white); + --fontColor: var(--white); + --invertedFontColor: var(--black); + --placeholderFontColor: var(--grey-lt); + --backColor: var(--half-black); + --invertedBackColor: var(--half-white); + --subHeadBackColor: var(--grey-lt); + --unselectedColor: var(--grey-dk); + --selectedColor: var(--orange); + --disableBackground: var(--grey-dk); + --buttonColor: var(--magenta); + --hoverColor: var(--magenta-lt); + --clickColor: var(--orange); --disableShadow:0px 0 7px 0px #161616 inset; - --buttonColor:var(--dark-surface1); + --buttonColor:#2e2e2e; --hoverColor:#2e2e2e; --clickColor:black; - --paper-background:url("https://i.imgur.com/Arep50S.jpg"); - --star1Image:url(https://s3.amazonaws.com/files.d20.io/images/277891541/3QIvaKp_cOc6B8DAAXM6CA/original.png); - --star2Image:url(https://s3.amazonaws.com/files.d20.io/images/277891540/WAPK5ypyf235723n0GcVMQ/original.png); - --star3Image:url(https://s3.amazonaws.com/files.d20.io/images/277891539/iR6cOrzXq28bpGfsqSrK0Q/original.png); + --paper-background:url("https://i.imgur.com/vb8bLma.jpg"); + --icon-logo:url("https://i.imgur.com/2klK40m.png"); } .sheet-darkmode .ui-dialog .sheetform, .sheet-rolltemplate-darkmode .sheetform { @@ -1012,7 +1137,7 @@ html { /*nav button styling*/ } #main .paper-background { - background: url("https://i.imgur.com/Arep50S.jpg") repeat top left; + background: var(--paper-background) repeat top left; } #main .editmode .itemcontrol { z-index: 100; @@ -1105,8 +1230,6 @@ html { #main [readonly] { background: transparent; border: 0px solid transparent; - -webkit-box-shadow: var(--disableShadow); - box-shadow: var(--disableShadow); cursor: default; } #main .sheet-nav__tab { @@ -1131,7 +1254,7 @@ html { #main .sheet-nav__tab:not(.active):active { background-color: rgb(242, 130, 255); } -#main .sheet-nav__tab.active { +#main .sheet-nav__tab.active, #main .sheet-nav__tab:focus { background-color: rgb(156, 70, 255); } #main .sheet-nav__tab.inactive { @@ -1168,23 +1291,22 @@ ul.nav-tabs.nav { color: var(--fontColor); } -#settings { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: var(--half-gap); -} -#settings h2 { - width: 100%; -} -#settings .input-label * { - width: auto; +.narrative, +.tactics, +.journal, +.roster, +.settings { + display: none; } -.nav-display:not(.active) { - display: none !important; +/* show the selected tab */ +.tabs__toggle[value=narrative] ~ article.narrative, +.tabs__toggle[value=tactics] ~ article.tactics, +.tabs__toggle[value=journal] ~ article.journal, +.tabs__toggle[value=roster] ~ article.roster, +.tabs__toggle[value=settings] ~ article.settings { + display: -ms-grid; + display: grid; } .character-header { @@ -1240,6 +1362,11 @@ ul.nav-tabs.nav { -webkit-transform: scale(1.1); /* Chrome, Safari, Opera */ transform: scale(1.1); } +.icon-logo span.icon-logo { + content: var(--icon-logo); + width: 100%; + height: 100%; +} .desc-label { -ms-grid-row: 3; @@ -1276,18 +1403,6 @@ ul.nav-tabs.nav { z-index: 0; } -div.chapter-select { - width: 90px !important; -} - -select.chapter-select { - background-color: transparent !important; - font-family: var(--serifFont); - position: relative; - top: 3px; - height: 26px; -} - input[type=label] .action-label { background-color: transparent; } @@ -1355,13 +1470,6 @@ section { grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)); } -#settings { - display: -ms-grid; - display: grid; - -ms-grid-columns: auto; - grid-template-columns: auto; -} - div.burdens { min-width: 120px; -webkit-column-gap: 2px; @@ -1846,6 +1954,10 @@ div.burdens { display: block; } +input[type=checkbox].magenta { + accent-color: var(--magenta); +} + .input-label { width: auto; } @@ -1854,6 +1966,10 @@ label.input-label .numb-label { width: 80px; } +input.action-label { + width: 50% !important; +} + input.burden { width: 98% !important; text-align: center; @@ -1862,6 +1978,18 @@ input.burden { align-items: center; } +div.chapter-select { + width: 90px !important; +} + +select.chapter-select { + background-color: var(--backColor); + font-family: var(--serifFont); + position: relative; + top: 3px; + height: 26px; +} + input.burden-penalty { position: relative; left: -22%; @@ -1892,7 +2020,7 @@ input.dust { height: 40px !important; width: 100% !important; font-size: 1.4rem !important; - color: var(--off-black) !important; + color: var(--fontColor) !important; text-shadow: 0 0 2px var(--orange); } input.dust.ability-info { @@ -1905,7 +2033,7 @@ input.dust.ability-info { } select.color-receiver { - color: var(--off-white); + color: var(--invertedFontColor) !important; border-radius: 0px !important; } @@ -1983,4 +2111,144 @@ div.wealth > input.wealth { input.ability-info { width: 32% !important; text-overflow: ellipsis; +} + +.sheet-rolltemplate-icon { + --templateFontSize: 16px; + --critColor: var(--magenta); + --fumbleColor: var(--orange); + --importantColor: var(--purple); + --headerBackColor: var(--grey-lt); +} + +.sheet-rolltemplate-darkmode { + --critColor:green; + --fumbleColor:red; + --importantColor:#00ADA2; + --headerBackColor:#2e2e2e; +} + +.sheet-rolltemplate-icon { + padding-bottom: var(--grid-gap); +} +.sheet-rolltemplate-icon:not(:first-child) { + margin-top: 15px; +} +.sheet-rolltemplate-icon .sheet-header { + display: -ms-grid; + display: grid; + background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(var(--headerBackColor)), to(transparent)); + background-image: linear-gradient(90deg, transparent, var(--headerBackColor) var(--big-gap) calc(100% - var(--big-gap)), transparent); + padding: var(--half-gap); + margin-inline: calc(var(--half-gap) * -1); +} +.sheet-rolltemplate-icon .sheet-header h3 { + -ms-grid-column-align: start; + justify-self: start; +} +.sheet-rolltemplate-icon .sheet-header h4 { + -ms-grid-column-align: end; + justify-self: end; +} +.sheet-rolltemplate-icon .sheet-result-controller.sheet-result-true ~ .sheet-result-display-false, .sheet-rolltemplate-icon .sheet-result-controller.sheet-result-false ~ .sheet-result-display-true { + display: none; +} +.sheet-rolltemplate-icon .sheet-result-display-false { + color: var(--fumbleColor); +} +.sheet-rolltemplate-icon .sheet-result-display-true { + color: var(--critColor); +} +.sheet-rolltemplate-icon .sheet-template { + font-size: var(--templateFontSize); + display: -ms-grid; + display: grid; + gap: var(--half-gap); + border: var(--half-gap) solid transparent; + background-color: var(--backColor); + -webkit-filter: drop-shadow(var(--shadowColor1) 0px 3px 6px) drop-shadow(var(--shadowColor2) 0px 3px 6px); + filter: drop-shadow(var(--shadowColor1) 0px 3px 6px) drop-shadow(var(--shadowColor2) 0px 3px 6px); + padding: var(--half-gap); +} +.sheet-rolltemplate-icon .sheet-template span, +.sheet-rolltemplate-icon .sheet-template span *, +.sheet-rolltemplate-icon .sheet-template h5, +.sheet-rolltemplate-icon .sheet-template h5 * { + font-size: 1em; +} +.sheet-rolltemplate-icon .sheet-template h5 { + font-weight: bold; + text-align: left; +} +.sheet-rolltemplate-icon .sheet-template h3, +.sheet-rolltemplate-icon .sheet-template h3 * { + font-size: 1.25em; +} +.sheet-rolltemplate-icon .sheet-template h4, +.sheet-rolltemplate-icon .sheet-template h4 * { + font-size: 1em; +} +.sheet-rolltemplate-icon .sheet-template .sheet-template-row { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: var(--half-gap); + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.sheet-rolltemplate-icon .sheet-template .sheet-template-row--text { + border-top: 2px solid var(--fontColor); +} +.sheet-rolltemplate-icon .sheet-template .sheet-template-row--summary { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} +.sheet-rolltemplate-icon .sheet-template .sheet-description { + max-height: 20rem; + overflow-y: auto; + white-space: pre-wrap; +} +.sheet-rolltemplate-icon .sheet-template a { + padding: 0; +} +.sheet-rolltemplate-icon .sheet-template a:not([href^="!"]), .sheet-rolltemplate-icon .sheet-template a:not([href^="~"]) { + color: var(--fontColor); + border: none; + text-decoration: underline; +} +.sheet-rolltemplate-icon .sheet-template a[href^="!"], .sheet-rolltemplate-icon .sheet-template a[href^="~"] { + border-radius: 5px; + color: var(--backColor); + background-color: var(--fontColor); + text-decoration: none; + padding-inline: var(--tiny-gap); +} +.sheet-rolltemplate-icon .sheet-template .inlinerollresult { + font-size: 1.25em; + position: relative; + left: -10px; +} +.sheet-rolltemplate-icon .sheet-template .inlinerollresult[title*="[computed value]"], .sheet-rolltemplate-icon .sheet-template .inlinerollresult[original-title*="[computed value]"] { + pointer-events: none; +} +.sheet-rolltemplate-icon .sheet-template .inlinerollresult, .sheet-rolltemplate-icon .sheet-template .inlinerollresult.fullcrit, .sheet-rolltemplate-icon .sheet-template .inlinerollresult.fullfail, .sheet-rolltemplate-icon .sheet-template .inlinerollresult.importantroll { + border: none; + background-color: transparent; + padding: 0; +} +.sheet-rolltemplate-icon .sheet-template .inlinerollresult.fullcrit { + color: var(--critColor); +} +.sheet-rolltemplate-icon .sheet-template .inlinerollresult.fullfail { + color: var(--fumbleColor); +} +.sheet-rolltemplate-icon .sheet-template .inlinerollresult.importantroll { + color: var(--importantColor); } \ No newline at end of file diff --git a/ICON RPG [MassifPress]/system.html b/ICON RPG [MassifPress]/system.html index 051d47037d..e99b8846b5 100644 --- a/ICON RPG [MassifPress]/system.html +++ b/ICON RPG [MassifPress]/system.html @@ -1,20 +1,20 @@ - - +
+
@@ -84,7 +84,7 @@
- +
+ +
+
{{#name}} +

{{name}}

{{/name}}{{#character_name}}{{#character_id}} +

[{{character_name}}](http://journal.roll20.net/character/{{character_id}})

{{/character_id}}{{^character_id}} +

{{character_name}}

{{/character_id}}{{/character_name}} +
{{#roll}} +
{{#roll_name}} +
{{roll_name}}
{{/roll_name}}{{^roll_name}} +
{{/roll_name}} + {{roll}}{{#target}}{{target}}{{/target}} +
{{#target}}{{#rollBetween() computed::result 1 1}} +
{{/rollBetween() computed::result 1 1}}{{#rollBetween() computed::result 0 0}} +
{{/rollBetween() computed::result 0 0}}{{/target}}{{/roll}}{{#damage}} +
{{#damage_type}} +
{{roll_name}}
{{/damage_type}}{{^damage_type}} +
{{/damage_type}}{{damage}} +
{{/damage}}{{#range}} +
+
{{range}} +
{{/range}}{{#traits}} +
+
{{traits}} +
{{/traits}}{{#aspects}} +
+
{{aspects}} +
{{/aspects}}{{#description}} +
+
{{description}} +
{{/description}}{{#effect}} +
+
{{effect}} +
{{/effect}}{{#effect_1}} +
+
{{effect_1}} +
{{/effect_1}}{{#effect_2}} +
+
{{effect_2}} +
{{/effect_2}}{{#effect_3}} +
+
{{effect_3}} +
{{/effect_3}}{{#allprops() character_name character_id name roll_name roll damage damage_type effect effect_1 effect_2 effect_3 description range traits aspects target result}} +
+
{{key}}
{{value}} +
{{/allprops() character_name character_id name roll_name roll damage damage_type effect effect_1 effect_2 effect_3 description range traits aspects target result}} +
+ \ No newline at end of file diff --git a/ICON RPG [MassifPress]/system.pug b/ICON RPG [MassifPress]/system.pug index 3d4d64640b..7af24cec13 100644 --- a/ICON RPG [MassifPress]/system.pug +++ b/ICON RPG [MassifPress]/system.pug @@ -1,26 +1,27 @@ include scaffold/_kpug.pug include mixins/_sheetmixins.pug //- additional includes should be below this point -- let gameName = 'icon'; +- let templateName = 'icon'; - varObjects.sheetTypes = ['narrative','tactics','journal','roster']; +hidden({name:'template start', value:`&{template:${gameName}} {{character_name=@{character_name}}} {{character_id=@{character_id}}}`}) -+hidden({name:'sheet state', value:'settings'}) +hidden({name:'collapsed', value:''}) main#main nav#main-nav.sheet-nav each val in varObjects.sheetTypes - +navButton({ - name:val, - class:`sheet-nav__tab ${val}`, - 'data-i18n':`${val} sheet`, - 'data-i18n-title':`${val} sheet button title`, - role:'heading', - 'aria-level':5, - trigger:{triggeredFuncs:['navigateSheet']}}) + +button({name:val, type:'action', class:`sheet-nav__tab ${val}`, 'data-i18n':`${val} sheet`, 'data-i18n-title':`navigate to the ${val} tab`, role:'heading', 'aria-level':5}) + //- +navButton({ + //- name:val, + //- class:`sheet-nav__tab ${val}`, + //- 'data-i18n':`${val} sheet`, + //- 'data-i18n-title':`navigate to the ${val} tab`, + //- role:'heading', + //- 'aria-level':5}) + //- //- trigger:{triggeredFuncs:['navigateSheet']}}) //- This is our button to access the settings page. it's written separately because it has some different requirements - +navButton({name:'settings', class:'pictos active sheet-nav__tab settings','data-i18n-title':'open the settings page', role:'heading', 'aria-level':5, trigger:{triggeredFuncs:['navigateSheet']}}) + +button({name:'settings', type:'action', class:'pictos sheet-nav__tab settings','data-i18n-title':'navigate to the settings tab', role:'heading', 'aria-level':5}) |y + +hidden({name:'sheet state', class:'tabs__toggle', value:'settings'}) include articles/_details.pug include articles/_narrative.pug include articles/_tactics.pug @@ -34,4 +35,5 @@ include rolltemplates/_icontemplate.pug include Javascript/calculators.js include Javascript/updaters.js include Javascript/triggeredfuncs.js + include javascript/rollfunctions.js //- include Javascript/demoworkers.js \ No newline at end of file diff --git a/ICON RPG [MassifPress]/translation.json b/ICON RPG [MassifPress]/translation.json index c787e8af60..130553c648 100644 --- a/ICON RPG [MassifPress]/translation.json +++ b/ICON RPG [MassifPress]/translation.json @@ -104,5 +104,7 @@ "limit break reminder line 1":"Party Resolve increases by 1 at the start of EACH ROUND in combat, and depletes to 0 when combat ends.", "limit break reminder line 2":"Personal Resolve is gained at a rate of 1 after EVERY combat, and resets to 0 when you camp.", "limit break reminder line 3":"When you spend Resolve to use a Limit Break, you can use any combination of party or personal, but you MUST get your group's permission to use the party pool.", - "rules reminders info line 0":"Click the ⓘ symbol to show / hide ALL rules reminders." + "rules reminders info line 0":"Click the ⓘ symbol to show / hide ALL rules reminders.", + "roll":"roll", + "vs":"vs." } \ No newline at end of file