diff --git a/Shadowrun5thEdition/Shadowrun5thEdition.css b/Shadowrun5thEdition/Shadowrun5thEdition.css index 9d3d100f36..aaee8357f2 100644 --- a/Shadowrun5thEdition/Shadowrun5thEdition.css +++ b/Shadowrun5thEdition/Shadowrun5thEdition.css @@ -1,15 +1,15 @@ -/******************************************************************************/ -/********************************* VARIABLES *********************************/ -/****************************************************************************/ -* { + + + +.charsheet * { box-sizing: border-box; font-family: sans-serif; } -button { +.charsheet button { background-image: none; font-size: 0.8em; text-shadow: none; } - button[type='roll'], button[type='action'] { + .charsheet button[type='roll'],.charsheet button[type='action'] { font-size: 1em; padding: 1px 2px; border-bottom: 0.01em solid #666; @@ -18,28 +18,28 @@ button { border-radius: 0.25em !important; border-right: 0.02em solid rgba(28, 28, 28, 0.14902); border-style: outset; } - button:hover, button:focus, button:active { + .charsheet button:hover,.charsheet button:focus,.charsheet button:active { font-weight: bold; background-color: #610b0d; color: #fff; } - button > span { + .charsheet button > span { display: block; overflow: hidden; text-overflow: ellipsis; width: 100%; } - button:before { + .charsheet button:before { display: none; } -div { +.charsheet div { background-color: transparent; } -fieldset { +.charsheet fieldset { background: transparent; } -hr { +.charsheet hr { border: 0.5px solid #555; } -label { +.charsheet label { display: inline-block; font-size: 0.9em; margin-bottom: 0px; @@ -47,7 +47,7 @@ label { text-transform: capitalize; width: auto; } -input { +.charsheet input { background-color: #9a9a9a; color: #040404; border: none; @@ -56,36 +56,35 @@ input { margin: 0px; text-align: center; vertical-align: middle; } - input[type='text'], input[type='number'] { + .charsheet input[type='text'],.charsheet input[type='number'] { height: 20px; } - input[type='text']:hover, input[type='text']:focus, input[type='number']:hover, input[type='number']:focus { + .charsheet input[type='text']:hover,.charsheet input[type='text']:focus,.charsheet input[type='number']:hover,.charsheet input[type='number']:focus { background-color: #d2d1cd; color: #1c1c1c; } - input[type='text']:placeholder-shown, input[type='number']:placeholder-shown { + .charsheet input[type='text']:placeholder-shown,.charsheet input[type='number']:placeholder-shown { border: 1px dotted #555; background-color: rgba(28, 28, 28, 0.14902); color: #fff; } - input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { + .charsheet input::-webkit-outer-spin-button,.charsheet input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } - input[name='attr_stats_toggle'], - input[name='attr_stats_toggle'] + span { + .charsheet input[name='attr_stats_toggle'],.charsheet input[name='attr_stats_toggle'] + span { position: relative; } - input[name='attr_stats_toggle'] { + .charsheet input[name='attr_stats_toggle'] { opacity: 0; z-index: 2; } -select { +.charsheet select { border-radius: 2px; border: 1px solid #040404; box-shadow: inset 0px 0px 3px 1px #7c7c7c; margin-bottom: 0px; width: auto; } -span { +.charsheet span { word-break: break-word; } -textarea { +.charsheet textarea { border-radius: 2px; border: 1px solid #040404; box-shadow: inset 0px 0px 3px 1px #7c7c7c; @@ -96,193 +95,139 @@ textarea { vertical-align: top; white-space: pre-line; } -.sheet-grid { +.charsheet .grid { display: inline-grid; grid-column-gap: 1%; grid-row-gap: 0.5%; } -.sheet-2column { +.charsheet .grid-2column { grid-template-columns: 1fr 1fr; } -.sheet-2autocolumn { +.charsheet .grid-2autocolumn { grid-template-columns: auto 1fr; } -.sheet-4autocolumn { +.charsheet .grid-4autocolumn { grid-template-columns: auto 1fr auto 1fr; } -.sheet-6autocolumn { +.charsheet .grid-6autocolumn { grid-template-columns: auto 1fr auto 1fr auto 1fr; } -.sheet-8autocolumn { +.charsheet .grid-8autocolumn { grid-template-columns: auto 1fr auto 1fr auto 1fr auto 1fr; } .charsheet { width: 850px; } -.sheet-eclipse { +.charsheet .eclipse { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } -.sheet-pc div.sheet-skill-box input[name='attr_specialization'][value=' '] ~ div.sheet-buttons button[name*='specialization'], -.sheet-pc div.sheet-skill-box input[name='attr_specialization'][value=''] ~ div.sheet-buttons button[name*='specialization'], .sheet-pc div.sheet-magic input.sheet-magic-toggle[value='rituals'] ~ .sheet-headers h2:nth-of-type(1n+2), .sheet-npc, .sheet-pc, .sheet-options_toggle:not([value='arms']) ~ .sheet-arms, .sheet-options_toggle:not([value='augs']) ~ .sheet-augs, .sheet-options_toggle:not([value='core']) ~ .sheet-core, .sheet-options_toggle:not([value='gear']) ~ .sheet-gear, .sheet-options_toggle:not([value='options']) ~ .sheet-options, .sheet-options_toggle:not([value='social']) ~ .sheet-social, .sheet-options_toggle:not([value='magic']) ~ .sheet-magic, .sheet-options_toggle:not([value='matrix']) ~ .sheet-matrix, .sheet-options_toggle:not([value='vehicle']) ~ .sheet-vehicle, .sheet-skills-active, -.sheet-skills-know, -.sheet-skills-lang, .sheet-magic-spells, .sheet-magic-preps, .sheet-magic-rituals, .sheet-quality, .sheet-martial, .sheet-cyberdeck, .sheet-persona, .sheet-settings, input.sheet-settings-toggle:checked ~ div.sheet-display, -input.sheet-settings-toggle:checked ~ .sheet-attribute .sheet-col .sheet-attribute-row .sheet-col .sheet-row-long div.sheet-display, -input.sheet-settings-toggle:checked ~ .sheet-attribute .sheet-limits-row .sheet-limit .sheet-col div.sheet-display, -input.sheet-settings-toggle ~ .sheet-attr-lim div.sheet-settings, -input.sheet-settings-toggle:checked ~ .sheet-attr-lim div.sheet-display, -input.sheet-settings-toggle[value='settings'] ~ div.sheet-display, -input.sheet-settings-toggle[value='display'] ~ div.sheet-settings, -input.sheet-settings-toggle[value='display'] ~ div.sheet-settings-grid, input.sheet-settings-toggle[value='display'] ~ .sheet-settings, .sheet-hide-magic, .sheet-hide-resonance, div.sheet-weapon-range, -div.sheet-weapon-melee, .sheet-grunt, .sheet-host, .sheet-sprite, .sheet-vehicle, input[name='attr_sheet_type'][value='host'] ~ .sheet-npc .sheet-column:nth-of-type(2), -input[name='attr_sheet_type'][value='sprite'] ~ .sheet-npc .sheet-column:nth-of-type(1n+2), input[name='attr_flag_special'][value='mundane'] ~ div.sheet-npc .sheet-hide-magic, -input[name='attr_flag_special'][value='mundane'] ~ div.sheet-npc .sheet-hide-resonance, -input[name='attr_flag_special'][value='mundane'] ~ div.sheet-npc .sheet-grunt.sheet-hide-magic, -input[name='attr_flag_special'][value='mundane'] ~ div.sheet-npc .sheet-grunt.sheet-hide-resonance, -input[name='attr_flag_special'][value='resonance'] ~ div.sheet-npc .sheet-hide-magic, -input[name='attr_flag_special'][value='resonance'] ~ div.sheet-npc .sheet-grunt.sheet-hide-magic, -input[name='attr_flag_special'][value='magic'] ~ div.sheet-npc .sheet-hide-resonance, -input[name='attr_flag_special'][value='magic'] ~ div.sheet-npc .sheet-grunt.sheet-hide-resonance, -input[name='attr_flag_special'][value='mundane'] ~ div.sheet-resonance, -input[name='attr_flag_special'][value='mundane'] ~ div.sheet-magic, -input[name='attr_flag_special'][value='resonance'] ~ div.sheet-magic, -input[name='attr_flag_special'][value='magic'] ~ div.sheet-resonance, input[name='attr_stats_toggle']:not([value='settings']) ~ div.sheet-body input[type='hidden'][value=''] + div.sheet-textrow, input[name='attr_stats_toggle']:not([value='settings']) ~ div.sheet-body input[type='hidden'][value=''] + div.sheet-rows.sheet-grunt, input[name='attr_specialization'][value=''] ~ button[name*='specialization'], -input[name='attr_specialization'][value=' '] ~ button[name*='specialization'], -input[name='attr_specialization'][value=''] ~ div.sheet-row-long div.sheet-buttons button[name*='specialization'], -input[name='attr_specialization'][value=' '] ~ div.sheet-row-long div.sheet-buttons button[name*='specialization'], input[name='attr_weapon_range'][value='range'] ~ div.sheet-settings h2[data-i18n='reach'], -input[name='attr_weapon_range'][value='range'] ~ div.sheet-settings label[data-i18n-title='reach'], input[name='attr_weapon_range'][value='melee'] ~ div.sheet-settings h2[data-i18n='modes'], -input[name='attr_weapon_range'][value='melee'] ~ div.sheet-settings h2[data-i18n='recoil'], -input[name='attr_weapon_range'][value='melee'] ~ div.sheet-settings h2[data-i18n='ammo'], -input[name='attr_weapon_range'][value='melee'] ~ div.sheet-settings label[data-i18n-title='modes'], -input[name='attr_weapon_range'][value='melee'] ~ div.sheet-settings label[data-i18n-title='recoil'], -input[name='attr_weapon_range'][value='melee'] ~ div.sheet-settings label[data-i18n-title='ammo'], -input[name='attr_weapon_range'][value='melee'] ~ div.sheet-settings span, input[name='attr_category']:not([value='Combat']) ~ h2[data-i18n='combat'], -input[name='attr_category']:not([value='Combat']) ~ h2[data-i18n='dam'], -input[name='attr_category']:not([value='Combat']) ~ select[name='attr_combat_type'], -input[name='attr_category']:not([value='Combat']) ~ label[data-i18n-title='dam'], input[name='attr_flag_matrix']:not([value='matrix']) ~ div.sheet-matrix, -.sheet-display-none { +.charsheet .pc div.skill-box input[name='attr_specialization'][value=' '] ~ div.buttons button[name*='specialization'],.charsheet .pc div.skill-box input[name='attr_specialization'][value=''] ~ div.buttons button[name*='specialization'],.charsheet .pc div.magic input.magic-toggle[value='rituals'] ~ .headers h2:nth-of-type(1n+2),.charsheet .npc,.charsheet .pc,.charsheet .options_toggle:not([value='arms']) ~ .arms,.charsheet .options_toggle:not([value='augs']) ~ .augs,.charsheet .options_toggle:not([value='core']) ~ .core,.charsheet .options_toggle:not([value='gear']) ~ .gear,.charsheet .options_toggle:not([value='options']) ~ .options,.charsheet .options_toggle:not([value='social']) ~ .social,.charsheet .options_toggle:not([value='magic']) ~ .magic,.charsheet .options_toggle:not([value='matrix']) ~ .matrix,.charsheet .options_toggle:not([value='vehicle']) ~ .vehicle,.charsheet .skills-active,.charsheet .skills-know,.charsheet .skills-lang,.charsheet .magic-spells,.charsheet .magic-preps,.charsheet .magic-rituals,.charsheet .quality,.charsheet .martial,.charsheet .cyberdeck,.charsheet .persona,.charsheet .settings,.charsheet input.settings-toggle:checked ~ div.display,.charsheet input.settings-toggle:checked ~ .attribute .col .attribute-row .col .row-long div.display,.charsheet input.settings-toggle:checked ~ .attribute .limits-row .limit .col div.display,.charsheet input.settings-toggle ~ .attr-lim div.settings,.charsheet input.settings-toggle:checked ~ .attr-lim div.display,.charsheet input.settings-toggle[value='settings'] ~ div.display,.charsheet input.settings-toggle[value='display'] ~ div.settings,.charsheet input.settings-toggle[value='display'] ~ div.settings-grid,.charsheet input.settings-toggle[value='display'] ~ .settings,.charsheet .hide-magic,.charsheet .hide-resonance,.charsheet div.weapon-range,.charsheet div.weapon-melee,.charsheet .grunt,.charsheet .host,.charsheet .sprite,.charsheet .vehicle,.charsheet input[name='attr_sheet_type'][value='host'] ~ .npc .column:nth-of-type(2),.charsheet input[name='attr_sheet_type'][value='sprite'] ~ .npc .column:nth-of-type(1n+2),.charsheet input[name='attr_flag_special'][value='mundane'] ~ div.npc .hide-magic,.charsheet input[name='attr_flag_special'][value='mundane'] ~ div.npc .hide-resonance,.charsheet input[name='attr_flag_special'][value='mundane'] ~ div.npc .grunt.hide-magic,.charsheet input[name='attr_flag_special'][value='mundane'] ~ div.npc .grunt.hide-resonance,.charsheet input[name='attr_flag_special'][value='resonance'] ~ div.npc .hide-magic,.charsheet input[name='attr_flag_special'][value='resonance'] ~ div.npc .grunt.hide-magic,.charsheet input[name='attr_flag_special'][value='magic'] ~ div.npc .hide-resonance,.charsheet input[name='attr_flag_special'][value='magic'] ~ div.npc .grunt.hide-resonance,.charsheet input[name='attr_flag_special'][value='mundane'] ~ div.resonance,.charsheet input[name='attr_flag_special'][value='mundane'] ~ div.magic,.charsheet input[name='attr_flag_special'][value='resonance'] ~ div.magic,.charsheet input[name='attr_flag_special'][value='magic'] ~ div.resonance,.charsheet input[name='attr_stats_toggle']:not([value='settings']) ~ div.body input[type='hidden'][value=''] + div.textrow,.charsheet input[name='attr_stats_toggle']:not([value='settings']) ~ div.body input[type='hidden'][value=''] + div.rows.grunt,.charsheet input[name='attr_specialization'][value=''] ~ button[name*='specialization'],.charsheet input[name='attr_specialization'][value=' '] ~ button[name*='specialization'],.charsheet input[name='attr_specialization'][value=''] ~ div.row-long div.buttons button[name*='specialization'],.charsheet input[name='attr_specialization'][value=' '] ~ div.row-long div.buttons button[name*='specialization'],.charsheet input[name='attr_weapon_range'][value='range'] ~ div.settings h2[data-i18n='reach'],.charsheet input[name='attr_weapon_range'][value='range'] ~ div.settings label[data-i18n-title='reach'],.charsheet input[name='attr_weapon_range'][value='melee'] ~ div.settings h2[data-i18n='modes'],.charsheet input[name='attr_weapon_range'][value='melee'] ~ div.settings h2[data-i18n='recoil'],.charsheet input[name='attr_weapon_range'][value='melee'] ~ div.settings h2[data-i18n='ammo'],.charsheet input[name='attr_weapon_range'][value='melee'] ~ div.settings label[data-i18n-title='modes'],.charsheet input[name='attr_weapon_range'][value='melee'] ~ div.settings label[data-i18n-title='recoil'],.charsheet input[name='attr_weapon_range'][value='melee'] ~ div.settings label[data-i18n-title='ammo'],.charsheet input[name='attr_weapon_range'][value='melee'] ~ div.settings span,.charsheet input[name='attr_category']:not([value='Combat']) ~ h2[data-i18n='combat'],.charsheet input[name='attr_category']:not([value='Combat']) ~ h2[data-i18n='dam'],.charsheet input[name='attr_category']:not([value='Combat']) ~ select[name='attr_combat_type'],.charsheet input[name='attr_category']:not([value='Combat']) ~ label[data-i18n-title='dam'],.charsheet input[name='attr_flag_matrix']:not([value='matrix']) ~ div.matrix,.charsheet .display-none { display: none; } -.sheet-d-block { +.charsheet .d-block { display: block; } -.sheet-tab-switch[value='active'] ~ .sheet-skills-active, -.sheet-tab-switch[value='knowledge'] ~ .sheet-skills-know, -.sheet-tab-switch[value='language'] ~ .sheet-skills-lang, .sheet-magic-toggle[value='spells'] ~ .sheet-magic-spells, .sheet-magic-toggle[value='preps'] ~ .sheet-magic-preps, .sheet-magic-toggle[value='rituals'] ~ .sheet-magic-rituals, .sheet-tab-switch[value='quality'] ~ .sheet-quality, .sheet-tab-switch[value='martial'] ~ .sheet-martial, .sheet-matrix-toggle[value='cyberdeck'] ~ .sheet-cyberdeck, .sheet-matrix-toggle[value='persona'] ~ .sheet-persona { +.charsheet .tab-switch[value='active'] ~ .skills-active,.charsheet .tab-switch[value='knowledge'] ~ .skills-know,.charsheet .tab-switch[value='language'] ~ .skills-lang,.charsheet .magic-toggle[value='spells'] ~ .magic-spells,.charsheet .magic-toggle[value='preps'] ~ .magic-preps,.charsheet .magic-toggle[value='rituals'] ~ .magic-rituals,.charsheet .tab-switch[value='quality'] ~ .quality,.charsheet .tab-switch[value='martial'] ~ .martial,.charsheet .matrix-toggle[value='cyberdeck'] ~ .cyberdeck,.charsheet .matrix-toggle[value='persona'] ~ .persona { display: inline; } -.sheet-pc h2, .sheet-pc h3, .sheet-pc .sheet-tabs, .sheet-pc div.sheet-skill-box div.sheet-row-long, .sheet-npc div.sheet-tabs, .sheet-npc div.sheet-mid, input[name='attr_sheet_type'][value='grunt'] ~ .sheet-npc .sheet-attribute.sheet-grunt, input[name='attr_sheet_type'][value='host'] ~ .sheet-npc .sheet-attribute.sheet-host, input[name='attr_sheet_type'][value='sprite'] ~ .sheet-npc .sheet-attribute.sheet-sprite, input[name='attr_sheet_type'][value='vehicle'] ~ .sheet-npc .sheet-attribute.sheet-vehicle { +.charsheet .pc h2,.charsheet .pc h3,.charsheet .pc .tabs,.charsheet .pc div.skill-box div.row-long,.charsheet .npc div.tabs,.charsheet .npc div.mid,.charsheet input[name='attr_sheet_type'][value='grunt'] ~ .npc .attribute.grunt,.charsheet input[name='attr_sheet_type'][value='host'] ~ .npc .attribute.host,.charsheet input[name='attr_sheet_type'][value='sprite'] ~ .npc .attribute.sprite,.charsheet input[name='attr_sheet_type'][value='vehicle'] ~ .npc .attribute.vehicle { display: inline-grid; } -.sheet-npc div.sheet-mid div.sheet-column, input[name='attr_sheet_type']:not([value='pc']) ~ .sheet-npc, -input[name='attr_sheet_type'][value='pc'] ~ .sheet-pc, .sheet-options_toggle[value='arms'] ~ .sheet-arms, .sheet-options_toggle[value='augs'] ~ .sheet-augs, .sheet-options_toggle[value='core'] ~ .sheet-core, .sheet-options_toggle[value='gear'] ~ .sheet-gear, .sheet-options_toggle[value='options'] ~ .sheet-options, .sheet-options_toggle[value='social'] ~ .sheet-social, .sheet-options_toggle[value='magic'] ~ .sheet-magic, .sheet-options_toggle[value='matrix'] ~ .sheet-matrix, .sheet-options_toggle[value='vehicle'] ~ .sheet-vehicle, input[name='attr_stats_toggle'][value='settings'] ~ .sheet-attribute .sheet-settings, -input[name='attr_stats_toggle'][value='settings'] ~ .sheet-body .sheet-column .sheet-settings, -input[name='attr_stats_toggle'][value='settings'] ~ .sheet-body .sheet-textrow .sheet-settings, input.sheet-settings-toggle[value='settings'] ~ .sheet-settings, .sheet-character-type[value='magic'] ~ .sheet-pc .sheet-pc-row .sheet-attr-col .sheet-hide-magic, input[name='attr_flag_special'][value='magic'] ~ .sheet-npc .sheet-hide-magic, .sheet-character-type[value='resonance'] ~ .sheet-pc .sheet-pc-row .sheet-attr-col .sheet-hide-resonance, input[name='attr_flag_special'][value='resonance'] ~ .sheet-npc .sheet-hide-resonance, input.sheet-tab-switch[value='range'] ~ .sheet-weapon-range, -input.sheet-tab-switch[value='melee'] ~ .sheet-weapon-melee, input[name='attr_sheet_type'][value='grunt'] ~ .sheet-npc .sheet-rows.sheet-grunt, -input[name='attr_sheet_type'][value='grunt'] ~ .sheet-npc .sheet-textrow.sheet-grunt, input[name='attr_sheet_type'][value='host'] ~ .sheet-npc .sheet-rows.sheet-host, -input[name='attr_sheet_type'][value='host'] ~ .sheet-npc .sheet-textrow.sheet-host, input[name='attr_sheet_type'][value='sprite'] ~ .sheet-npc .sheet-rows.sheet-sprite, -input[name='attr_sheet_type'][value='sprite'] ~ .sheet-npc .sheet-textrow.sheet-sprite, input[name='attr_sheet_type'][value='vehicle'] ~ .sheet-npc .sheet-rows.sheet-vehicle, -input[name='attr_sheet_type'][value='vehicle'] ~ .sheet-npc .sheet-textrow.sheet-vehicle, input[name='attr_flag_matrix'][value='matrix'] ~ div.sheet-matrix, -.sheet-static { +.charsheet .npc div.mid div.column,.charsheet input[name='attr_sheet_type']:not([value='pc']) ~ .npc,.charsheet input[name='attr_sheet_type'][value='pc'] ~ .pc,.charsheet .options_toggle[value='arms'] ~ .arms,.charsheet .options_toggle[value='augs'] ~ .augs,.charsheet .options_toggle[value='core'] ~ .core,.charsheet .options_toggle[value='gear'] ~ .gear,.charsheet .options_toggle[value='options'] ~ .options,.charsheet .options_toggle[value='social'] ~ .social,.charsheet .options_toggle[value='magic'] ~ .magic,.charsheet .options_toggle[value='matrix'] ~ .matrix,.charsheet .options_toggle[value='vehicle'] ~ .vehicle,.charsheet input[name='attr_stats_toggle'][value='settings'] ~ .attribute .settings,.charsheet input[name='attr_stats_toggle'][value='settings'] ~ .body .column .settings,.charsheet input[name='attr_stats_toggle'][value='settings'] ~ .body .textrow .settings,.charsheet input.settings-toggle[value='settings'] ~ .settings,.charsheet .character-type[value='magic'] ~ .pc .pc-row .attr-col .hide-magic,.charsheet input[name='attr_flag_special'][value='magic'] ~ .npc .hide-magic,.charsheet .character-type[value='resonance'] ~ .pc .pc-row .attr-col .hide-resonance,.charsheet input[name='attr_flag_special'][value='resonance'] ~ .npc .hide-resonance,.charsheet input.tab-switch[value='range'] ~ .weapon-range,.charsheet input.tab-switch[value='melee'] ~ .weapon-melee,.charsheet input[name='attr_sheet_type'][value='grunt'] ~ .npc .rows.grunt,.charsheet input[name='attr_sheet_type'][value='grunt'] ~ .npc .textrow.grunt,.charsheet input[name='attr_sheet_type'][value='host'] ~ .npc .rows.host,.charsheet input[name='attr_sheet_type'][value='host'] ~ .npc .textrow.host,.charsheet input[name='attr_sheet_type'][value='sprite'] ~ .npc .rows.sprite,.charsheet input[name='attr_sheet_type'][value='sprite'] ~ .npc .textrow.sprite,.charsheet input[name='attr_sheet_type'][value='vehicle'] ~ .npc .rows.vehicle,.charsheet input[name='attr_sheet_type'][value='vehicle'] ~ .npc .textrow.vehicle,.charsheet input[name='attr_flag_matrix'][value='matrix'] ~ div.matrix,.charsheet .static { display: inline-block; } -.sheet-npc div.sheet-end div.sheet-weapons span[name='attr_weapon_dice'], .sheet-npc div.sheet-end div.sheet-spells span[name='attr_dice'], .sheet-npc div.sheet-end div.sheet-forms span[name='attr_form_dice'], .sheet-npc div.sheet-end div.sheet-ic span[name='attr_software_dice'] { +.charsheet .npc div.end div.weapons span[name='attr_weapon_dice'],.charsheet .npc div.end div.spells span[name='attr_dice'],.charsheet .npc div.end div.forms span[name='attr_form_dice'],.charsheet .npc div.end div.ic span[name='attr_software_dice'] { vertical-align: middle; } - .sheet-npc div.sheet-end div.sheet-weapons span[name='attr_weapon_dice']:before, .sheet-npc div.sheet-end div.sheet-spells span[name='attr_dice']:before, .sheet-npc div.sheet-end div.sheet-forms span[name='attr_form_dice']:before, .sheet-npc div.sheet-end div.sheet-ic span[name='attr_software_dice']:before { + .charsheet .npc div.end div.weapons span[name='attr_weapon_dice']:before,.charsheet .npc div.end div.spells span[name='attr_dice']:before,.charsheet .npc div.end div.forms span[name='attr_form_dice']:before,.charsheet .npc div.end div.ic span[name='attr_software_dice']:before { content: '('; } - .sheet-npc div.sheet-end div.sheet-weapons span[name='attr_weapon_dice']:after, .sheet-npc div.sheet-end div.sheet-spells span[name='attr_dice']:after, .sheet-npc div.sheet-end div.sheet-forms span[name='attr_form_dice']:after, .sheet-npc div.sheet-end div.sheet-ic span[name='attr_software_dice']:after { + .charsheet .npc div.end div.weapons span[name='attr_weapon_dice']:after,.charsheet .npc div.end div.spells span[name='attr_dice']:after,.charsheet .npc div.end div.forms span[name='attr_form_dice']:after,.charsheet .npc div.end div.ic span[name='attr_software_dice']:after { content: ')'; } -.sheet-npc div.sheet-repeating input[name='attr_flag'], -input.sheet-toggle { +.charsheet .npc div.repeating input[name='attr_flag'],.charsheet input.toggle { position: absolute; opacity: 0; z-index: 2; } -.sheet-pc input.sheet-settings-toggle, -.sheet-pc input.sheet-settings-flag, -.sheet-pc input.sheet-collapse-flag { +.charsheet .pc input.settings-toggle,.charsheet .pc input.settings-flag,.charsheet .pc input.collapse-flag { position: relative; opacity: 0; z-index: 2; } -.sheet-npc div.sheet-repeating input[name='attr_flag'] + span { +.charsheet .npc div.repeating input[name='attr_flag'] + span { opacity: 0; } -.sheet-npc div.sheet-repeating input:checked[name='attr_flag'] + span { +.charsheet .npc div.repeating input:checked[name='attr_flag'] + span { opacity: 1; } -.sheet-npc div.sheet-repeating input:checked[name='attr_flag'] ~ .sheet-settings { +.charsheet .npc div.repeating input:checked[name='attr_flag'] ~ .settings { display: inline-grid; margin-bottom: 2%; } -.sheet-pc div.sheet-repeating-container div.repitem, .sheet-pc div.sheet-repeating-container div.repitem input[type='text'], .sheet-pc div.sheet-repeating-container div.repitem input[type='number'], .sheet-pc div.sheet-skill-box label > input, .sheet-pc div.sheet-skill-box input[name='attr_skill'], .sheet-pc div.sheet-matrix div.sheet-programs div.repitem, .sheet-pc div.sheet-persona div.sheet-echos div.repitem, -.sheet-border-bottom { +.charsheet .pc div.repeating-container div.repitem,.charsheet .pc div.repeating-container div.repitem input[type='text'],.charsheet .pc div.repeating-container div.repitem input[type='number'],.charsheet .pc div.skill-box label > input,.charsheet .pc div.skill-box input[name='attr_skill'],.charsheet .pc div.matrix div.programs div.repitem,.charsheet .pc div.persona div.echos div.repitem,.charsheet .border-bottom { border-bottom: 1px solid #040404; } -.sheet-mt-4 { +.charsheet .mt-4 { margin-top: 4%; } -.sheet-pc div.sheet-static div.sheet-attributes button[data-i18n='body'], .sheet-pc div.sheet-static div.sheet-attributes button[data-i18n='reaction'], .sheet-pc div.sheet-static div.sheet-attributes button[data-i18n='agility'], .sheet-pc div.sheet-static div.sheet-attributes button[data-i18n='strength'], .sheet-red { +.charsheet .pc div.static div.attributes button[data-i18n='body'],.charsheet .pc div.static div.attributes button[data-i18n='reaction'],.charsheet .pc div.static div.attributes button[data-i18n='agility'],.charsheet .pc div.static div.attributes button[data-i18n='strength'],.charsheet .red { color: #610b0d; } -.sheet-pc div.sheet-static div.sheet-attributes button:hover, .sheet-pc div.sheet-static div.sheet-attributes button:focus, .sheet-pc div.sheet-static div.sheet-attributes button:active { +.charsheet .pc div.static div.attributes button:hover,.charsheet .pc div.static div.attributes button:focus,.charsheet .pc div.static div.attributes button:active { text-shadow: 1px 1px 2px #555, 0 0 25px #fff, 0 0 5px #fff; } -.sheet-text-center { +.charsheet .text-center { text-align: center; } -.sheet-text-left { +.charsheet .text-left { text-align: left; } -.sheet-text-right { +.charsheet .text-right { text-align: right; } -.sheet-text-capitalize { +.charsheet .text-capitalize { text-transform: capitalize; } -.sheet-text-lowercase { +.charsheet .text-lowercase { text-transform: lowercase; } -.sheet-text-uppercase { +.charsheet .text-uppercase { text-transform: uppercase; } -.sheet-font-bolder { +.charsheet .font-bolder { font-weight: bolder; } -.sheet-dicefontd6 { +.charsheet .dicefontd6 { font-family: "dicefontd6"; } -.sheet-pictos-custom { +.charsheet .pictos-custom { font-family: 'Pictos Custom'; } -.sheet-pictos-three { +.charsheet .pictos-three { font-family: 'Pictos Three'; } -.sheet-pictos, .sheet-settings-toggle input[type='checkbox'] + span, -.sheet-settings-flag input[type='checkbox'] + span, .repcontrol .repcontrol_edit:after, -.repcontrol .repcontrol_add:after, .itemcontrol .repcontrol_del { +.charsheet .pictos,.charsheet .settings-toggle input[type='checkbox'] + span,.charsheet .settings-flag input[type='checkbox'] + span,.charsheet .repcontrol .repcontrol_edit:after,.charsheet .repcontrol .repcontrol_add:after,.charsheet .itemcontrol .repcontrol_del { font-family: 'Pictos'; } -.sheet-tiny-span { +.charsheet .tiny-span { font-size: 0.75em; } -/* The switch - the box around the slider */ -.sheet-switch { + +.charsheet .switch { position: relative; display: inline-block; width: 50px; height: 24px; } -/* Hide default HTML checkbox */ -.sheet-switch input { + +.charsheet .switch input { opacity: 0; width: 0; height: 0; } -/* The slider */ -.sheet-slider { + +.charsheet .slider { -webkit-transition: .4s; background-color: #ccc; border-radius: 34px; @@ -294,7 +239,7 @@ input.sheet-toggle { top: 0; transition: .4s; } -.sheet-slider:before { +.charsheet .slider:before { -webkit-transition: .4s; background-color: white; border-radius: 50%; @@ -306,27 +251,27 @@ input.sheet-toggle { transition: .4s; width: 16px; } -input:checked + .sheet-slider { +.charsheet input:checked + .slider { background-color: #610b0d; } -input:focus + .sheet-slider { +.charsheet input:focus + .slider { box-shadow: 0 0 1px #9a9a9a; } -input:checked + .sheet-slider:before { +.charsheet input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } -.sheet-switch-3 { +.charsheet .switch-3 { display: inline-grid; grid-template-columns: 1fr 2fr 2fr; background: #ccc; border-radius: 3px; } - .sheet-switch-3 label { + .charsheet .switch-3 label { display: inline-grid; position: relative; align-items: center; } - .sheet-switch-3 label input { + .charsheet .switch-3 label input { grid-area: 1; position: absolute; opacity: 0; @@ -334,10 +279,10 @@ input:checked + .sheet-slider:before { height: 100%; width: 100%; cursor: pointer; } - .sheet-switch-3 label input:checked + span { + .charsheet .switch-3 label input:checked + span { color: #fff; background-color: #610b0d; } - .sheet-switch-3 label span { + .charsheet .switch-3 label span { display: grid; align-items: center; text-align: center; @@ -345,230 +290,215 @@ input:checked + .sheet-slider:before { height: 100%; width: 100%; } -div.sheet-collapse { +.charsheet div.collapse { opacity: 0; height: 0; transition: all .5s; } -input.sheet-collapse-flag:checked ~ div.sheet-collapse { +.charsheet input.collapse-flag:checked ~ div.collapse { opacity: 1; height: 100%; transition: all .5s; } -input.sheet-indicator { +.charsheet input.indicator { height: 1.8em; width: 1.5em; transition: all .2s; top: 5px; } - input.sheet-indicator + span { + .charsheet input.indicator + span { display: inline-block; height: 1.5em; width: 1.5em; } - input.sheet-indicator:hover + span { + .charsheet input.indicator:hover + span { transform: scale(1.3); } - input.sheet-indicator:checked + span { + .charsheet input.indicator:checked + span { background-color: #610b0d; color: #fff; font-weight: bolder; border-radius: 3px; padding: 15%; } - input.sheet-indicator:checked + span + span { + .charsheet input.indicator:checked + span + span { font-weight: bolder; } -/***** EDGE & MATRIX CONDITION HEXAGONS *****/ -div.sheet-attribute .sheet-hexagon { + +.charsheet div.attribute .hexagon { position: relative; width: 20px; height: 11.55px; background-color: #610b0d; margin: 7.22px 0; } -div.sheet-attribute .sheet-hexagon:before, -div.sheet-attribute .sheet-hexagon:after { +.charsheet div.attribute .hexagon:before,.charsheet div.attribute .hexagon:after { content: ""; position: absolute; width: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; } -div.sheet-attribute .sheet-hexagon:before { +.charsheet div.attribute .hexagon:before { bottom: 100%; border-bottom: 5.77px solid #610b0d; } -div.sheet-attribute .sheet-hexagon:after { +.charsheet div.attribute .hexagon:after { top: 100%; width: 0; border-top: 5.77px solid #610b0d; } -div.sheet-attribute input.sheet-hex-highlight[value='0'] ~ div.sheet-edge:nth-of-type(1n+1) .sheet-hexagon { +.charsheet div.attribute input.hex-highlight[value='0'] ~ div.edge:nth-of-type(1n+1) .hexagon { background-color: #9a9a9a; } -div.sheet-attribute input.sheet-hex-highlight[value='0'] ~ div.sheet-edge:nth-of-type(1n+1) .sheet-hexagon:before { +.charsheet div.attribute input.hex-highlight[value='0'] ~ div.edge:nth-of-type(1n+1) .hexagon:before { border-bottom-color: #9a9a9a; } -div.sheet-attribute input.sheet-hex-highlight[value='0'] ~ div.sheet-edge:nth-of-type(1n+1) .sheet-hexagon:after { +.charsheet div.attribute input.hex-highlight[value='0'] ~ div.edge:nth-of-type(1n+1) .hexagon:after { border-top-color: #9a9a9a; } -div.sheet-attribute input.sheet-hex-highlight[value='1'] ~ div.sheet-edge:nth-of-type(1n+2) .sheet-hexagon { +.charsheet div.attribute input.hex-highlight[value='1'] ~ div.edge:nth-of-type(1n+2) .hexagon { background-color: #9a9a9a; } -div.sheet-attribute input.sheet-hex-highlight[value='1'] ~ div.sheet-edge:nth-of-type(1n+2) .sheet-hexagon:before { +.charsheet div.attribute input.hex-highlight[value='1'] ~ div.edge:nth-of-type(1n+2) .hexagon:before { border-bottom-color: #9a9a9a; } -div.sheet-attribute input.sheet-hex-highlight[value='1'] ~ div.sheet-edge:nth-of-type(1n+2) .sheet-hexagon:after { +.charsheet div.attribute input.hex-highlight[value='1'] ~ div.edge:nth-of-type(1n+2) .hexagon:after { border-top-color: #9a9a9a; } -div.sheet-attribute input.sheet-hex-highlight[value='2'] ~ div.sheet-edge:nth-of-type(1n+3) .sheet-hexagon { +.charsheet div.attribute input.hex-highlight[value='2'] ~ div.edge:nth-of-type(1n+3) .hexagon { background-color: #9a9a9a; } -div.sheet-attribute input.sheet-hex-highlight[value='2'] ~ div.sheet-edge:nth-of-type(1n+3) .sheet-hexagon:before { +.charsheet div.attribute input.hex-highlight[value='2'] ~ div.edge:nth-of-type(1n+3) .hexagon:before { border-bottom-color: #9a9a9a; } -div.sheet-attribute input.sheet-hex-highlight[value='2'] ~ div.sheet-edge:nth-of-type(1n+3) .sheet-hexagon:after { +.charsheet div.attribute input.hex-highlight[value='2'] ~ div.edge:nth-of-type(1n+3) .hexagon:after { border-top-color: #9a9a9a; } -div.sheet-attribute input.sheet-hex-highlight[value='3'] ~ div.sheet-edge:nth-of-type(1n+4) .sheet-hexagon { +.charsheet div.attribute input.hex-highlight[value='3'] ~ div.edge:nth-of-type(1n+4) .hexagon { background-color: #9a9a9a; } -div.sheet-attribute input.sheet-hex-highlight[value='3'] ~ div.sheet-edge:nth-of-type(1n+4) .sheet-hexagon:before { +.charsheet div.attribute input.hex-highlight[value='3'] ~ div.edge:nth-of-type(1n+4) .hexagon:before { border-bottom-color: #9a9a9a; } -div.sheet-attribute input.sheet-hex-highlight[value='3'] ~ div.sheet-edge:nth-of-type(1n+4) .sheet-hexagon:after { +.charsheet div.attribute input.hex-highlight[value='3'] ~ div.edge:nth-of-type(1n+4) .hexagon:after { border-top-color: #9a9a9a; } -div.sheet-attribute input.sheet-hex-highlight[value='4'] ~ div.sheet-edge:nth-of-type(1n+5) .sheet-hexagon { +.charsheet div.attribute input.hex-highlight[value='4'] ~ div.edge:nth-of-type(1n+5) .hexagon { background-color: #9a9a9a; } -div.sheet-attribute input.sheet-hex-highlight[value='4'] ~ div.sheet-edge:nth-of-type(1n+5) .sheet-hexagon:before { +.charsheet div.attribute input.hex-highlight[value='4'] ~ div.edge:nth-of-type(1n+5) .hexagon:before { border-bottom-color: #9a9a9a; } -div.sheet-attribute input.sheet-hex-highlight[value='4'] ~ div.sheet-edge:nth-of-type(1n+5) .sheet-hexagon:after { +.charsheet div.attribute input.hex-highlight[value='4'] ~ div.edge:nth-of-type(1n+5) .hexagon:after { border-top-color: #9a9a9a; } -div.sheet-attribute input.sheet-hex-highlight[value='5'] ~ div.sheet-edge:nth-of-type(1n+6) .sheet-hexagon { +.charsheet div.attribute input.hex-highlight[value='5'] ~ div.edge:nth-of-type(1n+6) .hexagon { background-color: #9a9a9a; } -div.sheet-attribute input.sheet-hex-highlight[value='5'] ~ div.sheet-edge:nth-of-type(1n+6) .sheet-hexagon:before { +.charsheet div.attribute input.hex-highlight[value='5'] ~ div.edge:nth-of-type(1n+6) .hexagon:before { border-bottom-color: #9a9a9a; } -div.sheet-attribute input.sheet-hex-highlight[value='5'] ~ div.sheet-edge:nth-of-type(1n+6) .sheet-hexagon:after { +.charsheet div.attribute input.hex-highlight[value='5'] ~ div.edge:nth-of-type(1n+6) .hexagon:after { border-top-color: #9a9a9a; } -div.sheet-attribute input.sheet-hex-highlight[value='6'] ~ div.sheet-edge:nth-of-type(1n+7) .sheet-hexagon { +.charsheet div.attribute input.hex-highlight[value='6'] ~ div.edge:nth-of-type(1n+7) .hexagon { background-color: #9a9a9a; } -div.sheet-attribute input.sheet-hex-highlight[value='6'] ~ div.sheet-edge:nth-of-type(1n+7) .sheet-hexagon:before { +.charsheet div.attribute input.hex-highlight[value='6'] ~ div.edge:nth-of-type(1n+7) .hexagon:before { border-bottom-color: #9a9a9a; } -div.sheet-attribute input.sheet-hex-highlight[value='6'] ~ div.sheet-edge:nth-of-type(1n+7) .sheet-hexagon:after { +.charsheet div.attribute input.hex-highlight[value='6'] ~ div.edge:nth-of-type(1n+7) .hexagon:after { border-top-color: #9a9a9a; } -div.sheet-attribute input.sheet-hex-highlight[value='7'] ~ div.sheet-edge:nth-of-type(1n+8) .sheet-hexagon { +.charsheet div.attribute input.hex-highlight[value='7'] ~ div.edge:nth-of-type(1n+8) .hexagon { background-color: #9a9a9a; } -div.sheet-attribute input.sheet-hex-highlight[value='7'] ~ div.sheet-edge:nth-of-type(1n+8) .sheet-hexagon:before { +.charsheet div.attribute input.hex-highlight[value='7'] ~ div.edge:nth-of-type(1n+8) .hexagon:before { border-bottom-color: #9a9a9a; } -div.sheet-attribute input.sheet-hex-highlight[value='7'] ~ div.sheet-edge:nth-of-type(1n+8) .sheet-hexagon:after { +.charsheet div.attribute input.hex-highlight[value='7'] ~ div.edge:nth-of-type(1n+8) .hexagon:after { border-top-color: #9a9a9a; } -div.sheet-attribute input.sheet-hex-highlight[value='8'] ~ div.sheet-edge:nth-of-type(1n+9) .sheet-hexagon { +.charsheet div.attribute input.hex-highlight[value='8'] ~ div.edge:nth-of-type(1n+9) .hexagon { background-color: #9a9a9a; } -div.sheet-attribute input.sheet-hex-highlight[value='8'] ~ div.sheet-edge:nth-of-type(1n+9) .sheet-hexagon:before { +.charsheet div.attribute input.hex-highlight[value='8'] ~ div.edge:nth-of-type(1n+9) .hexagon:before { border-bottom-color: #9a9a9a; } -div.sheet-attribute input.sheet-hex-highlight[value='8'] ~ div.sheet-edge:nth-of-type(1n+9) .sheet-hexagon:after { +.charsheet div.attribute input.hex-highlight[value='8'] ~ div.edge:nth-of-type(1n+9) .hexagon:after { border-top-color: #9a9a9a; } -div.sheet-attribute input[name="attr_edge_hex"]:checked + .sheet-hexagon { +.charsheet div.attribute input[name="attr_edge_hex"]:checked + .hexagon { background-color: #610b0d; } -div.sheet-attribute input[name="attr_edge_hex"]:checked + .sheet-hexagon:before { +.charsheet div.attribute input[name="attr_edge_hex"]:checked + .hexagon:before { border-bottom-color: #610b0d; } -div.sheet-attribute input[name="attr_edge_hex"]:checked + .sheet-hexagon:after { +.charsheet div.attribute input[name="attr_edge_hex"]:checked + .hexagon:after { border-top-color: #610b0d; } -/* Old way of doing it */ -div.sheet-matrix { - /***** MAKE HEXES APPEAR & DISAPPEAR *****/ } - div.sheet-matrix .sheet-con-hex { + +.charsheet div.matrix { + } + .charsheet div.matrix .con-hex { position: relative; transition: transform .2s; } - div.sheet-matrix .sheet-con-hex input[type='radio'] { + .charsheet div.matrix .con-hex input[type='radio'] { height: 20px; margin-right: -21px; width: 20px; opacity: 0; z-index: 2; position: absolute; } - div.sheet-matrix .sheet-con-hex input[type='radio']:hover + span { + .charsheet div.matrix .con-hex input[type='radio']:hover + span { transform: scale(1.3); } - div.sheet-matrix .sheet-hexagon { + .charsheet div.matrix .hexagon { display: inline-block; margin: 5.77px 0; position: relative; background-color: #610b0d; height: 11.55px; width: 20px; } - div.sheet-matrix .sheet-hexagon:before, - div.sheet-matrix .sheet-hexagon:after { + .charsheet div.matrix .hexagon:before,.charsheet div.matrix .hexagon:after { border-left: 10px solid transparent; border-right: 10px solid transparent; content: ''; position: absolute; width: 0; } - div.sheet-matrix .sheet-hexagon:before { + .charsheet div.matrix .hexagon:before { bottom: 100%; border-bottom: 5.77px solid #610b0d; } - div.sheet-matrix .sheet-hexagon:after { + .charsheet div.matrix .hexagon:after { top: 100%; width: 0; border-top: 5.77px solid #610b0d; } - div.sheet-matrix .sheet-hex-hider[value='1'] ~ input[type='checkbox']:nth-child(1n+5), - div.sheet-matrix .sheet-hex-hider[value='1'] ~ input[type='checkbox']:nth-child(1n+5) + span, - div.sheet-matrix .sheet-hex-hider[value='2'] ~ input[type='checkbox']:nth-child(1n+7), - div.sheet-matrix .sheet-hex-hider[value='2'] ~ input[type='checkbox']:nth-child(1n+7) + span, - div.sheet-matrix .sheet-hex-hider[value='3'] ~ input[type='checkbox']:nth-child(1n+9), - div.sheet-matrix .sheet-hex-hider[value='3'] ~ input[type='checkbox']:nth-child(1n+9) + span, - div.sheet-matrix .sheet-hex-hider[value='4'] ~ input[type='checkbox']:nth-child(1n+11), - div.sheet-matrix .sheet-hex-hider[value='4'] ~ input[type='checkbox']:nth-child(1n+11) + span, - div.sheet-matrix .sheet-hex-hider[value='5'] ~ input[type='checkbox']:nth-child(1n+13), - div.sheet-matrix .sheet-hex-hider[value='5'] ~ input[type='checkbox']:nth-child(1n+13) + span, - div.sheet-matrix .sheet-hex-hider[value='6'] ~ input[type='checkbox']:nth-child(1n+15), - div.sheet-matrix .sheet-hex-hider[value='6'] ~ input[type='checkbox']:nth-child(1n+15) + span, - div.sheet-matrix .sheet-hex-hider[value='7'] ~ input[type='checkbox']:nth-child(1n+17), - div.sheet-matrix .sheet-hex-hider[value='7'] ~ input[type='checkbox']:nth-child(1n+17) + span { + .charsheet div.matrix .hex-hider[value='1'] ~ input[type='checkbox']:nth-child(1n+5),.charsheet div.matrix .hex-hider[value='1'] ~ input[type='checkbox']:nth-child(1n+5) + span,.charsheet div.matrix .hex-hider[value='2'] ~ input[type='checkbox']:nth-child(1n+7),.charsheet div.matrix .hex-hider[value='2'] ~ input[type='checkbox']:nth-child(1n+7) + span,.charsheet div.matrix .hex-hider[value='3'] ~ input[type='checkbox']:nth-child(1n+9),.charsheet div.matrix .hex-hider[value='3'] ~ input[type='checkbox']:nth-child(1n+9) + span,.charsheet div.matrix .hex-hider[value='4'] ~ input[type='checkbox']:nth-child(1n+11),.charsheet div.matrix .hex-hider[value='4'] ~ input[type='checkbox']:nth-child(1n+11) + span,.charsheet div.matrix .hex-hider[value='5'] ~ input[type='checkbox']:nth-child(1n+13),.charsheet div.matrix .hex-hider[value='5'] ~ input[type='checkbox']:nth-child(1n+13) + span,.charsheet div.matrix .hex-hider[value='6'] ~ input[type='checkbox']:nth-child(1n+15),.charsheet div.matrix .hex-hider[value='6'] ~ input[type='checkbox']:nth-child(1n+15) + span,.charsheet div.matrix .hex-hider[value='7'] ~ input[type='checkbox']:nth-child(1n+17),.charsheet div.matrix .hex-hider[value='7'] ~ input[type='checkbox']:nth-child(1n+17) + span { display: none; } - div.sheet-matrix .sheet-con-hex input[type='radio']:checked ~ .sheet-hexagon { + .charsheet div.matrix .con-hex input[type='radio']:checked ~ .hexagon { background-color: #9a9a9a; } - div.sheet-matrix .sheet-con-hex input[type='radio']:checked ~ .sheet-hexagon:before { + .charsheet div.matrix .con-hex input[type='radio']:checked ~ .hexagon:before { border-bottom-color: #9a9a9a; } - div.sheet-matrix .sheet-con-hex input[type='radio']:checked ~ .sheet-hexagon:after { + .charsheet div.matrix .con-hex input[type='radio']:checked ~ .hexagon:after { border-top-color: #9a9a9a; } - div.sheet-matrix .sheet-con-hex input[type='radio']:checked + .sheet-hexagon { + .charsheet div.matrix .con-hex input[type='radio']:checked + .hexagon { background-color: #610b0d; } - div.sheet-matrix .sheet-con-hex input[type='radio']:checked + .sheet-hexagon:before { + .charsheet div.matrix .con-hex input[type='radio']:checked + .hexagon:before { border-bottom-color: #610b0d; } - div.sheet-matrix .sheet-con-hex input[type='radio']:checked + .sheet-hexagon:after { + .charsheet div.matrix .con-hex input[type='radio']:checked + .hexagon:after { border-top-color: #610b0d; } -/***** CONDITION SETTINGS TOGGLE *****/ -.sheet-condition-box input[type='checkbox'] { + +.charsheet .condition-box input[type='checkbox'] { left: -1%; } - .sheet-condition-box input[type='checkbox'] + span { + .charsheet .condition-box input[type='checkbox'] + span { left: -4%; position: relative; } -/***** CONDITION MONITOR SECTION *****/ -.sheet-con-track { + +.charsheet .con-track { display: inline-block; vertical-align: top; width: 47%; margin-top: 2%; margin-bottom: 3%; } - .sheet-con-track button[type='action'] { + .charsheet .con-track button[type='action'] { font-size: 1em; font-weight: bold; text-align: center; @@ -576,43 +506,41 @@ div.sheet-matrix { margin-left: 7%; width: 100%; } -/***** CONDITION MONITOR SETTINGS *****/ -.sheet-condition-box .sheet-display, -.sheet-condition-box .sheet-settings { + +.charsheet .condition-box .display,.charsheet .condition-box .settings { margin-top: -10px; } -.sheet-condition-box .sheet-settings { - /***** CONDITION MONITOR DISPLAY*****/ } - .sheet-condition-box .sheet-settings input { +.charsheet .condition-box .settings { + } + .charsheet .condition-box .settings input { border-bottom: 1px solid #000; border-radius: 0px; height: 22px; margin-bottom: 5px; } - .sheet-condition-box .sheet-settings .sheet-con-footer { + .charsheet .condition-box .settings .con-footer { margin-top: 0px; text-indent: 10px; } - .sheet-condition-box .sheet-settings .sheet-con-footer .sheet-attr-und { + .charsheet .condition-box .settings .con-footer .attr-und { display: inline-block; margin-bottom: -5px; text-align: center; width: 60%; } -/***** CONDITION MONITOR SQUARES *****/ -.sheet-squares { + +.charsheet .squares { margin-left: 20%; width: 70%; } - .sheet-squares div { + .charsheet .squares div { background-color: transparent; border-right: none; left: 85%; margin-bottom: -20px; position: relative; top: -15px; } - .sheet-squares input[type='radio'], - .sheet-squares span { + .charsheet .squares input[type='radio'],.charsheet .squares span { height: 45px; width: 33%; } - .sheet-squares input[type='radio'] { + .charsheet .squares input[type='radio'] { clear: both; left: 2px; margin-right: -43px; @@ -620,7 +548,7 @@ div.sheet-matrix { top: 6px; z-index: 2; opacity: 0; } - .sheet-squares span { + .charsheet .squares span { background-color: #9a9a9a; border-radius: 0px; border: 2px solid #610b0d; @@ -630,151 +558,117 @@ div.sheet-matrix { margin-right: -7px; transition: transform .3s; } -.sheet-squares input[type='radio']:checked ~ input[type='radio'] + span, -.sheet-con-track input[type='radio']:checked ~ .sheet-squares span, -.sheet-con-track input[type='hidden'][value='0'] ~ .sheet-squares span { +.charsheet .squares input[type='radio']:checked ~ input[type='radio'] + span,.charsheet .con-track input[type='radio']:checked ~ .squares span,.charsheet .con-track input[type='hidden'][value='0'] ~ .squares span { background-color: transparent; } -.sheet-squares input[type='radio']:hover + span { +.charsheet .squares input[type='radio']:hover + span { background-color: rgba(124, 124, 124, 0.5); transform: scale(1.1); } -/***** MAKE CONDTION SQUARES APPEAR & DISPPEAR *****/ -.sheet-hex-hider[value='8'] ~ input[type='radio']:nth-child(1n+19), -.sheet-hex-hider[value='9'] ~ input[type='radio']:nth-child(1n+21), -.sheet-hex-hider[value='10'] ~ input[type='radio']:nth-child(1n+24), -.sheet-hex-hider[value='11'] ~ input[type='radio']:nth-child(1n+26), -.sheet-hex-hider[value='12'] ~ input[type='radio']:nth-child(1n+28), -.sheet-hex-hider[value='13'] ~ input[type='radio']:nth-child(1n+32), -.sheet-hex-hider[value='14'] ~ input[type='radio']:nth-child(1n+34), -.sheet-hex-hider[value='15'] ~ input[type='radio']:nth-child(1n+36), -.sheet-hex-hider[value='16'] ~ input[type='radio']:nth-child(1n+38), -.sheet-hex-hider[value='17'] ~ input[type='radio']:nth-child(1n+40), -.sheet-hex-hider[value='18'] ~ input[type='radio']:nth-child(1n+42), -.sheet-hex-hider[value='8'] ~ div:nth-child(1n+19), -.sheet-hex-hider[value='9'] ~ div:nth-child(1n+24), -.sheet-hex-hider[value='10'] ~ div:nth-child(1n+24), -.sheet-hex-hider[value='11'] ~ div:nth-child(1n+24), -.sheet-hex-hider[value='12'] ~ div:nth-child(1n+30), -.sheet-hex-hider[value='13'] ~ div:nth-child(1n+30), -.sheet-hex-hider[value='14'] ~ div:nth-child(1n+30), -.sheet-hex-hider[value='15'] ~ div:nth-child(1n+38), -.sheet-hex-hider[value='16'] ~ div:nth-child(1n+38), -.sheet-hex-hider[value='17'] ~ div:nth-child(1n+38), -.sheet-hex-hider[value='18'] ~ div:nth-child(1n+48) { + +.charsheet .hex-hider[value='8'] ~ input[type='radio']:nth-child(1n+19),.charsheet .hex-hider[value='9'] ~ input[type='radio']:nth-child(1n+21),.charsheet .hex-hider[value='10'] ~ input[type='radio']:nth-child(1n+24),.charsheet .hex-hider[value='11'] ~ input[type='radio']:nth-child(1n+26),.charsheet .hex-hider[value='12'] ~ input[type='radio']:nth-child(1n+28),.charsheet .hex-hider[value='13'] ~ input[type='radio']:nth-child(1n+32),.charsheet .hex-hider[value='14'] ~ input[type='radio']:nth-child(1n+34),.charsheet .hex-hider[value='15'] ~ input[type='radio']:nth-child(1n+36),.charsheet .hex-hider[value='16'] ~ input[type='radio']:nth-child(1n+38),.charsheet .hex-hider[value='17'] ~ input[type='radio']:nth-child(1n+40),.charsheet .hex-hider[value='18'] ~ input[type='radio']:nth-child(1n+42),.charsheet .hex-hider[value='8'] ~ div:nth-child(1n+19),.charsheet .hex-hider[value='9'] ~ div:nth-child(1n+24),.charsheet .hex-hider[value='10'] ~ div:nth-child(1n+24),.charsheet .hex-hider[value='11'] ~ div:nth-child(1n+24),.charsheet .hex-hider[value='12'] ~ div:nth-child(1n+30),.charsheet .hex-hider[value='13'] ~ div:nth-child(1n+30),.charsheet .hex-hider[value='14'] ~ div:nth-child(1n+30),.charsheet .hex-hider[value='15'] ~ div:nth-child(1n+38),.charsheet .hex-hider[value='16'] ~ div:nth-child(1n+38),.charsheet .hex-hider[value='17'] ~ div:nth-child(1n+38),.charsheet .hex-hider[value='18'] ~ div:nth-child(1n+48) { display: none; } -.sheet-hex-hider[value='8'] ~ input[type='radio']:nth-child(1n+19) + span, -.sheet-hex-hider[value='9'] ~ input[type='radio']:nth-child(1n+21) + span, -.sheet-hex-hider[value='10'] ~ input[type='radio']:nth-child(1n+24) + span, -.sheet-hex-hider[value='11'] ~ input[type='radio']:nth-child(1n+26) + span, -.sheet-hex-hider[value='12'] ~ input[type='radio']:nth-child(1n+28) + span, -.sheet-hex-hider[value='13'] ~ input[type='radio']:nth-child(1n+32) + span, -.sheet-hex-hider[value='14'] ~ input[type='radio']:nth-child(1n+34) + span, -.sheet-hex-hider[value='15'] ~ input[type='radio']:nth-child(1n+36) + span, -.sheet-hex-hider[value='16'] ~ input[type='radio']:nth-child(1n+38) + span, -.sheet-hex-hider[value='17'] ~ input[type='radio']:nth-child(1n+40) + span, -.sheet-hex-hider[value='18'] ~ input[type='radio']:nth-child(1n+42) + span { +.charsheet .hex-hider[value='8'] ~ input[type='radio']:nth-child(1n+19) + span,.charsheet .hex-hider[value='9'] ~ input[type='radio']:nth-child(1n+21) + span,.charsheet .hex-hider[value='10'] ~ input[type='radio']:nth-child(1n+24) + span,.charsheet .hex-hider[value='11'] ~ input[type='radio']:nth-child(1n+26) + span,.charsheet .hex-hider[value='12'] ~ input[type='radio']:nth-child(1n+28) + span,.charsheet .hex-hider[value='13'] ~ input[type='radio']:nth-child(1n+32) + span,.charsheet .hex-hider[value='14'] ~ input[type='radio']:nth-child(1n+34) + span,.charsheet .hex-hider[value='15'] ~ input[type='radio']:nth-child(1n+36) + span,.charsheet .hex-hider[value='16'] ~ input[type='radio']:nth-child(1n+38) + span,.charsheet .hex-hider[value='17'] ~ input[type='radio']:nth-child(1n+40) + span,.charsheet .hex-hider[value='18'] ~ input[type='radio']:nth-child(1n+42) + span { opacity: 0; } -/***** CONDITION MONITOR FOOTERS *****/ -.sheet-con-footer { + +.charsheet .con-footer { font-size: 0.8em; margin-top: 10px; } - .sheet-con-footer label { + .charsheet .con-footer label { margin-right: 5px; width: auto; } - .sheet-con-footer input[type='number'] { + .charsheet .con-footer input[type='number'] { border-bottom: 1px solid #040404; border-radius: 0px; height: 22px; margin-top: -5px; } -/***** MATRIX *****/ -.sheet-matrix select.sheet-skill-select { + +.charsheet .matrix select.skill-select { width: 26.5%; } -.sheet-matrix input[name="attr_flag"] + span { +.charsheet .matrix input[name="attr_flag"] + span { position: absolute; } -.sheet-matrix .sheet-con-hex { +.charsheet .matrix .con-hex { margin-bottom: -10px; margin-right: 0px; margin-top: 5px; position: unset; width: 100%; } - .sheet-matrix .sheet-con-hex input[type='radio']:first-child { + .charsheet .matrix .con-hex input[type='radio']:first-child { margin-right: -25%; width: 25%; position: relative; top: -10px; } - .sheet-matrix .sheet-con-hex input[type='radio']:hover ~ h2 { + .charsheet .matrix .con-hex input[type='radio']:hover ~ h2 { color: #fff; text-shadow: 1px 1px 2px black, 0 0 25px red, 0 0 5px #610b0d; } - .sheet-matrix .sheet-con-hex h2 { + .charsheet .matrix .con-hex h2 { vertical-align: top; } -/***** CYBERDECK *****/ -div.sheet-cyberdeck button { + +.charsheet div.cyberdeck button { width: 100%; } -div.sheet-cyberdeck div.sheet-row-long { +.charsheet div.cyberdeck div.row-long { margin-bottom: 1%; padding-bottom: 1%; } -.sheet-cyberdeck h3 { +.charsheet .cyberdeck h3 { line-height: 20px; } - .sheet-cyberdeck h3[data-i18n="total"] { + .charsheet .cyberdeck h3[data-i18n="total"] { margin-left: 15%; } - .sheet-cyberdeck h3[data-i18n="temp"] { + .charsheet .cyberdeck h3[data-i18n="temp"] { margin-left: 5%; } - .sheet-cyberdeck h3[data-i18n="modifier"] { + .charsheet .cyberdeck h3[data-i18n="modifier"] { margin-left: 2%; margin-right: 2%; } - .sheet-cyberdeck h3[data-i18n="base"] { + .charsheet .cyberdeck h3[data-i18n="base"] { margin-left: 0%; margin-right: 15%; } -.sheet-cyberdeck input[type='number'] { +.charsheet .cyberdeck input[type='number'] { border: none; border-bottom: 1px solid #333; border-radius: 0px; height: 20px; width: 25px; } -.sheet-cyberdeck .sheet-row-long:nth-of-type(1) input[type='text'] { +.charsheet .cyberdeck .row-long:nth-of-type(1) input[type='text'] { width: 85%; } -.sheet-cyberdeck .sheet-row-long:nth-of-type(1n+3) label { +.charsheet .cyberdeck .row-long:nth-of-type(1n+3) label { padding-bottom: 5px; padding-right: 0px; width: 15%; } -.sheet-cyberdeck .sheet-row-long span { +.charsheet .cyberdeck .row-long span { margin-left: 1%; margin-right: 1%; } -/**** MATRIX BUBBLES ****/ -.sheet-matrix-tot { + +.charsheet .matrix-tot { display: inline-block; height: 20px; width: 20px; } -.sheet-matrix-bubble { +.charsheet .matrix-bubble { display: inline; margin-left: 15px; background-color: #222; } -.sheet-matrix-bubble span:nth-of-type(6), -.sheet-matrix-bubble input[type='radio']:nth-of-type(5n+6) { +.charsheet .matrix-bubble span:nth-of-type(6),.charsheet .matrix-bubble input[type='radio']:nth-of-type(5n+6) { margin-left: 2%; } -.sheet-matrix-bubble input[type='radio'] { +.charsheet .matrix-bubble input[type='radio'] { height: 15px; left: -8px; width: 15px; } -.sheet-matrix-bubble input[type='radio'] + span { +.charsheet .matrix-bubble input[type='radio'] + span { border-radius: 3px; display: inline-block; height: 18px; @@ -782,42 +676,42 @@ div.sheet-cyberdeck div.sheet-row-long { top: 4px; width: 18px; } -.sheet-matrix-bubble input[type='radio']:checked ~ input[type='radio'] + span { +.charsheet .matrix-bubble input[type='radio']:checked ~ input[type='radio'] + span { height: 14px; margin-bottom: 3px; opacity: 0.5; } -.sheet-matrixAttack span { +.charsheet .matrixAttack span { border: 2px solid #3a0000; background-color: #cc0701; -webkit-box-shadow: inset 0px 1px 5px 2px #3a0000; -moz-box-shadow: inset 0px 1px 5px 2px #3a0000; box-shadow: inset 0px 1px 5px 2px #3a0000; } -.sheet-matrixSleaze span { +.charsheet .matrixSleaze span { border: 2px solid #000e3b; background-color: #007bfc; -webkit-box-shadow: inset 0px 1px 5px 2px #000e3b; -moz-box-shadow: inset 0px 1px 5px 2px #000e3b; box-shadow: inset 0px 1px 5px 2px #000e3b; } -.sheet-matrixData span { +.charsheet .matrixData span { border: 2px solid #074202; background-color: #88dd04; -webkit-box-shadow: inset 0px 1px 5px 2px #074202; -moz-box-shadow: inset 0px 1px 5px 2px #074202; box-shadow: inset 0px 1px 5px 2px #074202; } -.sheet-matrixFirewall span { +.charsheet .matrixFirewall span { border: 2px solid #470101; background-color: #f88703; -webkit-box-shadow: inset 0px 1px 5px 2px #470101; -moz-box-shadow: inset 0px 1px 5px 2px #470101; box-shadow: inset 0px 1px 5px 2px #470101; } -.sheet-tabs { +.charsheet .tabs { color: #fff; } - .sheet-tabs button[type='action'] { + .charsheet .tabs button[type='action'] { background-color: #333; border-radius: 2px; border: 1px solid #7c7c7c; @@ -826,23 +720,22 @@ div.sheet-cyberdeck div.sheet-row-long { text-transform: capitalize; padding: 5px; transition: transform .2s; } - .sheet-tabs button[type='action'].sheet-pictos, .sheet-tabs .repcontrol button.repcontrol_edit[type='action']:after, .repcontrol .sheet-tabs button.repcontrol_edit[type='action']:after, - .sheet-tabs .repcontrol button.repcontrol_add[type='action']:after, .repcontrol .sheet-tabs button.repcontrol_add[type='action']:after, .sheet-tabs .itemcontrol button.repcontrol_del[type='action'], .itemcontrol .sheet-tabs button.repcontrol_del[type='action'] { + .charsheet .tabs button[type='action'].pictos,.charsheet .tabs .repcontrol button.repcontrol_edit[type='action']:after,.charsheet .repcontrol .tabs button.repcontrol_edit[type='action']:after,.charsheet .tabs .repcontrol button.repcontrol_add[type='action']:after,.charsheet .repcontrol .tabs button.repcontrol_add[type='action']:after,.charsheet .tabs .itemcontrol button.repcontrol_del[type='action'],.charsheet .itemcontrol .tabs button.repcontrol_del[type='action'] { text-transform: lowercase; } - .sheet-tabs button[type='action']:hover, .sheet-tabs button[type='action']:focus, .sheet-tabs button[type='action']:active { + .charsheet .tabs button[type='action']:hover,.charsheet .tabs button[type='action']:focus,.charsheet .tabs button[type='action']:active { text-shadow: inset 0px 0px 3px 1px #e31715; background-color: #610b0d; transform: scale(1.1); } - .sheet-tabs button[type='roll'] { + .charsheet .tabs button[type='roll'] { background: none; border: none; color: #fff; font-family: 'dicefontd6'; font-size: 2.5em; vertical-align: top; } - .sheet-tabs button[type='roll']:hover { + .charsheet .tabs button[type='roll']:hover { text-shadow: 1px 1px 2px #040404, 0 0 25px #610b0d, 0 0 5px #e31715; } - .sheet-tabs h2 { + .charsheet .tabs h2 { color: #fff; font-size: 1em; text-transform: capitalize; @@ -850,100 +743,92 @@ div.sheet-cyberdeck div.sheet-row-long { line-height: 2em; margin-right: 5%; } -/***** TABS FOR SHEETS *****/ -.sheet-settings-toggle input, -.sheet-settings-flag input { + +.charsheet .settings-toggle input,.charsheet .settings-flag input { width: 3em; } -.sheet-settings-toggle input[type='checkbox'] + span, -.sheet-settings-flag input[type='checkbox'] + span { +.charsheet .settings-toggle input[type='checkbox'] + span,.charsheet .settings-flag input[type='checkbox'] + span { background: transparent; font-size: 20px; height: 20px; text-align: center; width: 20px; } -/***** GENERIC STYLES *****/ -select.sheet-attribute-select option:nth-of-type(1n+5) { + +.charsheet select.attribute-select option:nth-of-type(1n+5) { color: #610b0d; } -select.sheet-attribute-select option:nth-of-type(1n+9) { +.charsheet select.attribute-select option:nth-of-type(1n+9) { color: #7a2593; } -select.sheet-limit-select option:nth-of-type(1n+5) { +.charsheet select.limit-select option:nth-of-type(1n+5) { color: #610b0d; } -/*:+:+:+: MATRIX DEVICE :+:+:+:*/ -div.sheet-matrix-device button[name*='Attack']:hover { + +.charsheet div.matrix-device button[name*='Attack']:hover { color: #cc0701; } -div.sheet-matrix-device button[name*='Sleaze']:hover { +.charsheet div.matrix-device button[name*='Sleaze']:hover { color: #007bfc; } -div.sheet-matrix-device button[name*='Data']:hover { +.charsheet div.matrix-device button[name*='Data']:hover { color: #88dd04; } -div.sheet-matrix-device button[name*='Firewall']:hover { +.charsheet div.matrix-device button[name*='Firewall']:hover { color: #f88703; } -div.sheet-matrix-device input[type='radio'] { +.charsheet div.matrix-device input[type='radio'] { position: relative; opacity: 0; z-index: 2; } - div.sheet-matrix-device input[type='radio'] + span { + .charsheet div.matrix-device input[type='radio'] + span { position: relative; } -div.sheet-matrix-device .sheet-matrixAttack { +.charsheet div.matrix-device .matrixAttack { box-shadow: 0px 0px 29px 8px #cc0701; } -div.sheet-matrix-device .sheet-matrixSleaze { +.charsheet div.matrix-device .matrixSleaze { box-shadow: 0px 0px 29px 8px #007bfc; } -div.sheet-matrix-device .sheet-matrixData { +.charsheet div.matrix-device .matrixData { box-shadow: 0px 0px 29px 8px #88dd04; } -div.sheet-matrix-device .sheet-matrixFirewall { +.charsheet div.matrix-device .matrixFirewall { box-shadow: 0px 0px 29px 8px #f88703; } -/***** GRID *****/ -.sheet-pc div.sheet-repeating-container div.repitem div.sheet-settings, .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.sheet-headers, .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.sheet-headers, .sheet-pc div.sheet-skill-box div.sheet-row-long, .sheet-pc div.sheet-arms div.sheet-headers, .sheet-pc div.sheet-magic div.sheet-headers, .sheet-pc div.sheet-matrix div.sheet-complex-forms div.sheet-headers { + +.charsheet .pc div.repeating-container div.repitem div.settings,.charsheet .pc div.core div.quality-box div.quality div.headers,.charsheet .pc div.core div.quality-box div.martial div.headers,.charsheet .pc div.skill-box div.row-long,.charsheet .pc div.arms div.headers,.charsheet .pc div.magic div.headers,.charsheet .pc div.matrix div.complex-forms div.headers { grid-column-gap: 1%; grid-row-gap: 1%; } -/***************************************************************************************/ -/************************** START OF THE PC SHEET *************************************/ -/*************************************************************************************/ -.sheet-pc { + + + +.charsheet .pc { background-color: #333; - background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Shadowrun5thEdition/images/Blackbackground.jpg"); + background-image: url('https://imgsrv.roll20.net//?src=https%3A%2F%2Fraw.githubusercontent.com%2FRoll20%2Froll20-character-sheets%2Fmaster%2FShadowrun5thEdition%2Fimages%2FBlackbackground.jpg'); background-size: cover; border: 3px solid; box-shadow: inset 0px 0px 3px 1px #7c7c7c; margin-left: -1%; padding-left: 0.5%; - /***** DECORATIVE BOX THAT ADDS THE RED OUTLINE ON PC SHEET *****/ - /***** REPEATING CONTAINERS *****/ - /***** STATIC *****/ - /***** CORE *****/ - /***** SKILLS *****/ - /*** ARMS ****/ - /*** AUGS ****/ - /*** GEAR ****/ - /***** MAGIC *****/ - /*** MATRIX ****/ - /*** SOCIAL ****/ } - .sheet-pc button[name*='shots']:hover, - .sheet-pc button > h2:hover, - .sheet-pc button > span:hover, - .sheet-pc label > button[type='roll']:hover, - .sheet-pc .sheet-repeat-box button[type='roll']:hover, - .sheet-pc .sheet-con-track button[type='action']:hover, - .sheet-pc button[data-i18n='default']:hover { + + + + + + + + + + + } + .charsheet .pc button[name*='shots']:hover,.charsheet .pc button > h2:hover,.charsheet .pc button > span:hover,.charsheet .pc label > button[type='roll']:hover,.charsheet .pc .repeat-box button[type='roll']:hover,.charsheet .pc .con-track button[type='action']:hover,.charsheet .pc button[data-i18n='default']:hover { color: #fff; text-shadow: 1px 1px 2px #555, 0 0 25px #fff, 0 0 5px #fff; } - .sheet-pc button:hover > span { + .charsheet .pc button:hover > span { color: #fff; } - .sheet-pc h1 { + .charsheet .pc h1 { background-color: #610b0d; color: #fff; font-size: 1em; @@ -952,28 +837,28 @@ div.sheet-matrix-device .sheet-matrixFirewall { padding-left: 5px; padding-right: 5px; text-transform: uppercase; } - .sheet-pc h2 { + .charsheet .pc h2 { font-size: 0.9em; line-height: 25px; text-transform: capitalize; } - .sheet-pc h3 { + .charsheet .pc h3 { color: rgba(51, 51, 51, 0.59); font-size: 0.8em; text-transform: capitalize; } - .sheet-pc hr { + .charsheet .pc hr { margin: 7px 0px -2px 0px; } - .sheet-pc input { + .charsheet .pc input { border-radius: 0px; } - .sheet-pc .sheet-tabs { + .charsheet .pc .tabs { grid-template-columns: 1fr 5em 1fr 5em 2.5em 5em 5em 5em 5em 5em 5em 5em; grid-column-gap: 0.25%; padding: 0px 1% 3% 1%; margin-top: 1%; grid-row-gap: 10%; - /***** PLAYER DATA INPUTS *****/ } - .sheet-pc .sheet-tabs button[type='roll'] { + } + .charsheet .pc .tabs button[type='roll'] { grid-area: 2 / 5 / 2 / 5; } - .sheet-pc .sheet-tabs h1 { + .charsheet .pc .tabs h1 { background-color: transparent; color: #fff; display: inline-block; @@ -984,20 +869,19 @@ div.sheet-matrix-device .sheet-matrixFirewall { margin-left: 5%; text-align: right; text-transform: uppercase; } - .sheet-pc .sheet-tabs h2[data-i18n-title='/w GM'] { + .charsheet .pc .tabs h2[data-i18n-title='/w GM'] { grid-area: 2 / 1 / 2 / 1; } - .sheet-pc .sheet-tabs h2[data-i18n-title='wounds'] { + .charsheet .pc .tabs h2[data-i18n-title='wounds'] { grid-area: 2 / 3 / 2 / 4; } - .sheet-pc .sheet-tabs h2[data-i18n-title='modifiers'] { + .charsheet .pc .tabs h2[data-i18n-title='modifiers'] { grid-area: 3 / 1 / 3 / 1; } - .sheet-pc .sheet-tabs h2[data-i18n-title='edge'] { + .charsheet .pc .tabs h2[data-i18n-title='edge'] { grid-area: 3 / 3 / 3 / 4; } - .sheet-pc .sheet-tabs img { + .charsheet .pc .tabs img { grid-area: 1 / 1 / 2 / 6; height: 100%; width: 100%; } - .sheet-pc .sheet-tabs label[data-i18n-title='character name'] > input[type='text'], - .sheet-pc .sheet-tabs label[data-i18n-title='player name'] > input[type='text'] { + .charsheet .pc .tabs label[data-i18n-title='character name'] > input[type='text'],.charsheet .pc .tabs label[data-i18n-title='player name'] > input[type='text'] { color: #fff; font-weight: bolder; background-color: transparent; @@ -1008,41 +892,33 @@ div.sheet-matrix-device .sheet-matrixFirewall { height: 30px; width: 100%; grid-column: 4; } - .sheet-pc .sheet-tabs label[data-i18n-title='character name'] { + .charsheet .pc .tabs label[data-i18n-title='character name'] { grid-area: 1 / 8 / 1 / 14; } - .sheet-pc .sheet-tabs label[data-i18n-title='player name'] { + .charsheet .pc .tabs label[data-i18n-title='player name'] { grid-area: 2 / 8 / 2 / 14; } - .sheet-pc .sheet-tabs label[data-i18n-title='whisper rolls to gm'] { + .charsheet .pc .tabs label[data-i18n-title='whisper rolls to gm'] { grid-area: 2 / 2 / 2 / 3; } - .sheet-pc .sheet-tabs label[data-i18n-title='wounds'] { + .charsheet .pc .tabs label[data-i18n-title='wounds'] { grid-area: 2 / 4 / 2 / 5; } - .sheet-pc .sheet-tabs label[data-i18n-title='modifiers'] { + .charsheet .pc .tabs label[data-i18n-title='modifiers'] { grid-area: 3 / 2 / 3 / 3; } - .sheet-pc .sheet-tabs label[data-i18n-title='edge'] { + .charsheet .pc .tabs label[data-i18n-title='edge'] { grid-area: 3 / 4 / 3 / 5; } - .sheet-pc input.sheet-settings-toggle:hover, - .sheet-pc input.sheet-settings-flag:hover, - .sheet-pc input.sheet-collapse-flag:hover { + .charsheet .pc input.settings-toggle:hover,.charsheet .pc input.settings-flag:hover,.charsheet .pc input.collapse-flag:hover { cursor: pointer; } - .sheet-pc input.sheet-settings-toggle.sheet-settings-toggle + span, - .sheet-pc input.sheet-settings-flag.sheet-settings-toggle + span, - .sheet-pc input.sheet-collapse-flag.sheet-settings-toggle + span { + .charsheet .pc input.settings-toggle.settings-toggle + span,.charsheet .pc input.settings-flag.settings-toggle + span,.charsheet .pc input.collapse-flag.settings-toggle + span { font-family: 'pictos'; } - .sheet-pc input.sheet-settings-toggle:checked + span, - .sheet-pc input.sheet-settings-flag:checked + span, - .sheet-pc input.sheet-collapse-flag:checked + span { + .charsheet .pc input.settings-toggle:checked + span,.charsheet .pc input.settings-flag:checked + span,.charsheet .pc input.collapse-flag:checked + span { color: #610b0d; } - .sheet-pc input.sheet-settings-toggle:hover + span, - .sheet-pc input.sheet-settings-flag:hover + span, - .sheet-pc input.sheet-collapse-flag:hover + span { + .charsheet .pc input.settings-toggle:hover + span,.charsheet .pc input.settings-flag:hover + span,.charsheet .pc input.collapse-flag:hover + span { transform: scale(1.1); } - .sheet-pc select { + .charsheet .pc select { height: 1.8em; padding: 0px; color: #040404; } - .sheet-pc input.sheet-display-flag { + .charsheet .pc input.display-flag { position: absolute; } - .sheet-pc div.sheet-border-box { + .charsheet .pc div.border-box { background-image: -moz-linear-gradient(#610b0d, transparent), -moz-linear-gradient(#610b0d, transparent); background-image: -o-linear-gradient(#610b0d, transparent), -o-linear-gradient(#610b0d, transparent); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#610b0d), to(transparent)); @@ -1052,512 +928,373 @@ div.sheet-matrix-device .sheet-matrixFirewall { clear: both; border-top-right-radius: 10px; border-top-left-radius: 0px; } - .sheet-pc div.sheet-border-box button[type='roll'] { + .charsheet .pc div.border-box button[type='roll'] { font-size: 0.8em; font-weight: bold; } - .sheet-pc div.sheet-border-box div.sheet-pc-box { + .charsheet .pc div.border-box div.pc-box { border-top-right-radius: 10px; border-top-left-radius: 0px; } - .sheet-pc div.sheet-repeating-container div.repitem { + .charsheet .pc div.repeating-container div.repitem { display: inline-grid; padding: 1% 0.5%; grid-column-gap: 1%; } - .sheet-pc div.sheet-repeating-container div.repitem button[type='roll'] { + .charsheet .pc div.repeating-container div.repitem button[type='roll'] { text-align: left; margin: 0px; } - .sheet-pc div.sheet-repeating-container div.repitem input:nth-of-type(1n+2) { + .charsheet .pc div.repeating-container div.repitem input:nth-of-type(1n+2) { text-align: center; } - .sheet-pc div.sheet-repeating-container div.repitem input[type='text'], .sheet-pc div.sheet-repeating-container div.repitem input[type='number'] { + .charsheet .pc div.repeating-container div.repitem input[type='text'],.charsheet .pc div.repeating-container div.repitem input[type='number'] { width: 100%; } - .sheet-pc div.sheet-repeating-container div.repitem label { + .charsheet .pc div.repeating-container div.repitem label { padding-right: 0px; } - .sheet-pc div.sheet-repeating-container div.repitem label input[name='attr_name'], - .sheet-pc div.sheet-repeating-container div.repitem label input[name='attr_weapon'], - .sheet-pc div.sheet-repeating-container div.repitem label input[name='attr_quality'] { + .charsheet .pc div.repeating-container div.repitem label input[name='attr_name'],.charsheet .pc div.repeating-container div.repitem label input[name='attr_weapon'],.charsheet .pc div.repeating-container div.repitem label input[name='attr_quality'] { text-align: left; } - .sheet-pc div.sheet-repeating-container div.repitem label[data-i18n-title='modifier'] { + .charsheet .pc div.repeating-container div.repitem label[data-i18n-title='modifier'] { width: 3em; } - .sheet-pc div.sheet-repeating-container div.repitem div.sheet-settings { + .charsheet .pc div.repeating-container div.repitem div.settings { background-color: #cccccc; border-left: 2px solid #555; padding: 2% 1%; width: 100%; } - .sheet-pc div.sheet-repeating-container div.repitem div.sheet-settings select { + .charsheet .pc div.repeating-container div.repitem div.settings select { text-transform: capitalize; } - .sheet-pc div.sheet-repeating-container div.repitem div.sheet-collapse { + .charsheet .pc div.repeating-container div.repitem div.collapse { padding-left: 5%; } - .sheet-pc div.repitem { + .charsheet .pc div.repitem { width: 100%; } - .sheet-pc div.repitem input[type='number'] { + .charsheet .pc div.repitem input[type='number'] { text-align: center; } - .sheet-pc div.sheet-static { + .charsheet .pc div.static { margin-right: 0.5%; transition: transform .2s; } - .sheet-pc div.sheet-static div.sheet-border-box, - .sheet-pc div.sheet-static div.sheet-border-box .sheet-pc-box { + .charsheet .pc div.static div.border-box,.charsheet .pc div.static div.border-box .pc-box { border-top-right-radius: 0px; border-top-left-radius: 10px; } - .sheet-pc div.sheet-static input[type='text'], .sheet-pc div.sheet-static input[type='number'] { + .charsheet .pc div.static input[type='text'],.charsheet .pc div.static input[type='number'] { background-color: transparent; border: none; width: 100%; } - .sheet-pc div.sheet-static input[type='text']:placeholder-shown, .sheet-pc div.sheet-static input[type='number']:placeholder-shown { + .charsheet .pc div.static input[type='text']:placeholder-shown,.charsheet .pc div.static input[type='number']:placeholder-shown { background-color: rgba(28, 28, 28, 0.14902); } - .sheet-pc div.sheet-static div.sheet-info div.sheet-row-long { + .charsheet .pc div.static div.info div.row-long { margin-top: 1%; width: 100%; } - .sheet-pc div.sheet-static div.sheet-info input[type='text'], .sheet-pc div.sheet-static div.sheet-info input[type='number'] { + .charsheet .pc div.static div.info input[type='text'],.charsheet .pc div.static div.info input[type='number'] { margin-top: 1%; } - .sheet-pc div.sheet-static div.sheet-attributes { + .charsheet .pc div.static div.attributes { min-height: 350px; } - .sheet-pc div.sheet-static div.sheet-attributes h3 { + .charsheet .pc div.static div.attributes h3 { color: #000; line-height: 20px; text-align: right; width: 100%; } - .sheet-pc div.sheet-static div.sheet-attributes button { + .charsheet .pc div.static div.attributes button { margin-bottom: 2%; width: 100%; } - .sheet-pc div.sheet-static div.sheet-attributes button:hover, .sheet-pc div.sheet-static div.sheet-attributes button:focus, .sheet-pc div.sheet-static div.sheet-attributes button:active { + .charsheet .pc div.static div.attributes button:hover,.charsheet .pc div.static div.attributes button:focus,.charsheet .pc div.static div.attributes button:active { color: #fff; transform: scale(1.1); } - .sheet-pc div.sheet-static div.sheet-attributes div.sheet-attribute { + .charsheet .pc div.static div.attributes div.attribute { grid-template-columns: 1fr 1.2fr; } - .sheet-pc div.sheet-static div.sheet-attributes div.sheet-attribute div.sheet-attribute-row { + .charsheet .pc div.static div.attributes div.attribute div.attribute-row { grid-template-columns: 35% 1fr; grid-column-gap: 3%; margin-bottom: 2%; width: 100%; } - .sheet-pc div.sheet-static div.sheet-attributes div.sheet-attribute div.sheet-attribute-row input[type='number'] { + .charsheet .pc div.static div.attributes div.attribute div.attribute-row input[type='number'] { margin-bottom: 1.5%; padding: 1px; width: 1.8em; } - .sheet-pc div.sheet-static div.sheet-attributes div.sheet-attribute div.sheet-attribute-row span.sheet-tiny { + .charsheet .pc div.static div.attributes div.attribute div.attribute-row span.tiny { margin: 0px 1.5%; } - .sheet-pc div.sheet-static div.sheet-attributes div.sheet-attribute div.sheet-attribute-row .sheet-d-block { + .charsheet .pc div.static div.attributes div.attribute div.attribute-row .d-block { min-height: 20px; } - .sheet-pc div.sheet-static div.sheet-attributes div.sheet-attribute span[name*="attr_display"] { + .charsheet .pc div.static div.attributes div.attribute span[name*="attr_display"] { height: 20px; } - .sheet-pc div.sheet-static div.sheet-attributes input.sheet-settings-toggle { + .charsheet .pc div.static div.attributes input.settings-toggle { left: 98%; } - .sheet-pc div.sheet-static div.sheet-attributes input.sheet-settings-toggle + span { + .charsheet .pc div.static div.attributes input.settings-toggle + span { font-size: 1em; left: 94%; top: 0px; position: relative; } - .sheet-pc div.sheet-static div.sheet-attributes div.sheet-edge-row { + .charsheet .pc div.static div.attributes div.edge-row { grid-column: 1 / 1; grid-template-columns: repeat(8, 20px); grid-column-gap: 2%; } - .sheet-pc div.sheet-static div.sheet-attributes div.sheet-edge-row input[type='checkbox'] { + .charsheet .pc div.static div.attributes div.edge-row input[type='checkbox'] { height: 100%; width: 100%; opacity: 0; z-index: 2; } - .sheet-pc div.sheet-static div.sheet-attributes div.sheet-edge-row div.sheet-edge input, .sheet-pc div.sheet-static div.sheet-attributes div.sheet-edge-row div.sheet-edge .sheet-hexagon { + .charsheet .pc div.static div.attributes div.edge-row div.edge input,.charsheet .pc div.static div.attributes div.edge-row div.edge .hexagon { grid-area: 1 / 1 / 1 / 1; } - .sheet-pc div.sheet-static div.sheet-attributes div.sheet-edge-row input.sheet-edge-hider[value='1'] ~ div.sheet-edge:nth-of-type(1n+2) { + .charsheet .pc div.static div.attributes div.edge-row input.edge-hider[value='1'] ~ div.edge:nth-of-type(1n+2) { display: none; } - .sheet-pc div.sheet-static div.sheet-attributes div.sheet-edge-row input.sheet-edge-hider[value='2'] ~ div.sheet-edge:nth-of-type(1n+3) { + .charsheet .pc div.static div.attributes div.edge-row input.edge-hider[value='2'] ~ div.edge:nth-of-type(1n+3) { display: none; } - .sheet-pc div.sheet-static div.sheet-attributes div.sheet-edge-row input.sheet-edge-hider[value='3'] ~ div.sheet-edge:nth-of-type(1n+4) { + .charsheet .pc div.static div.attributes div.edge-row input.edge-hider[value='3'] ~ div.edge:nth-of-type(1n+4) { display: none; } - .sheet-pc div.sheet-static div.sheet-attributes div.sheet-edge-row input.sheet-edge-hider[value='4'] ~ div.sheet-edge:nth-of-type(1n+5) { + .charsheet .pc div.static div.attributes div.edge-row input.edge-hider[value='4'] ~ div.edge:nth-of-type(1n+5) { display: none; } - .sheet-pc div.sheet-static div.sheet-attributes div.sheet-edge-row input.sheet-edge-hider[value='5'] ~ div.sheet-edge:nth-of-type(1n+6) { + .charsheet .pc div.static div.attributes div.edge-row input.edge-hider[value='5'] ~ div.edge:nth-of-type(1n+6) { display: none; } - .sheet-pc div.sheet-static div.sheet-attributes div.sheet-edge-row input.sheet-edge-hider[value='6'] ~ div.sheet-edge:nth-of-type(1n+7) { + .charsheet .pc div.static div.attributes div.edge-row input.edge-hider[value='6'] ~ div.edge:nth-of-type(1n+7) { display: none; } - .sheet-pc div.sheet-static div.sheet-attributes div.sheet-edge-row input.sheet-edge-hider[value='7'] ~ div.sheet-edge:nth-of-type(1n+8) { + .charsheet .pc div.static div.attributes div.edge-row input.edge-hider[value='7'] ~ div.edge:nth-of-type(1n+8) { display: none; } - .sheet-pc div.sheet-static div.sheet-attributes div.sheet-edge-row input.sheet-edge-hider[value='8'] ~ div.sheet-edge:nth-of-type(1n+9) { + .charsheet .pc div.static div.attributes div.edge-row input.edge-hider[value='8'] ~ div.edge:nth-of-type(1n+9) { display: none; } - .sheet-pc div.sheet-static div.sheet-attributes div.sheet-limits-row { + .charsheet .pc div.static div.attributes div.limits-row { grid-column: 1 / 3; grid-template-columns: repeat(3, 1fr); } - .sheet-pc div.sheet-static div.sheet-attributes div.sheet-limits-row div.sheet-limit { + .charsheet .pc div.static div.attributes div.limits-row div.limit { grid-template-columns: 1fr 4em; } - .sheet-pc div.sheet-static div.sheet-attributes div.sheet-limits-row div.sheet-limit label { + .charsheet .pc div.static div.attributes div.limits-row div.limit label { width: 2em; } - .sheet-pc div.sheet-static div.sheet-attributes div.sheet-limits-row div.sheet-limit div.sheet-settings span { + .charsheet .pc div.static div.attributes div.limits-row div.limit div.settings span { margin-left: 8%; } - .sheet-pc div.sheet-core { - /***** QUALITIES *****/ } - .sheet-pc div.sheet-core div.sheet-armor-buttons { + .charsheet .pc div.core { + } + .charsheet .pc div.core div.armor-buttons { display: inline-block; font-size: 1.5em; line-height: 20px; margin-left: 1%; width: 33%; } - .sheet-pc div.sheet-core div.sheet-armor-buttons button[type='roll'] { + .charsheet .pc div.core div.armor-buttons button[type='roll'] { margin-right: -5px; } - .sheet-pc div.sheet-core div.sheet-armor-buttons button[name='roll_defense'] { + .charsheet .pc div.core div.armor-buttons button[name='roll_defense'] { background-color: #555; color: #fff; } - .sheet-pc div.sheet-core div.sheet-armor-buttons span { + .charsheet .pc div.core div.armor-buttons span { font-size: 1em; } - .sheet-pc div.sheet-core button[name="act_primary_ammo"]:hover > img { + .charsheet .pc div.core button[name="act_primary_ammo"]:hover > img { filter: brightness(0) invert(1); } - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-htab input[type='radio'] { + .charsheet .pc div.core div.quality-box div.htab input[type='radio'] { margin-right: -100px; width: 100px; } - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-header:nth-of-type(2) .sheet-htab input[type='radio'] { + .charsheet .pc div.core div.quality-box div.header:nth-of-type(2) .htab input[type='radio'] { margin-right: -150px; width: 150px; } - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality h2:nth-of-type(2) { + .charsheet .pc div.core div.quality-box div.quality h2:nth-of-type(2) { text-align: center; } - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.sheet-headers { + .charsheet .pc div.core div.quality-box div.quality div.headers { display: grid; grid-template-columns: 1fr 3em 1.5em 1em 1em; } - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem { + .charsheet .pc div.core div.quality-box div.quality div.repitem { grid-template-columns: 1fr 3em 1.5em 1em 1em; } - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem label[data-i18n-title='notes'], - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem h3[data-i18n='notes'], - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem div.sheet-collapse { + .charsheet .pc div.core div.quality-box div.quality div.repitem label[data-i18n-title='notes'],.charsheet .pc div.core div.quality-box div.quality div.repitem h3[data-i18n='notes'],.charsheet .pc div.core div.quality-box div.quality div.repitem div.collapse { grid-column: 1 / 6; } - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem label[data-i18n-title='notes'] span[name='attr_notes'], - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem h3[data-i18n='notes'] span[name='attr_notes'], - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem div.sheet-collapse span[name='attr_notes'] { + .charsheet .pc div.core div.quality-box div.quality div.repitem label[data-i18n-title='notes'] span[name='attr_notes'],.charsheet .pc div.core div.quality-box div.quality div.repitem h3[data-i18n='notes'] span[name='attr_notes'],.charsheet .pc div.core div.quality-box div.quality div.repitem div.collapse span[name='attr_notes'] { white-space: pre-line; } - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem input.sheet-collapse-flag { + .charsheet .pc div.core div.quality-box div.quality div.repitem input.collapse-flag { grid-area: 1 / 4 / 1 / 5; } - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem input.sheet-collapse-flag + span.sheet-pictos, .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem .sheet-settings-toggle input.sheet-collapse-flag[type='checkbox'] + span, .sheet-settings-toggle .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem input.sheet-collapse-flag[type='checkbox'] + span, - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem .sheet-settings-flag input.sheet-collapse-flag[type='checkbox'] + span, .sheet-settings-flag .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem input.sheet-collapse-flag[type='checkbox'] + span, .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_edit:after, .repcontrol .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem input.sheet-collapse-flag + span.repcontrol_edit:after, - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_add:after, .repcontrol .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem input.sheet-collapse-flag + span.repcontrol_add:after, .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem .itemcontrol input.sheet-collapse-flag + span.repcontrol_del, .itemcontrol .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem input.sheet-collapse-flag + span.repcontrol_del { + .charsheet .pc div.core div.quality-box div.quality div.repitem input.collapse-flag + span.pictos,.charsheet .pc div.core div.quality-box div.quality div.repitem .settings-toggle input.collapse-flag[type='checkbox'] + span,.charsheet .settings-toggle .pc div.core div.quality-box div.quality div.repitem input.collapse-flag[type='checkbox'] + span,.charsheet .pc div.core div.quality-box div.quality div.repitem .settings-flag input.collapse-flag[type='checkbox'] + span,.charsheet .settings-flag .pc div.core div.quality-box div.quality div.repitem input.collapse-flag[type='checkbox'] + span,.charsheet .pc div.core div.quality-box div.quality div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after,.charsheet .repcontrol .pc div.core div.quality-box div.quality div.repitem input.collapse-flag + span.repcontrol_edit:after,.charsheet .pc div.core div.quality-box div.quality div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,.charsheet .repcontrol .pc div.core div.quality-box div.quality div.repitem input.collapse-flag + span.repcontrol_add:after,.charsheet .pc div.core div.quality-box div.quality div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del,.charsheet .itemcontrol .pc div.core div.quality-box div.quality div.repitem input.collapse-flag + span.repcontrol_del { grid-area: 1 / 4 / 1 / 5; } - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem input.sheet-settings-flag, - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem input.sheet-settings-flag + span.sheet-pictos, - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem .sheet-settings-toggle input.sheet-settings-flag[type='checkbox'] + span, - .sheet-settings-toggle .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem input.sheet-settings-flag[type='checkbox'] + span, - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem .sheet-settings-flag input.sheet-settings-flag[type='checkbox'] + span, - .sheet-settings-flag .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem input.sheet-settings-flag[type='checkbox'] + span, - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_edit:after, - .repcontrol .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem input.sheet-settings-flag + span.repcontrol_edit:after, - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_add:after, - .repcontrol .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem input.sheet-settings-flag + span.repcontrol_add:after, - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem .itemcontrol input.sheet-settings-flag + span.repcontrol_del, - .itemcontrol .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem input.sheet-settings-flag + span.repcontrol_del { + .charsheet .pc div.core div.quality-box div.quality div.repitem input.settings-flag,.charsheet .pc div.core div.quality-box div.quality div.repitem input.settings-flag + span.pictos,.charsheet .pc div.core div.quality-box div.quality div.repitem .settings-toggle input.settings-flag[type='checkbox'] + span,.charsheet .settings-toggle .pc div.core div.quality-box div.quality div.repitem input.settings-flag[type='checkbox'] + span,.charsheet .pc div.core div.quality-box div.quality div.repitem .settings-flag input.settings-flag[type='checkbox'] + span,.charsheet .settings-flag .pc div.core div.quality-box div.quality div.repitem input.settings-flag[type='checkbox'] + span,.charsheet .pc div.core div.quality-box div.quality div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,.charsheet .repcontrol .pc div.core div.quality-box div.quality div.repitem input.settings-flag + span.repcontrol_edit:after,.charsheet .pc div.core div.quality-box div.quality div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,.charsheet .repcontrol .pc div.core div.quality-box div.quality div.repitem input.settings-flag + span.repcontrol_add:after,.charsheet .pc div.core div.quality-box div.quality div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,.charsheet .itemcontrol .pc div.core div.quality-box div.quality div.repitem input.settings-flag + span.repcontrol_del { grid-area: 1 / 5 / 1 / 6; } - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem div.sheet-settings { + .charsheet .pc div.core div.quality-box div.quality div.repitem div.settings { grid-column: 1 / 6; grid-template-columns: 1fr 3em 1.5em 1em 1em; } - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial h2:nth-of-type(2) { + .charsheet .pc div.core div.quality-box div.martial h2:nth-of-type(2) { text-align: center; } - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.sheet-headers { + .charsheet .pc div.core div.quality-box div.martial div.headers { display: grid; grid-template-columns: 2fr 1fr 1.5em 1em 1em; } - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem { + .charsheet .pc div.core div.quality-box div.martial div.repitem { grid-template-columns: 2fr 1fr 1.5em 1em 1em; } - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem label[data-i18n-title='notes'], - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem h3[data-i18n='notes'], - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem div.sheet-collapse { + .charsheet .pc div.core div.quality-box div.martial div.repitem label[data-i18n-title='notes'],.charsheet .pc div.core div.quality-box div.martial div.repitem h3[data-i18n='notes'],.charsheet .pc div.core div.quality-box div.martial div.repitem div.collapse { grid-column: 1 / 6; } - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem label[data-i18n-title='notes'] span[name='attr_notes'], - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem h3[data-i18n='notes'] span[name='attr_notes'], - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem div.sheet-collapse span[name='attr_notes'] { + .charsheet .pc div.core div.quality-box div.martial div.repitem label[data-i18n-title='notes'] span[name='attr_notes'],.charsheet .pc div.core div.quality-box div.martial div.repitem h3[data-i18n='notes'] span[name='attr_notes'],.charsheet .pc div.core div.quality-box div.martial div.repitem div.collapse span[name='attr_notes'] { white-space: pre-line; } - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem input.sheet-collapse-flag { + .charsheet .pc div.core div.quality-box div.martial div.repitem input.collapse-flag { grid-area: 1 / 4 / 1 / 5; } - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem input.sheet-collapse-flag + span.sheet-pictos, .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem .sheet-settings-toggle input.sheet-collapse-flag[type='checkbox'] + span, .sheet-settings-toggle .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem input.sheet-collapse-flag[type='checkbox'] + span, - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem .sheet-settings-flag input.sheet-collapse-flag[type='checkbox'] + span, .sheet-settings-flag .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem input.sheet-collapse-flag[type='checkbox'] + span, .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_edit:after, .repcontrol .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem input.sheet-collapse-flag + span.repcontrol_edit:after, - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_add:after, .repcontrol .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem input.sheet-collapse-flag + span.repcontrol_add:after, .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem .itemcontrol input.sheet-collapse-flag + span.repcontrol_del, .itemcontrol .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem input.sheet-collapse-flag + span.repcontrol_del { + .charsheet .pc div.core div.quality-box div.martial div.repitem input.collapse-flag + span.pictos,.charsheet .pc div.core div.quality-box div.martial div.repitem .settings-toggle input.collapse-flag[type='checkbox'] + span,.charsheet .settings-toggle .pc div.core div.quality-box div.martial div.repitem input.collapse-flag[type='checkbox'] + span,.charsheet .pc div.core div.quality-box div.martial div.repitem .settings-flag input.collapse-flag[type='checkbox'] + span,.charsheet .settings-flag .pc div.core div.quality-box div.martial div.repitem input.collapse-flag[type='checkbox'] + span,.charsheet .pc div.core div.quality-box div.martial div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after,.charsheet .repcontrol .pc div.core div.quality-box div.martial div.repitem input.collapse-flag + span.repcontrol_edit:after,.charsheet .pc div.core div.quality-box div.martial div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,.charsheet .repcontrol .pc div.core div.quality-box div.martial div.repitem input.collapse-flag + span.repcontrol_add:after,.charsheet .pc div.core div.quality-box div.martial div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del,.charsheet .itemcontrol .pc div.core div.quality-box div.martial div.repitem input.collapse-flag + span.repcontrol_del { grid-area: 1 / 4 / 1 / 5; } - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem input.sheet-settings-flag, - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem input.sheet-settings-flag + span.sheet-pictos, - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem .sheet-settings-toggle input.sheet-settings-flag[type='checkbox'] + span, - .sheet-settings-toggle .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem input.sheet-settings-flag[type='checkbox'] + span, - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem .sheet-settings-flag input.sheet-settings-flag[type='checkbox'] + span, - .sheet-settings-flag .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem input.sheet-settings-flag[type='checkbox'] + span, - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_edit:after, - .repcontrol .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem input.sheet-settings-flag + span.repcontrol_edit:after, - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_add:after, - .repcontrol .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem input.sheet-settings-flag + span.repcontrol_add:after, - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem .itemcontrol input.sheet-settings-flag + span.repcontrol_del, - .itemcontrol .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem input.sheet-settings-flag + span.repcontrol_del { + .charsheet .pc div.core div.quality-box div.martial div.repitem input.settings-flag,.charsheet .pc div.core div.quality-box div.martial div.repitem input.settings-flag + span.pictos,.charsheet .pc div.core div.quality-box div.martial div.repitem .settings-toggle input.settings-flag[type='checkbox'] + span,.charsheet .settings-toggle .pc div.core div.quality-box div.martial div.repitem input.settings-flag[type='checkbox'] + span,.charsheet .pc div.core div.quality-box div.martial div.repitem .settings-flag input.settings-flag[type='checkbox'] + span,.charsheet .settings-flag .pc div.core div.quality-box div.martial div.repitem input.settings-flag[type='checkbox'] + span,.charsheet .pc div.core div.quality-box div.martial div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,.charsheet .repcontrol .pc div.core div.quality-box div.martial div.repitem input.settings-flag + span.repcontrol_edit:after,.charsheet .pc div.core div.quality-box div.martial div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,.charsheet .repcontrol .pc div.core div.quality-box div.martial div.repitem input.settings-flag + span.repcontrol_add:after,.charsheet .pc div.core div.quality-box div.martial div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,.charsheet .itemcontrol .pc div.core div.quality-box div.martial div.repitem input.settings-flag + span.repcontrol_del { grid-area: 1 / 5 / 1 / 6; } - .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem div.sheet-settings { + .charsheet .pc div.core div.quality-box div.martial div.repitem div.settings { grid-column: 1 / 6; grid-template-columns: 2fr 1fr 1.5em 1em 1em; } - .sheet-pc div.sheet-skill-box h2:nth-of-type(1n+2) { + .charsheet .pc div.skill-box h2:nth-of-type(1n+2) { text-align: center; } - .sheet-pc div.sheet-skill-box label { + .charsheet .pc div.skill-box label { display: inline-block; font-size: 0.8em; text-transform: capitalize; } - .sheet-pc div.sheet-skill-box label[data-i18n-title='ratingmodifier'] { + .charsheet .pc div.skill-box label[data-i18n-title='ratingmodifier'] { grid-area: 1 / 3 / 1 / 7; width: 100%; } - .sheet-pc div.sheet-skill-box label[data-i18n-title='ratingmodifier'] input[type='number'] { + .charsheet .pc div.skill-box label[data-i18n-title='ratingmodifier'] input[type='number'] { width: 3em; } - .sheet-pc div.sheet-skill-box label[data-i18n-title='specialization'] { + .charsheet .pc div.skill-box label[data-i18n-title='specialization'] { grid-area: 3 / 1 / 3 / 7; } - .sheet-pc div.sheet-skill-box label[data-i18n-title='notes'], .sheet-pc div.sheet-skill-box label textarea { + .charsheet .pc div.skill-box label[data-i18n-title='notes'],.charsheet .pc div.skill-box label textarea { grid-area: 4 / 1 / 4 / 7; } - .sheet-pc div.sheet-skill-box label > input { + .charsheet .pc div.skill-box label > input { text-align: left; border-radius: 0px; width: 100%; } - .sheet-pc div.sheet-skill-box div.sheet-buttons { + .charsheet .pc div.skill-box div.buttons { display: grid; grid-template-columns: repeat(2, 1.5fr); overflow: hidden; } - .sheet-pc div.sheet-skill-box input[name='attr_specialization'][value=''] ~ div.sheet-buttons { + .charsheet .pc div.skill-box input[name='attr_specialization'][value=''] ~ div.buttons { grid-template-columns: 1fr; } - .sheet-pc div.sheet-skill-box input[name='attr_rating_modifier'] { + .charsheet .pc div.skill-box input[name='attr_rating_modifier'] { width: 3.5em; } - .sheet-pc div.sheet-skill-box div.sheet-row-long { + .charsheet .pc div.skill-box div.row-long { grid-template-columns: 1fr 3.5em 5em 5em 1em 1em; padding: 1% 0.5%; width: 100%; } - .sheet-pc div.sheet-skill-box div.sheet-row-long h3:nth-of-type(1n+2) { + .charsheet .pc div.skill-box div.row-long h3:nth-of-type(1n+2) { text-align: center; } - .sheet-pc div.sheet-skill-box option.sheet-option-headers { + .charsheet .pc div.skill-box option.option-headers { opacity: 0.2; } - .sheet-pc div.sheet-skill-box option.sheet-option-groups { + .charsheet .pc div.skill-box option.option-groups { font-size: 1em; font-style: italic; } - .sheet-pc div.sheet-skill-box div.repitem { + .charsheet .pc div.skill-box div.repitem { grid-template-columns: 1fr 3.5em 5em 5em 1em 1em; } - .sheet-pc div.sheet-skill-box div.repitem label[data-i18n-title='notes'], - .sheet-pc div.sheet-skill-box div.repitem h3[data-i18n='notes'], - .sheet-pc div.sheet-skill-box div.repitem div.sheet-collapse { + .charsheet .pc div.skill-box div.repitem label[data-i18n-title='notes'],.charsheet .pc div.skill-box div.repitem h3[data-i18n='notes'],.charsheet .pc div.skill-box div.repitem div.collapse { grid-column: 1 / 7; } - .sheet-pc div.sheet-skill-box div.repitem label[data-i18n-title='notes'] span[name='attr_notes'], - .sheet-pc div.sheet-skill-box div.repitem h3[data-i18n='notes'] span[name='attr_notes'], - .sheet-pc div.sheet-skill-box div.repitem div.sheet-collapse span[name='attr_notes'] { + .charsheet .pc div.skill-box div.repitem label[data-i18n-title='notes'] span[name='attr_notes'],.charsheet .pc div.skill-box div.repitem h3[data-i18n='notes'] span[name='attr_notes'],.charsheet .pc div.skill-box div.repitem div.collapse span[name='attr_notes'] { white-space: pre-line; } - .sheet-pc div.sheet-skill-box div.repitem input.sheet-collapse-flag { + .charsheet .pc div.skill-box div.repitem input.collapse-flag { grid-area: 1 / 5 / 1 / 6; } - .sheet-pc div.sheet-skill-box div.repitem input.sheet-collapse-flag + span.sheet-pictos, .sheet-pc div.sheet-skill-box div.repitem .sheet-settings-toggle input.sheet-collapse-flag[type='checkbox'] + span, .sheet-settings-toggle .sheet-pc div.sheet-skill-box div.repitem input.sheet-collapse-flag[type='checkbox'] + span, - .sheet-pc div.sheet-skill-box div.repitem .sheet-settings-flag input.sheet-collapse-flag[type='checkbox'] + span, .sheet-settings-flag .sheet-pc div.sheet-skill-box div.repitem input.sheet-collapse-flag[type='checkbox'] + span, .sheet-pc div.sheet-skill-box div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_edit:after, .repcontrol .sheet-pc div.sheet-skill-box div.repitem input.sheet-collapse-flag + span.repcontrol_edit:after, - .sheet-pc div.sheet-skill-box div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_add:after, .repcontrol .sheet-pc div.sheet-skill-box div.repitem input.sheet-collapse-flag + span.repcontrol_add:after, .sheet-pc div.sheet-skill-box div.repitem .itemcontrol input.sheet-collapse-flag + span.repcontrol_del, .itemcontrol .sheet-pc div.sheet-skill-box div.repitem input.sheet-collapse-flag + span.repcontrol_del { + .charsheet .pc div.skill-box div.repitem input.collapse-flag + span.pictos,.charsheet .pc div.skill-box div.repitem .settings-toggle input.collapse-flag[type='checkbox'] + span,.charsheet .settings-toggle .pc div.skill-box div.repitem input.collapse-flag[type='checkbox'] + span,.charsheet .pc div.skill-box div.repitem .settings-flag input.collapse-flag[type='checkbox'] + span,.charsheet .settings-flag .pc div.skill-box div.repitem input.collapse-flag[type='checkbox'] + span,.charsheet .pc div.skill-box div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after,.charsheet .repcontrol .pc div.skill-box div.repitem input.collapse-flag + span.repcontrol_edit:after,.charsheet .pc div.skill-box div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,.charsheet .repcontrol .pc div.skill-box div.repitem input.collapse-flag + span.repcontrol_add:after,.charsheet .pc div.skill-box div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del,.charsheet .itemcontrol .pc div.skill-box div.repitem input.collapse-flag + span.repcontrol_del { grid-area: 1 / 5 / 1 / 6; } - .sheet-pc div.sheet-skill-box div.repitem input.sheet-settings-flag, - .sheet-pc div.sheet-skill-box div.repitem input.sheet-settings-flag + span.sheet-pictos, - .sheet-pc div.sheet-skill-box div.repitem .sheet-settings-toggle input.sheet-settings-flag[type='checkbox'] + span, - .sheet-settings-toggle .sheet-pc div.sheet-skill-box div.repitem input.sheet-settings-flag[type='checkbox'] + span, - .sheet-pc div.sheet-skill-box div.repitem .sheet-settings-flag input.sheet-settings-flag[type='checkbox'] + span, - .sheet-settings-flag .sheet-pc div.sheet-skill-box div.repitem input.sheet-settings-flag[type='checkbox'] + span, - .sheet-pc div.sheet-skill-box div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_edit:after, - .repcontrol .sheet-pc div.sheet-skill-box div.repitem input.sheet-settings-flag + span.repcontrol_edit:after, - .sheet-pc div.sheet-skill-box div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_add:after, - .repcontrol .sheet-pc div.sheet-skill-box div.repitem input.sheet-settings-flag + span.repcontrol_add:after, - .sheet-pc div.sheet-skill-box div.repitem .itemcontrol input.sheet-settings-flag + span.repcontrol_del, - .itemcontrol .sheet-pc div.sheet-skill-box div.repitem input.sheet-settings-flag + span.repcontrol_del { + .charsheet .pc div.skill-box div.repitem input.settings-flag,.charsheet .pc div.skill-box div.repitem input.settings-flag + span.pictos,.charsheet .pc div.skill-box div.repitem .settings-toggle input.settings-flag[type='checkbox'] + span,.charsheet .settings-toggle .pc div.skill-box div.repitem input.settings-flag[type='checkbox'] + span,.charsheet .pc div.skill-box div.repitem .settings-flag input.settings-flag[type='checkbox'] + span,.charsheet .settings-flag .pc div.skill-box div.repitem input.settings-flag[type='checkbox'] + span,.charsheet .pc div.skill-box div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,.charsheet .repcontrol .pc div.skill-box div.repitem input.settings-flag + span.repcontrol_edit:after,.charsheet .pc div.skill-box div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,.charsheet .repcontrol .pc div.skill-box div.repitem input.settings-flag + span.repcontrol_add:after,.charsheet .pc div.skill-box div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,.charsheet .itemcontrol .pc div.skill-box div.repitem input.settings-flag + span.repcontrol_del { grid-area: 1 / 6 / 1 / 7; } - .sheet-pc div.sheet-skill-box div.repitem input[name='attr_damage'], - .sheet-pc div.sheet-skill-box div.repitem input[name='attr_dicepool_modifier'] { + .charsheet .pc div.skill-box div.repitem input[name='attr_damage'],.charsheet .pc div.skill-box div.repitem input[name='attr_dicepool_modifier'] { width: 3.5em; } - .sheet-pc div.sheet-skill-box div.repitem div.sheet-settings { + .charsheet .pc div.skill-box div.repitem div.settings { grid-column: 1 / 7; grid-template-columns: 1fr 3.5em 5em 5em 1em 1em; } - .sheet-pc div.sheet-arms div.sheet-headers { + .charsheet .pc div.arms div.headers { display: grid; } - .sheet-pc div.sheet-arms div.sheet-headers h2:nth-of-type(1n+2) { + .charsheet .pc div.arms div.headers h2:nth-of-type(1n+2) { text-align: center; } - .sheet-pc div.sheet-arms div.repitem h3 { + .charsheet .pc div.arms div.repitem h3 { color: #040404; } - .sheet-pc div.sheet-arms div.repitem input:nth-of-type(1n+2) { + .charsheet .pc div.arms div.repitem input:nth-of-type(1n+2) { text-align: center; } - .sheet-pc div.sheet-arms div.repitem input.sheet-flag-primary[value='primary'] + button { + .charsheet .pc div.arms div.repitem input.flag-primary[value='primary'] + button { background-color: #FCD116; border-bottom: 2px solid #040404; } - .sheet-pc div.sheet-arms div.sheet-weapons div.sheet-headers { + .charsheet .pc div.arms div.weapons div.headers { grid-template-columns: 25% 1.25fr 3em 2.5em 3em repeat(2, 1fr) repeat(2, 1em); } - .sheet-pc div.sheet-arms div.sheet-weapons div.repitem { + .charsheet .pc div.arms div.weapons div.repitem { grid-template-columns: 25% 1.25fr 3em 2.5em 3em repeat(2, 1fr) repeat(2, 1em); } - .sheet-pc div.sheet-arms div.sheet-weapons div.repitem label[data-i18n-title='notes'], - .sheet-pc div.sheet-arms div.sheet-weapons div.repitem h3[data-i18n='notes'], - .sheet-pc div.sheet-arms div.sheet-weapons div.repitem div.sheet-collapse { + .charsheet .pc div.arms div.weapons div.repitem label[data-i18n-title='notes'],.charsheet .pc div.arms div.weapons div.repitem h3[data-i18n='notes'],.charsheet .pc div.arms div.weapons div.repitem div.collapse { grid-column: 1 / 10; } - .sheet-pc div.sheet-arms div.sheet-weapons div.repitem label[data-i18n-title='notes'] span[name='attr_notes'], - .sheet-pc div.sheet-arms div.sheet-weapons div.repitem h3[data-i18n='notes'] span[name='attr_notes'], - .sheet-pc div.sheet-arms div.sheet-weapons div.repitem div.sheet-collapse span[name='attr_notes'] { + .charsheet .pc div.arms div.weapons div.repitem label[data-i18n-title='notes'] span[name='attr_notes'],.charsheet .pc div.arms div.weapons div.repitem h3[data-i18n='notes'] span[name='attr_notes'],.charsheet .pc div.arms div.weapons div.repitem div.collapse span[name='attr_notes'] { white-space: pre-line; } - .sheet-pc div.sheet-arms div.sheet-weapons div.repitem input.sheet-collapse-flag { + .charsheet .pc div.arms div.weapons div.repitem input.collapse-flag { grid-area: 1 / 8 / 1 / 9; } - .sheet-pc div.sheet-arms div.sheet-weapons div.repitem input.sheet-collapse-flag + span.sheet-pictos, .sheet-pc div.sheet-arms div.sheet-weapons div.repitem .sheet-settings-toggle input.sheet-collapse-flag[type='checkbox'] + span, .sheet-settings-toggle .sheet-pc div.sheet-arms div.sheet-weapons div.repitem input.sheet-collapse-flag[type='checkbox'] + span, - .sheet-pc div.sheet-arms div.sheet-weapons div.repitem .sheet-settings-flag input.sheet-collapse-flag[type='checkbox'] + span, .sheet-settings-flag .sheet-pc div.sheet-arms div.sheet-weapons div.repitem input.sheet-collapse-flag[type='checkbox'] + span, .sheet-pc div.sheet-arms div.sheet-weapons div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_edit:after, .repcontrol .sheet-pc div.sheet-arms div.sheet-weapons div.repitem input.sheet-collapse-flag + span.repcontrol_edit:after, - .sheet-pc div.sheet-arms div.sheet-weapons div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_add:after, .repcontrol .sheet-pc div.sheet-arms div.sheet-weapons div.repitem input.sheet-collapse-flag + span.repcontrol_add:after, .sheet-pc div.sheet-arms div.sheet-weapons div.repitem .itemcontrol input.sheet-collapse-flag + span.repcontrol_del, .itemcontrol .sheet-pc div.sheet-arms div.sheet-weapons div.repitem input.sheet-collapse-flag + span.repcontrol_del { + .charsheet .pc div.arms div.weapons div.repitem input.collapse-flag + span.pictos,.charsheet .pc div.arms div.weapons div.repitem .settings-toggle input.collapse-flag[type='checkbox'] + span,.charsheet .settings-toggle .pc div.arms div.weapons div.repitem input.collapse-flag[type='checkbox'] + span,.charsheet .pc div.arms div.weapons div.repitem .settings-flag input.collapse-flag[type='checkbox'] + span,.charsheet .settings-flag .pc div.arms div.weapons div.repitem input.collapse-flag[type='checkbox'] + span,.charsheet .pc div.arms div.weapons div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after,.charsheet .repcontrol .pc div.arms div.weapons div.repitem input.collapse-flag + span.repcontrol_edit:after,.charsheet .pc div.arms div.weapons div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,.charsheet .repcontrol .pc div.arms div.weapons div.repitem input.collapse-flag + span.repcontrol_add:after,.charsheet .pc div.arms div.weapons div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del,.charsheet .itemcontrol .pc div.arms div.weapons div.repitem input.collapse-flag + span.repcontrol_del { grid-area: 1 / 8 / 1 / 9; } - .sheet-pc div.sheet-arms div.sheet-weapons div.repitem input.sheet-settings-flag, - .sheet-pc div.sheet-arms div.sheet-weapons div.repitem input.sheet-settings-flag + span.sheet-pictos, - .sheet-pc div.sheet-arms div.sheet-weapons div.repitem .sheet-settings-toggle input.sheet-settings-flag[type='checkbox'] + span, - .sheet-settings-toggle .sheet-pc div.sheet-arms div.sheet-weapons div.repitem input.sheet-settings-flag[type='checkbox'] + span, - .sheet-pc div.sheet-arms div.sheet-weapons div.repitem .sheet-settings-flag input.sheet-settings-flag[type='checkbox'] + span, - .sheet-settings-flag .sheet-pc div.sheet-arms div.sheet-weapons div.repitem input.sheet-settings-flag[type='checkbox'] + span, - .sheet-pc div.sheet-arms div.sheet-weapons div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_edit:after, - .repcontrol .sheet-pc div.sheet-arms div.sheet-weapons div.repitem input.sheet-settings-flag + span.repcontrol_edit:after, - .sheet-pc div.sheet-arms div.sheet-weapons div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_add:after, - .repcontrol .sheet-pc div.sheet-arms div.sheet-weapons div.repitem input.sheet-settings-flag + span.repcontrol_add:after, - .sheet-pc div.sheet-arms div.sheet-weapons div.repitem .itemcontrol input.sheet-settings-flag + span.repcontrol_del, - .itemcontrol .sheet-pc div.sheet-arms div.sheet-weapons div.repitem input.sheet-settings-flag + span.repcontrol_del { + .charsheet .pc div.arms div.weapons div.repitem input.settings-flag,.charsheet .pc div.arms div.weapons div.repitem input.settings-flag + span.pictos,.charsheet .pc div.arms div.weapons div.repitem .settings-toggle input.settings-flag[type='checkbox'] + span,.charsheet .settings-toggle .pc div.arms div.weapons div.repitem input.settings-flag[type='checkbox'] + span,.charsheet .pc div.arms div.weapons div.repitem .settings-flag input.settings-flag[type='checkbox'] + span,.charsheet .settings-flag .pc div.arms div.weapons div.repitem input.settings-flag[type='checkbox'] + span,.charsheet .pc div.arms div.weapons div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,.charsheet .repcontrol .pc div.arms div.weapons div.repitem input.settings-flag + span.repcontrol_edit:after,.charsheet .pc div.arms div.weapons div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,.charsheet .repcontrol .pc div.arms div.weapons div.repitem input.settings-flag + span.repcontrol_add:after,.charsheet .pc div.arms div.weapons div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,.charsheet .itemcontrol .pc div.arms div.weapons div.repitem input.settings-flag + span.repcontrol_del { grid-area: 1 / 9 / 1 / 10; } - .sheet-pc div.sheet-arms div.sheet-weapons div.repitem div.sheet-settings { + .charsheet .pc div.arms div.weapons div.repitem div.settings { grid-column: 1 / 10; grid-template-columns: 25% 1.25fr 3em 2.5em 3em repeat(2, 1fr) repeat(2, 1em); } - .sheet-pc div.sheet-arms div.sheet-weapons div.sheet-weapon-range, - .sheet-pc div.sheet-arms div.sheet-weapons div.sheet-weapon-melee { + .charsheet .pc div.arms div.weapons div.weapon-range,.charsheet .pc div.arms div.weapons div.weapon-melee { width: 100%; } - .sheet-pc div.sheet-arms div.sheet-weapons div.sheet-weapon-range div.sheet-row, - .sheet-pc div.sheet-arms div.sheet-weapons div.sheet-weapon-melee div.sheet-row { + .charsheet .pc div.arms div.weapons div.weapon-range div.row,.charsheet .pc div.arms div.weapons div.weapon-melee div.row { grid-column: 1 / 10; } - .sheet-pc div.sheet-arms div.sheet-weapons div.sheet-weapon-range div.sheet-row select, - .sheet-pc div.sheet-arms div.sheet-weapons div.sheet-weapon-range div.sheet-row h3, - .sheet-pc div.sheet-arms div.sheet-weapons div.sheet-weapon-range div.sheet-row label, - .sheet-pc div.sheet-arms div.sheet-weapons div.sheet-weapon-melee div.sheet-row select, - .sheet-pc div.sheet-arms div.sheet-weapons div.sheet-weapon-melee div.sheet-row h3, - .sheet-pc div.sheet-arms div.sheet-weapons div.sheet-weapon-melee div.sheet-row label { + .charsheet .pc div.arms div.weapons div.weapon-range div.row select,.charsheet .pc div.arms div.weapons div.weapon-range div.row h3,.charsheet .pc div.arms div.weapons div.weapon-range div.row label,.charsheet .pc div.arms div.weapons div.weapon-melee div.row select,.charsheet .pc div.arms div.weapons div.weapon-melee div.row h3,.charsheet .pc div.arms div.weapons div.weapon-melee div.row label { margin-right: 1%; } - .sheet-pc div.sheet-arms div.sheet-weapons div.sheet-weapon-range div.sheet-row label[data-i18n-title="modeoptions"], - .sheet-pc div.sheet-arms div.sheet-weapons div.sheet-weapon-range div.sheet-row label[data-i18n-title="range"], - .sheet-pc div.sheet-arms div.sheet-weapons div.sheet-weapon-melee div.sheet-row label[data-i18n-title="modeoptions"], - .sheet-pc div.sheet-arms div.sheet-weapons div.sheet-weapon-melee div.sheet-row label[data-i18n-title="range"] { + .charsheet .pc div.arms div.weapons div.weapon-range div.row label[data-i18n-title="modeoptions"],.charsheet .pc div.arms div.weapons div.weapon-range div.row label[data-i18n-title="range"],.charsheet .pc div.arms div.weapons div.weapon-melee div.row label[data-i18n-title="modeoptions"],.charsheet .pc div.arms div.weapons div.weapon-melee div.row label[data-i18n-title="range"] { width: 25%; } - .sheet-pc div.sheet-arms div.sheet-weapons div.sheet-weapon-range div.sheet-row input[type='number'], - .sheet-pc div.sheet-arms div.sheet-weapons div.sheet-weapon-melee div.sheet-row input[type='number'] { + .charsheet .pc div.arms div.weapons div.weapon-range div.row input[type='number'],.charsheet .pc div.arms div.weapons div.weapon-melee div.row input[type='number'] { width: 3em; } - .sheet-pc div.sheet-arms div.sheet-weapons div.sheet-weapon-range div.sheet-row select, - .sheet-pc div.sheet-arms div.sheet-weapons div.sheet-weapon-melee div.sheet-row select { + .charsheet .pc div.arms div.weapons div.weapon-range div.row select,.charsheet .pc div.arms div.weapons div.weapon-melee div.row select { width: 30%; } - .sheet-pc div.sheet-arms div.sheet-weapons div.sheet-weapon-range div.sheet-exotic-warning, - .sheet-pc div.sheet-arms div.sheet-weapons div.sheet-weapon-melee div.sheet-exotic-warning { + .charsheet .pc div.arms div.weapons div.weapon-range div.exotic-warning,.charsheet .pc div.arms div.weapons div.weapon-melee div.exotic-warning { display: none; } - .sheet-pc div.sheet-arms div.sheet-weapons div.sheet-weapon-range input[value='0'] + div.sheet-exotic-warning, - .sheet-pc div.sheet-arms div.sheet-weapons div.sheet-weapon-melee input[value='0'] + div.sheet-exotic-warning { + .charsheet .pc div.arms div.weapons div.weapon-range input[value='0'] + div.exotic-warning,.charsheet .pc div.arms div.weapons div.weapon-melee input[value='0'] + div.exotic-warning { display: block; } - .sheet-pc div.sheet-arms div.sheet-armor div.sheet-headers { + .charsheet .pc div.arms div.armor div.headers { grid-template-columns: 30% 3.5em 2.5em 2.5em 2.5em 2.5em 2.5em 1em 1em; } - .sheet-pc div.sheet-arms div.sheet-armor div.repitem { + .charsheet .pc div.arms div.armor div.repitem { grid-template-columns: 30% 3.5em 2.5em 2.5em 2.5em 2.5em 2.5em 1em 1em; } - .sheet-pc div.sheet-arms div.sheet-armor div.repitem label[data-i18n-title='notes'], - .sheet-pc div.sheet-arms div.sheet-armor div.repitem h3[data-i18n='notes'], - .sheet-pc div.sheet-arms div.sheet-armor div.repitem div.sheet-collapse { + .charsheet .pc div.arms div.armor div.repitem label[data-i18n-title='notes'],.charsheet .pc div.arms div.armor div.repitem h3[data-i18n='notes'],.charsheet .pc div.arms div.armor div.repitem div.collapse { grid-column: 1 / 11; } - .sheet-pc div.sheet-arms div.sheet-armor div.repitem label[data-i18n-title='notes'] span[name='attr_notes'], - .sheet-pc div.sheet-arms div.sheet-armor div.repitem h3[data-i18n='notes'] span[name='attr_notes'], - .sheet-pc div.sheet-arms div.sheet-armor div.repitem div.sheet-collapse span[name='attr_notes'] { + .charsheet .pc div.arms div.armor div.repitem label[data-i18n-title='notes'] span[name='attr_notes'],.charsheet .pc div.arms div.armor div.repitem h3[data-i18n='notes'] span[name='attr_notes'],.charsheet .pc div.arms div.armor div.repitem div.collapse span[name='attr_notes'] { white-space: pre-line; } - .sheet-pc div.sheet-arms div.sheet-armor div.repitem input.sheet-collapse-flag { + .charsheet .pc div.arms div.armor div.repitem input.collapse-flag { grid-area: 1 / 9 / 1 / 10; } - .sheet-pc div.sheet-arms div.sheet-armor div.repitem input.sheet-collapse-flag + span.sheet-pictos, .sheet-pc div.sheet-arms div.sheet-armor div.repitem .sheet-settings-toggle input.sheet-collapse-flag[type='checkbox'] + span, .sheet-settings-toggle .sheet-pc div.sheet-arms div.sheet-armor div.repitem input.sheet-collapse-flag[type='checkbox'] + span, - .sheet-pc div.sheet-arms div.sheet-armor div.repitem .sheet-settings-flag input.sheet-collapse-flag[type='checkbox'] + span, .sheet-settings-flag .sheet-pc div.sheet-arms div.sheet-armor div.repitem input.sheet-collapse-flag[type='checkbox'] + span, .sheet-pc div.sheet-arms div.sheet-armor div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_edit:after, .repcontrol .sheet-pc div.sheet-arms div.sheet-armor div.repitem input.sheet-collapse-flag + span.repcontrol_edit:after, - .sheet-pc div.sheet-arms div.sheet-armor div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_add:after, .repcontrol .sheet-pc div.sheet-arms div.sheet-armor div.repitem input.sheet-collapse-flag + span.repcontrol_add:after, .sheet-pc div.sheet-arms div.sheet-armor div.repitem .itemcontrol input.sheet-collapse-flag + span.repcontrol_del, .itemcontrol .sheet-pc div.sheet-arms div.sheet-armor div.repitem input.sheet-collapse-flag + span.repcontrol_del { + .charsheet .pc div.arms div.armor div.repitem input.collapse-flag + span.pictos,.charsheet .pc div.arms div.armor div.repitem .settings-toggle input.collapse-flag[type='checkbox'] + span,.charsheet .settings-toggle .pc div.arms div.armor div.repitem input.collapse-flag[type='checkbox'] + span,.charsheet .pc div.arms div.armor div.repitem .settings-flag input.collapse-flag[type='checkbox'] + span,.charsheet .settings-flag .pc div.arms div.armor div.repitem input.collapse-flag[type='checkbox'] + span,.charsheet .pc div.arms div.armor div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after,.charsheet .repcontrol .pc div.arms div.armor div.repitem input.collapse-flag + span.repcontrol_edit:after,.charsheet .pc div.arms div.armor div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,.charsheet .repcontrol .pc div.arms div.armor div.repitem input.collapse-flag + span.repcontrol_add:after,.charsheet .pc div.arms div.armor div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del,.charsheet .itemcontrol .pc div.arms div.armor div.repitem input.collapse-flag + span.repcontrol_del { grid-area: 1 / 9 / 1 / 10; } - .sheet-pc div.sheet-arms div.sheet-armor div.repitem input.sheet-settings-flag, - .sheet-pc div.sheet-arms div.sheet-armor div.repitem input.sheet-settings-flag + span.sheet-pictos, - .sheet-pc div.sheet-arms div.sheet-armor div.repitem .sheet-settings-toggle input.sheet-settings-flag[type='checkbox'] + span, - .sheet-settings-toggle .sheet-pc div.sheet-arms div.sheet-armor div.repitem input.sheet-settings-flag[type='checkbox'] + span, - .sheet-pc div.sheet-arms div.sheet-armor div.repitem .sheet-settings-flag input.sheet-settings-flag[type='checkbox'] + span, - .sheet-settings-flag .sheet-pc div.sheet-arms div.sheet-armor div.repitem input.sheet-settings-flag[type='checkbox'] + span, - .sheet-pc div.sheet-arms div.sheet-armor div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_edit:after, - .repcontrol .sheet-pc div.sheet-arms div.sheet-armor div.repitem input.sheet-settings-flag + span.repcontrol_edit:after, - .sheet-pc div.sheet-arms div.sheet-armor div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_add:after, - .repcontrol .sheet-pc div.sheet-arms div.sheet-armor div.repitem input.sheet-settings-flag + span.repcontrol_add:after, - .sheet-pc div.sheet-arms div.sheet-armor div.repitem .itemcontrol input.sheet-settings-flag + span.repcontrol_del, - .itemcontrol .sheet-pc div.sheet-arms div.sheet-armor div.repitem input.sheet-settings-flag + span.repcontrol_del { + .charsheet .pc div.arms div.armor div.repitem input.settings-flag,.charsheet .pc div.arms div.armor div.repitem input.settings-flag + span.pictos,.charsheet .pc div.arms div.armor div.repitem .settings-toggle input.settings-flag[type='checkbox'] + span,.charsheet .settings-toggle .pc div.arms div.armor div.repitem input.settings-flag[type='checkbox'] + span,.charsheet .pc div.arms div.armor div.repitem .settings-flag input.settings-flag[type='checkbox'] + span,.charsheet .settings-flag .pc div.arms div.armor div.repitem input.settings-flag[type='checkbox'] + span,.charsheet .pc div.arms div.armor div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,.charsheet .repcontrol .pc div.arms div.armor div.repitem input.settings-flag + span.repcontrol_edit:after,.charsheet .pc div.arms div.armor div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,.charsheet .repcontrol .pc div.arms div.armor div.repitem input.settings-flag + span.repcontrol_add:after,.charsheet .pc div.arms div.armor div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,.charsheet .itemcontrol .pc div.arms div.armor div.repitem input.settings-flag + span.repcontrol_del { grid-area: 1 / 10 / 1 / 11; } - .sheet-pc div.sheet-arms div.sheet-armor div.repitem div.sheet-settings { + .charsheet .pc div.arms div.armor div.repitem div.settings { grid-column: 1 / 11; grid-template-columns: 30% 3.5em 2.5em 2.5em 2.5em 2.5em 2.5em 1em 1em; } - .sheet-pc div.sheet-arms div.sheet-armor div.repitem div.sheet-settings div.sheet-row { + .charsheet .pc div.arms div.armor div.repitem div.settings div.row { grid-column: 1 / 11; } - .sheet-pc div.sheet-arms div.sheet-armor div.repitem div.sheet-settings div.sheet-row h3, - .sheet-pc div.sheet-arms div.sheet-armor div.repitem div.sheet-settings div.sheet-row label { + .charsheet .pc div.arms div.armor div.repitem div.settings div.row h3,.charsheet .pc div.arms div.armor div.repitem div.settings div.row label { margin-right: 1%; } - .sheet-pc div.sheet-augs div.sheet-headers { + .charsheet .pc div.augs div.headers { display: grid; grid-template-columns: 1fr 5em 5em 1em 1em; } - .sheet-pc div.sheet-augs div.repitem { + .charsheet .pc div.augs div.repitem { grid-template-columns: 1fr 5em 5em 1em 1em; } - .sheet-pc div.sheet-augs div.repitem label[data-i18n-title='notes'], - .sheet-pc div.sheet-augs div.repitem h3[data-i18n='notes'], - .sheet-pc div.sheet-augs div.repitem div.sheet-collapse { + .charsheet .pc div.augs div.repitem label[data-i18n-title='notes'],.charsheet .pc div.augs div.repitem h3[data-i18n='notes'],.charsheet .pc div.augs div.repitem div.collapse { grid-column: 1 / 6; } - .sheet-pc div.sheet-augs div.repitem label[data-i18n-title='notes'] span[name='attr_notes'], - .sheet-pc div.sheet-augs div.repitem h3[data-i18n='notes'] span[name='attr_notes'], - .sheet-pc div.sheet-augs div.repitem div.sheet-collapse span[name='attr_notes'] { + .charsheet .pc div.augs div.repitem label[data-i18n-title='notes'] span[name='attr_notes'],.charsheet .pc div.augs div.repitem h3[data-i18n='notes'] span[name='attr_notes'],.charsheet .pc div.augs div.repitem div.collapse span[name='attr_notes'] { white-space: pre-line; } - .sheet-pc div.sheet-augs div.repitem input.sheet-collapse-flag { + .charsheet .pc div.augs div.repitem input.collapse-flag { grid-area: 1 / 1 / 1 / 5; position: absolute; width: 100%; } - .sheet-pc div.sheet-augs div.repitem input.sheet-collapse-flag + span.sheet-pictos, .sheet-pc div.sheet-augs div.repitem .sheet-settings-toggle input.sheet-collapse-flag[type='checkbox'] + span, .sheet-settings-toggle .sheet-pc div.sheet-augs div.repitem input.sheet-collapse-flag[type='checkbox'] + span, - .sheet-pc div.sheet-augs div.repitem .sheet-settings-flag input.sheet-collapse-flag[type='checkbox'] + span, .sheet-settings-flag .sheet-pc div.sheet-augs div.repitem input.sheet-collapse-flag[type='checkbox'] + span, .sheet-pc div.sheet-augs div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_edit:after, .repcontrol .sheet-pc div.sheet-augs div.repitem input.sheet-collapse-flag + span.repcontrol_edit:after, - .sheet-pc div.sheet-augs div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_add:after, .repcontrol .sheet-pc div.sheet-augs div.repitem input.sheet-collapse-flag + span.repcontrol_add:after, .sheet-pc div.sheet-augs div.repitem .itemcontrol input.sheet-collapse-flag + span.repcontrol_del, .itemcontrol .sheet-pc div.sheet-augs div.repitem input.sheet-collapse-flag + span.repcontrol_del { + .charsheet .pc div.augs div.repitem input.collapse-flag + span.pictos,.charsheet .pc div.augs div.repitem .settings-toggle input.collapse-flag[type='checkbox'] + span,.charsheet .settings-toggle .pc div.augs div.repitem input.collapse-flag[type='checkbox'] + span,.charsheet .pc div.augs div.repitem .settings-flag input.collapse-flag[type='checkbox'] + span,.charsheet .settings-flag .pc div.augs div.repitem input.collapse-flag[type='checkbox'] + span,.charsheet .pc div.augs div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after,.charsheet .repcontrol .pc div.augs div.repitem input.collapse-flag + span.repcontrol_edit:after,.charsheet .pc div.augs div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,.charsheet .repcontrol .pc div.augs div.repitem input.collapse-flag + span.repcontrol_add:after,.charsheet .pc div.augs div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del,.charsheet .itemcontrol .pc div.augs div.repitem input.collapse-flag + span.repcontrol_del { grid-area: 1 / 4 / 1 / 5; } - .sheet-pc div.sheet-augs div.repitem input.sheet-settings-flag, - .sheet-pc div.sheet-augs div.repitem input.sheet-settings-flag + span.sheet-pictos, - .sheet-pc div.sheet-augs div.repitem .sheet-settings-toggle input.sheet-settings-flag[type='checkbox'] + span, - .sheet-settings-toggle .sheet-pc div.sheet-augs div.repitem input.sheet-settings-flag[type='checkbox'] + span, - .sheet-pc div.sheet-augs div.repitem .sheet-settings-flag input.sheet-settings-flag[type='checkbox'] + span, - .sheet-settings-flag .sheet-pc div.sheet-augs div.repitem input.sheet-settings-flag[type='checkbox'] + span, - .sheet-pc div.sheet-augs div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_edit:after, - .repcontrol .sheet-pc div.sheet-augs div.repitem input.sheet-settings-flag + span.repcontrol_edit:after, - .sheet-pc div.sheet-augs div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_add:after, - .repcontrol .sheet-pc div.sheet-augs div.repitem input.sheet-settings-flag + span.repcontrol_add:after, - .sheet-pc div.sheet-augs div.repitem .itemcontrol input.sheet-settings-flag + span.repcontrol_del, - .itemcontrol .sheet-pc div.sheet-augs div.repitem input.sheet-settings-flag + span.repcontrol_del { + .charsheet .pc div.augs div.repitem input.settings-flag,.charsheet .pc div.augs div.repitem input.settings-flag + span.pictos,.charsheet .pc div.augs div.repitem .settings-toggle input.settings-flag[type='checkbox'] + span,.charsheet .settings-toggle .pc div.augs div.repitem input.settings-flag[type='checkbox'] + span,.charsheet .pc div.augs div.repitem .settings-flag input.settings-flag[type='checkbox'] + span,.charsheet .settings-flag .pc div.augs div.repitem input.settings-flag[type='checkbox'] + span,.charsheet .pc div.augs div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,.charsheet .repcontrol .pc div.augs div.repitem input.settings-flag + span.repcontrol_edit:after,.charsheet .pc div.augs div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,.charsheet .repcontrol .pc div.augs div.repitem input.settings-flag + span.repcontrol_add:after,.charsheet .pc div.augs div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,.charsheet .itemcontrol .pc div.augs div.repitem input.settings-flag + span.repcontrol_del { grid-area: 1 / 5 / 1 / 6; } - .sheet-pc div.sheet-augs div.repitem div.sheet-settings { + .charsheet .pc div.augs div.repitem div.settings { grid-column: 1 / 6; grid-template-columns: 1fr 5em 5em 1em 1em; } - .sheet-pc div.sheet-gear div.sheet-headers { + .charsheet .pc div.gear div.headers { display: grid; grid-template-columns: 1.5em 1fr 5em 5em 1em 1em; } - .sheet-pc div.sheet-gear div.sheet-headers h2[data-i18n='item'] { + .charsheet .pc div.gear div.headers h2[data-i18n='item'] { grid-column: 1 / 3; } - .sheet-pc div.sheet-gear div.repitem { + .charsheet .pc div.gear div.repitem { grid-template-columns: 1.5em 1fr 5em 5em 1em 1em; } - .sheet-pc div.sheet-gear div.repitem label[data-i18n-title='notes'], - .sheet-pc div.sheet-gear div.repitem h3[data-i18n='notes'], - .sheet-pc div.sheet-gear div.repitem div.sheet-collapse { + .charsheet .pc div.gear div.repitem label[data-i18n-title='notes'],.charsheet .pc div.gear div.repitem h3[data-i18n='notes'],.charsheet .pc div.gear div.repitem div.collapse { grid-column: 1 / 7; } - .sheet-pc div.sheet-gear div.repitem label[data-i18n-title='notes'] span[name='attr_notes'], - .sheet-pc div.sheet-gear div.repitem h3[data-i18n='notes'] span[name='attr_notes'], - .sheet-pc div.sheet-gear div.repitem div.sheet-collapse span[name='attr_notes'] { + .charsheet .pc div.gear div.repitem label[data-i18n-title='notes'] span[name='attr_notes'],.charsheet .pc div.gear div.repitem h3[data-i18n='notes'] span[name='attr_notes'],.charsheet .pc div.gear div.repitem div.collapse span[name='attr_notes'] { white-space: pre-line; } - .sheet-pc div.sheet-gear div.repitem input.sheet-collapse-flag { + .charsheet .pc div.gear div.repitem input.collapse-flag { grid-area: 1 / 5 / 1 / 6; } - .sheet-pc div.sheet-gear div.repitem input.sheet-collapse-flag + span.sheet-pictos, .sheet-pc div.sheet-gear div.repitem .sheet-settings-toggle input.sheet-collapse-flag[type='checkbox'] + span, .sheet-settings-toggle .sheet-pc div.sheet-gear div.repitem input.sheet-collapse-flag[type='checkbox'] + span, - .sheet-pc div.sheet-gear div.repitem .sheet-settings-flag input.sheet-collapse-flag[type='checkbox'] + span, .sheet-settings-flag .sheet-pc div.sheet-gear div.repitem input.sheet-collapse-flag[type='checkbox'] + span, .sheet-pc div.sheet-gear div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_edit:after, .repcontrol .sheet-pc div.sheet-gear div.repitem input.sheet-collapse-flag + span.repcontrol_edit:after, - .sheet-pc div.sheet-gear div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_add:after, .repcontrol .sheet-pc div.sheet-gear div.repitem input.sheet-collapse-flag + span.repcontrol_add:after, .sheet-pc div.sheet-gear div.repitem .itemcontrol input.sheet-collapse-flag + span.repcontrol_del, .itemcontrol .sheet-pc div.sheet-gear div.repitem input.sheet-collapse-flag + span.repcontrol_del { + .charsheet .pc div.gear div.repitem input.collapse-flag + span.pictos,.charsheet .pc div.gear div.repitem .settings-toggle input.collapse-flag[type='checkbox'] + span,.charsheet .settings-toggle .pc div.gear div.repitem input.collapse-flag[type='checkbox'] + span,.charsheet .pc div.gear div.repitem .settings-flag input.collapse-flag[type='checkbox'] + span,.charsheet .settings-flag .pc div.gear div.repitem input.collapse-flag[type='checkbox'] + span,.charsheet .pc div.gear div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after,.charsheet .repcontrol .pc div.gear div.repitem input.collapse-flag + span.repcontrol_edit:after,.charsheet .pc div.gear div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,.charsheet .repcontrol .pc div.gear div.repitem input.collapse-flag + span.repcontrol_add:after,.charsheet .pc div.gear div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del,.charsheet .itemcontrol .pc div.gear div.repitem input.collapse-flag + span.repcontrol_del { grid-area: 1 / 5 / 1 / 6; } - .sheet-pc div.sheet-gear div.repitem input.sheet-settings-flag, - .sheet-pc div.sheet-gear div.repitem input.sheet-settings-flag + span.sheet-pictos, - .sheet-pc div.sheet-gear div.repitem .sheet-settings-toggle input.sheet-settings-flag[type='checkbox'] + span, - .sheet-settings-toggle .sheet-pc div.sheet-gear div.repitem input.sheet-settings-flag[type='checkbox'] + span, - .sheet-pc div.sheet-gear div.repitem .sheet-settings-flag input.sheet-settings-flag[type='checkbox'] + span, - .sheet-settings-flag .sheet-pc div.sheet-gear div.repitem input.sheet-settings-flag[type='checkbox'] + span, - .sheet-pc div.sheet-gear div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_edit:after, - .repcontrol .sheet-pc div.sheet-gear div.repitem input.sheet-settings-flag + span.repcontrol_edit:after, - .sheet-pc div.sheet-gear div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_add:after, - .repcontrol .sheet-pc div.sheet-gear div.repitem input.sheet-settings-flag + span.repcontrol_add:after, - .sheet-pc div.sheet-gear div.repitem .itemcontrol input.sheet-settings-flag + span.repcontrol_del, - .itemcontrol .sheet-pc div.sheet-gear div.repitem input.sheet-settings-flag + span.repcontrol_del { + .charsheet .pc div.gear div.repitem input.settings-flag,.charsheet .pc div.gear div.repitem input.settings-flag + span.pictos,.charsheet .pc div.gear div.repitem .settings-toggle input.settings-flag[type='checkbox'] + span,.charsheet .settings-toggle .pc div.gear div.repitem input.settings-flag[type='checkbox'] + span,.charsheet .pc div.gear div.repitem .settings-flag input.settings-flag[type='checkbox'] + span,.charsheet .settings-flag .pc div.gear div.repitem input.settings-flag[type='checkbox'] + span,.charsheet .pc div.gear div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,.charsheet .repcontrol .pc div.gear div.repitem input.settings-flag + span.repcontrol_edit:after,.charsheet .pc div.gear div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,.charsheet .repcontrol .pc div.gear div.repitem input.settings-flag + span.repcontrol_add:after,.charsheet .pc div.gear div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,.charsheet .itemcontrol .pc div.gear div.repitem input.settings-flag + span.repcontrol_del { grid-area: 1 / 6 / 1 / 7; } - .sheet-pc div.sheet-gear div.repitem h3[data-i18n='item'] { + .charsheet .pc div.gear div.repitem h3[data-i18n='item'] { grid-area: 1 / 1 / 1 / 3; } - .sheet-pc div.sheet-gear div.repitem label[data-i18n-title='item'] { + .charsheet .pc div.gear div.repitem label[data-i18n-title='item'] { grid-area: 2 / 1 / 2 / 3; } - .sheet-pc div.sheet-gear div.repitem label[data-i18n-title='item'] input[type='number'] { + .charsheet .pc div.gear div.repitem label[data-i18n-title='item'] input[type='number'] { width: 100%; } - .sheet-pc div.sheet-gear div.repitem label[data-i18n-title='rating'] { + .charsheet .pc div.gear div.repitem label[data-i18n-title='rating'] { grid-area: 2 / 3 / 2 / 4; } - .sheet-pc div.sheet-gear div.repitem label[data-i18n-title='quantity'] { + .charsheet .pc div.gear div.repitem label[data-i18n-title='quantity'] { grid-area: 2 / 4 / 2 / 5; } - .sheet-pc div.sheet-gear div.repitem h3[data-i18n='modifications'] { + .charsheet .pc div.gear div.repitem h3[data-i18n='modifications'] { grid-area: 3 / 1 / 3 / 5; } - .sheet-pc div.sheet-gear div.repitem label[data-i18n-title="modifications"] { + .charsheet .pc div.gear div.repitem label[data-i18n-title="modifications"] { grid-area: 4 / 1 / 4 / 5; } - .sheet-pc div.sheet-gear div.repitem h3[data-i18n='notes'] { + .charsheet .pc div.gear div.repitem h3[data-i18n='notes'] { grid-area: 5 / 1 / 5 / 5; } - .sheet-pc div.sheet-gear div.repitem label[data-i18n-title='notes'] { + .charsheet .pc div.gear div.repitem label[data-i18n-title='notes'] { grid-area: 6 / 1 / 6 / 8; } - .sheet-pc div.sheet-gear div.repitem span[name='attr_modifications'], - .sheet-pc div.sheet-gear div.repitem span[name='attr_notes'] { + .charsheet .pc div.gear div.repitem span[name='attr_modifications'],.charsheet .pc div.gear div.repitem span[name='attr_notes'] { display: block; } - .sheet-pc div.sheet-gear div.repitem select { + .charsheet .pc div.gear div.repitem select { -webkit-appearance: none; -moz-appearance: none; text-indent: 3px; @@ -1567,518 +1304,345 @@ div.sheet-matrix-device .sheet-matrixFirewall { font-size: 1.3em; max-height: 18px; transition: all .2s; } - .sheet-pc div.sheet-gear div.repitem select:hover { + .charsheet .pc div.gear div.repitem select:hover { cursor: pointer; transform: scale(1.3); } - .sheet-pc div.sheet-gear div.repitem input[name='attr_location'][value='person'] + span { + .charsheet .pc div.gear div.repitem input[name='attr_location'][value='person'] + span { font-weight: bold; } - .sheet-pc div.sheet-gear div.repitem div.sheet-settings { + .charsheet .pc div.gear div.repitem div.settings { grid-column: 1 / 7; grid-template-columns: 1.5em 1fr 5em 5em 1em 1em; } - .sheet-pc select.sheet-attribute-select { + .charsheet .pc select.attribute-select { margin-top: 1%; } - .sheet-pc div.sheet-magic { - /***** SPELLS & PREPARTATIONS *****/ - /***** RITUALS *****/ - /***** PREPARATIONS *****/ - /***** ADEPT POWERS *****/ } - .sheet-pc div.sheet-magic h2:nth-of-type(1n+2) { + .charsheet .pc div.magic { + + + + } + .charsheet .pc div.magic h2:nth-of-type(1n+2) { text-align: center; } - .sheet-pc div.sheet-magic h3 { + .charsheet .pc div.magic h3 { color: #040404; } - .sheet-pc div.sheet-magic h3:not(:last-child) { + .charsheet .pc div.magic h3:not(:last-child) { margin-right: 2%; } - .sheet-pc div.sheet-magic h3:not(:first-child) { + .charsheet .pc div.magic h3:not(:first-child) { margin-left: 2%; } - .sheet-pc div.sheet-magic div.sheet-headers { + .charsheet .pc div.magic div.headers { display: grid; grid-template-columns: 30% 1.5fr 1.5fr 2fr 2em 1em 1em; } - .sheet-pc div.sheet-magic div.sheet-headers h3:nth-of-type(1n+2) { + .charsheet .pc div.magic div.headers h3:nth-of-type(1n+2) { text-align: center; } - .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem { + .charsheet .pc div.magic div.spellsForumlas div.repitem { grid-template-columns: 30% 1.5fr 1.5fr 2fr 2em 1em 1em; } - .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem label[data-i18n-title='notes'], - .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem h3[data-i18n='notes'], - .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem div.sheet-collapse { + .charsheet .pc div.magic div.spellsForumlas div.repitem label[data-i18n-title='notes'],.charsheet .pc div.magic div.spellsForumlas div.repitem h3[data-i18n='notes'],.charsheet .pc div.magic div.spellsForumlas div.repitem div.collapse { grid-column: 1 / 8; } - .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem label[data-i18n-title='notes'] span[name='attr_notes'], - .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem h3[data-i18n='notes'] span[name='attr_notes'], - .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem div.sheet-collapse span[name='attr_notes'] { + .charsheet .pc div.magic div.spellsForumlas div.repitem label[data-i18n-title='notes'] span[name='attr_notes'],.charsheet .pc div.magic div.spellsForumlas div.repitem h3[data-i18n='notes'] span[name='attr_notes'],.charsheet .pc div.magic div.spellsForumlas div.repitem div.collapse span[name='attr_notes'] { white-space: pre-line; } - .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem input.sheet-collapse-flag { + .charsheet .pc div.magic div.spellsForumlas div.repitem input.collapse-flag { grid-area: 1 / 6 / 1 / 7; } - .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem input.sheet-collapse-flag + span.sheet-pictos, .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem .sheet-settings-toggle input.sheet-collapse-flag[type='checkbox'] + span, .sheet-settings-toggle .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem input.sheet-collapse-flag[type='checkbox'] + span, - .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem .sheet-settings-flag input.sheet-collapse-flag[type='checkbox'] + span, .sheet-settings-flag .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem input.sheet-collapse-flag[type='checkbox'] + span, .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_edit:after, .repcontrol .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem input.sheet-collapse-flag + span.repcontrol_edit:after, - .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_add:after, .repcontrol .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem input.sheet-collapse-flag + span.repcontrol_add:after, .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem .itemcontrol input.sheet-collapse-flag + span.repcontrol_del, .itemcontrol .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem input.sheet-collapse-flag + span.repcontrol_del { + .charsheet .pc div.magic div.spellsForumlas div.repitem input.collapse-flag + span.pictos,.charsheet .pc div.magic div.spellsForumlas div.repitem .settings-toggle input.collapse-flag[type='checkbox'] + span,.charsheet .settings-toggle .pc div.magic div.spellsForumlas div.repitem input.collapse-flag[type='checkbox'] + span,.charsheet .pc div.magic div.spellsForumlas div.repitem .settings-flag input.collapse-flag[type='checkbox'] + span,.charsheet .settings-flag .pc div.magic div.spellsForumlas div.repitem input.collapse-flag[type='checkbox'] + span,.charsheet .pc div.magic div.spellsForumlas div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after,.charsheet .repcontrol .pc div.magic div.spellsForumlas div.repitem input.collapse-flag + span.repcontrol_edit:after,.charsheet .pc div.magic div.spellsForumlas div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,.charsheet .repcontrol .pc div.magic div.spellsForumlas div.repitem input.collapse-flag + span.repcontrol_add:after,.charsheet .pc div.magic div.spellsForumlas div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del,.charsheet .itemcontrol .pc div.magic div.spellsForumlas div.repitem input.collapse-flag + span.repcontrol_del { grid-area: 1 / 6 / 1 / 7; } - .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem input.sheet-settings-flag, - .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem input.sheet-settings-flag + span.sheet-pictos, - .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem .sheet-settings-toggle input.sheet-settings-flag[type='checkbox'] + span, - .sheet-settings-toggle .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem input.sheet-settings-flag[type='checkbox'] + span, - .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem .sheet-settings-flag input.sheet-settings-flag[type='checkbox'] + span, - .sheet-settings-flag .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem input.sheet-settings-flag[type='checkbox'] + span, - .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_edit:after, - .repcontrol .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem input.sheet-settings-flag + span.repcontrol_edit:after, - .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_add:after, - .repcontrol .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem input.sheet-settings-flag + span.repcontrol_add:after, - .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem .itemcontrol input.sheet-settings-flag + span.repcontrol_del, - .itemcontrol .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem input.sheet-settings-flag + span.repcontrol_del { + .charsheet .pc div.magic div.spellsForumlas div.repitem input.settings-flag,.charsheet .pc div.magic div.spellsForumlas div.repitem input.settings-flag + span.pictos,.charsheet .pc div.magic div.spellsForumlas div.repitem .settings-toggle input.settings-flag[type='checkbox'] + span,.charsheet .settings-toggle .pc div.magic div.spellsForumlas div.repitem input.settings-flag[type='checkbox'] + span,.charsheet .pc div.magic div.spellsForumlas div.repitem .settings-flag input.settings-flag[type='checkbox'] + span,.charsheet .settings-flag .pc div.magic div.spellsForumlas div.repitem input.settings-flag[type='checkbox'] + span,.charsheet .pc div.magic div.spellsForumlas div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,.charsheet .repcontrol .pc div.magic div.spellsForumlas div.repitem input.settings-flag + span.repcontrol_edit:after,.charsheet .pc div.magic div.spellsForumlas div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,.charsheet .repcontrol .pc div.magic div.spellsForumlas div.repitem input.settings-flag + span.repcontrol_add:after,.charsheet .pc div.magic div.spellsForumlas div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,.charsheet .itemcontrol .pc div.magic div.spellsForumlas div.repitem input.settings-flag + span.repcontrol_del { grid-area: 1 / 7 / 1 / 8; } - .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem input[name='attr_damage'], - .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem input[name='attr_dicepool_modifier'] { + .charsheet .pc div.magic div.spellsForumlas div.repitem input[name='attr_damage'],.charsheet .pc div.magic div.spellsForumlas div.repitem input[name='attr_dicepool_modifier'] { width: 3.5em; } - .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem select[name='attr_category'] { + .charsheet .pc div.magic div.spellsForumlas div.repitem select[name='attr_category'] { grid-row: 2; } - .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem div.sheet-row { + .charsheet .pc div.magic div.spellsForumlas div.repitem div.row { grid-column: 1 / 6; } - .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem div.sheet-settings { + .charsheet .pc div.magic div.spellsForumlas div.repitem div.settings { grid-column: 1 / 8; grid-template-columns: 30% 1.5fr 1.5fr 2fr 2em 1em 1em; } - .sheet-pc div.sheet-magic div.sheet-magic-rituals label[data-i18n-title='notes'], - .sheet-pc div.sheet-magic div.sheet-magic-rituals h3[data-i18n='notes'], - .sheet-pc div.sheet-magic div.sheet-magic-rituals div.sheet-collapse { + .charsheet .pc div.magic div.magic-rituals label[data-i18n-title='notes'],.charsheet .pc div.magic div.magic-rituals h3[data-i18n='notes'],.charsheet .pc div.magic div.magic-rituals div.collapse { grid-column: 1 / 4; } - .sheet-pc div.sheet-magic div.sheet-magic-rituals label[data-i18n-title='notes'] span[name='attr_notes'], - .sheet-pc div.sheet-magic div.sheet-magic-rituals h3[data-i18n='notes'] span[name='attr_notes'], - .sheet-pc div.sheet-magic div.sheet-magic-rituals div.sheet-collapse span[name='attr_notes'] { + .charsheet .pc div.magic div.magic-rituals label[data-i18n-title='notes'] span[name='attr_notes'],.charsheet .pc div.magic div.magic-rituals h3[data-i18n='notes'] span[name='attr_notes'],.charsheet .pc div.magic div.magic-rituals div.collapse span[name='attr_notes'] { white-space: pre-line; } - .sheet-pc div.sheet-magic div.sheet-magic-rituals input.sheet-collapse-flag { + .charsheet .pc div.magic div.magic-rituals input.collapse-flag { grid-area: 1 / 2 / 1 / 3; } - .sheet-pc div.sheet-magic div.sheet-magic-rituals input.sheet-collapse-flag + span.sheet-pictos, .sheet-pc div.sheet-magic div.sheet-magic-rituals .sheet-settings-toggle input.sheet-collapse-flag[type='checkbox'] + span, .sheet-settings-toggle .sheet-pc div.sheet-magic div.sheet-magic-rituals input.sheet-collapse-flag[type='checkbox'] + span, - .sheet-pc div.sheet-magic div.sheet-magic-rituals .sheet-settings-flag input.sheet-collapse-flag[type='checkbox'] + span, .sheet-settings-flag .sheet-pc div.sheet-magic div.sheet-magic-rituals input.sheet-collapse-flag[type='checkbox'] + span, .sheet-pc div.sheet-magic div.sheet-magic-rituals .repcontrol input.sheet-collapse-flag + span.repcontrol_edit:after, .repcontrol .sheet-pc div.sheet-magic div.sheet-magic-rituals input.sheet-collapse-flag + span.repcontrol_edit:after, - .sheet-pc div.sheet-magic div.sheet-magic-rituals .repcontrol input.sheet-collapse-flag + span.repcontrol_add:after, .repcontrol .sheet-pc div.sheet-magic div.sheet-magic-rituals input.sheet-collapse-flag + span.repcontrol_add:after, .sheet-pc div.sheet-magic div.sheet-magic-rituals .itemcontrol input.sheet-collapse-flag + span.repcontrol_del, .itemcontrol .sheet-pc div.sheet-magic div.sheet-magic-rituals input.sheet-collapse-flag + span.repcontrol_del { + .charsheet .pc div.magic div.magic-rituals input.collapse-flag + span.pictos,.charsheet .pc div.magic div.magic-rituals .settings-toggle input.collapse-flag[type='checkbox'] + span,.charsheet .settings-toggle .pc div.magic div.magic-rituals input.collapse-flag[type='checkbox'] + span,.charsheet .pc div.magic div.magic-rituals .settings-flag input.collapse-flag[type='checkbox'] + span,.charsheet .settings-flag .pc div.magic div.magic-rituals input.collapse-flag[type='checkbox'] + span,.charsheet .pc div.magic div.magic-rituals .repcontrol input.collapse-flag + span.repcontrol_edit:after,.charsheet .repcontrol .pc div.magic div.magic-rituals input.collapse-flag + span.repcontrol_edit:after,.charsheet .pc div.magic div.magic-rituals .repcontrol input.collapse-flag + span.repcontrol_add:after,.charsheet .repcontrol .pc div.magic div.magic-rituals input.collapse-flag + span.repcontrol_add:after,.charsheet .pc div.magic div.magic-rituals .itemcontrol input.collapse-flag + span.repcontrol_del,.charsheet .itemcontrol .pc div.magic div.magic-rituals input.collapse-flag + span.repcontrol_del { grid-area: 1 / 2 / 1 / 3; } - .sheet-pc div.sheet-magic div.sheet-magic-rituals input.sheet-settings-flag, - .sheet-pc div.sheet-magic div.sheet-magic-rituals input.sheet-settings-flag + span.sheet-pictos, - .sheet-pc div.sheet-magic div.sheet-magic-rituals .sheet-settings-toggle input.sheet-settings-flag[type='checkbox'] + span, - .sheet-settings-toggle .sheet-pc div.sheet-magic div.sheet-magic-rituals input.sheet-settings-flag[type='checkbox'] + span, - .sheet-pc div.sheet-magic div.sheet-magic-rituals .sheet-settings-flag input.sheet-settings-flag[type='checkbox'] + span, - .sheet-settings-flag .sheet-pc div.sheet-magic div.sheet-magic-rituals input.sheet-settings-flag[type='checkbox'] + span, - .sheet-pc div.sheet-magic div.sheet-magic-rituals .repcontrol input.sheet-settings-flag + span.repcontrol_edit:after, - .repcontrol .sheet-pc div.sheet-magic div.sheet-magic-rituals input.sheet-settings-flag + span.repcontrol_edit:after, - .sheet-pc div.sheet-magic div.sheet-magic-rituals .repcontrol input.sheet-settings-flag + span.repcontrol_add:after, - .repcontrol .sheet-pc div.sheet-magic div.sheet-magic-rituals input.sheet-settings-flag + span.repcontrol_add:after, - .sheet-pc div.sheet-magic div.sheet-magic-rituals .itemcontrol input.sheet-settings-flag + span.repcontrol_del, - .itemcontrol .sheet-pc div.sheet-magic div.sheet-magic-rituals input.sheet-settings-flag + span.repcontrol_del { + .charsheet .pc div.magic div.magic-rituals input.settings-flag,.charsheet .pc div.magic div.magic-rituals input.settings-flag + span.pictos,.charsheet .pc div.magic div.magic-rituals .settings-toggle input.settings-flag[type='checkbox'] + span,.charsheet .settings-toggle .pc div.magic div.magic-rituals input.settings-flag[type='checkbox'] + span,.charsheet .pc div.magic div.magic-rituals .settings-flag input.settings-flag[type='checkbox'] + span,.charsheet .settings-flag .pc div.magic div.magic-rituals input.settings-flag[type='checkbox'] + span,.charsheet .pc div.magic div.magic-rituals .repcontrol input.settings-flag + span.repcontrol_edit:after,.charsheet .repcontrol .pc div.magic div.magic-rituals input.settings-flag + span.repcontrol_edit:after,.charsheet .pc div.magic div.magic-rituals .repcontrol input.settings-flag + span.repcontrol_add:after,.charsheet .repcontrol .pc div.magic div.magic-rituals input.settings-flag + span.repcontrol_add:after,.charsheet .pc div.magic div.magic-rituals .itemcontrol input.settings-flag + span.repcontrol_del,.charsheet .itemcontrol .pc div.magic div.magic-rituals input.settings-flag + span.repcontrol_del { grid-area: 1 / 3 / 1 / 4; } - .sheet-pc div.sheet-magic div.sheet-magic-rituals div.repitem { + .charsheet .pc div.magic div.magic-rituals div.repitem { grid-template-columns: 1fr 1em 1em; } - .sheet-pc div.sheet-magic div.sheet-magic-rituals div.repitem label[data-i18n-title='name'] { + .charsheet .pc div.magic div.magic-rituals div.repitem label[data-i18n-title='name'] { grid-column: 1 / 4; } - .sheet-pc div.sheet-magic div.sheet-magic-rituals div.repitem div.sheet-row { + .charsheet .pc div.magic div.magic-rituals div.repitem div.row { grid-column: 1 / 4; } - .sheet-pc div.sheet-magic div.sheet-magic-rituals div.sheet-settings { + .charsheet .pc div.magic div.magic-rituals div.settings { grid-template-columns: 1fr 1em 1em; grid-column: 1 / 4; } - .sheet-pc div.sheet-magic div.sheet-magic-preps textarea, .sheet-pc div.sheet-magic div.sheet-magic-spells textarea { + .charsheet .pc div.magic div.magic-preps textarea,.charsheet .pc div.magic div.magic-spells textarea { width: 93%; } - .sheet-pc div.sheet-magic div.sheet-magic-preps { - /* READIED PREPARATIONS */ } - .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.sheet-headers { + .charsheet .pc div.magic div.magic-preps { + } + .charsheet .pc div.magic div.magic-preps div.prepared-preparations div.headers { grid-template-columns: 40% 1fr 1fr 2fr 1em 1em; } - .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem { + .charsheet .pc div.magic div.magic-preps div.prepared-preparations div.repitem { grid-template-columns: 40% 1fr 1fr 2fr 1em 1em; } - .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem label[data-i18n-title='notes'], - .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem h3[data-i18n='notes'], - .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem div.sheet-collapse { + .charsheet .pc div.magic div.magic-preps div.prepared-preparations div.repitem label[data-i18n-title='notes'],.charsheet .pc div.magic div.magic-preps div.prepared-preparations div.repitem h3[data-i18n='notes'],.charsheet .pc div.magic div.magic-preps div.prepared-preparations div.repitem div.collapse { grid-column: 1 / 7; } - .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem label[data-i18n-title='notes'] span[name='attr_notes'], - .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem h3[data-i18n='notes'] span[name='attr_notes'], - .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem div.sheet-collapse span[name='attr_notes'] { + .charsheet .pc div.magic div.magic-preps div.prepared-preparations div.repitem label[data-i18n-title='notes'] span[name='attr_notes'],.charsheet .pc div.magic div.magic-preps div.prepared-preparations div.repitem h3[data-i18n='notes'] span[name='attr_notes'],.charsheet .pc div.magic div.magic-preps div.prepared-preparations div.repitem div.collapse span[name='attr_notes'] { white-space: pre-line; } - .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem input.sheet-collapse-flag { + .charsheet .pc div.magic div.magic-preps div.prepared-preparations div.repitem input.collapse-flag { grid-area: 1 / 5 / 1 / 6; } - .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem input.sheet-collapse-flag + span.sheet-pictos, .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem .sheet-settings-toggle input.sheet-collapse-flag[type='checkbox'] + span, .sheet-settings-toggle .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem input.sheet-collapse-flag[type='checkbox'] + span, - .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem .sheet-settings-flag input.sheet-collapse-flag[type='checkbox'] + span, .sheet-settings-flag .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem input.sheet-collapse-flag[type='checkbox'] + span, .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_edit:after, .repcontrol .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem input.sheet-collapse-flag + span.repcontrol_edit:after, - .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_add:after, .repcontrol .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem input.sheet-collapse-flag + span.repcontrol_add:after, .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem .itemcontrol input.sheet-collapse-flag + span.repcontrol_del, .itemcontrol .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem input.sheet-collapse-flag + span.repcontrol_del { + .charsheet .pc div.magic div.magic-preps div.prepared-preparations div.repitem input.collapse-flag + span.pictos,.charsheet .pc div.magic div.magic-preps div.prepared-preparations div.repitem .settings-toggle input.collapse-flag[type='checkbox'] + span,.charsheet .settings-toggle .pc div.magic div.magic-preps div.prepared-preparations div.repitem input.collapse-flag[type='checkbox'] + span,.charsheet .pc div.magic div.magic-preps div.prepared-preparations div.repitem .settings-flag input.collapse-flag[type='checkbox'] + span,.charsheet .settings-flag .pc div.magic div.magic-preps div.prepared-preparations div.repitem input.collapse-flag[type='checkbox'] + span,.charsheet .pc div.magic div.magic-preps div.prepared-preparations div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after,.charsheet .repcontrol .pc div.magic div.magic-preps div.prepared-preparations div.repitem input.collapse-flag + span.repcontrol_edit:after,.charsheet .pc div.magic div.magic-preps div.prepared-preparations div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,.charsheet .repcontrol .pc div.magic div.magic-preps div.prepared-preparations div.repitem input.collapse-flag + span.repcontrol_add:after,.charsheet .pc div.magic div.magic-preps div.prepared-preparations div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del,.charsheet .itemcontrol .pc div.magic div.magic-preps div.prepared-preparations div.repitem input.collapse-flag + span.repcontrol_del { grid-area: 1 / 5 / 1 / 6; } - .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem input.sheet-settings-flag, - .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem input.sheet-settings-flag + span.sheet-pictos, - .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem .sheet-settings-toggle input.sheet-settings-flag[type='checkbox'] + span, - .sheet-settings-toggle .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem input.sheet-settings-flag[type='checkbox'] + span, - .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem .sheet-settings-flag input.sheet-settings-flag[type='checkbox'] + span, - .sheet-settings-flag .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem input.sheet-settings-flag[type='checkbox'] + span, - .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_edit:after, - .repcontrol .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem input.sheet-settings-flag + span.repcontrol_edit:after, - .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_add:after, - .repcontrol .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem input.sheet-settings-flag + span.repcontrol_add:after, - .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem .itemcontrol input.sheet-settings-flag + span.repcontrol_del, - .itemcontrol .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem input.sheet-settings-flag + span.repcontrol_del { + .charsheet .pc div.magic div.magic-preps div.prepared-preparations div.repitem input.settings-flag,.charsheet .pc div.magic div.magic-preps div.prepared-preparations div.repitem input.settings-flag + span.pictos,.charsheet .pc div.magic div.magic-preps div.prepared-preparations div.repitem .settings-toggle input.settings-flag[type='checkbox'] + span,.charsheet .settings-toggle .pc div.magic div.magic-preps div.prepared-preparations div.repitem input.settings-flag[type='checkbox'] + span,.charsheet .pc div.magic div.magic-preps div.prepared-preparations div.repitem .settings-flag input.settings-flag[type='checkbox'] + span,.charsheet .settings-flag .pc div.magic div.magic-preps div.prepared-preparations div.repitem input.settings-flag[type='checkbox'] + span,.charsheet .pc div.magic div.magic-preps div.prepared-preparations div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,.charsheet .repcontrol .pc div.magic div.magic-preps div.prepared-preparations div.repitem input.settings-flag + span.repcontrol_edit:after,.charsheet .pc div.magic div.magic-preps div.prepared-preparations div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,.charsheet .repcontrol .pc div.magic div.magic-preps div.prepared-preparations div.repitem input.settings-flag + span.repcontrol_add:after,.charsheet .pc div.magic div.magic-preps div.prepared-preparations div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,.charsheet .itemcontrol .pc div.magic div.magic-preps div.prepared-preparations div.repitem input.settings-flag + span.repcontrol_del { grid-area: 1 / 6 / 1 / 7; } - .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem div.sheet-settings { + .charsheet .pc div.magic div.magic-preps div.prepared-preparations div.repitem div.settings { grid-column: 1 / 7; grid-template-columns: 40% 1fr 1fr 2fr 1em 1em; } - .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem div.sheet-settings select { + .charsheet .pc div.magic div.magic-preps div.prepared-preparations div.repitem div.settings select { grid-column: 4 / 7; } - .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem div.sheet-settings textarea { + .charsheet .pc div.magic div.magic-preps div.prepared-preparations div.repitem div.settings textarea { width: 100%; } - .sheet-pc div.sheet-magic div.sheet-powers div.sheet-headers { + .charsheet .pc div.magic div.powers div.headers { grid-template-columns: 1fr 3em 1em 1em; } - .sheet-pc div.sheet-magic div.sheet-powers div.repitem { + .charsheet .pc div.magic div.powers div.repitem { grid-template-columns: 1fr 3em 1em 1em; } - .sheet-pc div.sheet-magic div.sheet-powers div.repitem label[data-i18n-title='notes'], - .sheet-pc div.sheet-magic div.sheet-powers div.repitem h3[data-i18n='notes'], - .sheet-pc div.sheet-magic div.sheet-powers div.repitem div.sheet-collapse { + .charsheet .pc div.magic div.powers div.repitem label[data-i18n-title='notes'],.charsheet .pc div.magic div.powers div.repitem h3[data-i18n='notes'],.charsheet .pc div.magic div.powers div.repitem div.collapse { grid-column: 1 / 5; } - .sheet-pc div.sheet-magic div.sheet-powers div.repitem label[data-i18n-title='notes'] span[name='attr_notes'], - .sheet-pc div.sheet-magic div.sheet-powers div.repitem h3[data-i18n='notes'] span[name='attr_notes'], - .sheet-pc div.sheet-magic div.sheet-powers div.repitem div.sheet-collapse span[name='attr_notes'] { + .charsheet .pc div.magic div.powers div.repitem label[data-i18n-title='notes'] span[name='attr_notes'],.charsheet .pc div.magic div.powers div.repitem h3[data-i18n='notes'] span[name='attr_notes'],.charsheet .pc div.magic div.powers div.repitem div.collapse span[name='attr_notes'] { white-space: pre-line; } - .sheet-pc div.sheet-magic div.sheet-powers div.repitem input.sheet-collapse-flag { + .charsheet .pc div.magic div.powers div.repitem input.collapse-flag { grid-area: 1 / 1 / 1 / 4; position: absolute; width: 100%; } - .sheet-pc div.sheet-magic div.sheet-powers div.repitem input.sheet-collapse-flag + span.sheet-pictos, .sheet-pc div.sheet-magic div.sheet-powers div.repitem .sheet-settings-toggle input.sheet-collapse-flag[type='checkbox'] + span, .sheet-settings-toggle .sheet-pc div.sheet-magic div.sheet-powers div.repitem input.sheet-collapse-flag[type='checkbox'] + span, - .sheet-pc div.sheet-magic div.sheet-powers div.repitem .sheet-settings-flag input.sheet-collapse-flag[type='checkbox'] + span, .sheet-settings-flag .sheet-pc div.sheet-magic div.sheet-powers div.repitem input.sheet-collapse-flag[type='checkbox'] + span, .sheet-pc div.sheet-magic div.sheet-powers div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_edit:after, .repcontrol .sheet-pc div.sheet-magic div.sheet-powers div.repitem input.sheet-collapse-flag + span.repcontrol_edit:after, - .sheet-pc div.sheet-magic div.sheet-powers div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_add:after, .repcontrol .sheet-pc div.sheet-magic div.sheet-powers div.repitem input.sheet-collapse-flag + span.repcontrol_add:after, .sheet-pc div.sheet-magic div.sheet-powers div.repitem .itemcontrol input.sheet-collapse-flag + span.repcontrol_del, .itemcontrol .sheet-pc div.sheet-magic div.sheet-powers div.repitem input.sheet-collapse-flag + span.repcontrol_del { + .charsheet .pc div.magic div.powers div.repitem input.collapse-flag + span.pictos,.charsheet .pc div.magic div.powers div.repitem .settings-toggle input.collapse-flag[type='checkbox'] + span,.charsheet .settings-toggle .pc div.magic div.powers div.repitem input.collapse-flag[type='checkbox'] + span,.charsheet .pc div.magic div.powers div.repitem .settings-flag input.collapse-flag[type='checkbox'] + span,.charsheet .settings-flag .pc div.magic div.powers div.repitem input.collapse-flag[type='checkbox'] + span,.charsheet .pc div.magic div.powers div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after,.charsheet .repcontrol .pc div.magic div.powers div.repitem input.collapse-flag + span.repcontrol_edit:after,.charsheet .pc div.magic div.powers div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,.charsheet .repcontrol .pc div.magic div.powers div.repitem input.collapse-flag + span.repcontrol_add:after,.charsheet .pc div.magic div.powers div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del,.charsheet .itemcontrol .pc div.magic div.powers div.repitem input.collapse-flag + span.repcontrol_del { grid-area: 1 / 3 / 1 / 4; } - .sheet-pc div.sheet-magic div.sheet-powers div.repitem input.sheet-settings-flag, - .sheet-pc div.sheet-magic div.sheet-powers div.repitem input.sheet-settings-flag + span.sheet-pictos, - .sheet-pc div.sheet-magic div.sheet-powers div.repitem .sheet-settings-toggle input.sheet-settings-flag[type='checkbox'] + span, - .sheet-settings-toggle .sheet-pc div.sheet-magic div.sheet-powers div.repitem input.sheet-settings-flag[type='checkbox'] + span, - .sheet-pc div.sheet-magic div.sheet-powers div.repitem .sheet-settings-flag input.sheet-settings-flag[type='checkbox'] + span, - .sheet-settings-flag .sheet-pc div.sheet-magic div.sheet-powers div.repitem input.sheet-settings-flag[type='checkbox'] + span, - .sheet-pc div.sheet-magic div.sheet-powers div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_edit:after, - .repcontrol .sheet-pc div.sheet-magic div.sheet-powers div.repitem input.sheet-settings-flag + span.repcontrol_edit:after, - .sheet-pc div.sheet-magic div.sheet-powers div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_add:after, - .repcontrol .sheet-pc div.sheet-magic div.sheet-powers div.repitem input.sheet-settings-flag + span.repcontrol_add:after, - .sheet-pc div.sheet-magic div.sheet-powers div.repitem .itemcontrol input.sheet-settings-flag + span.repcontrol_del, - .itemcontrol .sheet-pc div.sheet-magic div.sheet-powers div.repitem input.sheet-settings-flag + span.repcontrol_del { + .charsheet .pc div.magic div.powers div.repitem input.settings-flag,.charsheet .pc div.magic div.powers div.repitem input.settings-flag + span.pictos,.charsheet .pc div.magic div.powers div.repitem .settings-toggle input.settings-flag[type='checkbox'] + span,.charsheet .settings-toggle .pc div.magic div.powers div.repitem input.settings-flag[type='checkbox'] + span,.charsheet .pc div.magic div.powers div.repitem .settings-flag input.settings-flag[type='checkbox'] + span,.charsheet .settings-flag .pc div.magic div.powers div.repitem input.settings-flag[type='checkbox'] + span,.charsheet .pc div.magic div.powers div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,.charsheet .repcontrol .pc div.magic div.powers div.repitem input.settings-flag + span.repcontrol_edit:after,.charsheet .pc div.magic div.powers div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,.charsheet .repcontrol .pc div.magic div.powers div.repitem input.settings-flag + span.repcontrol_add:after,.charsheet .pc div.magic div.powers div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,.charsheet .itemcontrol .pc div.magic div.powers div.repitem input.settings-flag + span.repcontrol_del { grid-area: 1 / 4 / 1 / 5; } - .sheet-pc div.sheet-magic div.sheet-powers div.repitem div.sheet-settings { + .charsheet .pc div.magic div.powers div.repitem div.settings { grid-column: 1 / 5; grid-template-columns: 1fr 3em 1em 1em; } - .sheet-pc div.sheet-matrix { - /* Needs to be refactored into Grid */ } - .sheet-pc div.sheet-matrix button[type='roll'] { + .charsheet .pc div.matrix { + } + .charsheet .pc div.matrix button[type='roll'] { font-size: 0.9em; } - .sheet-pc div.sheet-matrix h3 { + .charsheet .pc div.matrix h3 { color: #040404; } - .sheet-pc div.sheet-matrix div.sheet-htab div.sheet-triangle { + .charsheet .pc div.matrix div.htab div.triangle { position: relative; } - .sheet-pc div.sheet-matrix div.sheet-htab input.sheet-matrix-toggle { + .charsheet .pc div.matrix div.htab input.matrix-toggle { position: absolute; top: unset; left: 60%; width: 15%; height: 20px; opacity: 0; } - .sheet-pc div.sheet-matrix div.sheet-htab input[value="cyberdeck"] { + .charsheet .pc div.matrix div.htab input[value="cyberdeck"] { left: 60%; } - .sheet-pc div.sheet-matrix div.sheet-htab input[value="persona"] { + .charsheet .pc div.matrix div.htab input[value="persona"] { left: 75%; } - .sheet-pc div.sheet-matrix div.sheet-matrix-switches { + .charsheet .pc div.matrix div.matrix-switches { display: inline-grid; grid-template-columns: 2fr 1fr; grid-column-gap: 2%; margin-top: 1%; margin-bottom: 2%; width: 100%; } - .sheet-pc div.sheet-matrix div.sheet-matrix-switches h3 { + .charsheet .pc div.matrix div.matrix-switches h3 { margin-right: 5px; } - .sheet-pc div.sheet-matrix div.sheet-matrix-switches div.sheet-matrix-mode { + .charsheet .pc div.matrix div.matrix-switches div.matrix-mode { display: inline-grid; grid-template-columns: auto 1fr; } - .sheet-pc div.sheet-matrix div.sheet-device-attr { + .charsheet .pc div.matrix div.device-attr { display: inline; transition: transform .2s; } - .sheet-pc div.sheet-matrix div.sheet-device-attr span { + .charsheet .pc div.matrix div.device-attr span { position: relative; } - .sheet-pc div.sheet-matrix div.sheet-device-attr input[type='radio'] { + .charsheet .pc div.matrix div.device-attr input[type='radio'] { opacity: 0; position: relative; z-index: 2; } - .sheet-pc div.sheet-matrix div.sheet-device-attr input[type='radio']:hover + span { + .charsheet .pc div.matrix div.device-attr input[type='radio']:hover + span { transform: scale(1.3); } - .sheet-pc div.sheet-matrix div.sheet-programs div.repitem { + .charsheet .pc div.matrix div.programs div.repitem { grid-template-columns: 1.5em 1fr 1.5em 1em 1em; } - .sheet-pc div.sheet-matrix div.sheet-programs div.repitem label[data-i18n-title='notes'], - .sheet-pc div.sheet-matrix div.sheet-programs div.repitem h3[data-i18n='notes'], - .sheet-pc div.sheet-matrix div.sheet-programs div.repitem div.sheet-collapse { + .charsheet .pc div.matrix div.programs div.repitem label[data-i18n-title='notes'],.charsheet .pc div.matrix div.programs div.repitem h3[data-i18n='notes'],.charsheet .pc div.matrix div.programs div.repitem div.collapse { grid-column: 1 / 6; } - .sheet-pc div.sheet-matrix div.sheet-programs div.repitem label[data-i18n-title='notes'] span[name='attr_notes'], - .sheet-pc div.sheet-matrix div.sheet-programs div.repitem h3[data-i18n='notes'] span[name='attr_notes'], - .sheet-pc div.sheet-matrix div.sheet-programs div.repitem div.sheet-collapse span[name='attr_notes'] { + .charsheet .pc div.matrix div.programs div.repitem label[data-i18n-title='notes'] span[name='attr_notes'],.charsheet .pc div.matrix div.programs div.repitem h3[data-i18n='notes'] span[name='attr_notes'],.charsheet .pc div.matrix div.programs div.repitem div.collapse span[name='attr_notes'] { white-space: pre-line; } - .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-collapse-flag { + .charsheet .pc div.matrix div.programs div.repitem input.collapse-flag { grid-area: 1 / 4 / 1 / 5; } - .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-collapse-flag + span.sheet-pictos, .sheet-pc div.sheet-matrix div.sheet-programs div.repitem .sheet-settings-toggle input.sheet-collapse-flag[type='checkbox'] + span, .sheet-settings-toggle .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-collapse-flag[type='checkbox'] + span, - .sheet-pc div.sheet-matrix div.sheet-programs div.repitem .sheet-settings-flag input.sheet-collapse-flag[type='checkbox'] + span, .sheet-settings-flag .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-collapse-flag[type='checkbox'] + span, .sheet-pc div.sheet-matrix div.sheet-programs div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_edit:after, .repcontrol .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-collapse-flag + span.repcontrol_edit:after, - .sheet-pc div.sheet-matrix div.sheet-programs div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_add:after, .repcontrol .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-collapse-flag + span.repcontrol_add:after, .sheet-pc div.sheet-matrix div.sheet-programs div.repitem .itemcontrol input.sheet-collapse-flag + span.repcontrol_del, .itemcontrol .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-collapse-flag + span.repcontrol_del { + .charsheet .pc div.matrix div.programs div.repitem input.collapse-flag + span.pictos,.charsheet .pc div.matrix div.programs div.repitem .settings-toggle input.collapse-flag[type='checkbox'] + span,.charsheet .settings-toggle .pc div.matrix div.programs div.repitem input.collapse-flag[type='checkbox'] + span,.charsheet .pc div.matrix div.programs div.repitem .settings-flag input.collapse-flag[type='checkbox'] + span,.charsheet .settings-flag .pc div.matrix div.programs div.repitem input.collapse-flag[type='checkbox'] + span,.charsheet .pc div.matrix div.programs div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after,.charsheet .repcontrol .pc div.matrix div.programs div.repitem input.collapse-flag + span.repcontrol_edit:after,.charsheet .pc div.matrix div.programs div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,.charsheet .repcontrol .pc div.matrix div.programs div.repitem input.collapse-flag + span.repcontrol_add:after,.charsheet .pc div.matrix div.programs div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del,.charsheet .itemcontrol .pc div.matrix div.programs div.repitem input.collapse-flag + span.repcontrol_del { grid-area: 1 / 4 / 1 / 5; } - .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-settings-flag, - .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-settings-flag + span.sheet-pictos, - .sheet-pc div.sheet-matrix div.sheet-programs div.repitem .sheet-settings-toggle input.sheet-settings-flag[type='checkbox'] + span, - .sheet-settings-toggle .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-settings-flag[type='checkbox'] + span, - .sheet-pc div.sheet-matrix div.sheet-programs div.repitem .sheet-settings-flag input.sheet-settings-flag[type='checkbox'] + span, - .sheet-settings-flag .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-settings-flag[type='checkbox'] + span, - .sheet-pc div.sheet-matrix div.sheet-programs div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_edit:after, - .repcontrol .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-settings-flag + span.repcontrol_edit:after, - .sheet-pc div.sheet-matrix div.sheet-programs div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_add:after, - .repcontrol .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-settings-flag + span.repcontrol_add:after, - .sheet-pc div.sheet-matrix div.sheet-programs div.repitem .itemcontrol input.sheet-settings-flag + span.repcontrol_del, - .itemcontrol .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-settings-flag + span.repcontrol_del { + .charsheet .pc div.matrix div.programs div.repitem input.settings-flag,.charsheet .pc div.matrix div.programs div.repitem input.settings-flag + span.pictos,.charsheet .pc div.matrix div.programs div.repitem .settings-toggle input.settings-flag[type='checkbox'] + span,.charsheet .settings-toggle .pc div.matrix div.programs div.repitem input.settings-flag[type='checkbox'] + span,.charsheet .pc div.matrix div.programs div.repitem .settings-flag input.settings-flag[type='checkbox'] + span,.charsheet .settings-flag .pc div.matrix div.programs div.repitem input.settings-flag[type='checkbox'] + span,.charsheet .pc div.matrix div.programs div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,.charsheet .repcontrol .pc div.matrix div.programs div.repitem input.settings-flag + span.repcontrol_edit:after,.charsheet .pc div.matrix div.programs div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,.charsheet .repcontrol .pc div.matrix div.programs div.repitem input.settings-flag + span.repcontrol_add:after,.charsheet .pc div.matrix div.programs div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,.charsheet .itemcontrol .pc div.matrix div.programs div.repitem input.settings-flag + span.repcontrol_del { grid-area: 1 / 5 / 1 / 6; } - .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-indicator { + .charsheet .pc div.matrix div.programs div.repitem input.indicator { grid-area: 1 / 1 / 1 / 1; } - .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-indicator + span { + .charsheet .pc div.matrix div.programs div.repitem input.indicator + span { grid-area: 1 / 1 / 1 / 1; } - .sheet-pc div.sheet-matrix div.sheet-programs div.sheet-settings { + .charsheet .pc div.matrix div.programs div.settings { grid-column: 1 / 6; } - .sheet-pc div.sheet-matrix div.sheet-programs div.sheet-settings input[type='text'] { + .charsheet .pc div.matrix div.programs div.settings input[type='text'] { text-align: left; } - .sheet-pc div.sheet-matrix div.sheet-programs div.sheet-settings label { + .charsheet .pc div.matrix div.programs div.settings label { grid-column: 1 / 4; } - .sheet-pc div.sheet-matrix div.sheet-complex-forms h3 { + .charsheet .pc div.matrix div.complex-forms h3 { color: #040404; } - .sheet-pc div.sheet-matrix div.sheet-complex-forms h3:not(:last-child) { + .charsheet .pc div.matrix div.complex-forms h3:not(:last-child) { margin-right: 2%; } - .sheet-pc div.sheet-matrix div.sheet-complex-forms h3:not(:first-child) { + .charsheet .pc div.matrix div.complex-forms h3:not(:first-child) { margin-left: 2%; } - .sheet-pc div.sheet-matrix div.sheet-complex-forms div.sheet-headers { + .charsheet .pc div.matrix div.complex-forms div.headers { display: grid; grid-template-columns: 30% 1fr 1fr 4em 1em 1em; } - .sheet-pc div.sheet-matrix div.sheet-complex-forms div.sheet-headers h2:nth-of-type(1n+2) { + .charsheet .pc div.matrix div.complex-forms div.headers h2:nth-of-type(1n+2) { text-align: center; } - .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem { + .charsheet .pc div.matrix div.complex-forms div.repitem { grid-template-columns: 30% 1fr 1fr 4em 1em 1em; } - .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem label[data-i18n-title='notes'], - .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem h3[data-i18n='notes'], - .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem div.sheet-collapse { + .charsheet .pc div.matrix div.complex-forms div.repitem label[data-i18n-title='notes'],.charsheet .pc div.matrix div.complex-forms div.repitem h3[data-i18n='notes'],.charsheet .pc div.matrix div.complex-forms div.repitem div.collapse { grid-column: 1 / 7; } - .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem label[data-i18n-title='notes'] span[name='attr_notes'], - .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem h3[data-i18n='notes'] span[name='attr_notes'], - .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem div.sheet-collapse span[name='attr_notes'] { + .charsheet .pc div.matrix div.complex-forms div.repitem label[data-i18n-title='notes'] span[name='attr_notes'],.charsheet .pc div.matrix div.complex-forms div.repitem h3[data-i18n='notes'] span[name='attr_notes'],.charsheet .pc div.matrix div.complex-forms div.repitem div.collapse span[name='attr_notes'] { white-space: pre-line; } - .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input.sheet-collapse-flag { + .charsheet .pc div.matrix div.complex-forms div.repitem input.collapse-flag { grid-area: 1 / 5 / 1 / 6; } - .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input.sheet-collapse-flag + span.sheet-pictos, .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem .sheet-settings-toggle input.sheet-collapse-flag[type='checkbox'] + span, .sheet-settings-toggle .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input.sheet-collapse-flag[type='checkbox'] + span, - .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem .sheet-settings-flag input.sheet-collapse-flag[type='checkbox'] + span, .sheet-settings-flag .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input.sheet-collapse-flag[type='checkbox'] + span, .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_edit:after, .repcontrol .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input.sheet-collapse-flag + span.repcontrol_edit:after, - .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_add:after, .repcontrol .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input.sheet-collapse-flag + span.repcontrol_add:after, .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem .itemcontrol input.sheet-collapse-flag + span.repcontrol_del, .itemcontrol .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input.sheet-collapse-flag + span.repcontrol_del { + .charsheet .pc div.matrix div.complex-forms div.repitem input.collapse-flag + span.pictos,.charsheet .pc div.matrix div.complex-forms div.repitem .settings-toggle input.collapse-flag[type='checkbox'] + span,.charsheet .settings-toggle .pc div.matrix div.complex-forms div.repitem input.collapse-flag[type='checkbox'] + span,.charsheet .pc div.matrix div.complex-forms div.repitem .settings-flag input.collapse-flag[type='checkbox'] + span,.charsheet .settings-flag .pc div.matrix div.complex-forms div.repitem input.collapse-flag[type='checkbox'] + span,.charsheet .pc div.matrix div.complex-forms div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after,.charsheet .repcontrol .pc div.matrix div.complex-forms div.repitem input.collapse-flag + span.repcontrol_edit:after,.charsheet .pc div.matrix div.complex-forms div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,.charsheet .repcontrol .pc div.matrix div.complex-forms div.repitem input.collapse-flag + span.repcontrol_add:after,.charsheet .pc div.matrix div.complex-forms div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del,.charsheet .itemcontrol .pc div.matrix div.complex-forms div.repitem input.collapse-flag + span.repcontrol_del { grid-area: 1 / 5 / 1 / 6; } - .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input.sheet-settings-flag, - .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input.sheet-settings-flag + span.sheet-pictos, - .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem .sheet-settings-toggle input.sheet-settings-flag[type='checkbox'] + span, - .sheet-settings-toggle .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input.sheet-settings-flag[type='checkbox'] + span, - .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem .sheet-settings-flag input.sheet-settings-flag[type='checkbox'] + span, - .sheet-settings-flag .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input.sheet-settings-flag[type='checkbox'] + span, - .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_edit:after, - .repcontrol .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input.sheet-settings-flag + span.repcontrol_edit:after, - .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_add:after, - .repcontrol .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input.sheet-settings-flag + span.repcontrol_add:after, - .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem .itemcontrol input.sheet-settings-flag + span.repcontrol_del, - .itemcontrol .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input.sheet-settings-flag + span.repcontrol_del { + .charsheet .pc div.matrix div.complex-forms div.repitem input.settings-flag,.charsheet .pc div.matrix div.complex-forms div.repitem input.settings-flag + span.pictos,.charsheet .pc div.matrix div.complex-forms div.repitem .settings-toggle input.settings-flag[type='checkbox'] + span,.charsheet .settings-toggle .pc div.matrix div.complex-forms div.repitem input.settings-flag[type='checkbox'] + span,.charsheet .pc div.matrix div.complex-forms div.repitem .settings-flag input.settings-flag[type='checkbox'] + span,.charsheet .settings-flag .pc div.matrix div.complex-forms div.repitem input.settings-flag[type='checkbox'] + span,.charsheet .pc div.matrix div.complex-forms div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,.charsheet .repcontrol .pc div.matrix div.complex-forms div.repitem input.settings-flag + span.repcontrol_edit:after,.charsheet .pc div.matrix div.complex-forms div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,.charsheet .repcontrol .pc div.matrix div.complex-forms div.repitem input.settings-flag + span.repcontrol_add:after,.charsheet .pc div.matrix div.complex-forms div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,.charsheet .itemcontrol .pc div.matrix div.complex-forms div.repitem input.settings-flag + span.repcontrol_del { grid-area: 1 / 6 / 1 / 7; } - .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem div.sheet-row { + .charsheet .pc div.matrix div.complex-forms div.repitem div.row { grid-column: 1 / 7; } - .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem div.sheet-settings { + .charsheet .pc div.matrix div.complex-forms div.repitem div.settings { grid-column: 1 / 7; grid-template-columns: 30% 1fr 1fr 4em 1em 1em; } - .sheet-pc div.sheet-persona div.sheet-headers, - .sheet-pc div.sheet-persona div.sheet-row-long { + .charsheet .pc div.persona div.headers,.charsheet .pc div.persona div.row-long { display: inline-grid; grid-template-columns: 40% 1fr 1fr 1fr; grid-column-gap: 2%; width: 100%; } - .sheet-pc div.sheet-persona div.sheet-headers button, - .sheet-pc div.sheet-persona div.sheet-row-long button { + .charsheet .pc div.persona div.headers button,.charsheet .pc div.persona div.row-long button { width: 100%; } - .sheet-pc div.sheet-persona div.sheet-headers h3:nth-of-type(1n+2) { + .charsheet .pc div.persona div.headers h3:nth-of-type(1n+2) { text-align: center; } - .sheet-pc div.sheet-persona div.sheet-row-long { + .charsheet .pc div.persona div.row-long { margin-bottom: 5px; padding-bottom: 5px; } - .sheet-pc div.sheet-persona div.sheet-row-long div { + .charsheet .pc div.persona div.row-long div { width: 100%; } - .sheet-pc div.sheet-persona div.sheet-total input { + .charsheet .pc div.persona div.total input { background: none; border: none; } - .sheet-pc div.sheet-persona div.sheet-echos div.repitem { + .charsheet .pc div.persona div.echos div.repitem { grid-template-columns: 1fr 1.5em 1em 1em; } - .sheet-pc div.sheet-persona div.sheet-echos div.repitem label[data-i18n-title='notes'], - .sheet-pc div.sheet-persona div.sheet-echos div.repitem h3[data-i18n='notes'], - .sheet-pc div.sheet-persona div.sheet-echos div.repitem div.sheet-collapse { + .charsheet .pc div.persona div.echos div.repitem label[data-i18n-title='notes'],.charsheet .pc div.persona div.echos div.repitem h3[data-i18n='notes'],.charsheet .pc div.persona div.echos div.repitem div.collapse { grid-column: 1 / 5; } - .sheet-pc div.sheet-persona div.sheet-echos div.repitem label[data-i18n-title='notes'] span[name='attr_notes'], - .sheet-pc div.sheet-persona div.sheet-echos div.repitem h3[data-i18n='notes'] span[name='attr_notes'], - .sheet-pc div.sheet-persona div.sheet-echos div.repitem div.sheet-collapse span[name='attr_notes'] { + .charsheet .pc div.persona div.echos div.repitem label[data-i18n-title='notes'] span[name='attr_notes'],.charsheet .pc div.persona div.echos div.repitem h3[data-i18n='notes'] span[name='attr_notes'],.charsheet .pc div.persona div.echos div.repitem div.collapse span[name='attr_notes'] { white-space: pre-line; } - .sheet-pc div.sheet-persona div.sheet-echos div.repitem input.sheet-collapse-flag { + .charsheet .pc div.persona div.echos div.repitem input.collapse-flag { grid-area: 1 / 3 / 1 / 4; } - .sheet-pc div.sheet-persona div.sheet-echos div.repitem input.sheet-collapse-flag + span.sheet-pictos, .sheet-pc div.sheet-persona div.sheet-echos div.repitem .sheet-settings-toggle input.sheet-collapse-flag[type='checkbox'] + span, .sheet-settings-toggle .sheet-pc div.sheet-persona div.sheet-echos div.repitem input.sheet-collapse-flag[type='checkbox'] + span, - .sheet-pc div.sheet-persona div.sheet-echos div.repitem .sheet-settings-flag input.sheet-collapse-flag[type='checkbox'] + span, .sheet-settings-flag .sheet-pc div.sheet-persona div.sheet-echos div.repitem input.sheet-collapse-flag[type='checkbox'] + span, .sheet-pc div.sheet-persona div.sheet-echos div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_edit:after, .repcontrol .sheet-pc div.sheet-persona div.sheet-echos div.repitem input.sheet-collapse-flag + span.repcontrol_edit:after, - .sheet-pc div.sheet-persona div.sheet-echos div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_add:after, .repcontrol .sheet-pc div.sheet-persona div.sheet-echos div.repitem input.sheet-collapse-flag + span.repcontrol_add:after, .sheet-pc div.sheet-persona div.sheet-echos div.repitem .itemcontrol input.sheet-collapse-flag + span.repcontrol_del, .itemcontrol .sheet-pc div.sheet-persona div.sheet-echos div.repitem input.sheet-collapse-flag + span.repcontrol_del { + .charsheet .pc div.persona div.echos div.repitem input.collapse-flag + span.pictos,.charsheet .pc div.persona div.echos div.repitem .settings-toggle input.collapse-flag[type='checkbox'] + span,.charsheet .settings-toggle .pc div.persona div.echos div.repitem input.collapse-flag[type='checkbox'] + span,.charsheet .pc div.persona div.echos div.repitem .settings-flag input.collapse-flag[type='checkbox'] + span,.charsheet .settings-flag .pc div.persona div.echos div.repitem input.collapse-flag[type='checkbox'] + span,.charsheet .pc div.persona div.echos div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after,.charsheet .repcontrol .pc div.persona div.echos div.repitem input.collapse-flag + span.repcontrol_edit:after,.charsheet .pc div.persona div.echos div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,.charsheet .repcontrol .pc div.persona div.echos div.repitem input.collapse-flag + span.repcontrol_add:after,.charsheet .pc div.persona div.echos div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del,.charsheet .itemcontrol .pc div.persona div.echos div.repitem input.collapse-flag + span.repcontrol_del { grid-area: 1 / 3 / 1 / 4; } - .sheet-pc div.sheet-persona div.sheet-echos div.repitem input.sheet-settings-flag, - .sheet-pc div.sheet-persona div.sheet-echos div.repitem input.sheet-settings-flag + span.sheet-pictos, - .sheet-pc div.sheet-persona div.sheet-echos div.repitem .sheet-settings-toggle input.sheet-settings-flag[type='checkbox'] + span, - .sheet-settings-toggle .sheet-pc div.sheet-persona div.sheet-echos div.repitem input.sheet-settings-flag[type='checkbox'] + span, - .sheet-pc div.sheet-persona div.sheet-echos div.repitem .sheet-settings-flag input.sheet-settings-flag[type='checkbox'] + span, - .sheet-settings-flag .sheet-pc div.sheet-persona div.sheet-echos div.repitem input.sheet-settings-flag[type='checkbox'] + span, - .sheet-pc div.sheet-persona div.sheet-echos div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_edit:after, - .repcontrol .sheet-pc div.sheet-persona div.sheet-echos div.repitem input.sheet-settings-flag + span.repcontrol_edit:after, - .sheet-pc div.sheet-persona div.sheet-echos div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_add:after, - .repcontrol .sheet-pc div.sheet-persona div.sheet-echos div.repitem input.sheet-settings-flag + span.repcontrol_add:after, - .sheet-pc div.sheet-persona div.sheet-echos div.repitem .itemcontrol input.sheet-settings-flag + span.repcontrol_del, - .itemcontrol .sheet-pc div.sheet-persona div.sheet-echos div.repitem input.sheet-settings-flag + span.repcontrol_del { + .charsheet .pc div.persona div.echos div.repitem input.settings-flag,.charsheet .pc div.persona div.echos div.repitem input.settings-flag + span.pictos,.charsheet .pc div.persona div.echos div.repitem .settings-toggle input.settings-flag[type='checkbox'] + span,.charsheet .settings-toggle .pc div.persona div.echos div.repitem input.settings-flag[type='checkbox'] + span,.charsheet .pc div.persona div.echos div.repitem .settings-flag input.settings-flag[type='checkbox'] + span,.charsheet .settings-flag .pc div.persona div.echos div.repitem input.settings-flag[type='checkbox'] + span,.charsheet .pc div.persona div.echos div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,.charsheet .repcontrol .pc div.persona div.echos div.repitem input.settings-flag + span.repcontrol_edit:after,.charsheet .pc div.persona div.echos div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,.charsheet .repcontrol .pc div.persona div.echos div.repitem input.settings-flag + span.repcontrol_add:after,.charsheet .pc div.persona div.echos div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,.charsheet .itemcontrol .pc div.persona div.echos div.repitem input.settings-flag + span.repcontrol_del { grid-area: 1 / 4 / 1 / 5; } - .sheet-pc div.sheet-persona div.sheet-echos div.sheet-settings { + .charsheet .pc div.persona div.echos div.settings { grid-column: 1 / 4; } - .sheet-pc div.sheet-persona div.sheet-echos div.sheet-settings input[type='text'] { + .charsheet .pc div.persona div.echos div.settings input[type='text'] { grid-column: 1 /3; text-align: left; } - .sheet-pc div.sheet-persona div.sheet-echos div.sheet-settings label { + .charsheet .pc div.persona div.echos div.settings label { grid-column: 1 / 3; } - .sheet-pc div.sheet-social input:not(:placeholder-shown) { + .charsheet .pc div.social input:not(:placeholder-shown) { background-color: transparent; } - .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem { + .charsheet .pc div.social div.lifestyle div.repitem { grid-template-columns: 1fr 1.5em 1em 1em; } - .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem label[data-i18n-title='notes'], - .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem h3[data-i18n='notes'], - .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem div.sheet-collapse { + .charsheet .pc div.social div.lifestyle div.repitem label[data-i18n-title='notes'],.charsheet .pc div.social div.lifestyle div.repitem h3[data-i18n='notes'],.charsheet .pc div.social div.lifestyle div.repitem div.collapse { grid-column: 1 / 5; } - .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem label[data-i18n-title='notes'] span[name='attr_notes'], - .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem h3[data-i18n='notes'] span[name='attr_notes'], - .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem div.sheet-collapse span[name='attr_notes'] { + .charsheet .pc div.social div.lifestyle div.repitem label[data-i18n-title='notes'] span[name='attr_notes'],.charsheet .pc div.social div.lifestyle div.repitem h3[data-i18n='notes'] span[name='attr_notes'],.charsheet .pc div.social div.lifestyle div.repitem div.collapse span[name='attr_notes'] { white-space: pre-line; } - .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem input.sheet-collapse-flag { + .charsheet .pc div.social div.lifestyle div.repitem input.collapse-flag { grid-area: 1 / 3 / 1 / 4; } - .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem input.sheet-collapse-flag + span.sheet-pictos, .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem .sheet-settings-toggle input.sheet-collapse-flag[type='checkbox'] + span, .sheet-settings-toggle .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem input.sheet-collapse-flag[type='checkbox'] + span, - .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem .sheet-settings-flag input.sheet-collapse-flag[type='checkbox'] + span, .sheet-settings-flag .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem input.sheet-collapse-flag[type='checkbox'] + span, .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_edit:after, .repcontrol .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem input.sheet-collapse-flag + span.repcontrol_edit:after, - .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_add:after, .repcontrol .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem input.sheet-collapse-flag + span.repcontrol_add:after, .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem .itemcontrol input.sheet-collapse-flag + span.repcontrol_del, .itemcontrol .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem input.sheet-collapse-flag + span.repcontrol_del { + .charsheet .pc div.social div.lifestyle div.repitem input.collapse-flag + span.pictos,.charsheet .pc div.social div.lifestyle div.repitem .settings-toggle input.collapse-flag[type='checkbox'] + span,.charsheet .settings-toggle .pc div.social div.lifestyle div.repitem input.collapse-flag[type='checkbox'] + span,.charsheet .pc div.social div.lifestyle div.repitem .settings-flag input.collapse-flag[type='checkbox'] + span,.charsheet .settings-flag .pc div.social div.lifestyle div.repitem input.collapse-flag[type='checkbox'] + span,.charsheet .pc div.social div.lifestyle div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after,.charsheet .repcontrol .pc div.social div.lifestyle div.repitem input.collapse-flag + span.repcontrol_edit:after,.charsheet .pc div.social div.lifestyle div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,.charsheet .repcontrol .pc div.social div.lifestyle div.repitem input.collapse-flag + span.repcontrol_add:after,.charsheet .pc div.social div.lifestyle div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del,.charsheet .itemcontrol .pc div.social div.lifestyle div.repitem input.collapse-flag + span.repcontrol_del { grid-area: 1 / 3 / 1 / 4; } - .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem input.sheet-settings-flag, - .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem input.sheet-settings-flag + span.sheet-pictos, - .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem .sheet-settings-toggle input.sheet-settings-flag[type='checkbox'] + span, - .sheet-settings-toggle .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem input.sheet-settings-flag[type='checkbox'] + span, - .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem .sheet-settings-flag input.sheet-settings-flag[type='checkbox'] + span, - .sheet-settings-flag .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem input.sheet-settings-flag[type='checkbox'] + span, - .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_edit:after, - .repcontrol .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem input.sheet-settings-flag + span.repcontrol_edit:after, - .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_add:after, - .repcontrol .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem input.sheet-settings-flag + span.repcontrol_add:after, - .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem .itemcontrol input.sheet-settings-flag + span.repcontrol_del, - .itemcontrol .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem input.sheet-settings-flag + span.repcontrol_del { + .charsheet .pc div.social div.lifestyle div.repitem input.settings-flag,.charsheet .pc div.social div.lifestyle div.repitem input.settings-flag + span.pictos,.charsheet .pc div.social div.lifestyle div.repitem .settings-toggle input.settings-flag[type='checkbox'] + span,.charsheet .settings-toggle .pc div.social div.lifestyle div.repitem input.settings-flag[type='checkbox'] + span,.charsheet .pc div.social div.lifestyle div.repitem .settings-flag input.settings-flag[type='checkbox'] + span,.charsheet .settings-flag .pc div.social div.lifestyle div.repitem input.settings-flag[type='checkbox'] + span,.charsheet .pc div.social div.lifestyle div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,.charsheet .repcontrol .pc div.social div.lifestyle div.repitem input.settings-flag + span.repcontrol_edit:after,.charsheet .pc div.social div.lifestyle div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,.charsheet .repcontrol .pc div.social div.lifestyle div.repitem input.settings-flag + span.repcontrol_add:after,.charsheet .pc div.social div.lifestyle div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,.charsheet .itemcontrol .pc div.social div.lifestyle div.repitem input.settings-flag + span.repcontrol_del { grid-area: 1 / 4 / 1 / 5; } - .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem div.sheet-collapse { + .charsheet .pc div.social div.lifestyle div.repitem div.collapse { padding-left: 2%; } - .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem div.sheet-collapse h3 { + .charsheet .pc div.social div.lifestyle div.repitem div.collapse h3 { margin-right: 1%; } - .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem div.sheet-settings { + .charsheet .pc div.social div.lifestyle div.repitem div.settings { grid-column: 1 / 5; padding: 1% 2% 5% 2%; min-height: 300px; position: relative; z-index: 1; } - .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem div.sheet-settings textarea { + .charsheet .pc div.social div.lifestyle div.repitem div.settings textarea { height: 45px; min-height: 45px; } - .sheet-pc div.sheet-social div.sheet-contacts div.sheet-headers { + .charsheet .pc div.social div.contacts div.headers { display: grid; grid-template-columns: 1fr 4em 5.5em 4em 1.5em 1em 1em; grid-column-gap: 0.5%; width: 100%; } - .sheet-pc div.sheet-social div.sheet-contacts div.repitem { + .charsheet .pc div.social div.contacts div.repitem { grid-template-columns: 1fr 4em 5.5em 4em 1.5em 1em 1em; } - .sheet-pc div.sheet-social div.sheet-contacts div.repitem label[data-i18n-title='notes'], - .sheet-pc div.sheet-social div.sheet-contacts div.repitem h3[data-i18n='notes'], - .sheet-pc div.sheet-social div.sheet-contacts div.repitem div.sheet-collapse { + .charsheet .pc div.social div.contacts div.repitem label[data-i18n-title='notes'],.charsheet .pc div.social div.contacts div.repitem h3[data-i18n='notes'],.charsheet .pc div.social div.contacts div.repitem div.collapse { grid-column: 1 / 8; } - .sheet-pc div.sheet-social div.sheet-contacts div.repitem label[data-i18n-title='notes'] span[name='attr_notes'], - .sheet-pc div.sheet-social div.sheet-contacts div.repitem h3[data-i18n='notes'] span[name='attr_notes'], - .sheet-pc div.sheet-social div.sheet-contacts div.repitem div.sheet-collapse span[name='attr_notes'] { + .charsheet .pc div.social div.contacts div.repitem label[data-i18n-title='notes'] span[name='attr_notes'],.charsheet .pc div.social div.contacts div.repitem h3[data-i18n='notes'] span[name='attr_notes'],.charsheet .pc div.social div.contacts div.repitem div.collapse span[name='attr_notes'] { white-space: pre-line; } - .sheet-pc div.sheet-social div.sheet-contacts div.repitem input.sheet-collapse-flag { + .charsheet .pc div.social div.contacts div.repitem input.collapse-flag { grid-area: 1 / 6 / 1 / 7; } - .sheet-pc div.sheet-social div.sheet-contacts div.repitem input.sheet-collapse-flag + span.sheet-pictos, .sheet-pc div.sheet-social div.sheet-contacts div.repitem .sheet-settings-toggle input.sheet-collapse-flag[type='checkbox'] + span, .sheet-settings-toggle .sheet-pc div.sheet-social div.sheet-contacts div.repitem input.sheet-collapse-flag[type='checkbox'] + span, - .sheet-pc div.sheet-social div.sheet-contacts div.repitem .sheet-settings-flag input.sheet-collapse-flag[type='checkbox'] + span, .sheet-settings-flag .sheet-pc div.sheet-social div.sheet-contacts div.repitem input.sheet-collapse-flag[type='checkbox'] + span, .sheet-pc div.sheet-social div.sheet-contacts div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_edit:after, .repcontrol .sheet-pc div.sheet-social div.sheet-contacts div.repitem input.sheet-collapse-flag + span.repcontrol_edit:after, - .sheet-pc div.sheet-social div.sheet-contacts div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_add:after, .repcontrol .sheet-pc div.sheet-social div.sheet-contacts div.repitem input.sheet-collapse-flag + span.repcontrol_add:after, .sheet-pc div.sheet-social div.sheet-contacts div.repitem .itemcontrol input.sheet-collapse-flag + span.repcontrol_del, .itemcontrol .sheet-pc div.sheet-social div.sheet-contacts div.repitem input.sheet-collapse-flag + span.repcontrol_del { + .charsheet .pc div.social div.contacts div.repitem input.collapse-flag + span.pictos,.charsheet .pc div.social div.contacts div.repitem .settings-toggle input.collapse-flag[type='checkbox'] + span,.charsheet .settings-toggle .pc div.social div.contacts div.repitem input.collapse-flag[type='checkbox'] + span,.charsheet .pc div.social div.contacts div.repitem .settings-flag input.collapse-flag[type='checkbox'] + span,.charsheet .settings-flag .pc div.social div.contacts div.repitem input.collapse-flag[type='checkbox'] + span,.charsheet .pc div.social div.contacts div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after,.charsheet .repcontrol .pc div.social div.contacts div.repitem input.collapse-flag + span.repcontrol_edit:after,.charsheet .pc div.social div.contacts div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,.charsheet .repcontrol .pc div.social div.contacts div.repitem input.collapse-flag + span.repcontrol_add:after,.charsheet .pc div.social div.contacts div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del,.charsheet .itemcontrol .pc div.social div.contacts div.repitem input.collapse-flag + span.repcontrol_del { grid-area: 1 / 6 / 1 / 7; } - .sheet-pc div.sheet-social div.sheet-contacts div.repitem input.sheet-settings-flag, - .sheet-pc div.sheet-social div.sheet-contacts div.repitem input.sheet-settings-flag + span.sheet-pictos, - .sheet-pc div.sheet-social div.sheet-contacts div.repitem .sheet-settings-toggle input.sheet-settings-flag[type='checkbox'] + span, - .sheet-settings-toggle .sheet-pc div.sheet-social div.sheet-contacts div.repitem input.sheet-settings-flag[type='checkbox'] + span, - .sheet-pc div.sheet-social div.sheet-contacts div.repitem .sheet-settings-flag input.sheet-settings-flag[type='checkbox'] + span, - .sheet-settings-flag .sheet-pc div.sheet-social div.sheet-contacts div.repitem input.sheet-settings-flag[type='checkbox'] + span, - .sheet-pc div.sheet-social div.sheet-contacts div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_edit:after, - .repcontrol .sheet-pc div.sheet-social div.sheet-contacts div.repitem input.sheet-settings-flag + span.repcontrol_edit:after, - .sheet-pc div.sheet-social div.sheet-contacts div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_add:after, - .repcontrol .sheet-pc div.sheet-social div.sheet-contacts div.repitem input.sheet-settings-flag + span.repcontrol_add:after, - .sheet-pc div.sheet-social div.sheet-contacts div.repitem .itemcontrol input.sheet-settings-flag + span.repcontrol_del, - .itemcontrol .sheet-pc div.sheet-social div.sheet-contacts div.repitem input.sheet-settings-flag + span.repcontrol_del { + .charsheet .pc div.social div.contacts div.repitem input.settings-flag,.charsheet .pc div.social div.contacts div.repitem input.settings-flag + span.pictos,.charsheet .pc div.social div.contacts div.repitem .settings-toggle input.settings-flag[type='checkbox'] + span,.charsheet .settings-toggle .pc div.social div.contacts div.repitem input.settings-flag[type='checkbox'] + span,.charsheet .pc div.social div.contacts div.repitem .settings-flag input.settings-flag[type='checkbox'] + span,.charsheet .settings-flag .pc div.social div.contacts div.repitem input.settings-flag[type='checkbox'] + span,.charsheet .pc div.social div.contacts div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,.charsheet .repcontrol .pc div.social div.contacts div.repitem input.settings-flag + span.repcontrol_edit:after,.charsheet .pc div.social div.contacts div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,.charsheet .repcontrol .pc div.social div.contacts div.repitem input.settings-flag + span.repcontrol_add:after,.charsheet .pc div.social div.contacts div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,.charsheet .itemcontrol .pc div.social div.contacts div.repitem input.settings-flag + span.repcontrol_del { grid-area: 1 / 7 / 1 / 8; } - .sheet-pc div.sheet-social div.sheet-contacts div.repitem div.sheet-settings { + .charsheet .pc div.social div.contacts div.repitem div.settings { grid-column: 1 / 8; } - .sheet-pc div.sheet-vehicle div.sheet-row-long { + .charsheet .pc div.vehicle div.row-long { display: inline-grid; grid-column: 1 / 5; } - .sheet-pc div.sheet-vehicle div.sheet-vehicle-name { + .charsheet .pc div.vehicle div.vehicle-name { grid-column: 1 / 3; } - .sheet-pc div.sheet-vehicle h3 { + .charsheet .pc div.vehicle h3 { color: #1c1c1c; overflow: hidden; } - .sheet-pc div.sheet-vehicle label { + .charsheet .pc div.vehicle label { width: 100%; } - .sheet-pc div.sheet-vehicle div.sheet-col { + .charsheet .pc div.vehicle div.col { display: inline-grid; grid-template-columns: 1fr 5em; } - .sheet-pc div.sheet-vehicle div.repitem { + .charsheet .pc div.vehicle div.repitem { grid-template-columns: 1fr 1fr 1em 1em; } - .sheet-pc div.sheet-vehicle div.repitem label[data-i18n-title='notes'], - .sheet-pc div.sheet-vehicle div.repitem h3[data-i18n='notes'], - .sheet-pc div.sheet-vehicle div.repitem div.sheet-collapse { + .charsheet .pc div.vehicle div.repitem label[data-i18n-title='notes'],.charsheet .pc div.vehicle div.repitem h3[data-i18n='notes'],.charsheet .pc div.vehicle div.repitem div.collapse { grid-column: 1 / 5; } - .sheet-pc div.sheet-vehicle div.repitem label[data-i18n-title='notes'] span[name='attr_notes'], - .sheet-pc div.sheet-vehicle div.repitem h3[data-i18n='notes'] span[name='attr_notes'], - .sheet-pc div.sheet-vehicle div.repitem div.sheet-collapse span[name='attr_notes'] { + .charsheet .pc div.vehicle div.repitem label[data-i18n-title='notes'] span[name='attr_notes'],.charsheet .pc div.vehicle div.repitem h3[data-i18n='notes'] span[name='attr_notes'],.charsheet .pc div.vehicle div.repitem div.collapse span[name='attr_notes'] { white-space: pre-line; } - .sheet-pc div.sheet-vehicle div.repitem input.sheet-collapse-flag { + .charsheet .pc div.vehicle div.repitem input.collapse-flag { grid-area: 1 / 1 / 1 / 4; position: absolute; width: 100%; } - .sheet-pc div.sheet-vehicle div.repitem input.sheet-collapse-flag + span.sheet-pictos, .sheet-pc div.sheet-vehicle div.repitem .sheet-settings-toggle input.sheet-collapse-flag[type='checkbox'] + span, .sheet-settings-toggle .sheet-pc div.sheet-vehicle div.repitem input.sheet-collapse-flag[type='checkbox'] + span, - .sheet-pc div.sheet-vehicle div.repitem .sheet-settings-flag input.sheet-collapse-flag[type='checkbox'] + span, .sheet-settings-flag .sheet-pc div.sheet-vehicle div.repitem input.sheet-collapse-flag[type='checkbox'] + span, .sheet-pc div.sheet-vehicle div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_edit:after, .repcontrol .sheet-pc div.sheet-vehicle div.repitem input.sheet-collapse-flag + span.repcontrol_edit:after, - .sheet-pc div.sheet-vehicle div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_add:after, .repcontrol .sheet-pc div.sheet-vehicle div.repitem input.sheet-collapse-flag + span.repcontrol_add:after, .sheet-pc div.sheet-vehicle div.repitem .itemcontrol input.sheet-collapse-flag + span.repcontrol_del, .itemcontrol .sheet-pc div.sheet-vehicle div.repitem input.sheet-collapse-flag + span.repcontrol_del { + .charsheet .pc div.vehicle div.repitem input.collapse-flag + span.pictos,.charsheet .pc div.vehicle div.repitem .settings-toggle input.collapse-flag[type='checkbox'] + span,.charsheet .settings-toggle .pc div.vehicle div.repitem input.collapse-flag[type='checkbox'] + span,.charsheet .pc div.vehicle div.repitem .settings-flag input.collapse-flag[type='checkbox'] + span,.charsheet .settings-flag .pc div.vehicle div.repitem input.collapse-flag[type='checkbox'] + span,.charsheet .pc div.vehicle div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after,.charsheet .repcontrol .pc div.vehicle div.repitem input.collapse-flag + span.repcontrol_edit:after,.charsheet .pc div.vehicle div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,.charsheet .repcontrol .pc div.vehicle div.repitem input.collapse-flag + span.repcontrol_add:after,.charsheet .pc div.vehicle div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del,.charsheet .itemcontrol .pc div.vehicle div.repitem input.collapse-flag + span.repcontrol_del { grid-area: 1 / 3 / 1 / 4; } - .sheet-pc div.sheet-vehicle div.repitem input.sheet-settings-flag, - .sheet-pc div.sheet-vehicle div.repitem input.sheet-settings-flag + span.sheet-pictos, - .sheet-pc div.sheet-vehicle div.repitem .sheet-settings-toggle input.sheet-settings-flag[type='checkbox'] + span, - .sheet-settings-toggle .sheet-pc div.sheet-vehicle div.repitem input.sheet-settings-flag[type='checkbox'] + span, - .sheet-pc div.sheet-vehicle div.repitem .sheet-settings-flag input.sheet-settings-flag[type='checkbox'] + span, - .sheet-settings-flag .sheet-pc div.sheet-vehicle div.repitem input.sheet-settings-flag[type='checkbox'] + span, - .sheet-pc div.sheet-vehicle div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_edit:after, - .repcontrol .sheet-pc div.sheet-vehicle div.repitem input.sheet-settings-flag + span.repcontrol_edit:after, - .sheet-pc div.sheet-vehicle div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_add:after, - .repcontrol .sheet-pc div.sheet-vehicle div.repitem input.sheet-settings-flag + span.repcontrol_add:after, - .sheet-pc div.sheet-vehicle div.repitem .itemcontrol input.sheet-settings-flag + span.repcontrol_del, - .itemcontrol .sheet-pc div.sheet-vehicle div.repitem input.sheet-settings-flag + span.repcontrol_del { + .charsheet .pc div.vehicle div.repitem input.settings-flag,.charsheet .pc div.vehicle div.repitem input.settings-flag + span.pictos,.charsheet .pc div.vehicle div.repitem .settings-toggle input.settings-flag[type='checkbox'] + span,.charsheet .settings-toggle .pc div.vehicle div.repitem input.settings-flag[type='checkbox'] + span,.charsheet .pc div.vehicle div.repitem .settings-flag input.settings-flag[type='checkbox'] + span,.charsheet .settings-flag .pc div.vehicle div.repitem input.settings-flag[type='checkbox'] + span,.charsheet .pc div.vehicle div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,.charsheet .repcontrol .pc div.vehicle div.repitem input.settings-flag + span.repcontrol_edit:after,.charsheet .pc div.vehicle div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,.charsheet .repcontrol .pc div.vehicle div.repitem input.settings-flag + span.repcontrol_add:after,.charsheet .pc div.vehicle div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,.charsheet .itemcontrol .pc div.vehicle div.repitem input.settings-flag + span.repcontrol_del { grid-area: 1 / 4 / 1 / 5; } - .sheet-pc div.sheet-vehicle div.repitem div.sheet-settings { + .charsheet .pc div.vehicle div.repitem div.settings { grid-column: 1 / 5; grid-template-columns: 1fr 1fr 1em 1em; } - .sheet-pc div.sheet-vehicle div.repitem div.sheet-settings div.sheet-col { + .charsheet .pc div.vehicle div.repitem div.settings div.col { grid-column-gap: 2%; } - .sheet-pc div.sheet-vehicle div.repitem div.sheet-settings div.sheet-col:nth-of-type(1) { + .charsheet .pc div.vehicle div.repitem div.settings div.col:nth-of-type(1) { grid-template-columns: 40% 2.1em 2.1em 2.1em; margin-right: 5px; } - .sheet-pc div.sheet-vehicle div.repitem div.sheet-settings div.sheet-col:nth-of-type(2) { + .charsheet .pc div.vehicle div.repitem div.settings div.col:nth-of-type(2) { grid-template-columns: 1fr 2.1em 2.1em 2.1em; } - .sheet-pc div.sheet-vehicle div.repitem div.sheet-settings div.sheet-headers h2[data-i18n='base'] { + .charsheet .pc div.vehicle div.repitem div.settings div.headers h2[data-i18n='base'] { grid-column: 2 / 3; } - .sheet-pc div.sheet-vehicle div.repitem div.sheet-settings div.sheet-headers h2[data-i18n='mod'] { + .charsheet .pc div.vehicle div.repitem div.settings div.headers h2[data-i18n='mod'] { grid-column: 3 / 4; } - .sheet-pc div.sheet-vehicle div.repitem div.sheet-settings div.sheet-headers h2[data-i18n='temp'] { + .charsheet .pc div.vehicle div.repitem div.settings div.headers h2[data-i18n='temp'] { grid-column: 4 / 5; } - .sheet-pc div.sheet-vehicle div.repcontrol { + .charsheet .pc div.vehicle div.repcontrol { margin-top: 5%; } - .sheet-pc .sheet-options h2 { + .charsheet .pc .options h2 { font-size: 1.3rem; text-decoration: underline; width: 100%; } - .sheet-pc .sheet-options h3 { + .charsheet .pc .options h3 { font-size: 1.2rem; color: black; } - .sheet-pc .sheet-options button[name='act_import_launch'] { + .charsheet .pc .options button[name='act_import_launch'] { border: 2px solid black; background: #333; color: white; @@ -2086,83 +1650,81 @@ div.sheet-matrix-device .sheet-matrixFirewall { width: auto; height: auto; padding: 2% 4%; } - .sheet-pc .sheet-options p { + .charsheet .pc .options p { margin-top: 2%; margin-right: 5%; } - .sheet-pc .sheet-options hr { + .charsheet .pc .options hr { border: 0.5px solid #1c1c1c; margin: 3px 0px; opacity: 0.1; } - .sheet-pc .sheet-options label { + .charsheet .pc .options label { width: 100%; } - .sheet-pc .sheet-options label.sheet-character-type { + .charsheet .pc .options label.character-type { grid-template-columns: 1fr 50%; } - .sheet-pc .sheet-options input[type='checkbox'] { + .charsheet .pc .options input[type='checkbox'] { height: 15px; margin-left: 5%; opacity: 1; } - .sheet-pc .sheet-options div.sheet-pc-box { + .charsheet .pc .options div.pc-box { min-height: 800px; width: 100%; } - .sheet-pc .sheet-options div.sheet-temp { + .charsheet .pc .options div.temp { grid-template-columns: 1fr 3.5em 2em; grid-column-gap: 5px; width: 100%; } -/***** PC ROWS & COLUMNS SETTINGS *****/ -.sheet-pc-row { + +.charsheet .pc-row { margin-bottom: 10px; } -.sheet-pc-col { +.charsheet .pc-col { vertical-align: top; width: calc(50% - 5px); } - .sheet-pc-col:first-child { + .charsheet .pc-col:first-child { margin-right: 1.5%; width: calc(50% - 10px); } -.sheet-row-long { +.charsheet .row-long { border-bottom: 1px solid #000; } -.sheet-settings-row { +.charsheet .settings-row { margin-top: 5px; } -/***** HEADERS AND TRIANGLES *****/ -div.sheet-header { + +.charsheet div.header { display: inline-flex; float: right; height: 20px; } -div.sheet-triangle, -div.sheet-right-tri { +.charsheet div.triangle,.charsheet div.right-tri { border-top: 20px solid transparent; } -div.sheet-triangle { +.charsheet div.triangle { border-right: 30px solid #610b0d; } -div.sheet-right-tri { +.charsheet div.right-tri { border-left: 30px solid #610b0d; } -div.sheet-right-header { +.charsheet div.right-header { margin-right: -8%; float: left; } -/***** SECONDARY HEADERS LIKE ON SKILLS *****/ -div.sheet-htab { + +.charsheet div.htab { margin-right: -47px; } - div.sheet-htab input[type='radio'] { + .charsheet div.htab input[type='radio'] { margin-right: -80px; top: 4px; opacity: 0; width: 80px; z-index: 2; } - div.sheet-htab input[type='radio'] + h1 { + .charsheet div.htab input[type='radio'] + h1 { color: #9a9a9a; } - div.sheet-htab input[type='radio']:hover ~ h1, - div.sheet-htab input[type='radio']:checked ~ h1 { + .charsheet div.htab input[type='radio']:hover ~ h1,.charsheet div.htab input[type='radio']:checked ~ h1 { color: #fff; } -/***** BOXES FOR DIFFERENT PC SECTIONS *****/ -.sheet-pc-box { + +.charsheet .pc-box { background-color: #e7e6e5; margin-left: 1.5px; margin-right: 1.5px; @@ -2170,45 +1732,45 @@ div.sheet-htab { padding-right: 5px; height: auto; } -.sheet-small-box { +.charsheet .small-box { min-height: 150px; } -.sheet-medium-box { +.charsheet .medium-box { min-height: 350px; } -/***** CORE COMBAT INFO *****/ -.sheet-core-combat button[type='roll'] { + +.charsheet .core-combat button[type='roll'] { font-size: 0.9em; text-align: left; } -.sheet-core-combat h2, .sheet-core-combat h3 { +.charsheet .core-combat h2,.charsheet .core-combat h3 { margin-right: 0px; } -.sheet-core-combat button[name="roll_soak"] { +.charsheet .core-combat button[name="roll_soak"] { max-width: 27%; } - .sheet-core-combat button[name="roll_soak"] > span { + .charsheet .core-combat button[name="roll_soak"] > span { display: block; overflow: hidden; text-overflow: ellipsis; width: 100%; } -/***** PRIMARY WEAPON *****/ -.sheet-cc-row { - /** Ammo display */ } - .sheet-cc-row button[type='roll'] { + +.charsheet .cc-row { + } + .charsheet .cc-row button[type='roll'] { width: 40%; } - .sheet-cc-row button[type='action'] { + .charsheet .cc-row button[type='action'] { font-family: fontello; width: 5%; } - .sheet-cc-row button[name*='primary_ammo'] { + .charsheet .cc-row button[name*='primary_ammo'] { width: 10%; } - .sheet-cc-row button[type='action'] > span { + .charsheet .cc-row button[type='action'] > span { display: inline; margin-left: 0px; - /** The x# after ammo button **/ } - .sheet-cc-row button[type='action'] > span:before { + } + .charsheet .cc-row button[type='action'] > span:before { content: 'x'; } - .sheet-cc-row button[name*='shots'], .sheet-cc-row button[name='act_reload'], .sheet-cc-row button[name='act_primary_ammo'] { + .charsheet .cc-row button[name*='shots'],.charsheet .cc-row button[name='act_reload'],.charsheet .cc-row button[name='act_primary_ammo'] { border-bottom: 2px solid #666; border-bottom-right-radius: 2px; border-color: #aaa; @@ -2216,29 +1778,28 @@ div.sheet-htab { border-right: 3px solid #999; border-style: outset; font-family: 'Pictos'; } - .sheet-cc-row button[name*='shots_remove'] { + .charsheet .cc-row button[name*='shots_remove'] { transform: rotate(180deg); -ms-transform: rotate(180deg); - /* IE 9 */ + -webkit-transform: rotate(180deg); - /* Safari 3-8 */ } - .sheet-cc-row button[name="act_reload"]:hover { + } + .charsheet .cc-row button[name="act_reload"]:hover { color: #fff; } - .sheet-cc-row button[type='roll'] > span, - .sheet-cc-row h3 + span { + .charsheet .cc-row button[type='roll'] > span,.charsheet .cc-row h3 + span { display: inline-block; margin-left: 1%; } - .sheet-cc-row span[name*='ammo'] { + .charsheet .cc-row span[name*='ammo'] { width: 4%; } - .sheet-cc-row span[name*='ammo_max']:before { + .charsheet .cc-row span[name*='ammo_max']:before { content: '/'; } - .sheet-cc-row span[name*='fired'] { + .charsheet .cc-row span[name*='fired'] { font-size: 0.9em; } -/******************************************************************************************/ -/**************************** START OF THE NPC SHEET *************************************/ -/****************************************************************************************/ -.sheet-npc { + + + +.charsheet .npc { background-color: #040404; border-radius: 3px; color: #fff; @@ -2246,114 +1807,100 @@ div.sheet-htab { min-height: 800px; padding: 10px 10px; width: 720px; - /*:+:+:+: REPEATING SECTIONS :+:+:+:*/ - /*:+:+:+: NPC ATTRIBUTES :+:+:+:*/ - /*:+:+:+: NPC BODY :+:+:+:*/ - /*:+:+:+: NPC TEXT BOXES AND REPEATING SECTIONS :+:+:+:*/ - /*:+:+:+: NPC MATRIX :+:+:+:*/ } - .sheet-npc button { + + + + + } + .charsheet .npc button { background: #333; color: #fff; } - .sheet-npc button:hover, .sheet-npc button:focus { + .charsheet .npc button:hover,.charsheet .npc button:focus { border-color: #610b0d; color: #FCD116; font-weight: bold; } - .sheet-npc h1, .sheet-npc h2, .sheet-npc h3, .sheet-npc h4, .sheet-npc label { + .charsheet .npc h1,.charsheet .npc h2,.charsheet .npc h3,.charsheet .npc h4,.charsheet .npc label { color: #fff; } - .sheet-npc h1 { + .charsheet .npc h1 { line-height: unset; font-size: 1.1em; } - .sheet-npc h2 { + .charsheet .npc h2 { font-size: 1em; text-transform: capitalize; } - .sheet-npc h2:not(:last-child) { + .charsheet .npc h2:not(:last-child) { margin-right: 1%; } - .sheet-npc h2:not(:first-child) { + .charsheet .npc h2:not(:first-child) { margin-left: 1%; } - .sheet-npc h3 { + .charsheet .npc h3 { font-size: 0.85em; } - .sheet-npc label { + .charsheet .npc label { padding: 0px; } - .sheet-npc input[type='radio'] { + .charsheet .npc input[type='radio'] { opacity: 1; } - .sheet-npc input[type='text']:placeholder-shown, .sheet-npc input[type='number']:placeholder-shown { + .charsheet .npc input[type='text']:placeholder-shown,.charsheet .npc input[type='number']:placeholder-shown { border: 1px dotted #FCD116; } - .sheet-npc input.sheet-toggle:checked + span { + .charsheet .npc input.toggle:checked + span { color: #FCD116; } - .sheet-npc textarea, .sheet-npc select { + .charsheet .npc textarea,.charsheet .npc select { color: #fff; background-color: #555; } - .sheet-npc div.sheet-tabs { + .charsheet .npc div.tabs { grid-template-columns: 2.5em 1fr 4em 1fr 4em 1fr 4em 1fr 4em; grid-row-gap: 10%; } - .sheet-npc div.sheet-tabs button[type='roll'] { + .charsheet .npc div.tabs button[type='roll'] { grid-area: 2 / 1 / 2 / 2; } - .sheet-npc div.sheet-tabs img { + .charsheet .npc div.tabs img { grid-area: 1 / 1 / 2 / 4; height: 100%; width: 100%; } - .sheet-npc div.sheet-tabs .sheet-switch input[type='checkbox'] + span { + .charsheet .npc div.tabs .switch input[type='checkbox'] + span { position: absolute; } - .sheet-npc div.sheet-tabs h2:not(:last-child) { + .charsheet .npc div.tabs h2:not(:last-child) { margin-right: 5%; } - .sheet-npc div.sheet-tabs h2, .sheet-npc div.sheet-tabs label { + .charsheet .npc div.tabs h2,.charsheet .npc div.tabs label { grid-row: 2; } - .sheet-npc div.sheet-tabs select { + .charsheet .npc div.tabs select { grid-column: 8 / 8; } - .sheet-npc div.sheet-tabs input[name='attr_stats_toggle'], - .sheet-npc div.sheet-tabs input[name='attr_stats_toggle'] + span.sheet-pictos, - .sheet-npc div.sheet-tabs .sheet-settings-toggle input[type='checkbox'][name='attr_stats_toggle'] + span, - .sheet-settings-toggle .sheet-npc div.sheet-tabs input[type='checkbox'][name='attr_stats_toggle'] + span, - .sheet-npc div.sheet-tabs .sheet-settings-flag input[type='checkbox'][name='attr_stats_toggle'] + span, - .sheet-settings-flag .sheet-npc div.sheet-tabs input[type='checkbox'][name='attr_stats_toggle'] + span, - .sheet-npc div.sheet-tabs .repcontrol input[name='attr_stats_toggle'] + span.repcontrol_edit:after, - .repcontrol .sheet-npc div.sheet-tabs input[name='attr_stats_toggle'] + span.repcontrol_edit:after, - .sheet-npc div.sheet-tabs .repcontrol input[name='attr_stats_toggle'] + span.repcontrol_add:after, - .repcontrol .sheet-npc div.sheet-tabs input[name='attr_stats_toggle'] + span.repcontrol_add:after, - .sheet-npc div.sheet-tabs .itemcontrol input[name='attr_stats_toggle'] + span.repcontrol_del, - .itemcontrol .sheet-npc div.sheet-tabs input[name='attr_stats_toggle'] + span.repcontrol_del { + .charsheet .npc div.tabs input[name='attr_stats_toggle'],.charsheet .npc div.tabs input[name='attr_stats_toggle'] + span.pictos,.charsheet .npc div.tabs .settings-toggle input[type='checkbox'][name='attr_stats_toggle'] + span,.charsheet .settings-toggle .npc div.tabs input[type='checkbox'][name='attr_stats_toggle'] + span,.charsheet .npc div.tabs .settings-flag input[type='checkbox'][name='attr_stats_toggle'] + span,.charsheet .settings-flag .npc div.tabs input[type='checkbox'][name='attr_stats_toggle'] + span,.charsheet .npc div.tabs .repcontrol input[name='attr_stats_toggle'] + span.repcontrol_edit:after,.charsheet .repcontrol .npc div.tabs input[name='attr_stats_toggle'] + span.repcontrol_edit:after,.charsheet .npc div.tabs .repcontrol input[name='attr_stats_toggle'] + span.repcontrol_add:after,.charsheet .repcontrol .npc div.tabs input[name='attr_stats_toggle'] + span.repcontrol_add:after,.charsheet .npc div.tabs .itemcontrol input[name='attr_stats_toggle'] + span.repcontrol_del,.charsheet .itemcontrol .npc div.tabs input[name='attr_stats_toggle'] + span.repcontrol_del { grid-area: 1 / 9 / 1 / 9; position: relative; width: 100%; height: 100%; } - .sheet-npc div.sheet-tabs input[name='attr_stats_toggle']:checked + span { + .charsheet .npc div.tabs input[name='attr_stats_toggle']:checked + span { color: #FCD116; } - .sheet-npc div.sheet-tabs span.sheet-pictos, .sheet-npc div.sheet-tabs .sheet-settings-toggle input[type='checkbox'] + span, .sheet-settings-toggle .sheet-npc div.sheet-tabs input[type='checkbox'] + span, - .sheet-npc div.sheet-tabs .sheet-settings-flag input[type='checkbox'] + span, .sheet-settings-flag .sheet-npc div.sheet-tabs input[type='checkbox'] + span, .sheet-npc div.sheet-tabs .repcontrol span.repcontrol_edit:after, .repcontrol .sheet-npc div.sheet-tabs span.repcontrol_edit:after, - .sheet-npc div.sheet-tabs .repcontrol span.repcontrol_add:after, .repcontrol .sheet-npc div.sheet-tabs span.repcontrol_add:after, .sheet-npc div.sheet-tabs .itemcontrol span.repcontrol_del, .itemcontrol .sheet-npc div.sheet-tabs span.repcontrol_del { + .charsheet .npc div.tabs span.pictos,.charsheet .npc div.tabs .settings-toggle input[type='checkbox'] + span,.charsheet .settings-toggle .npc div.tabs input[type='checkbox'] + span,.charsheet .npc div.tabs .settings-flag input[type='checkbox'] + span,.charsheet .settings-flag .npc div.tabs input[type='checkbox'] + span,.charsheet .npc div.tabs .repcontrol span.repcontrol_edit:after,.charsheet .repcontrol .npc div.tabs span.repcontrol_edit:after,.charsheet .npc div.tabs .repcontrol span.repcontrol_add:after,.charsheet .repcontrol .npc div.tabs span.repcontrol_add:after,.charsheet .npc div.tabs .itemcontrol span.repcontrol_del,.charsheet .itemcontrol .npc div.tabs span.repcontrol_del { text-align: center; font-size: 1.2em; } - .sheet-npc div.sheet-rows { + .charsheet .npc div.rows { margin-bottom: 1%; width: 100%; } - .sheet-npc div.sheet-rows button { + .charsheet .npc div.rows button { font-size: 1.1em; text-align: left; } - .sheet-npc div.sheet-rows h2 { + .charsheet .npc div.rows h2 { display: inline; font-size: 1.1em; line-height: unset; font-weight: normal; } - .sheet-npc div.sheet-rows h3 { + .charsheet .npc div.rows h3 { display: inline; } - .sheet-npc div.sheet-rows input[type='number'] { + .charsheet .npc div.rows input[type='number'] { width: 3em; } - .sheet-npc div.sheet-rows span.sheet-tiny-span { + .charsheet .npc div.rows span.tiny-span { margin: 0px 1%; } - .sheet-npc div.sheet-repeating h1 { + .charsheet .npc div.repeating h1 { display: inline; } - .sheet-npc div.sheet-repeating h2 { + .charsheet .npc div.repeating h2 { font-variant: small-caps; text-align: center; text-decoration: underline; } - .sheet-npc div.sheet-repeating input[type='number'], .sheet-npc div.sheet-repeating input[type='text'] { + .charsheet .npc div.repeating input[type='number'],.charsheet .npc div.repeating input[type='text'] { width: 100%; } - .sheet-npc div.sheet-repeating div.repitem:hover > input[name='attr_flag'] + span, - .sheet-npc div.sheet-repeating div.repitem:hover > input[name='attr_program_on'] + span { + .charsheet .npc div.repeating div.repitem:hover > input[name='attr_flag'] + span,.charsheet .npc div.repeating div.repitem:hover > input[name='attr_program_on'] + span { opacity: 1; } - .sheet-npc div.sheet-repeating div.repitem div.sheet-settings { + .charsheet .npc div.repeating div.repitem div.settings { min-width: 700px; } - .sheet-npc div.sheet-attribute { + .charsheet .npc div.attribute { border-bottom: 1px solid #fff; border-top: 1px solid #fff; grid-row-gap: 5%; @@ -2361,237 +1908,217 @@ div.sheet-htab { margin: 2% 0px; padding: 1% 1% 3% 1%; width: 100%; } - .sheet-npc div.sheet-attribute input[type='number'] { + .charsheet .npc div.attribute input[type='number'] { text-align: center; width: 100%; } - .sheet-npc div.sheet-attribute label { + .charsheet .npc div.attribute label { text-align: center; } - .sheet-npc div.sheet-attribute label[data-i18n-title='modifier'] input[type='number'] { + .charsheet .npc div.attribute label[data-i18n-title='modifier'] input[type='number'] { width: 65%; } - .sheet-npc div.sheet-attribute label[data-i18n-title='modifier']:before { + .charsheet .npc div.attribute label[data-i18n-title='modifier']:before { content: '('; } - .sheet-npc div.sheet-attribute label[data-i18n-title='modifier']:after { + .charsheet .npc div.attribute label[data-i18n-title='modifier']:after { content: ')'; } - .sheet-npc div.sheet-attribute h1 { + .charsheet .npc div.attribute h1 { font-weight: normal; grid-row: 1; text-align: center; } - .sheet-npc div.sheet-attribute button { + .charsheet .npc div.attribute button { grid-row: 1; text-transform: capitalize; } - .sheet-npc div.sheet-attribute span { + .charsheet .npc div.attribute span { font-size: 1.25em; grid-row: 2; text-align: center; } - .sheet-npc div.sheet-attribute span + label { + .charsheet .npc div.attribute span + label { grid-row: 3; } - .sheet-npc div.sheet-attribute label[data-i18n-title='modifier'] { + .charsheet .npc div.attribute label[data-i18n-title='modifier'] { grid-row: 4; } - .sheet-npc div.sheet-mid { + .charsheet .npc div.mid { grid-template-columns: 52% 30% 1fr; width: 100%; } - .sheet-npc div.sheet-mid div.sheet-column { + .charsheet .npc div.mid div.column { width: 100%; } - .sheet-npc div.sheet-mid div.sheet-column:nth-of-type(3) label { + .charsheet .npc div.mid div.column:nth-of-type(3) label { width: 100%; } - .sheet-npc div.sheet-mid span[name='attr_physical_limit']:after, - .sheet-npc div.sheet-mid span[name='attr_mental_limit']:after { + .charsheet .npc div.mid span[name='attr_physical_limit']:after,.charsheet .npc div.mid span[name='attr_mental_limit']:after { content: ','; } - .sheet-npc div.sheet-end { - /*:+:+:+: TEXT AREAS :+:+:+:*/ - /*:+:+:+: REPEATING SECTIONS :+:+:+:*/ - /*:+:+:+: NPC INLINE REPEAITNG SECTIONS SUCH AS SKILLS :+:+:+:*/ - /*:+:+:+: WEAPONS :+:+:+:*/ - /*:+:+:+: SPELLS :+:+:+:*/ - /*:+:+:+: COMPLEX FORMS :+:+:+:*/ - /*:+:+:+: IC :+:+:+:*/ } - .sheet-npc div.sheet-end div.sheet-rows, .sheet-npc div.sheet-end div.sheet-textrow { + .charsheet .npc div.end { + + + + + + + } + .charsheet .npc div.end div.rows,.charsheet .npc div.end div.textrow { width: 100%; } - .sheet-npc div.sheet-end div.sheet-textrow { + .charsheet .npc div.end div.textrow { grid-column: 1 / 4; } - .sheet-npc div.sheet-end div.sheet-textrow h1 { + .charsheet .npc div.end div.textrow h1 { display: inline; line-height: unset; margin-right: 1%; } - .sheet-npc div.sheet-end div.sheet-textrow label { + .charsheet .npc div.end div.textrow label { width: 100%; } - .sheet-npc div.sheet-end div.sheet-textrow label[data-i18n-title='initiate'], .sheet-npc div.sheet-end div.sheet-textrow label[data-i18n-title='submersion'] { + .charsheet .npc div.end div.textrow label[data-i18n-title='initiate'],.charsheet .npc div.end div.textrow label[data-i18n-title='submersion'] { width: 4em; } - .sheet-npc div.sheet-end div.sheet-textrow label[data-i18n-title='initiate'] input, .sheet-npc div.sheet-end div.sheet-textrow label[data-i18n-title='submersion'] input { + .charsheet .npc div.end div.textrow label[data-i18n-title='initiate'] input,.charsheet .npc div.end div.textrow label[data-i18n-title='submersion'] input { width: 100%; } - .sheet-npc div.sheet-end div.sheet-repeating { + .charsheet .npc div.end div.repeating { grid-column: 1 / 4; } - .sheet-npc div.sheet-end div.sheet-inline-repeating div.repitem span[name*='attr_display_rating']:after { + .charsheet .npc div.end div.inline-repeating div.repitem span[name*='attr_display_rating']:after { content: ','; } - .sheet-npc div.sheet-end div.sheet-inline-repeating .sheet-full-row { + .charsheet .npc div.end div.inline-repeating .full-row { grid-column: 1 / 6; } - .sheet-npc div.sheet-end div.sheet-inline-repeating div.repcontainer { + .charsheet .npc div.end div.inline-repeating div.repcontainer { display: inline; max-width: 500px; } - .sheet-npc div.sheet-end div.sheet-inline-repeating div.repcontainer .repitem, - .sheet-npc div.sheet-end div.sheet-inline-repeating div.repcontainer .repcontrol { + .charsheet .npc div.end div.inline-repeating div.repcontainer .repitem,.charsheet .npc div.end div.inline-repeating div.repcontainer .repcontrol { display: inline-block; vertical-align: top; margin-bottom: 1%; margin-right: 1%; } - .sheet-npc div.sheet-end div.sheet-inline-repeating div.sheet-settings { + .charsheet .npc div.end div.inline-repeating div.settings { grid-template-columns: 2fr 8em 8em 1fr 1fr; grid-column-gap: 1%; grid-row-gap: 0.5%; } - .sheet-npc div.sheet-end div.sheet-inline-repeating div.sheet-settings h2.sheet-full-row { + .charsheet .npc div.end div.inline-repeating div.settings h2.full-row { text-align: left; } - .sheet-npc div.sheet-end div.sheet-inline-repeating div.sheet-settings label.sheet-full-row input[type='text'] { + .charsheet .npc div.end div.inline-repeating div.settings label.full-row input[type='text'] { text-align: left; } - .sheet-npc div.sheet-end div.sheet-weapons input[name='attr_weapon_range'][value='range'] ~ div.sheet-settings { + .charsheet .npc div.end div.weapons input[name='attr_weapon_range'][value='range'] ~ div.settings { grid-template-columns: 5em 3em 2fr 2fr 3em 3em 3em 1fr 3em 3em; } - .sheet-npc div.sheet-end div.sheet-weapons input[name='attr_weapon_range'][value='range'] ~ div.sheet-settings label[data-i18n-title='notes'] { + .charsheet .npc div.end div.weapons input[name='attr_weapon_range'][value='range'] ~ div.settings label[data-i18n-title='notes'] { grid-column: 1 / 10; } - .sheet-npc div.sheet-end div.sheet-weapons input[name='attr_weapon_range'][value='melee'] ~ div.sheet-settings { + .charsheet .npc div.end div.weapons input[name='attr_weapon_range'][value='melee'] ~ div.settings { grid-template-columns: 5em 3em 2fr 2fr 3em 3em 3em 3em; } - .sheet-npc div.sheet-end div.sheet-weapons input[name='attr_weapon_range'][value='melee'] ~ div.sheet-settings label[data-i18n-title='notes'] { + .charsheet .npc div.end div.weapons input[name='attr_weapon_range'][value='melee'] ~ div.settings label[data-i18n-title='notes'] { grid-column: 1 / 9; } - .sheet-npc div.sheet-end div.sheet-weapons div.sheet-settings { + .charsheet .npc div.end div.weapons div.settings { grid-column-gap: 0.2%; } - .sheet-npc div.sheet-end div.sheet-spells div.sheet-settings, - .sheet-npc div.sheet-end div.sheet-spells div.sheet-headers { + .charsheet .npc div.end div.spells div.settings,.charsheet .npc div.end div.spells div.headers { grid-column-gap: 0.2%; grid-template-columns: 7em 3em 1fr 5em 5em 5em 3em 5em 3em; } - .sheet-npc div.sheet-end div.sheet-spells div.sheet-headers { + .charsheet .npc div.end div.spells div.headers { display: inline-grid; grid-area: 1 / 1 / 1 / 10; } - .sheet-npc div.sheet-end div.sheet-spells label[data-i18n-title='notes'] { + .charsheet .npc div.end div.spells label[data-i18n-title='notes'] { grid-column: 1 / 10; } - .sheet-npc div.sheet-end div.sheet-forms div.sheet-settings { + .charsheet .npc div.end div.forms div.settings { grid-column-gap: 0.2%; grid-template-columns: 3em 1fr 7em 8em 3em; } - .sheet-npc div.sheet-end div.sheet-forms span[name='attr_form_dice'] { + .charsheet .npc div.end div.forms span[name='attr_form_dice'] { margin-left: 3%; } - .sheet-npc div.sheet-end div.sheet-forms label[data-i18n-title='notes'] { + .charsheet .npc div.end div.forms label[data-i18n-title='notes'] { grid-column: 1 / 6; } - .sheet-npc div.sheet-end div.sheet-ic div.sheet-settings { + .charsheet .npc div.end div.ic div.settings { grid-column-gap: 0.2%; grid-template-columns: 1fr 8em 8em 8em; } - .sheet-npc div.sheet-end div.sheet-ic span[name='attr_software_dice'] { + .charsheet .npc div.end div.ic span[name='attr_software_dice'] { margin-left: 3%; } - .sheet-npc div.sheet-end div.sheet-ic label[data-i18n-title='notes'] { + .charsheet .npc div.end div.ic label[data-i18n-title='notes'] { grid-column: 1 / 5; } - .sheet-npc div.sheet-matrix { + .charsheet .npc div.matrix { width: 100%; } - .sheet-npc div.sheet-matrix-device { + .charsheet .npc div.matrix-device { margin-bottom: 5%; - /*:+:+:+: NPC PROGRAMS :+:+:+:*/ } - .sheet-npc div.sheet-matrix-device div.sheet-rows { + } + .charsheet .npc div.matrix-device div.rows { display: inline-grid; grid-template-columns: 12em 45% 10em 1fr; grid-row-gap: 5%; } - .sheet-npc div.sheet-matrix-device div.sheet-rows:first-child { + .charsheet .npc div.matrix-device div.rows:first-child { margin-bottom: 4%; } - .sheet-npc div.sheet-matrix-device label { + .charsheet .npc div.matrix-device label { width: 100%; } - .sheet-npc div.sheet-matrix-device label input[type='text'] { + .charsheet .npc div.matrix-device label input[type='text'] { text-align: left; width: 100%; } - .sheet-npc div.sheet-matrix-device label.sheet-round > input[type='number'] { + .charsheet .npc div.matrix-device label.round > input[type='number'] { border-radius: 25px 25px; height: 25px; margin-left: 25%; width: 25px; } - .sheet-npc div.sheet-matrix-device div.sheet-matrix-bubble { + .charsheet .npc div.matrix-device div.matrix-bubble { background-color: transparent; grid-column: 2 / 4; height: 15px; margin-left: 5%; - /*:+:+:+: NPC MATRIX BUBBLES :+:+:+:*/ } - .sheet-npc div.sheet-matrix-device div.sheet-matrix-bubble input[type='radio'] { + } + .charsheet .npc div.matrix-device div.matrix-bubble input[type='radio'] { height: 25px; width: 20px; left: 0px; top: -115%; } - .sheet-npc div.sheet-matrix-device div.sheet-matrix-bubble input[type='radio'] + span { + .charsheet .npc div.matrix-device div.matrix-bubble input[type='radio'] + span { border-radius: 5px; height: 25px; left: 5px; width: 20px; top: -60%; } - .sheet-npc div.sheet-matrix-device div.repcontainer { + .charsheet .npc div.matrix-device div.repcontainer { grid-column: 1 / 6; } - .sheet-npc div.sheet-matrix-device div.repcontainer h2[data-i18n='notes'] { + .charsheet .npc div.matrix-device div.repcontainer h2[data-i18n='notes'] { grid-row: 3; } - .sheet-npc div.sheet-matrix-device div.repcontainer label[data-i18n-title='notes'] { + .charsheet .npc div.matrix-device div.repcontainer label[data-i18n-title='notes'] { grid-row: 4; } - .sheet-npc div.sheet-matrix-device div.repcontainer div.repitem { + .charsheet .npc div.matrix-device div.repcontainer div.repitem { display: inline-block; width: 100%; } - .sheet-npc div.sheet-matrix-device div.repcontainer div.repitem button > span, .sheet-npc div.sheet-matrix-device div.repcontainer div.repitem span { + .charsheet .npc div.matrix-device div.repcontainer div.repitem button > span,.charsheet .npc div.matrix-device div.repcontainer div.repitem span { opacity: 0.2; } - .sheet-npc div.sheet-matrix-device div.repcontainer div.repitem input.sheet-toggle, - .sheet-npc div.sheet-matrix-device div.repcontainer div.repitem span.sheet-pictos, - .sheet-npc div.sheet-matrix-device div.repcontainer div.repitem .sheet-settings-toggle input[type='checkbox'] + span, - .sheet-settings-toggle .sheet-npc div.sheet-matrix-device div.repcontainer div.repitem input[type='checkbox'] + span, - .sheet-npc div.sheet-matrix-device div.repcontainer div.repitem .sheet-settings-flag input[type='checkbox'] + span, - .sheet-settings-flag .sheet-npc div.sheet-matrix-device div.repcontainer div.repitem input[type='checkbox'] + span, - .sheet-npc div.sheet-matrix-device div.repcontainer div.repitem .repcontrol span.repcontrol_edit:after, - .repcontrol .sheet-npc div.sheet-matrix-device div.repcontainer div.repitem span.repcontrol_edit:after, - .sheet-npc div.sheet-matrix-device div.repcontainer div.repitem .repcontrol span.repcontrol_add:after, - .repcontrol .sheet-npc div.sheet-matrix-device div.repcontainer div.repitem span.repcontrol_add:after, - .sheet-npc div.sheet-matrix-device div.repcontainer div.repitem .itemcontrol span.repcontrol_del, - .itemcontrol .sheet-npc div.sheet-matrix-device div.repcontainer div.repitem span.repcontrol_del { + .charsheet .npc div.matrix-device div.repcontainer div.repitem input.toggle,.charsheet .npc div.matrix-device div.repcontainer div.repitem span.pictos,.charsheet .npc div.matrix-device div.repcontainer div.repitem .settings-toggle input[type='checkbox'] + span,.charsheet .settings-toggle .npc div.matrix-device div.repcontainer div.repitem input[type='checkbox'] + span,.charsheet .npc div.matrix-device div.repcontainer div.repitem .settings-flag input[type='checkbox'] + span,.charsheet .settings-flag .npc div.matrix-device div.repcontainer div.repitem input[type='checkbox'] + span,.charsheet .npc div.matrix-device div.repcontainer div.repitem .repcontrol span.repcontrol_edit:after,.charsheet .repcontrol .npc div.matrix-device div.repcontainer div.repitem span.repcontrol_edit:after,.charsheet .npc div.matrix-device div.repcontainer div.repitem .repcontrol span.repcontrol_add:after,.charsheet .repcontrol .npc div.matrix-device div.repcontainer div.repitem span.repcontrol_add:after,.charsheet .npc div.matrix-device div.repcontainer div.repitem .itemcontrol span.repcontrol_del,.charsheet .itemcontrol .npc div.matrix-device div.repcontainer div.repitem span.repcontrol_del { position: absolute; top: 2%; } - .sheet-npc div.sheet-matrix-device div.repcontainer div.repitem input[name='attr_program_on'] { + .charsheet .npc div.matrix-device div.repcontainer div.repitem input[name='attr_program_on'] { left: 2%; } - .sheet-npc div.sheet-matrix-device div.repcontainer div.repitem input[name='attr_program_on'] + span { + .charsheet .npc div.matrix-device div.repcontainer div.repitem input[name='attr_program_on'] + span { left: 2.5%; } - .sheet-npc div.sheet-matrix-device div.repcontainer div.repitem input[name='attr_program_on']:checked ~ button > span, - .sheet-npc div.sheet-matrix-device div.repcontainer div.repitem input[name='attr_program_on']:checked ~ span { + .charsheet .npc div.matrix-device div.repcontainer div.repitem input[name='attr_program_on']:checked ~ button > span,.charsheet .npc div.matrix-device div.repcontainer div.repitem input[name='attr_program_on']:checked ~ span { opacity: 1; } - .sheet-npc div.sheet-matrix-device div.repcontainer div.repitem button[type="roll"] { + .charsheet .npc div.matrix-device div.repcontainer div.repitem button[type="roll"] { margin-left: 5% !important; } -/**************************************************************************/ -/***************** PC & NPC SHEET SHOW & HIDE SETTINGS *******************/ -/************************************************************************/ -/* DISPLAY SETTINGS - ============================= */ -/***** PC AND NPC *****/ -/***** TABS *****/ -/***** SWITCH BETWEEN DIFFERENT TABS *****/ -/***** SETTINGS *****/ -/*** TOGGLE ***/ -.sheet-display, -input.sheet-settings-toggle:checked ~ div.sheet-settings, -input.sheet-settings-toggle:checked ~ .sheet-attribute .sheet-col .sheet-attribute-row .sheet-col .sheet-row-long div.sheet-settings, -input.sheet-settings-toggle:checked ~ .sheet-attribute .sheet-limits-row .sheet-limit .sheet-col div.sheet-settings, -input.sheet-settings-toggle:checked ~ .sheet-attr-lim div.sheet-settings { + + + + + + + + + +.charsheet .display,.charsheet input.settings-toggle:checked ~ div.settings,.charsheet input.settings-toggle:checked ~ .attribute .col .attribute-row .col .row-long div.settings,.charsheet input.settings-toggle:checked ~ .attribute .limits-row .limit .col div.settings,.charsheet input.settings-toggle:checked ~ .attr-lim div.settings { background: none; display: inherit; font-size: 1em; text-align: left; width: 100%; } -/* NEW REPEATING CONTAINER WAY TO SHOW & HIDE SETTINGS */ -/* SLOWLY ELIMINATE ALL TRACES OF SETTINGS-TOGGLE WITH THIS WAY OF DOING THINGS */ -input.sheet-settings-flag:checked ~ div.sheet-settings { + + +.charsheet input.settings-flag:checked ~ div.settings { display: inherit; } -input.sheet-settings-flag[value='false'] ~ div.sheet-settings { +.charsheet input.settings-flag[value='false'] ~ div.settings { display: none; } -/* OLD WAY TO SHOW & HIDE THINGS */ -/***** PC WEAPONS *****/ -/***** NPC TYPES *****/ -/* SHOW AND HIDE MAGIC AND RESONANCE SPECIFIC ATTRIBUTES BASED ON RADIO TOGGLE */ -input[name='attr_stats_toggle']:not([value='settings']) ~ div.sheet-body div.sheet-grunt.sheet-pain-tolerance { + + + + +.charsheet input[name='attr_stats_toggle']:not([value='settings']) ~ div.body div.grunt.pain-tolerance { display: none; } -.sheet-pc .sheet-tabs input[value*='arms'] ~ button[name*='arms'], .sheet-pc .sheet-tabs input[value*='augs'] ~ button[name*='augs'], .sheet-pc .sheet-tabs input[value*='core'] ~ button[name*='core'], .sheet-pc .sheet-tabs input[value*='gear'] ~ button[name*='gear'], .sheet-pc .sheet-tabs input[value*='options'] ~ button[name*='options'], .sheet-pc .sheet-tabs input[value*='social'] ~ button[name*='social'], .sheet-pc .sheet-tabs input[value*='magic'] ~ button[name*='magic'], .sheet-pc .sheet-tabs input[value*='matrix'] ~ button[name*='matrix'], .sheet-pc .sheet-tabs input[value*='vehicle'] ~ button[name*='vehicle'] { +.charsheet .pc .tabs input[value*='arms'] ~ button[name*='arms'],.charsheet .pc .tabs input[value*='augs'] ~ button[name*='augs'],.charsheet .pc .tabs input[value*='core'] ~ button[name*='core'],.charsheet .pc .tabs input[value*='gear'] ~ button[name*='gear'],.charsheet .pc .tabs input[value*='options'] ~ button[name*='options'],.charsheet .pc .tabs input[value*='social'] ~ button[name*='social'],.charsheet .pc .tabs input[value*='magic'] ~ button[name*='magic'],.charsheet .pc .tabs input[value*='matrix'] ~ button[name*='matrix'],.charsheet .pc .tabs input[value*='vehicle'] ~ button[name*='vehicle'] { background-color: #610b0d; box-shadow: inset 0px 0px 3px 1px #e31715; } -/*****************************************************************************************/ -/**************************************** FOOTER ****************************************/ -/***************************************************************************************/ -.sheet-footer { + + + +.charsheet .footer { border: none; font-size: 0.55em; line-height: 15px; @@ -2599,23 +2126,23 @@ input[name='attr_stats_toggle']:not([value='settings']) ~ div.sheet-body div.she text-align: left; width: 700px; } -div.sheet-footer div { +.charsheet div.footer div { display: inline-block; width: 90%; } -div.sheet-footer img { +.charsheet div.footer img { float: right; vertical-align: top; width: 5%; } -/*****************************************************************************************************/ -/**************************************** REPEATING SECTIONS ****************************************/ -/***************************************************************************************************/ -.repcontrol { + + + +.charsheet .repcontrol { display: inline-block; vertical-align: top; min-height: 27px; } - .repcontrol .btn { + .charsheet .repcontrol .btn { background: none; border: medium none; box-shadow: none; @@ -2628,8 +2155,7 @@ div.sheet-footer img { text-shadow: none; width: 25px; } -.repcontrol .repcontrol_edit:after, -.repcontrol .repcontrol_add:after { +.charsheet .repcontrol .repcontrol_edit:after,.charsheet .repcontrol .repcontrol_add:after { background-color: none; color: #fff; font-size: 16px; @@ -2638,54 +2164,50 @@ div.sheet-footer img { visibility: visible; width: 12px; } -.repcontrol .repcontrol_edit:after { +.charsheet .repcontrol .repcontrol_edit:after { content: '('; } -.repcontrol .repcontrol_add:after { +.charsheet .repcontrol .repcontrol_add:after { content: '&'; } -.editmode ~ .repcontrol .repcontrol_edit:after { +.charsheet .editmode ~ .repcontrol .repcontrol_edit:after { content: ')'; } -.repcontrol .repcontrol_edit:after, -.repcontrol .repcontrol_add:after { +.charsheet .repcontrol .repcontrol_edit:after,.charsheet .repcontrol .repcontrol_add:after { color: #040404; position: relative; } -.sheet-npc .repcontrol .repcontrol_edit:after, -.sheet-npc .repcontrol .repcontrol_add:after { +.charsheet .npc .repcontrol .repcontrol_edit:after,.charsheet .npc .repcontrol .repcontrol_add:after { color: #fff; } -.repcontrol .repcontrol_edit:hover:after, -.repcontrol .repcontrol_add:hover:after { +.charsheet .repcontrol .repcontrol_edit:hover:after,.charsheet .repcontrol .repcontrol_add:hover:after { color: #FCD116; background-color: none; } -.itemcontrol { +.charsheet .itemcontrol { z-index: 10; } -.itemcontrol .repcontrol_del, -.itemcontrol .repcontrol_move { +.charsheet .itemcontrol .repcontrol_del,.charsheet .itemcontrol .repcontrol_move { font-size: 10px; height: 18px; margin-top: 3px; padding: 0px; width: 18px; } -.itemcontrol .repcontrol_del { +.charsheet .itemcontrol .repcontrol_del { background-color: #610b0d; } -.repitem:nth-of-type(odd) { +.charsheet .repitem:nth-of-type(odd) { background-color: #9a9a9a40; } -/***************************************************************************************************/ -/**************************************** Roll template *******************************************/ -/*************************************************************************************************/ -.sheet-rolltemplate-rolls div.sheet-template-body { + + + +.rolltemplate-rolls div.template-body { border: 2px solid #040404 !important; border-radius: 3px 3px 3px 3px; } -.sheet-rolltemplate-rolls .sheet-template-header { +.rolltemplate-rolls .template-header { background-color: #610b0d; border: 1px solid #040404; border-bottom: 2px solid #040404; @@ -2698,17 +2220,17 @@ div.sheet-footer img { text-align: center; text-transform: capitalize; font-weight: bold; } - .sheet-rolltemplate-rolls .sheet-template-header h1 { + .rolltemplate-rolls .template-header h1 { font-size: 1em; color: #fff; line-height: 1em; } - .sheet-rolltemplate-rolls .sheet-template-header span { + .rolltemplate-rolls .template-header span { font-family: 'tahoma'; font-size: 0.5em; font-variant: normal; letter-spacing: 1px; } -.sheet-rolltemplate-rolls .sheet-template-row { +.rolltemplate-rolls .template-row { color: #fff; text-align: center; font-size: 18px; @@ -2717,9 +2239,9 @@ div.sheet-footer img { line-height: 1.1em; font-family: 'helvetica'; padding: 5px 5px 3px 5px; } - .sheet-rolltemplate-rolls .sheet-template-row:nth-child(2n+0) { + .rolltemplate-rolls .template-row:nth-child(2n+0) { background-color: #555; } - .sheet-rolltemplate-rolls .sheet-template-row a[href^="~"] { + .rolltemplate-rolls .template-row a[href^="~"] { font-family: "dicefontd6"; color: #1c1c1c; border: none; @@ -2729,83 +2251,79 @@ div.sheet-footer img { padding: 1px; color: #fff; text-shadow: 1px 1px 2px black, 0 0 25px #1c1c1c, 0 0 5px #1c1c1c; } - .sheet-rolltemplate-rolls .sheet-template-row a[href^="~"]:hover, .sheet-rolltemplate-rolls .sheet-template-row a[href^="~"]:focus, .sheet-rolltemplate-rolls .sheet-template-row a[href^="~"]:active { + .rolltemplate-rolls .template-row a[href^="~"]:hover,.rolltemplate-rolls .template-row a[href^="~"]:focus,.rolltemplate-rolls .template-row a[href^="~"]:active { font-weight: bold; color: #fff; text-shadow: 1px 1px 2px black, 0 0 25px red, 0 0 5px #610b0d; } -.sheet-rolltemplate-rolls .inlinerollresult { +.rolltemplate-rolls .inlinerollresult { display: inline-block; color: #fff; font-size: 25px; background-color: transparent; border: none; } -.sheet-rolltemplate-rolls .inlinerollresult.fullfail, -.sheet-rolltemplate-rolls .inlinerollresult.fullcrit, -.sheet-rolltemplate-rolls .inlinerollresult.importantroll { +.rolltemplate-rolls .inlinerollresult.fullfail,.rolltemplate-rolls .inlinerollresult.fullcrit,.rolltemplate-rolls .inlinerollresult.importantroll { border: none; } -.sheet-rolltemplate-rolls .inlinerollresult.fullfail { +.rolltemplate-rolls .inlinerollresult.fullfail { color: #FCD116; } -.sheet-rolltemplate-rolls .inlinerollresult.fullcrit { +.rolltemplate-rolls .inlinerollresult.fullcrit { color: #fff; } -.sheet-rolltemplate-rolls .sheet-template-desc { +.rolltemplate-rolls .template-desc { font-size: 0.8em; } -.sheet-rolltemplate-rolls span.sheet-template-desc .inlinerollresult { +.rolltemplate-rolls span.template-desc .inlinerollresult { font-size: 14px; } -/********************************************************************************************************/ -/******************************* Charactermancer ****************************************/ -/******************************************************************************************************/ -div.sheet-mancer-box { + + + +.charsheet div.mancer-box { border: 2px solid #610b0d; background-color: #e7e6e5; margin: 1% 2%; padding: 1% 2%; } -div.sheet-mancer-box input[type='radio'], -div.sheet-mancer-box input[type='checkbox'] { +.charsheet div.mancer-box input[type='radio'],.charsheet div.mancer-box input[type='checkbox'] { opacity: 1; height: 1.5em; width: 1.5em; } -div.sheet-mancer-box input[type='text'] { +.charsheet div.mancer-box input[type='text'] { background-color: white; border: 1px solid #333; width: 100%; } -div.sheet-mancer-box label { +.charsheet div.mancer-box label { display: inline-block; } -div.sheet-mancer-box div.sheet-pick-builder label { +.charsheet div.mancer-box div.pick-builder label { margin: 1% 2% 1% 0%; width: 15%; } -div.sheet-mancer-box label { +.charsheet div.mancer-box label { display: inline-block; margin: 2% 2%; } -div.sheet-mancer-box h1 { +.charsheet div.mancer-box h1 { text-decoration: underline; } -div.sheet-mancer-box label > h4 { +.charsheet div.mancer-box label > h4 { display: inline; } -div.sheet-mancer-box textarea { +.charsheet div.mancer-box textarea { overflow: scroll; min-height: 5em; width: 100%; } -div.sheet-mancer-box hr { +.charsheet div.mancer-box hr { margin-top: 3%; margin-bottom: 3%; } -div.sheet-mancer-box button, -div.sheet-bottombar button { +.charsheet div.mancer-box button,.charsheet div.bottombar button { border-radius: 2px; font-weight: bolder; height: 2em; @@ -2815,36 +2333,31 @@ div.sheet-bottombar button { box-shadow: inset 0px 0px 3px 1px #7c7c7c; color: #fff; } -div.sheet-mancer-box button:not(disabled):hover, -div.sheet-mancer-box button:not(disabled):focus, -button[name='act_import_launch']:hover, -button[name='act_import_launch']:focus { +.charsheet div.mancer-box button:not(disabled):hover,.charsheet div.mancer-box button:not(disabled):focus,.charsheet button[name='act_import_launch']:hover,.charsheet button[name='act_import_launch']:focus { text-shadow: 1px 1px 2px black, 0 0 25px red, 0 0 5px #e31715; text-transform: capitalize; border: 0.1em dotted white; } -div.sheet-mancer-box button[type='action'], -div.sheet-mancer-box button[type='finish'] { +.charsheet div.mancer-box button[type='action'],.charsheet div.mancer-box button[type='finish'] { font-size: 1.5em; width: 20%; } -div.sheet-mancer-box button[type='finish']:disabled { +.charsheet div.mancer-box button[type='finish']:disabled { color: rgba(255, 255, 255, 0.2); cursor: not-allowed; } -div.sheet-mancer-box button[type='cancel'] { +.charsheet div.mancer-box button[type='cancel'] { margin-top: 3%; float: right; font-size: 1em; } -div.sheet-mancer-box .sheet-feedback { +.charsheet div.mancer-box .feedback { color: #000e3b; } -div.sheet-mancer-box .sheet-warning { +.charsheet div.mancer-box .warning { color: #610b0d; } -div.sheet-mancer-box .sheet-results, -div.sheet-mancer-box .sheet-error { +.charsheet div.mancer-box .results,.charsheet div.mancer-box .error { border: 1px solid #333; box-shadow: inset 0px 0px 3px 1px #7c7c7c; height: 20em; @@ -2852,88 +2365,80 @@ div.sheet-mancer-box .sheet-error { overflow: scroll; padding: 1%; } -div.sheet-mancer-box .sheet-results { +.charsheet div.mancer-box .results { border: 1px solid #000e3b; margin-right: 3%; background: rgba(136, 221, 4, 0.1); } -div.sheet-mancer-box .sheet-error { +.charsheet div.mancer-box .error { border: 1px solid #610b0d; background: rgba(204, 7, 1, 0.11); } -div.sheet-result-grid { +.charsheet div.result-grid { display: grid; grid-template-columns: 1fr 1fr; } -div.sheet-result-grid h4:nth-of-type(1) { +.charsheet div.result-grid h4:nth-of-type(1) { grid-column: 1 / 1; grid-row: 1 / 1; } -div.sheet-result-grid h4:nth-of-type(2) { +.charsheet div.result-grid h4:nth-of-type(2) { grid-column: 2 / 2; grid-row: 1 / 1; } -div.sheet-results { +.charsheet div.results { grid-column: 1 / 1; grid-row: 2 / 2; } -div.sheet-ignored { +.charsheet div.ignored { grid-column: 2 / 2; grid-row: 2 / 2; } -div.sheet-hidden, -div.sheet-hidden-skills { +.charsheet div.hidden,.charsheet div.hidden-skills { display: none; } -h4.sheet-hidden-header { +.charsheet h4.hidden-header { display: inline; } -input[name='comp_hidden']:checked + div.sheet-hidden, -input[name='comp_hidden']:checked + div.sheet-hidden-skills { +.charsheet input[name='comp_hidden']:checked + div.hidden,.charsheet input[name='comp_hidden']:checked + div.hidden-skills { display: block; } -div.sheet-hidden label { +.charsheet div.hidden label { display: inline-block; width: 30%; margin: 1% 1%; } -div.sheet-hidden div { +.charsheet div.hidden div { display: inline-block; font-weight: bold; margin-right: 2%; } -input[type=number]::-webkit-outer-spin-button, -input[type=number]::-webkit-inner-spin-button { +.charsheet input[type=number]::-webkit-outer-spin-button,.charsheet input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } -input[type=number] { +.charsheet input[type=number] { -moz-appearance: textfield; } -.charsheet.lang-fr .sheet-tab-whisper, -.charsheet.lang-fr .sheet-tab-toggles { +.charsheet.lang-fr .tab-whisper,.charsheet.lang-fr .tab-toggles { margin-right: 2%; } -.charsheet.lang-fr .sheet-tabs input[type='checkbox']:nth-of-type(2) { +.charsheet.lang-fr .tabs input[type='checkbox']:nth-of-type(2) { width: 11%; } -.charsheet.lang-fr .sheet-tab-col input[type='radio'] { +.charsheet.lang-fr .tab-col input[type='radio'] { width: 4.5%; } -.charsheet.lang-fr .sheet-tab-col input[type='radio']:nth-of-type(4), -.charsheet.lang-fr .sheet-tab-col input[type='radio']:nth-of-type(5), -.charsheet.lang-fr .sheet-tab-col input[type='radio']:nth-of-type(6), -.charsheet.lang-fr .sheet-tab-col input[type='radio']:nth-of-type(7) { +.charsheet.lang-fr .tab-col input[type='radio']:nth-of-type(4),.charsheet.lang-fr .tab-col input[type='radio']:nth-of-type(5),.charsheet.lang-fr .tab-col input[type='radio']:nth-of-type(6),.charsheet.lang-fr .tab-col input[type='radio']:nth-of-type(7) { width: 6%; } -.charsheet.lang-fr .sheet-tab-whisper input[type='radio'], -.charsheet.lang-fr .sheet-tab-col input[type='radio']:nth-of-type(8), -.charsheet.lang-fr .sheet-tab-toggles input[type='checkbox']:nth-of-type(1) { +.charsheet.lang-fr .tab-whisper input[type='radio'],.charsheet.lang-fr .tab-col input[type='radio']:nth-of-type(8),.charsheet.lang-fr .tab-toggles input[type='checkbox']:nth-of-type(1) { width: 8%; } -.charsheet.lang-fr .sheet-tab-col input[type='radio']:nth-of-type(9) { +.charsheet.lang-fr .tab-col input[type='radio']:nth-of-type(9) { width: 2.5%; } -.charsheet.lang-fr .sheet-skill-box h3:first-child { +.charsheet.lang-fr .skill-box h3:first-child { margin-right: 51%; width: 20%; } + diff --git a/Shadowrun5thEdition/Shadowrun5thEdition.html b/Shadowrun5thEdition/Shadowrun5thEdition.html index f8c2d04d11..c55517b812 100644 --- a/Shadowrun5thEdition/Shadowrun5thEdition.html +++ b/Shadowrun5thEdition/Shadowrun5thEdition.html @@ -53,17 +53,17 @@
This will import character data from a generated JSON to the Roll20 Character Sheet. First you will import the data into this charactermancer using the setup section. Secondly you'll review the data in the results section. Finally apply the changes in the complete section. Clicking the apply button will delete all data currently on the sheet.
@@ -6248,7 +6248,7 @@