/******************************************************************************/ /********************************* VARIABLES *********************************/ /****************************************************************************/ * { box-sizing: border-box; font-family: sans-serif; } button { background-image: none; font-size: 0.8em; text-shadow: none; } button[type='roll'], button[type='action'] { font-size: 1em; padding: 1px 2px; border-bottom: 0.01em solid #666; border-bottom-right-radius: 0.01em; border-color: #9a9a9a; 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 { font-weight: bold; background-color: #610b0d; color: #fff; } button > span { display: block; overflow: hidden; text-overflow: ellipsis; width: 100%; } button:before { display: none; } div { background-color: transparent; } fieldset { background: transparent; } hr { border: 0.5px solid #555; } label { display: inline-block; font-size: 0.9em; margin-bottom: 0px; padding-right: 5px; text-transform: capitalize; width: auto; } input { background-color: #9a9a9a; color: #040404; border: none; cursor: auto; font-weight: normal; margin: 0px; text-align: center; vertical-align: middle; } input[type='text'], input[type='number'] { height: 20px; } input[type='text']:hover, input[type='text']:focus, input[type='number']:hover, input[type='number']:focus { background-color: #d2d1cd; color: #1c1c1c; } input[type='text']:placeholder-shown, 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 { -webkit-appearance: none; margin: 0; } input[name='attr_stats_toggle'], input[name='attr_stats_toggle'] + span { position: relative; } input[name='attr_stats_toggle'] { opacity: 0; z-index: 2; } select { border-radius: 2px; border: 1px solid #040404; box-shadow: inset 0px 0px 3px 1px #7c7c7c; margin-bottom: 0px; width: auto; } span { word-break: break-word; } textarea { border-radius: 2px; border: 1px solid #040404; box-shadow: inset 0px 0px 3px 1px #7c7c7c; height: 50px; overflow-wrap: break-word; overflow: hidden; resize: vertical; vertical-align: top; white-space: pre-line; } .sheet-grid { display: inline-grid; grid-column-gap: 1%; grid-row-gap: 0.5%; } .sheet-2column { grid-template-columns: 1fr 1fr; } .sheet-2autocolumn { grid-template-columns: auto 1fr; } .sheet-4autocolumn { grid-template-columns: auto 1fr auto 1fr; } .sheet-6autocolumn { grid-template-columns: auto 1fr auto 1fr auto 1fr; } .sheet-8autocolumn { grid-template-columns: auto 1fr auto 1fr auto 1fr auto 1fr; } .charsheet { width: 850px; } .sheet-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 { display: none; } .sheet-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 { 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 { 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 { 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'] { 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 { 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 { content: ')'; } .sheet-npc div.sheet-repeating input[name='attr_flag'], input.sheet-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 { position: relative; opacity: 0; z-index: 2; } .sheet-npc div.sheet-repeating input[name='attr_flag'] + span { opacity: 0; } .sheet-npc div.sheet-repeating input:checked[name='attr_flag'] + span { opacity: 1; } .sheet-npc div.sheet-repeating input:checked[name='attr_flag'] ~ .sheet-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 { border-bottom: 1px solid #040404; } .sheet-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 { 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 { text-shadow: 1px 1px 2px #555, 0 0 25px #fff, 0 0 5px #fff; } .sheet-text-center { text-align: center; } .sheet-text-left { text-align: left; } .sheet-text-right { text-align: right; } .sheet-text-capitalize { text-transform: capitalize; } .sheet-text-lowercase { text-transform: lowercase; } .sheet-text-uppercase { text-transform: uppercase; } .sheet-font-bolder { font-weight: bolder; } .sheet-dicefontd6 { font-family: "dicefontd6"; } .sheet-pictos-custom { font-family: 'Pictos Custom'; } .sheet-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 { font-family: 'Pictos'; } .sheet-tiny-span { font-size: 0.75em; } /* The switch - the box around the slider */ .sheet-switch { position: relative; display: inline-block; width: 50px; height: 24px; } /* Hide default HTML checkbox */ .sheet-switch input { opacity: 0; width: 0; height: 0; } /* The slider */ .sheet-slider { -webkit-transition: .4s; background-color: #ccc; border-radius: 34px; bottom: 0; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; transition: .4s; } .sheet-slider:before { -webkit-transition: .4s; background-color: white; border-radius: 50%; bottom: 4px; content: ""; height: 16px; left: 4px; position: absolute; transition: .4s; width: 16px; } input:checked + .sheet-slider { background-color: #610b0d; } input:focus + .sheet-slider { box-shadow: 0 0 1px #9a9a9a; } input:checked + .sheet-slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } .sheet-switch-3 { display: inline-grid; grid-template-columns: 1fr 2fr 2fr; background: #ccc; border-radius: 3px; } .sheet-switch-3 label { display: inline-grid; position: relative; align-items: center; } .sheet-switch-3 label input { grid-area: 1; position: absolute; opacity: 0; z-index: 2; height: 100%; width: 100%; cursor: pointer; } .sheet-switch-3 label input:checked + span { color: #fff; background-color: #610b0d; } .sheet-switch-3 label span { display: grid; align-items: center; text-align: center; grid-area: 1; height: 100%; width: 100%; } div.sheet-collapse { opacity: 0; height: 0; transition: all .5s; } input.sheet-collapse-flag:checked ~ div.sheet-collapse { opacity: 1; height: 100%; transition: all .5s; } input.sheet-indicator { height: 1.8em; width: 1.5em; transition: all .2s; top: 5px; } input.sheet-indicator + span { display: inline-block; height: 1.5em; width: 1.5em; } input.sheet-indicator:hover + span { transform: scale(1.3); } input.sheet-indicator:checked + span { background-color: #610b0d; color: #fff; font-weight: bolder; border-radius: 3px; padding: 15%; } input.sheet-indicator:checked + span + span { font-weight: bolder; } /***** EDGE & MATRIX CONDITION HEXAGONS *****/ div.sheet-attribute .sheet-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 { content: ""; position: absolute; width: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; } div.sheet-attribute .sheet-hexagon:before { bottom: 100%; border-bottom: 5.77px solid #610b0d; } div.sheet-attribute .sheet-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 { background-color: #9a9a9a; } div.sheet-attribute input.sheet-hex-highlight[value='0'] ~ div.sheet-edge:nth-of-type(1n+1) .sheet-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 { border-top-color: #9a9a9a; } div.sheet-attribute input.sheet-hex-highlight[value='1'] ~ div.sheet-edge:nth-of-type(1n+2) .sheet-hexagon { background-color: #9a9a9a; } div.sheet-attribute input.sheet-hex-highlight[value='1'] ~ div.sheet-edge:nth-of-type(1n+2) .sheet-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 { border-top-color: #9a9a9a; } div.sheet-attribute input.sheet-hex-highlight[value='2'] ~ div.sheet-edge:nth-of-type(1n+3) .sheet-hexagon { background-color: #9a9a9a; } div.sheet-attribute input.sheet-hex-highlight[value='2'] ~ div.sheet-edge:nth-of-type(1n+3) .sheet-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 { border-top-color: #9a9a9a; } div.sheet-attribute input.sheet-hex-highlight[value='3'] ~ div.sheet-edge:nth-of-type(1n+4) .sheet-hexagon { background-color: #9a9a9a; } div.sheet-attribute input.sheet-hex-highlight[value='3'] ~ div.sheet-edge:nth-of-type(1n+4) .sheet-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 { border-top-color: #9a9a9a; } div.sheet-attribute input.sheet-hex-highlight[value='4'] ~ div.sheet-edge:nth-of-type(1n+5) .sheet-hexagon { background-color: #9a9a9a; } div.sheet-attribute input.sheet-hex-highlight[value='4'] ~ div.sheet-edge:nth-of-type(1n+5) .sheet-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 { border-top-color: #9a9a9a; } div.sheet-attribute input.sheet-hex-highlight[value='5'] ~ div.sheet-edge:nth-of-type(1n+6) .sheet-hexagon { background-color: #9a9a9a; } div.sheet-attribute input.sheet-hex-highlight[value='5'] ~ div.sheet-edge:nth-of-type(1n+6) .sheet-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 { border-top-color: #9a9a9a; } div.sheet-attribute input.sheet-hex-highlight[value='6'] ~ div.sheet-edge:nth-of-type(1n+7) .sheet-hexagon { background-color: #9a9a9a; } div.sheet-attribute input.sheet-hex-highlight[value='6'] ~ div.sheet-edge:nth-of-type(1n+7) .sheet-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 { border-top-color: #9a9a9a; } div.sheet-attribute input.sheet-hex-highlight[value='7'] ~ div.sheet-edge:nth-of-type(1n+8) .sheet-hexagon { background-color: #9a9a9a; } div.sheet-attribute input.sheet-hex-highlight[value='7'] ~ div.sheet-edge:nth-of-type(1n+8) .sheet-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 { border-top-color: #9a9a9a; } div.sheet-attribute input.sheet-hex-highlight[value='8'] ~ div.sheet-edge:nth-of-type(1n+9) .sheet-hexagon { background-color: #9a9a9a; } div.sheet-attribute input.sheet-hex-highlight[value='8'] ~ div.sheet-edge:nth-of-type(1n+9) .sheet-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 { border-top-color: #9a9a9a; } div.sheet-attribute input[name="attr_edge_hex"]:checked + .sheet-hexagon { background-color: #610b0d; } div.sheet-attribute input[name="attr_edge_hex"]:checked + .sheet-hexagon:before { border-bottom-color: #610b0d; } div.sheet-attribute input[name="attr_edge_hex"]:checked + .sheet-hexagon:after { border-top-color: #610b0d; } /* Old way of doing it */ div.sheet-matrix { /***** MAKE HEXES APPEAR & DISAPPEAR *****/ } div.sheet-matrix .sheet-con-hex { position: relative; transition: transform .2s; } div.sheet-matrix .sheet-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 { transform: scale(1.3); } div.sheet-matrix .sheet-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 { border-left: 10px solid transparent; border-right: 10px solid transparent; content: ''; position: absolute; width: 0; } div.sheet-matrix .sheet-hexagon:before { bottom: 100%; border-bottom: 5.77px solid #610b0d; } div.sheet-matrix .sheet-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 { display: none; } div.sheet-matrix .sheet-con-hex input[type='radio']:checked ~ .sheet-hexagon { background-color: #9a9a9a; } div.sheet-matrix .sheet-con-hex input[type='radio']:checked ~ .sheet-hexagon:before { border-bottom-color: #9a9a9a; } div.sheet-matrix .sheet-con-hex input[type='radio']:checked ~ .sheet-hexagon:after { border-top-color: #9a9a9a; } div.sheet-matrix .sheet-con-hex input[type='radio']:checked + .sheet-hexagon { background-color: #610b0d; } div.sheet-matrix .sheet-con-hex input[type='radio']:checked + .sheet-hexagon:before { border-bottom-color: #610b0d; } div.sheet-matrix .sheet-con-hex input[type='radio']:checked + .sheet-hexagon:after { border-top-color: #610b0d; } /***** CONDITION SETTINGS TOGGLE *****/ .sheet-condition-box input[type='checkbox'] { left: -1%; } .sheet-condition-box input[type='checkbox'] + span { left: -4%; position: relative; } /***** CONDITION MONITOR SECTION *****/ .sheet-con-track { display: inline-block; vertical-align: top; width: 47%; margin-top: 2%; margin-bottom: 3%; } .sheet-con-track button[type='action'] { font-size: 1em; font-weight: bold; text-align: center; padding: 1% 2%; margin-left: 7%; width: 100%; } /***** CONDITION MONITOR SETTINGS *****/ .sheet-condition-box .sheet-display, .sheet-condition-box .sheet-settings { margin-top: -10px; } .sheet-condition-box .sheet-settings { /***** CONDITION MONITOR DISPLAY*****/ } .sheet-condition-box .sheet-settings input { border-bottom: 1px solid #000; border-radius: 0px; height: 22px; margin-bottom: 5px; } .sheet-condition-box .sheet-settings .sheet-con-footer { margin-top: 0px; text-indent: 10px; } .sheet-condition-box .sheet-settings .sheet-con-footer .sheet-attr-und { display: inline-block; margin-bottom: -5px; text-align: center; width: 60%; } /***** CONDITION MONITOR SQUARES *****/ .sheet-squares { margin-left: 20%; width: 70%; } .sheet-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 { height: 45px; width: 33%; } .sheet-squares input[type='radio'] { clear: both; left: 2px; margin-right: -43px; position: relative; top: 6px; z-index: 2; opacity: 0; } .sheet-squares span { background-color: #9a9a9a; border-radius: 0px; border: 2px solid #610b0d; box-shadow: inset 0px 0px 3px 1px #7c7c7c; display: inline-block; margin-bottom: -25px; 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 { background-color: transparent; } .sheet-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) { 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 { opacity: 0; } /***** CONDITION MONITOR FOOTERS *****/ .sheet-con-footer { font-size: 0.8em; margin-top: 10px; } .sheet-con-footer label { margin-right: 5px; width: auto; } .sheet-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 { width: 26.5%; } .sheet-matrix input[name="attr_flag"] + span { position: absolute; } .sheet-matrix .sheet-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 { margin-right: -25%; width: 25%; position: relative; top: -10px; } .sheet-matrix .sheet-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 { vertical-align: top; } /***** CYBERDECK *****/ div.sheet-cyberdeck button { width: 100%; } div.sheet-cyberdeck div.sheet-row-long { margin-bottom: 1%; padding-bottom: 1%; } .sheet-cyberdeck h3 { line-height: 20px; } .sheet-cyberdeck h3[data-i18n="total"] { margin-left: 15%; } .sheet-cyberdeck h3[data-i18n="temp"] { margin-left: 5%; } .sheet-cyberdeck h3[data-i18n="modifier"] { margin-left: 2%; margin-right: 2%; } .sheet-cyberdeck h3[data-i18n="base"] { margin-left: 0%; margin-right: 15%; } .sheet-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'] { width: 85%; } .sheet-cyberdeck .sheet-row-long:nth-of-type(1n+3) label { padding-bottom: 5px; padding-right: 0px; width: 15%; } .sheet-cyberdeck .sheet-row-long span { margin-left: 1%; margin-right: 1%; } /**** MATRIX BUBBLES ****/ .sheet-matrix-tot { display: inline-block; height: 20px; width: 20px; } .sheet-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) { margin-left: 2%; } .sheet-matrix-bubble input[type='radio'] { height: 15px; left: -8px; width: 15px; } .sheet-matrix-bubble input[type='radio'] + span { border-radius: 3px; display: inline-block; height: 18px; margin-left: -25px; top: 4px; width: 18px; } .sheet-matrix-bubble input[type='radio']:checked ~ input[type='radio'] + span { height: 14px; margin-bottom: 3px; opacity: 0.5; } .sheet-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 { 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 { 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 { 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 { color: #fff; } .sheet-tabs button[type='action'] { background-color: #333; border-radius: 2px; border: 1px solid #7c7c7c; font-size: 1em; font-weight: bolder; 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'] { text-transform: lowercase; } .sheet-tabs button[type='action']:hover, .sheet-tabs button[type='action']:focus, .sheet-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'] { background: none; border: none; color: #fff; font-family: 'dicefontd6'; font-size: 2.5em; vertical-align: top; } .sheet-tabs button[type='roll']:hover { text-shadow: 1px 1px 2px #040404, 0 0 25px #610b0d, 0 0 5px #e31715; } .sheet-tabs h2 { color: #fff; font-size: 1em; text-transform: capitalize; text-align: right; line-height: 2em; margin-right: 5%; } /***** TABS FOR SHEETS *****/ .sheet-settings-toggle input, .sheet-settings-flag input { width: 3em; } .sheet-settings-toggle input[type='checkbox'] + span, .sheet-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) { color: #610b0d; } select.sheet-attribute-select option:nth-of-type(1n+9) { color: #7a2593; } select.sheet-limit-select option:nth-of-type(1n+5) { color: #610b0d; } /*:+:+:+: MATRIX DEVICE :+:+:+:*/ div.sheet-matrix-device button[name*='Attack']:hover { color: #cc0701; } div.sheet-matrix-device button[name*='Sleaze']:hover { color: #007bfc; } div.sheet-matrix-device button[name*='Data']:hover { color: #88dd04; } div.sheet-matrix-device button[name*='Firewall']:hover { color: #f88703; } div.sheet-matrix-device input[type='radio'] { position: relative; opacity: 0; z-index: 2; } div.sheet-matrix-device input[type='radio'] + span { position: relative; } div.sheet-matrix-device .sheet-matrixAttack { box-shadow: 0px 0px 29px 8px #cc0701; } div.sheet-matrix-device .sheet-matrixSleaze { box-shadow: 0px 0px 29px 8px #007bfc; } div.sheet-matrix-device .sheet-matrixData { box-shadow: 0px 0px 29px 8px #88dd04; } div.sheet-matrix-device .sheet-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 { grid-column-gap: 1%; grid-row-gap: 1%; } /***************************************************************************************/ /************************** START OF THE PC SHEET *************************************/ /*************************************************************************************/ .sheet-pc { background-color: #333; background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Shadowrun5thEdition/images/Blackbackground.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 { color: #fff; text-shadow: 1px 1px 2px #555, 0 0 25px #fff, 0 0 5px #fff; } .sheet-pc button:hover > span { color: #fff; } .sheet-pc h1 { background-color: #610b0d; color: #fff; font-size: 1em; letter-spacing: 2px; line-height: 20px; padding-left: 5px; padding-right: 5px; text-transform: uppercase; } .sheet-pc h2 { font-size: 0.9em; line-height: 25px; text-transform: capitalize; } .sheet-pc h3 { color: rgba(51, 51, 51, 0.59); font-size: 0.8em; text-transform: capitalize; } .sheet-pc hr { margin: 7px 0px -2px 0px; } .sheet-pc input { border-radius: 0px; } .sheet-pc .sheet-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'] { grid-area: 2 / 5 / 2 / 5; } .sheet-pc .sheet-tabs h1 { background-color: transparent; color: #fff; display: inline-block; font-size: 1em; grid-column: 6 / 8; letter-spacing: 2px; line-height: 20px; margin-left: 5%; text-align: right; text-transform: uppercase; } .sheet-pc .sheet-tabs h2[data-i18n-title='/w GM'] { grid-area: 2 / 1 / 2 / 1; } .sheet-pc .sheet-tabs h2[data-i18n-title='wounds'] { grid-area: 2 / 3 / 2 / 4; } .sheet-pc .sheet-tabs h2[data-i18n-title='modifiers'] { grid-area: 3 / 1 / 3 / 1; } .sheet-pc .sheet-tabs h2[data-i18n-title='edge'] { grid-area: 3 / 3 / 3 / 4; } .sheet-pc .sheet-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'] { color: #fff; font-weight: bolder; background-color: transparent; border: none; box-shadow: none; border-bottom: 2px solid #fff; border-radius: 0px; height: 30px; width: 100%; grid-column: 4; } .sheet-pc .sheet-tabs label[data-i18n-title='character name'] { grid-area: 1 / 8 / 1 / 14; } .sheet-pc .sheet-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'] { grid-area: 2 / 2 / 2 / 3; } .sheet-pc .sheet-tabs label[data-i18n-title='wounds'] { grid-area: 2 / 4 / 2 / 5; } .sheet-pc .sheet-tabs label[data-i18n-title='modifiers'] { grid-area: 3 / 2 / 3 / 3; } .sheet-pc .sheet-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 { 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 { 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 { 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 { transform: scale(1.1); } .sheet-pc select { height: 1.8em; padding: 0px; color: #040404; } .sheet-pc input.sheet-display-flag { position: absolute; } .sheet-pc div.sheet-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)); background-image: -webkit-linear-gradient(#610b0d, transparent); background-image: linear-gradient(#610b0d, transparent), linear-gradient(#610b0d, transparent); border-top: 2px solid #610b0d; clear: both; border-top-right-radius: 10px; border-top-left-radius: 0px; } .sheet-pc div.sheet-border-box button[type='roll'] { font-size: 0.8em; font-weight: bold; } .sheet-pc div.sheet-border-box div.sheet-pc-box { border-top-right-radius: 10px; border-top-left-radius: 0px; } .sheet-pc div.sheet-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'] { text-align: left; margin: 0px; } .sheet-pc div.sheet-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'] { width: 100%; } .sheet-pc div.sheet-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'] { text-align: left; } .sheet-pc div.sheet-repeating-container div.repitem label[data-i18n-title='modifier'] { width: 3em; } .sheet-pc div.sheet-repeating-container div.repitem div.sheet-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 { text-transform: capitalize; } .sheet-pc div.sheet-repeating-container div.repitem div.sheet-collapse { padding-left: 5%; } .sheet-pc div.repitem { width: 100%; } .sheet-pc div.repitem input[type='number'] { text-align: center; } .sheet-pc div.sheet-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 { 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'] { 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 { background-color: rgba(28, 28, 28, 0.14902); } .sheet-pc div.sheet-static div.sheet-info div.sheet-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'] { margin-top: 1%; } .sheet-pc div.sheet-static div.sheet-attributes { min-height: 350px; } .sheet-pc div.sheet-static div.sheet-attributes h3 { color: #000; line-height: 20px; text-align: right; width: 100%; } .sheet-pc div.sheet-static div.sheet-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 { color: #fff; transform: scale(1.1); } .sheet-pc div.sheet-static div.sheet-attributes div.sheet-attribute { grid-template-columns: 1fr 1.2fr; } .sheet-pc div.sheet-static div.sheet-attributes div.sheet-attribute div.sheet-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'] { 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 { margin: 0px 1.5%; } .sheet-pc div.sheet-static div.sheet-attributes div.sheet-attribute div.sheet-attribute-row .sheet-d-block { min-height: 20px; } .sheet-pc div.sheet-static div.sheet-attributes div.sheet-attribute span[name*="attr_display"] { height: 20px; } .sheet-pc div.sheet-static div.sheet-attributes input.sheet-settings-toggle { left: 98%; } .sheet-pc div.sheet-static div.sheet-attributes input.sheet-settings-toggle + span { font-size: 1em; left: 94%; top: 0px; position: relative; } .sheet-pc div.sheet-static div.sheet-attributes div.sheet-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'] { 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 { 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) { 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) { 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) { 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) { 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) { 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) { 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) { 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) { display: none; } .sheet-pc div.sheet-static div.sheet-attributes div.sheet-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 { grid-template-columns: 1fr 4em; } .sheet-pc div.sheet-static div.sheet-attributes div.sheet-limits-row div.sheet-limit label { width: 2em; } .sheet-pc div.sheet-static div.sheet-attributes div.sheet-limits-row div.sheet-limit div.sheet-settings span { margin-left: 8%; } .sheet-pc div.sheet-core { /***** QUALITIES *****/ } .sheet-pc div.sheet-core div.sheet-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'] { margin-right: -5px; } .sheet-pc div.sheet-core div.sheet-armor-buttons button[name='roll_defense'] { background-color: #555; color: #fff; } .sheet-pc div.sheet-core div.sheet-armor-buttons span { font-size: 1em; } .sheet-pc div.sheet-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'] { 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'] { margin-right: -150px; width: 150px; } .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality h2:nth-of-type(2) { text-align: center; } .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.sheet-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 { 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 { 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'] { white-space: pre-line; } .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem input.sheet-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 { 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 { grid-area: 1 / 5 / 1 / 6; } .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem div.sheet-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) { text-align: center; } .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.sheet-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 { 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 { 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'] { white-space: pre-line; } .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem input.sheet-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 { 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 { grid-area: 1 / 5 / 1 / 6; } .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem div.sheet-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) { text-align: center; } .sheet-pc div.sheet-skill-box label { display: inline-block; font-size: 0.8em; text-transform: capitalize; } .sheet-pc div.sheet-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'] { width: 3em; } .sheet-pc div.sheet-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 { grid-area: 4 / 1 / 4 / 7; } .sheet-pc div.sheet-skill-box label > input { text-align: left; border-radius: 0px; width: 100%; } .sheet-pc div.sheet-skill-box div.sheet-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 { grid-template-columns: 1fr; } .sheet-pc div.sheet-skill-box input[name='attr_rating_modifier'] { width: 3.5em; } .sheet-pc div.sheet-skill-box div.sheet-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) { text-align: center; } .sheet-pc div.sheet-skill-box option.sheet-option-headers { opacity: 0.2; } .sheet-pc div.sheet-skill-box option.sheet-option-groups { font-size: 1em; font-style: italic; } .sheet-pc div.sheet-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 { 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'] { white-space: pre-line; } .sheet-pc div.sheet-skill-box div.repitem input.sheet-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 { 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 { 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'] { width: 3.5em; } .sheet-pc div.sheet-skill-box div.repitem div.sheet-settings { grid-column: 1 / 7; grid-template-columns: 1fr 3.5em 5em 5em 1em 1em; } .sheet-pc div.sheet-arms div.sheet-headers { display: grid; } .sheet-pc div.sheet-arms div.sheet-headers h2:nth-of-type(1n+2) { text-align: center; } .sheet-pc div.sheet-arms div.repitem h3 { color: #040404; } .sheet-pc div.sheet-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 { background-color: #FCD116; border-bottom: 2px solid #040404; } .sheet-pc div.sheet-arms div.sheet-weapons div.sheet-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 { 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 { 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'] { white-space: pre-line; } .sheet-pc div.sheet-arms div.sheet-weapons div.repitem input.sheet-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 { 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 { grid-area: 1 / 9 / 1 / 10; } .sheet-pc div.sheet-arms div.sheet-weapons div.repitem div.sheet-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 { 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 { 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 { 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"] { 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'] { 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 { 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 { 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 { display: block; } .sheet-pc div.sheet-arms div.sheet-armor div.sheet-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 { 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 { 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'] { white-space: pre-line; } .sheet-pc div.sheet-arms div.sheet-armor div.repitem input.sheet-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 { 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 { grid-area: 1 / 10 / 1 / 11; } .sheet-pc div.sheet-arms div.sheet-armor div.repitem div.sheet-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 { 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 { margin-right: 1%; } .sheet-pc div.sheet-augs div.sheet-headers { display: grid; grid-template-columns: 1fr 5em 5em 1em 1em; } .sheet-pc div.sheet-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 { 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'] { white-space: pre-line; } .sheet-pc div.sheet-augs div.repitem input.sheet-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 { 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 { grid-area: 1 / 5 / 1 / 6; } .sheet-pc div.sheet-augs div.repitem div.sheet-settings { grid-column: 1 / 6; grid-template-columns: 1fr 5em 5em 1em 1em; } .sheet-pc div.sheet-gear div.sheet-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'] { grid-column: 1 / 3; } .sheet-pc div.sheet-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 { 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'] { white-space: pre-line; } .sheet-pc div.sheet-gear div.repitem input.sheet-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 { 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 { grid-area: 1 / 6 / 1 / 7; } .sheet-pc div.sheet-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'] { grid-area: 2 / 1 / 2 / 3; } .sheet-pc div.sheet-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'] { grid-area: 2 / 3 / 2 / 4; } .sheet-pc div.sheet-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'] { grid-area: 3 / 1 / 3 / 5; } .sheet-pc div.sheet-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'] { grid-area: 5 / 1 / 5 / 5; } .sheet-pc div.sheet-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'] { display: block; } .sheet-pc div.sheet-gear div.repitem select { -webkit-appearance: none; -moz-appearance: none; text-indent: 3px; border: none; background: transparent; box-shadow: none; font-size: 1.3em; max-height: 18px; transition: all .2s; } .sheet-pc div.sheet-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 { font-weight: bold; } .sheet-pc div.sheet-gear div.repitem div.sheet-settings { grid-column: 1 / 7; grid-template-columns: 1.5em 1fr 5em 5em 1em 1em; } .sheet-pc select.sheet-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) { text-align: center; } .sheet-pc div.sheet-magic h3 { color: #040404; } .sheet-pc div.sheet-magic h3:not(:last-child) { margin-right: 2%; } .sheet-pc div.sheet-magic h3:not(:first-child) { margin-left: 2%; } .sheet-pc div.sheet-magic div.sheet-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) { text-align: center; } .sheet-pc div.sheet-magic div.sheet-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 { 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'] { white-space: pre-line; } .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem input.sheet-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 { 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 { 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'] { width: 3.5em; } .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem select[name='attr_category'] { grid-row: 2; } .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem div.sheet-row { grid-column: 1 / 6; } .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem div.sheet-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 { 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'] { white-space: pre-line; } .sheet-pc div.sheet-magic div.sheet-magic-rituals input.sheet-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 { 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 { grid-area: 1 / 3 / 1 / 4; } .sheet-pc div.sheet-magic div.sheet-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'] { grid-column: 1 / 4; } .sheet-pc div.sheet-magic div.sheet-magic-rituals div.repitem div.sheet-row { grid-column: 1 / 4; } .sheet-pc div.sheet-magic div.sheet-magic-rituals div.sheet-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 { 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 { grid-template-columns: 40% 1fr 1fr 2fr 1em 1em; } .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-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 { 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'] { white-space: pre-line; } .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem input.sheet-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 { 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 { grid-area: 1 / 6 / 1 / 7; } .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem div.sheet-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 { grid-column: 4 / 7; } .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem div.sheet-settings textarea { width: 100%; } .sheet-pc div.sheet-magic div.sheet-powers div.sheet-headers { grid-template-columns: 1fr 3em 1em 1em; } .sheet-pc div.sheet-magic div.sheet-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 { 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'] { white-space: pre-line; } .sheet-pc div.sheet-magic div.sheet-powers div.repitem input.sheet-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 { 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 { grid-area: 1 / 4 / 1 / 5; } .sheet-pc div.sheet-magic div.sheet-powers div.repitem div.sheet-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'] { font-size: 0.9em; } .sheet-pc div.sheet-matrix h3 { color: #040404; } .sheet-pc div.sheet-matrix div.sheet-htab div.sheet-triangle { position: relative; } .sheet-pc div.sheet-matrix div.sheet-htab input.sheet-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"] { left: 60%; } .sheet-pc div.sheet-matrix div.sheet-htab input[value="persona"] { left: 75%; } .sheet-pc div.sheet-matrix div.sheet-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 { margin-right: 5px; } .sheet-pc div.sheet-matrix div.sheet-matrix-switches div.sheet-matrix-mode { display: inline-grid; grid-template-columns: auto 1fr; } .sheet-pc div.sheet-matrix div.sheet-device-attr { display: inline; transition: transform .2s; } .sheet-pc div.sheet-matrix div.sheet-device-attr span { position: relative; } .sheet-pc div.sheet-matrix div.sheet-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 { transform: scale(1.3); } .sheet-pc div.sheet-matrix div.sheet-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 { 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'] { white-space: pre-line; } .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-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 { 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 { grid-area: 1 / 5 / 1 / 6; } .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-indicator { grid-area: 1 / 1 / 1 / 1; } .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-indicator + span { grid-area: 1 / 1 / 1 / 1; } .sheet-pc div.sheet-matrix div.sheet-programs div.sheet-settings { grid-column: 1 / 6; } .sheet-pc div.sheet-matrix div.sheet-programs div.sheet-settings input[type='text'] { text-align: left; } .sheet-pc div.sheet-matrix div.sheet-programs div.sheet-settings label { grid-column: 1 / 4; } .sheet-pc div.sheet-matrix div.sheet-complex-forms h3 { color: #040404; } .sheet-pc div.sheet-matrix div.sheet-complex-forms h3:not(:last-child) { margin-right: 2%; } .sheet-pc div.sheet-matrix div.sheet-complex-forms h3:not(:first-child) { margin-left: 2%; } .sheet-pc div.sheet-matrix div.sheet-complex-forms div.sheet-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) { text-align: center; } .sheet-pc div.sheet-matrix div.sheet-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 { 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'] { white-space: pre-line; } .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input.sheet-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 { 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 { grid-area: 1 / 6 / 1 / 7; } .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem div.sheet-row { grid-column: 1 / 7; } .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem div.sheet-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 { 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 { width: 100%; } .sheet-pc div.sheet-persona div.sheet-headers h3:nth-of-type(1n+2) { text-align: center; } .sheet-pc div.sheet-persona div.sheet-row-long { margin-bottom: 5px; padding-bottom: 5px; } .sheet-pc div.sheet-persona div.sheet-row-long div { width: 100%; } .sheet-pc div.sheet-persona div.sheet-total input { background: none; border: none; } .sheet-pc div.sheet-persona div.sheet-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 { 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'] { white-space: pre-line; } .sheet-pc div.sheet-persona div.sheet-echos div.repitem input.sheet-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 { 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 { grid-area: 1 / 4 / 1 / 5; } .sheet-pc div.sheet-persona div.sheet-echos div.sheet-settings { grid-column: 1 / 4; } .sheet-pc div.sheet-persona div.sheet-echos div.sheet-settings input[type='text'] { grid-column: 1 /3; text-align: left; } .sheet-pc div.sheet-persona div.sheet-echos div.sheet-settings label { grid-column: 1 / 3; } .sheet-pc div.sheet-social input:not(:placeholder-shown) { background-color: transparent; } .sheet-pc div.sheet-social div.sheet-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 { 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'] { white-space: pre-line; } .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem input.sheet-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 { 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 { grid-area: 1 / 4 / 1 / 5; } .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem div.sheet-collapse { padding-left: 2%; } .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem div.sheet-collapse h3 { margin-right: 1%; } .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem div.sheet-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 { height: 45px; min-height: 45px; } .sheet-pc div.sheet-social div.sheet-contacts div.sheet-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 { 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 { 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'] { white-space: pre-line; } .sheet-pc div.sheet-social div.sheet-contacts div.repitem input.sheet-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 { 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 { grid-area: 1 / 7 / 1 / 8; } .sheet-pc div.sheet-social div.sheet-contacts div.repitem div.sheet-settings { grid-column: 1 / 8; } .sheet-pc div.sheet-vehicle div.sheet-row-long { display: inline-grid; grid-column: 1 / 5; } .sheet-pc div.sheet-vehicle div.sheet-vehicle-name { grid-column: 1 / 3; } .sheet-pc div.sheet-vehicle h3 { color: #1c1c1c; overflow: hidden; } .sheet-pc div.sheet-vehicle label { width: 100%; } .sheet-pc div.sheet-vehicle div.sheet-col { display: inline-grid; grid-template-columns: 1fr 5em; } .sheet-pc div.sheet-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 { 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'] { white-space: pre-line; } .sheet-pc div.sheet-vehicle div.repitem input.sheet-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 { 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 { grid-area: 1 / 4 / 1 / 5; } .sheet-pc div.sheet-vehicle div.repitem div.sheet-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 { grid-column-gap: 2%; } .sheet-pc div.sheet-vehicle div.repitem div.sheet-settings div.sheet-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) { 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'] { grid-column: 2 / 3; } .sheet-pc div.sheet-vehicle div.repitem div.sheet-settings div.sheet-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'] { grid-column: 4 / 5; } .sheet-pc div.sheet-vehicle div.repcontrol { margin-top: 5%; } .sheet-pc .sheet-options h2 { font-size: 1.3rem; text-decoration: underline; width: 100%; } .sheet-pc .sheet-options h3 { font-size: 1.2rem; color: black; } .sheet-pc .sheet-options button[name='act_import_launch'] { border: 2px solid black; background: #333; color: white; font-weight: bold; width: auto; height: auto; padding: 2% 4%; } .sheet-pc .sheet-options p { margin-top: 2%; margin-right: 5%; } .sheet-pc .sheet-options hr { border: 0.5px solid #1c1c1c; margin: 3px 0px; opacity: 0.1; } .sheet-pc .sheet-options label { width: 100%; } .sheet-pc .sheet-options label.sheet-character-type { grid-template-columns: 1fr 50%; } .sheet-pc .sheet-options input[type='checkbox'] { height: 15px; margin-left: 5%; opacity: 1; } .sheet-pc .sheet-options div.sheet-pc-box { min-height: 800px; width: 100%; } .sheet-pc .sheet-options div.sheet-temp { grid-template-columns: 1fr 3.5em 2em; grid-column-gap: 5px; width: 100%; } /***** PC ROWS & COLUMNS SETTINGS *****/ .sheet-pc-row { margin-bottom: 10px; } .sheet-pc-col { vertical-align: top; width: calc(50% - 5px); } .sheet-pc-col:first-child { margin-right: 1.5%; width: calc(50% - 10px); } .sheet-row-long { border-bottom: 1px solid #000; } .sheet-settings-row { margin-top: 5px; } /***** HEADERS AND TRIANGLES *****/ div.sheet-header { display: inline-flex; float: right; height: 20px; } div.sheet-triangle, div.sheet-right-tri { border-top: 20px solid transparent; } div.sheet-triangle { border-right: 30px solid #610b0d; } div.sheet-right-tri { border-left: 30px solid #610b0d; } div.sheet-right-header { margin-right: -8%; float: left; } /***** SECONDARY HEADERS LIKE ON SKILLS *****/ div.sheet-htab { margin-right: -47px; } div.sheet-htab input[type='radio'] { margin-right: -80px; top: 4px; opacity: 0; width: 80px; z-index: 2; } div.sheet-htab input[type='radio'] + h1 { color: #9a9a9a; } div.sheet-htab input[type='radio']:hover ~ h1, div.sheet-htab input[type='radio']:checked ~ h1 { color: #fff; } /***** BOXES FOR DIFFERENT PC SECTIONS *****/ .sheet-pc-box { background-color: #e7e6e5; margin-left: 1.5px; margin-right: 1.5px; padding-left: 5px; padding-right: 5px; height: auto; } .sheet-small-box { min-height: 150px; } .sheet-medium-box { min-height: 350px; } /***** CORE COMBAT INFO *****/ .sheet-core-combat button[type='roll'] { font-size: 0.9em; text-align: left; } .sheet-core-combat h2, .sheet-core-combat h3 { margin-right: 0px; } .sheet-core-combat button[name="roll_soak"] { max-width: 27%; } .sheet-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'] { width: 40%; } .sheet-cc-row button[type='action'] { font-family: fontello; width: 5%; } .sheet-cc-row button[name*='primary_ammo'] { width: 10%; } .sheet-cc-row button[type='action'] > span { display: inline; margin-left: 0px; /** The x# after ammo button **/ } .sheet-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'] { border-bottom: 2px solid #666; border-bottom-right-radius: 2px; border-color: #aaa; border-radius: 5px; border-right: 3px solid #999; border-style: outset; font-family: 'Pictos'; } .sheet-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 { color: #fff; } .sheet-cc-row button[type='roll'] > span, .sheet-cc-row h3 + span { display: inline-block; margin-left: 1%; } .sheet-cc-row span[name*='ammo'] { width: 4%; } .sheet-cc-row span[name*='ammo_max']:before { content: '/'; } .sheet-cc-row span[name*='fired'] { font-size: 0.9em; } /******************************************************************************************/ /**************************** START OF THE NPC SHEET *************************************/ /****************************************************************************************/ .sheet-npc { background-color: #040404; border-radius: 3px; color: #fff; margin-top: -20px; 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 { background: #333; color: #fff; } .sheet-npc button:hover, .sheet-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 { color: #fff; } .sheet-npc h1 { line-height: unset; font-size: 1.1em; } .sheet-npc h2 { font-size: 1em; text-transform: capitalize; } .sheet-npc h2:not(:last-child) { margin-right: 1%; } .sheet-npc h2:not(:first-child) { margin-left: 1%; } .sheet-npc h3 { font-size: 0.85em; } .sheet-npc label { padding: 0px; } .sheet-npc input[type='radio'] { opacity: 1; } .sheet-npc input[type='text']:placeholder-shown, .sheet-npc input[type='number']:placeholder-shown { border: 1px dotted #FCD116; } .sheet-npc input.sheet-toggle:checked + span { color: #FCD116; } .sheet-npc textarea, .sheet-npc select { color: #fff; background-color: #555; } .sheet-npc div.sheet-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'] { grid-area: 2 / 1 / 2 / 2; } .sheet-npc div.sheet-tabs img { grid-area: 1 / 1 / 2 / 4; height: 100%; width: 100%; } .sheet-npc div.sheet-tabs .sheet-switch input[type='checkbox'] + span { position: absolute; } .sheet-npc div.sheet-tabs h2:not(:last-child) { margin-right: 5%; } .sheet-npc div.sheet-tabs h2, .sheet-npc div.sheet-tabs label { grid-row: 2; } .sheet-npc div.sheet-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 { grid-area: 1 / 9 / 1 / 9; position: relative; width: 100%; height: 100%; } .sheet-npc div.sheet-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 { text-align: center; font-size: 1.2em; } .sheet-npc div.sheet-rows { margin-bottom: 1%; width: 100%; } .sheet-npc div.sheet-rows button { font-size: 1.1em; text-align: left; } .sheet-npc div.sheet-rows h2 { display: inline; font-size: 1.1em; line-height: unset; font-weight: normal; } .sheet-npc div.sheet-rows h3 { display: inline; } .sheet-npc div.sheet-rows input[type='number'] { width: 3em; } .sheet-npc div.sheet-rows span.sheet-tiny-span { margin: 0px 1%; } .sheet-npc div.sheet-repeating h1 { display: inline; } .sheet-npc div.sheet-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'] { 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 { opacity: 1; } .sheet-npc div.sheet-repeating div.repitem div.sheet-settings { min-width: 700px; } .sheet-npc div.sheet-attribute { border-bottom: 1px solid #fff; border-top: 1px solid #fff; grid-row-gap: 5%; grid-column-gap: 2%; margin: 2% 0px; padding: 1% 1% 3% 1%; width: 100%; } .sheet-npc div.sheet-attribute input[type='number'] { text-align: center; width: 100%; } .sheet-npc div.sheet-attribute label { text-align: center; } .sheet-npc div.sheet-attribute label[data-i18n-title='modifier'] input[type='number'] { width: 65%; } .sheet-npc div.sheet-attribute label[data-i18n-title='modifier']:before { content: '('; } .sheet-npc div.sheet-attribute label[data-i18n-title='modifier']:after { content: ')'; } .sheet-npc div.sheet-attribute h1 { font-weight: normal; grid-row: 1; text-align: center; } .sheet-npc div.sheet-attribute button { grid-row: 1; text-transform: capitalize; } .sheet-npc div.sheet-attribute span { font-size: 1.25em; grid-row: 2; text-align: center; } .sheet-npc div.sheet-attribute span + label { grid-row: 3; } .sheet-npc div.sheet-attribute label[data-i18n-title='modifier'] { grid-row: 4; } .sheet-npc div.sheet-mid { grid-template-columns: 52% 30% 1fr; width: 100%; } .sheet-npc div.sheet-mid div.sheet-column { width: 100%; } .sheet-npc div.sheet-mid div.sheet-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 { 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 { width: 100%; } .sheet-npc div.sheet-end div.sheet-textrow { grid-column: 1 / 4; } .sheet-npc div.sheet-end div.sheet-textrow h1 { display: inline; line-height: unset; margin-right: 1%; } .sheet-npc div.sheet-end div.sheet-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'] { 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 { width: 100%; } .sheet-npc div.sheet-end div.sheet-repeating { grid-column: 1 / 4; } .sheet-npc div.sheet-end div.sheet-inline-repeating div.repitem span[name*='attr_display_rating']:after { content: ','; } .sheet-npc div.sheet-end div.sheet-inline-repeating .sheet-full-row { grid-column: 1 / 6; } .sheet-npc div.sheet-end div.sheet-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 { display: inline-block; vertical-align: top; margin-bottom: 1%; margin-right: 1%; } .sheet-npc div.sheet-end div.sheet-inline-repeating div.sheet-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 { text-align: left; } .sheet-npc div.sheet-end div.sheet-inline-repeating div.sheet-settings label.sheet-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 { 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'] { grid-column: 1 / 10; } .sheet-npc div.sheet-end div.sheet-weapons input[name='attr_weapon_range'][value='melee'] ~ div.sheet-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'] { grid-column: 1 / 9; } .sheet-npc div.sheet-end div.sheet-weapons div.sheet-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 { 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 { display: inline-grid; grid-area: 1 / 1 / 1 / 10; } .sheet-npc div.sheet-end div.sheet-spells label[data-i18n-title='notes'] { grid-column: 1 / 10; } .sheet-npc div.sheet-end div.sheet-forms div.sheet-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'] { margin-left: 3%; } .sheet-npc div.sheet-end div.sheet-forms label[data-i18n-title='notes'] { grid-column: 1 / 6; } .sheet-npc div.sheet-end div.sheet-ic div.sheet-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'] { margin-left: 3%; } .sheet-npc div.sheet-end div.sheet-ic label[data-i18n-title='notes'] { grid-column: 1 / 5; } .sheet-npc div.sheet-matrix { width: 100%; } .sheet-npc div.sheet-matrix-device { margin-bottom: 5%; /*:+:+:+: NPC PROGRAMS :+:+:+:*/ } .sheet-npc div.sheet-matrix-device div.sheet-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 { margin-bottom: 4%; } .sheet-npc div.sheet-matrix-device label { width: 100%; } .sheet-npc div.sheet-matrix-device label input[type='text'] { text-align: left; width: 100%; } .sheet-npc div.sheet-matrix-device label.sheet-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 { 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'] { height: 25px; width: 20px; left: 0px; top: -115%; } .sheet-npc div.sheet-matrix-device div.sheet-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 { grid-column: 1 / 6; } .sheet-npc div.sheet-matrix-device div.repcontainer h2[data-i18n='notes'] { grid-row: 3; } .sheet-npc div.sheet-matrix-device div.repcontainer label[data-i18n-title='notes'] { grid-row: 4; } .sheet-npc div.sheet-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 { 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 { position: absolute; top: 2%; } .sheet-npc div.sheet-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 { 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 { opacity: 1; } .sheet-npc div.sheet-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 { 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 { display: inherit; } input.sheet-settings-flag[value='false'] ~ div.sheet-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 { 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'] { background-color: #610b0d; box-shadow: inset 0px 0px 3px 1px #e31715; } /*****************************************************************************************/ /**************************************** FOOTER ****************************************/ /***************************************************************************************/ .sheet-footer { border: none; font-size: 0.55em; line-height: 15px; margin-top: 15px; text-align: left; width: 700px; } div.sheet-footer div { display: inline-block; width: 90%; } div.sheet-footer img { float: right; vertical-align: top; width: 5%; } /*****************************************************************************************************/ /**************************************** REPEATING SECTIONS ****************************************/ /***************************************************************************************************/ .repcontrol { display: inline-block; vertical-align: top; min-height: 27px; } .repcontrol .btn { background: none; border: medium none; box-shadow: none; color: transparent !important; display: inline-block; font-size: 15px; margin-left: 10px; outline: 0; padding: 0px; text-shadow: none; width: 25px; } .repcontrol .repcontrol_edit:after, .repcontrol .repcontrol_add:after { background-color: none; color: #fff; font-size: 16px; height: 12px; padding: 2px 4px 2px 4px; visibility: visible; width: 12px; } .repcontrol .repcontrol_edit:after { content: '('; } .repcontrol .repcontrol_add:after { content: '&'; } .editmode ~ .repcontrol .repcontrol_edit:after { content: ')'; } .repcontrol .repcontrol_edit:after, .repcontrol .repcontrol_add:after { color: #040404; position: relative; } .sheet-npc .repcontrol .repcontrol_edit:after, .sheet-npc .repcontrol .repcontrol_add:after { color: #fff; } .repcontrol .repcontrol_edit:hover:after, .repcontrol .repcontrol_add:hover:after { color: #FCD116; background-color: none; } .itemcontrol { z-index: 10; } .itemcontrol .repcontrol_del, .itemcontrol .repcontrol_move { font-size: 10px; height: 18px; margin-top: 3px; padding: 0px; width: 18px; } .itemcontrol .repcontrol_del { background-color: #610b0d; } .repitem:nth-of-type(odd) { background-color: #9a9a9a40; } /***************************************************************************************************/ /**************************************** Roll template *******************************************/ /*************************************************************************************************/ .sheet-rolltemplate-rolls div.sheet-template-body { border: 2px solid #040404 !important; border-radius: 3px 3px 3px 3px; } .sheet-rolltemplate-rolls .sheet-template-header { background-color: #610b0d; border: 1px solid #040404; border-bottom: 2px solid #040404; box-shadow: inset 0px 0px 3px 1px #040404; color: #fff; font-size: 1.5em; font-variant: small-caps; letter-spacing: 2px; padding: 3px 0px 5px 0px; text-align: center; text-transform: capitalize; font-weight: bold; } .sheet-rolltemplate-rolls .sheet-template-header h1 { font-size: 1em; color: #fff; line-height: 1em; } .sheet-rolltemplate-rolls .sheet-template-header span { font-family: 'tahoma'; font-size: 0.5em; font-variant: normal; letter-spacing: 1px; } .sheet-rolltemplate-rolls .sheet-template-row { color: #fff; text-align: center; font-size: 18px; background-color: #1c1c1c; box-shadow: inset 0px 0px 3px 1px #040404; line-height: 1.1em; font-family: 'helvetica'; padding: 5px 5px 3px 5px; } .sheet-rolltemplate-rolls .sheet-template-row:nth-child(2n+0) { background-color: #555; } .sheet-rolltemplate-rolls .sheet-template-row a[href^="~"] { font-family: "dicefontd6"; color: #1c1c1c; border: none; box-shadow: outset 0px 0px 3px 1px #040404; font-size: 1.8em; background: none !important; 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 { font-weight: bold; color: #fff; text-shadow: 1px 1px 2px black, 0 0 25px red, 0 0 5px #610b0d; } .sheet-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 { border: none; } .sheet-rolltemplate-rolls .inlinerollresult.fullfail { color: #FCD116; } .sheet-rolltemplate-rolls .inlinerollresult.fullcrit { color: #fff; } .sheet-rolltemplate-rolls .sheet-template-desc { font-size: 0.8em; } .sheet-rolltemplate-rolls span.sheet-template-desc .inlinerollresult { font-size: 14px; } /********************************************************************************************************/ /******************************* Charactermancer ****************************************/ /******************************************************************************************************/ div.sheet-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'] { opacity: 1; height: 1.5em; width: 1.5em; } div.sheet-mancer-box input[type='text'] { background-color: white; border: 1px solid #333; width: 100%; } div.sheet-mancer-box label { display: inline-block; } div.sheet-mancer-box div.sheet-pick-builder label { margin: 1% 2% 1% 0%; width: 15%; } div.sheet-mancer-box label { display: inline-block; margin: 2% 2%; } div.sheet-mancer-box h1 { text-decoration: underline; } div.sheet-mancer-box label > h4 { display: inline; } div.sheet-mancer-box textarea { overflow: scroll; min-height: 5em; width: 100%; } div.sheet-mancer-box hr { margin-top: 3%; margin-bottom: 3%; } div.sheet-mancer-box button, div.sheet-bottombar button { border-radius: 2px; font-weight: bolder; height: 2em; padding: 5px; text-transform: capitalize; background-color: #333; 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 { 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'] { font-size: 1.5em; width: 20%; } div.sheet-mancer-box button[type='finish']:disabled { color: rgba(255, 255, 255, 0.2); cursor: not-allowed; } div.sheet-mancer-box button[type='cancel'] { margin-top: 3%; float: right; font-size: 1em; } div.sheet-mancer-box .sheet-feedback { color: #000e3b; } div.sheet-mancer-box .sheet-warning { color: #610b0d; } div.sheet-mancer-box .sheet-results, div.sheet-mancer-box .sheet-error { border: 1px solid #333; box-shadow: inset 0px 0px 3px 1px #7c7c7c; height: 20em; margin-top: 2%; overflow: scroll; padding: 1%; } div.sheet-mancer-box .sheet-results { border: 1px solid #000e3b; margin-right: 3%; background: rgba(136, 221, 4, 0.1); } div.sheet-mancer-box .sheet-error { border: 1px solid #610b0d; background: rgba(204, 7, 1, 0.11); } div.sheet-result-grid { display: grid; grid-template-columns: 1fr 1fr; } div.sheet-result-grid h4:nth-of-type(1) { grid-column: 1 / 1; grid-row: 1 / 1; } div.sheet-result-grid h4:nth-of-type(2) { grid-column: 2 / 2; grid-row: 1 / 1; } div.sheet-results { grid-column: 1 / 1; grid-row: 2 / 2; } div.sheet-ignored { grid-column: 2 / 2; grid-row: 2 / 2; } div.sheet-hidden, div.sheet-hidden-skills { display: none; } h4.sheet-hidden-header { display: inline; } input[name='comp_hidden']:checked + div.sheet-hidden, input[name='comp_hidden']:checked + div.sheet-hidden-skills { display: block; } div.sheet-hidden label { display: inline-block; width: 30%; margin: 1% 1%; } div.sheet-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 { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } .charsheet.lang-fr .sheet-tab-whisper, .charsheet.lang-fr .sheet-tab-toggles { margin-right: 2%; } .charsheet.lang-fr .sheet-tabs input[type='checkbox']:nth-of-type(2) { width: 11%; } .charsheet.lang-fr .sheet-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) { 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) { width: 8%; } .charsheet.lang-fr .sheet-tab-col input[type='radio']:nth-of-type(9) { width: 2.5%; } .charsheet.lang-fr .sheet-skill-box h3:first-child { margin-right: 51%; width: 20%; }