/* ABSTRACTS ============================= */ /* BASE ============================= */ * { 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; margin: 0px !important; padding: 1px 2px; border-bottom: 0.01em solid #666; border-bottom-right-radius: 0.01em; border-color: #b3b3b3; border-radius: 0.25em !important; border-right: 0.02em solid #333333; border-style: outset; } button[type='roll']:hover, button[type='roll']:focus, button[type='roll']:active, button[type='action']:hover, button[type='action']:focus, button[type='action']:active { font-weight: bold; background-color: #1e4583; color: #fff; } button[type='roll']:hover > span, button[type='roll']:focus > span, button[type='roll']:active > span, button[type='action']:hover > span, button[type='action']:focus > span, button[type='action']:active > span { color: #fff; } button[type='roll'].sheet-pictos, .sheet-cc-row button[type='roll'][name*='shots'], .sheet-cc-row button[type='roll'][name='act_reload'], .sheet-cc-row button[type='roll'][name='act_primary_ammo'], .repcontrol button[type='roll'].repcontrol_edit:after, .repcontrol button[type='roll'].repcontrol_add:after, .itemcontrol button[type='roll'].repcontrol_del, button[type='action'].sheet-pictos, .sheet-cc-row button[type='action'][name*='shots'], .sheet-cc-row button[type='action'][name='act_reload'], .sheet-cc-row button[type='action'][name='act_primary_ammo'], .repcontrol button[type='action'].repcontrol_edit:after, .repcontrol button[type='action'].repcontrol_add:after, .itemcontrol button[type='action'].repcontrol_del { font-family: 'Pictos'; } button:before { display: none; } button > span { display: block; overflow: hidden; text-overflow: ellipsis; width: 100%; } 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: rgba(28, 28, 28, 0.14902); color: #333; 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']:placeholder-shown, input[type='number']:placeholder-shown { border: 1px dotted #555; background-color: rgba(28, 28, 28, 0.14902); color: white; } input[type='text']:hover, input[type='text']:focus, input[type='number']:hover, input[type='number']:focus { background-color: #afd3e2; color: #1c1c1c; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } select { border-radius: 2px; border: 1px solid #1c1c1c; box-shadow: inset 0px 0px 3px 1px #7c7c7c; margin-bottom: 0px; width: auto; } select.sheet-attribute-select option:nth-of-type(1n+5) { color: #1e4583; } select.sheet-attribute-select option:nth-of-type(1n+9) { color: #1e4583; } select.sheet-limit-select option:nth-of-type(1n+5) { color: #1e4583; } span { white-space: pre-line; word-break: break-word; } textarea { border-radius: 2px; border: 1px solid #1c1c1c; 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; } .charsheet { background: #afd3e2; background: linear-gradient(90deg, #afd3e2 0%, whitesmoke 17%, white 78%, #afd3e2 100%); width: 850px; box-shadow: inset 0px 0px 3px 1px #7c7c7c; color: #333; } input[name='attr_stats_toggle'], input[name='attr_stats_toggle'] + span { position: relative; } input[name='attr_stats_toggle'] { opacity: 0; z-index: 2; } .sheet-pc div.sheet-repeating-container div.repitem, .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%; } .sheet-npc div.sheet-repeating input[name='attr_flag'] + span { opacity: 0; } .sheet-npc div.sheet-repeating input[name='attr_flag']:checked + span { opacity: 1; } .sheet-npc div.sheet-repeating input[name='attr_flag']:checked ~ .sheet-settings { display: inline-grid; margin-bottom: 2%; } .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, .sheet-pc input[type='radio'] { position: relative; opacity: 0; z-index: 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 { border-bottom: 1px solid #333; } .sheet-red { color: #1e4583; } .sheet-eclipse { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sheet-text-align-center, .sheet-center { text-align: center; } .sheet-text-capitalize { text-transform: capitalize; } .sheet-text-left { text-align: left; } .sheet-pictos, .sheet-settings-toggle input[type='checkbox'] + span, .sheet-settings-flag input[type='checkbox'] + span, .sheet-cc-row button[name*='shots'], .sheet-cc-row button[name='act_reload'], .sheet-cc-row button[name='act_primary_ammo'], .repcontrol .repcontrol_edit:after, .repcontrol .repcontrol_add:after, .editmode ~ .repcontrol .repcontrol_edit:after, .itemcontrol .repcontrol_del { font-family: 'Pictos'; } .sheet-pictos-custom, span.sheet-pictos-custom { font-family: 'Pictos Custom'; } span.sheet-pictos3 { font-family: 'Pictos Three'; } span.sheet-d6 { font-family: 'dicefontd6'; } .sheet-font-bold { font-weight: bold; } /* SWITCHES ============================= */ /* 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: #1c1c1c; } input:focus + .sheet-slider { box-shadow: 0 0 1px #1c1c1c; } input:checked + .sheet-slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } .sheet-tabs button { background-color: #1c1c1c; border-radius: 2px; border: 1px solid #000; font-size: 1em; font-weight: bolder; text-transform: capitalize; padding: 5px; } .sheet-tabs button[type='action'] { box-shadow: inset 0px 0px 3px 1px #7c7c7c; color: #fff; } .sheet-tabs button.sheet-pictos, .sheet-tabs .sheet-cc-row button[name*='shots'], .sheet-cc-row .sheet-tabs button[name*='shots'], .sheet-tabs .sheet-cc-row button[name='act_reload'], .sheet-cc-row .sheet-tabs button[name='act_reload'], .sheet-tabs .sheet-cc-row button[name='act_primary_ammo'], .sheet-cc-row .sheet-tabs button[name='act_primary_ammo'], .sheet-tabs .repcontrol button.repcontrol_edit:after, .repcontrol .sheet-tabs button.repcontrol_edit:after, .sheet-tabs .repcontrol button.repcontrol_add:after, .repcontrol .sheet-tabs button.repcontrol_add:after, .sheet-tabs .itemcontrol button.repcontrol_del, .itemcontrol .sheet-tabs button.repcontrol_del { text-transform: lowercase; } .sheet-tabs button[type='roll'] { background: none; border: none; font-family: 'dicefontd6'; font-size: 2.5em; vertical-align: top; } .sheet-tabs button[type='roll']:hover { text-shadow: 1px 1px 2px black, 0 0 25px #1e4583, 0 0 5px #7c7c7c; color: #fff; } .sheet-tabs h2 { 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; } /***************************************************************************************/ /************************** START OF THE PC SHEET *************************************/ /*************************************************************************************/ .sheet-pc { 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 ****/ /*** Vehicle ****/ /***** SECONDARY HEADERS LIKE ON SKILLS *****/ } .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 black, 0 0 25px #1e4583, 0 0 5px #afd3e2; } .sheet-pc h1 { background-color: #afd3e2; 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; 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'] { font-weight: bolder; background-color: transparent; border: none; box-shadow: none; border-bottom: 2px solid rgba(28, 28, 28, 0.14902); 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 + span, .sheet-pc input.sheet-settings-flag + span, .sheet-pc input.sheet-collapse-flag + span, .sheet-pc input[type='radio'] + 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, .sheet-pc input[type='radio']:checked + span { color: #1e4583; } .sheet-pc select { height: 1.8em; padding: 0px; color: #333; } .sheet-pc div.sheet-core-info h2 { margin-right: 1%; } .sheet-pc div.sheet-core-info input[type='text'], .sheet-pc div.sheet-core-info input[type='number'] { background-color: transparent; border: none; } .sheet-pc div.sheet-core-info input[type='text']:placeholder-shown, .sheet-pc div.sheet-core-info input[type='number']:placeholder-shown { background-color: rgba(28, 28, 28, 0.14902); } .sheet-pc input.sheet-display-flag { position: absolute; } .sheet-pc select.sheet-attribute-select { margin-top: 1%; } .sheet-pc div.sheet-border-box { background-image: -moz-linear-gradient(#1e4583, transparent), -moz-linear-gradient(#1e4583, transparent); background-image: -o-linear-gradient(#1e4583, transparent), -o-linear-gradient(#1e4583, transparent); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1e4583), to(transparent)); background-image: -webkit-linear-gradient(#1e4583, transparent); background-image: linear-gradient(#1e4583, transparent), linear-gradient(#1e4583, transparent); border-top: 2px solid #afd3e2; 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%; margin-bottom: 0px; } .sheet-pc div.sheet-repeating-container div.repitem button[type='roll'] { text-align: left; } .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%; } .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-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: 35%; } .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 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 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[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem input[type='checkbox'].sheet-collapse-flag + span, .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem .sheet-settings-flag input[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-flag .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem input[type='checkbox'].sheet-collapse-flag + 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[type='checkbox'].sheet-settings-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem input[type='checkbox'].sheet-settings-flag + span, .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem .sheet-settings-flag input[type='checkbox'].sheet-settings-flag + span, .sheet-settings-flag .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem input[type='checkbox'].sheet-settings-flag + 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 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[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem input[type='checkbox'].sheet-collapse-flag + span, .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem .sheet-settings-flag input[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-flag .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem input[type='checkbox'].sheet-collapse-flag + 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[type='checkbox'].sheet-settings-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem input[type='checkbox'].sheet-settings-flag + span, .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem .sheet-settings-flag input[type='checkbox'].sheet-settings-flag + span, .sheet-settings-flag .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem input[type='checkbox'].sheet-settings-flag + 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: 1.5fr 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 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 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 / 6; } .sheet-pc div.sheet-skill-box div.repitem input.sheet-collapse-flag { grid-area: 1 / 4 / 1 / 5; } .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[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-skill-box div.repitem input[type='checkbox'].sheet-collapse-flag + span, .sheet-pc div.sheet-skill-box div.repitem .sheet-settings-flag input[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-flag .sheet-pc div.sheet-skill-box div.repitem input[type='checkbox'].sheet-collapse-flag + 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 / 4 / 1 / 5; } .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[type='checkbox'].sheet-settings-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-skill-box div.repitem input[type='checkbox'].sheet-settings-flag + span, .sheet-pc div.sheet-skill-box div.repitem .sheet-settings-flag input[type='checkbox'].sheet-settings-flag + span, .sheet-settings-flag .sheet-pc div.sheet-skill-box div.repitem input[type='checkbox'].sheet-settings-flag + 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 / 5 / 1 / 6; } .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 / 6; grid-template-columns: 1fr 3.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: #333; } .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, .sheet-pc div.sheet-arms div.repitem input.sheet-flag-primary[value='primary'] + div.sheet-primary { background-color: #afd3e2; border-bottom: 2px solid #333; border-right: 0; } .sheet-pc div.sheet-arms div.repitem input.sheet-flag-primary[value='primary'] + button:hover { background-color: #1e4583; color: #fff; } .sheet-pc div.sheet-arms div.repitem div.sheet-primary { padding: 0.5% 1%; } .sheet-pc div.sheet-arms div.repitem h2, .sheet-pc div.sheet-arms div.repitem label.sheet-protections { width: 11%; } .sheet-pc div.sheet-arms div.repitem h2:nth-of-type(1n+2), .sheet-pc div.sheet-arms div.repitem label.sheet-protections:nth-of-type(1n+2) { margin-left: 2%; } .sheet-pc div.sheet-arms div.repitem label.sheet-protections > input { width: 100%; } .sheet-pc div.sheet-arms div.sheet-weapons div.sheet-headers { grid-template-columns: 1fr 4em 3em 3em 3em 3em 1em 1em; } .sheet-pc div.sheet-arms div.sheet-weapons div.repitem { grid-template-columns: 1fr 4em 3em 3em 3em 3em 1em 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 / 9; } .sheet-pc div.sheet-arms div.sheet-weapons div.repitem input.sheet-collapse-flag { grid-area: 1 / 7 / 1 / 8; } .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[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-arms div.sheet-weapons div.repitem input[type='checkbox'].sheet-collapse-flag + span, .sheet-pc div.sheet-arms div.sheet-weapons div.repitem .sheet-settings-flag input[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-flag .sheet-pc div.sheet-arms div.sheet-weapons div.repitem input[type='checkbox'].sheet-collapse-flag + 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 / 7 / 1 / 8; } .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[type='checkbox'].sheet-settings-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-arms div.sheet-weapons div.repitem input[type='checkbox'].sheet-settings-flag + span, .sheet-pc div.sheet-arms div.sheet-weapons div.repitem .sheet-settings-flag input[type='checkbox'].sheet-settings-flag + span, .sheet-settings-flag .sheet-pc div.sheet-arms div.sheet-weapons div.repitem input[type='checkbox'].sheet-settings-flag + 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 / 8 / 1 / 9; } .sheet-pc div.sheet-arms div.sheet-weapons div.repitem div.sheet-settings { grid-column: 1 / 9; grid-template-columns: 1fr 4em 3em 3em 3em 3em 1em 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 / 9; } .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: 1fr 5em 5em 1em 1em; } .sheet-pc div.sheet-arms div.sheet-armor div.repitem { grid-template-columns: 1fr 5em 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 / 6; } .sheet-pc div.sheet-arms div.sheet-armor div.repitem input.sheet-collapse-flag { grid-area: 1 / 4 / 1 / 5; } .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[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-arms div.sheet-armor div.repitem input[type='checkbox'].sheet-collapse-flag + span, .sheet-pc div.sheet-arms div.sheet-armor div.repitem .sheet-settings-flag input[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-flag .sheet-pc div.sheet-arms div.sheet-armor div.repitem input[type='checkbox'].sheet-collapse-flag + 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 / 4 / 1 / 5; } .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[type='checkbox'].sheet-settings-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-arms div.sheet-armor div.repitem input[type='checkbox'].sheet-settings-flag + span, .sheet-pc div.sheet-arms div.sheet-armor div.repitem .sheet-settings-flag input[type='checkbox'].sheet-settings-flag + span, .sheet-settings-flag .sheet-pc div.sheet-arms div.sheet-armor div.repitem input[type='checkbox'].sheet-settings-flag + 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 / 5 / 1 / 6; } .sheet-pc div.sheet-arms div.sheet-armor div.repitem div.sheet-settings { grid-column: 1 / 6; grid-template-columns: 1fr 5em 5em 1em 1em; } .sheet-pc div.sheet-arms div.sheet-armor div.repitem div.sheet-settings div.sheet-row { grid-column: 1 / 6; } .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 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[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-augs div.repitem input[type='checkbox'].sheet-collapse-flag + span, .sheet-pc div.sheet-augs div.repitem .sheet-settings-flag input[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-flag .sheet-pc div.sheet-augs div.repitem input[type='checkbox'].sheet-collapse-flag + 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[type='checkbox'].sheet-settings-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-augs div.repitem input[type='checkbox'].sheet-settings-flag + span, .sheet-pc div.sheet-augs div.repitem .sheet-settings-flag input[type='checkbox'].sheet-settings-flag + span, .sheet-settings-flag .sheet-pc div.sheet-augs div.repitem input[type='checkbox'].sheet-settings-flag + 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 input[name='attr_augementation'] { text-align: left; } .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: 1fr 5em 5em 1em 1em; } .sheet-pc div.sheet-gear div.repitem { grid-template-columns: 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 / 6; } .sheet-pc div.sheet-gear div.repitem input.sheet-collapse-flag { grid-area: 1/1/1 / 5; position: absolute; width: 100%; } .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[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-gear div.repitem input[type='checkbox'].sheet-collapse-flag + span, .sheet-pc div.sheet-gear div.repitem .sheet-settings-flag input[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-flag .sheet-pc div.sheet-gear div.repitem input[type='checkbox'].sheet-collapse-flag + 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 / 4 / 1 / 5; } .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[type='checkbox'].sheet-settings-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-gear div.repitem input[type='checkbox'].sheet-settings-flag + span, .sheet-pc div.sheet-gear div.repitem .sheet-settings-flag input[type='checkbox'].sheet-settings-flag + span, .sheet-settings-flag .sheet-pc div.sheet-gear div.repitem input[type='checkbox'].sheet-settings-flag + 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 / 5 / 1 / 6; } .sheet-pc div.sheet-gear div.repitem input[name='attr_item'] { text-align: left; } .sheet-pc div.sheet-gear div.repitem div.sheet-settings { grid-column: 1 / 6; grid-template-columns: 1fr 5em 5em 1em 1em; } .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: #333; } .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 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[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem input[type='checkbox'].sheet-collapse-flag + span, .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem .sheet-settings-flag input[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-flag .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem input[type='checkbox'].sheet-collapse-flag + 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[type='checkbox'].sheet-settings-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem input[type='checkbox'].sheet-settings-flag + span, .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem .sheet-settings-flag input[type='checkbox'].sheet-settings-flag + span, .sheet-settings-flag .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem input[type='checkbox'].sheet-settings-flag + 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 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[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-magic div.sheet-magic-rituals input[type='checkbox'].sheet-collapse-flag + span, .sheet-pc div.sheet-magic div.sheet-magic-rituals .sheet-settings-flag input[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-flag .sheet-pc div.sheet-magic div.sheet-magic-rituals input[type='checkbox'].sheet-collapse-flag + 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[type='checkbox'].sheet-settings-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-magic div.sheet-magic-rituals input[type='checkbox'].sheet-settings-flag + span, .sheet-pc div.sheet-magic div.sheet-magic-rituals .sheet-settings-flag input[type='checkbox'].sheet-settings-flag + span, .sheet-settings-flag .sheet-pc div.sheet-magic div.sheet-magic-rituals input[type='checkbox'].sheet-settings-flag + 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 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[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem input[type='checkbox'].sheet-collapse-flag + span, .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem .sheet-settings-flag input[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-flag .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem input[type='checkbox'].sheet-collapse-flag + 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[type='checkbox'].sheet-settings-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem input[type='checkbox'].sheet-settings-flag + span, .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem .sheet-settings-flag input[type='checkbox'].sheet-settings-flag + span, .sheet-settings-flag .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem input[type='checkbox'].sheet-settings-flag + 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 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[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-magic div.sheet-powers div.repitem input[type='checkbox'].sheet-collapse-flag + span, .sheet-pc div.sheet-magic div.sheet-powers div.repitem .sheet-settings-flag input[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-flag .sheet-pc div.sheet-magic div.sheet-powers div.repitem input[type='checkbox'].sheet-collapse-flag + 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[type='checkbox'].sheet-settings-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-magic div.sheet-powers div.repitem input[type='checkbox'].sheet-settings-flag + span, .sheet-pc div.sheet-magic div.sheet-powers div.repitem .sheet-settings-flag input[type='checkbox'].sheet-settings-flag + span, .sheet-settings-flag .sheet-pc div.sheet-magic div.sheet-powers div.repitem input[type='checkbox'].sheet-settings-flag + 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 h3 { color: #333; } .sheet-pc div.sheet-matrix div.sheet-commlinks div.repitem { grid-template-columns: auto 1fr auto 1fr; } .sheet-pc div.sheet-matrix div.sheet-commlinks div.repitem label[data-i18n-title='notes'], .sheet-pc div.sheet-matrix div.sheet-commlinks div.repitem h3[data-i18n='notes'], .sheet-pc div.sheet-matrix div.sheet-commlinks div.repitem div.sheet-collapse { grid-column: 1 / 6; } .sheet-pc div.sheet-matrix div.sheet-commlinks div.repitem input.sheet-collapse-flag { grid-area: 1 / 4 / 1 / 5; } .sheet-pc div.sheet-matrix div.sheet-commlinks div.repitem input.sheet-collapse-flag + span.sheet-pictos, .sheet-pc div.sheet-matrix div.sheet-commlinks div.repitem .sheet-settings-toggle input[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-matrix div.sheet-commlinks div.repitem input[type='checkbox'].sheet-collapse-flag + span, .sheet-pc div.sheet-matrix div.sheet-commlinks div.repitem .sheet-settings-flag input[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-flag .sheet-pc div.sheet-matrix div.sheet-commlinks div.repitem input[type='checkbox'].sheet-collapse-flag + span, .sheet-pc div.sheet-matrix div.sheet-commlinks div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_edit:after, .repcontrol .sheet-pc div.sheet-matrix div.sheet-commlinks div.repitem input.sheet-collapse-flag + span.repcontrol_edit:after, .sheet-pc div.sheet-matrix div.sheet-commlinks div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_add:after, .repcontrol .sheet-pc div.sheet-matrix div.sheet-commlinks div.repitem input.sheet-collapse-flag + span.repcontrol_add:after, .sheet-pc div.sheet-matrix div.sheet-commlinks div.repitem .itemcontrol input.sheet-collapse-flag + span.repcontrol_del, .itemcontrol .sheet-pc div.sheet-matrix div.sheet-commlinks div.repitem input.sheet-collapse-flag + span.repcontrol_del { grid-area: 1 / 4 / 1 / 5; } .sheet-pc div.sheet-matrix div.sheet-commlinks div.repitem input.sheet-settings-flag, .sheet-pc div.sheet-matrix div.sheet-commlinks div.repitem input.sheet-settings-flag + span.sheet-pictos, .sheet-pc div.sheet-matrix div.sheet-commlinks div.repitem .sheet-settings-toggle input[type='checkbox'].sheet-settings-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-matrix div.sheet-commlinks div.repitem input[type='checkbox'].sheet-settings-flag + span, .sheet-pc div.sheet-matrix div.sheet-commlinks div.repitem .sheet-settings-flag input[type='checkbox'].sheet-settings-flag + span, .sheet-settings-flag .sheet-pc div.sheet-matrix div.sheet-commlinks div.repitem input[type='checkbox'].sheet-settings-flag + span, .sheet-pc div.sheet-matrix div.sheet-commlinks div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_edit:after, .repcontrol .sheet-pc div.sheet-matrix div.sheet-commlinks div.repitem input.sheet-settings-flag + span.repcontrol_edit:after, .sheet-pc div.sheet-matrix div.sheet-commlinks div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_add:after, .repcontrol .sheet-pc div.sheet-matrix div.sheet-commlinks div.repitem input.sheet-settings-flag + span.repcontrol_add:after, .sheet-pc div.sheet-matrix div.sheet-commlinks div.repitem .itemcontrol input.sheet-settings-flag + span.repcontrol_del, .itemcontrol .sheet-pc div.sheet-matrix div.sheet-commlinks div.repitem input.sheet-settings-flag + span.repcontrol_del { grid-area: 1 / 5 / 1 / 6; } .sheet-pc div.sheet-matrix div.sheet-commlinks div.repitem input:not([value='']) { background-color: transparent; } .sheet-pc div.sheet-matrix div.sheet-commlinks div.repitem .sheet-con-hex { grid-column: 1 / 5; } .sheet-pc div.sheet-matrix div.sheet-programs div.repitem { grid-template-columns: 1em 1fr 1.5em 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 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[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input[type='checkbox'].sheet-collapse-flag + span, .sheet-pc div.sheet-matrix div.sheet-programs div.repitem .sheet-settings-flag input[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-flag .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input[type='checkbox'].sheet-collapse-flag + 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[type='checkbox'].sheet-settings-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input[type='checkbox'].sheet-settings-flag + span, .sheet-pc div.sheet-matrix div.sheet-programs div.repitem .sheet-settings-flag input[type='checkbox'].sheet-settings-flag + span, .sheet-settings-flag .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input[type='checkbox'].sheet-settings-flag + 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[name='attr_program_on'] { grid-area: 1 / 1 / 1 / 1; } .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input[name='attr_program_on']:checked + span { color: #1e4583; font-weight: bolder; } .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input[name='attr_program_on']:checked + span + span { font-weight: bolder; } .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input[name='attr_program_on'] + 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 div.sheet-col:nth-of-type(1) { grid-column: 1 / 4; } .sheet-pc div.sheet-matrix div.sheet-programs div.sheet-settings div.sheet-col:nth-of-type(1) > label { width: 100%; } .sheet-pc div.sheet-matrix div.sheet-programs div.sheet-settings div.sheet-col:nth-of-type(2) { grid-column: 4 / 6; text-align: center; } .sheet-pc div.sheet-matrix div.sheet-programs div.sheet-settings div.sheet-col:nth-of-type(2) > label { width: 3em; } .sheet-pc div.sheet-matrix div.sheet-programs div.sheet-settings div.sheet-col:nth-of-type(3) { grid-area: 2 / 1 / 2 / 3; } .sheet-pc div.sheet-matrix div.sheet-programs div.sheet-settings div.sheet-col:nth-of-type(4) { grid-area: 2 / 3 / 2 / 4; } .sheet-pc div.sheet-matrix div.sheet-programs div.sheet-settings div.sheet-col:nth-of-type(5) { grid-column: 4 / 6; text-align: center; } .sheet-pc div.sheet-matrix div.sheet-programs div.sheet-settings div.sheet-col:nth-of-type(5) > label { width: 3em; } .sheet-pc div.sheet-matrix div.sheet-programs div.sheet-settings input[type='text'] { grid-column: 1 / 4; text-align: left; } .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 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[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input[type='checkbox'].sheet-collapse-flag + span, .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem .sheet-settings-flag input[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-flag .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input[type='checkbox'].sheet-collapse-flag + 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[type='checkbox'].sheet-settings-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input[type='checkbox'].sheet-settings-flag + span, .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem .sheet-settings-flag input[type='checkbox'].sheet-settings-flag + span, .sheet-settings-flag .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input[type='checkbox'].sheet-settings-flag + 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-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 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[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem input[type='checkbox'].sheet-collapse-flag + span, .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem .sheet-settings-flag input[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-flag .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem input[type='checkbox'].sheet-collapse-flag + 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[type='checkbox'].sheet-settings-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem input[type='checkbox'].sheet-settings-flag + span, .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem .sheet-settings-flag input[type='checkbox'].sheet-settings-flag + span, .sheet-settings-flag .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem input[type='checkbox'].sheet-settings-flag + 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; } .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: 1%; 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 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[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-social div.sheet-contacts div.repitem input[type='checkbox'].sheet-collapse-flag + span, .sheet-pc div.sheet-social div.sheet-contacts div.repitem .sheet-settings-flag input[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-flag .sheet-pc div.sheet-social div.sheet-contacts div.repitem input[type='checkbox'].sheet-collapse-flag + 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[type='checkbox'].sheet-settings-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-social div.sheet-contacts div.repitem input[type='checkbox'].sheet-settings-flag + span, .sheet-pc div.sheet-social div.sheet-contacts div.repitem .sheet-settings-flag input[type='checkbox'].sheet-settings-flag + span, .sheet-settings-flag .sheet-pc div.sheet-social div.sheet-contacts div.repitem input[type='checkbox'].sheet-settings-flag + 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-htab { margin-right: -47px; } .sheet-pc div.sheet-htab input[type='radio'] { margin-right: -80px; top: 4px; width: 80px; } .sheet-pc div.sheet-htab input[type='radio'] + h1 { color: #9a9a9a; } .sheet-pc div.sheet-htab input[type='radio']:hover ~ h1, .sheet-pc div.sheet-htab input[type='radio']:checked ~ h1 { color: #1e4583; } /***** 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; } .sheet-settings-row select.sheet-skill-select { width: 29%; } /***** VEHICLE *****/ .sheet-vehicle-box .sheet-settings div, .sheet-vehicle-box .sheet-display { display: inline-block; width: 100%; } .sheet-vehicle-box input[type='text'] { width: 44%; } .sheet-vehicle-box label { width: 20%; } .sheet-vehicle-box .sheet-row-long:first-child label { width: 12%; } .sheet-vehicle-box label:nth-child(1n+4) { text-align: right; width: 21%; } /***** VEHICLE SETTING *****/ .sheet-vehicle-box .sheet-settings h3 { margin-right: 2%; } .sheet-vehicle-box .sheet-settings h3:nth-child(1) { margin-left: 18%; margin-top: -5px; } .sheet-vehicle-box .sheet-settings h3:nth-child(4) { margin-left: 22%; } .sheet-vehicle-box .sheet-settings h3:nth-child(6) { margin-right: 0px; } .sheet-vehicle-box .sheet-settings input[type='text'], .sheet-vehicle-box .sheet-settings input[type='number'] { border: none; } /***** VEHICLE DISPLAY *****/ .sheet-vehicle-box .sheet-display-row { text-align: left; width: 49%; } .sheet-vehicle-box .sheet-display-row h3 { width: 35%; } .sheet-vehicle-box .sheet-display-row div { display: inline-block; font-weight: normal; text-align: center; } .sheet-vehicle-box .sheet-display-row div.sheet-vehicle-stat { width: 60%; } .sheet-vehicle-box .sheet-collapsable { padding-left: 0.2em; } /***** 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 #afd3e2; } div.sheet-right-tri { border-left: 30px solid #afd3e2; } div.sheet-right-header { margin-right: -8%; float: left; } /***** 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: 330px; } /***** CHARACTER PERSONAL DATA SECTION INPUTS *****/ .sheet-pd-nam input[type='text'] { width: 66%; } .sheet-pd-meta input[type='text'] { width: 35.5%; } .sheet-pd-age input[type='text'] { width: 13%; } .sheet-pd-rep input[type='number'] { border: none; width: 13.5%; } .sheet-pd-kar input[type='number'], .sheet-pd-kar input[type='text'] { border: none; width: 20%; } /***** 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; } .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[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; } /***** ATTRIBUTE AND CONDITION MONITOR *****/ /***** ATTRIBUTES BOX *****/ .sheet-attr-box h3 { color: #000; } .sheet-attr-col { display: inline-block; margin-top: 15px; vertical-align: top; width: 48%; } .sheet-attr-col button[type='roll'] { border-bottom: 1px solid #000; border-radius: 0px; cursor: pointer; font-size: 0.9em; font-weight: bold; margin-left: 0px; padding-right: 2px; text-align: right; width: 30%; } .sheet-attr-col button > span { font-weight: bold; } .sheet-attr-col input[type='number'] { border-radius: 0px; width: 23%; font-weight: bold; } .sheet-attr-col input[type='text'] { width: 50%; } .sheet-attr-col .sheet-totals { padding: 0px 2px; } .sheet-attr-col-left { margin-left: -7%; } .sheet-attr-col-right { width: 50%; } .sheet-attr-col-right button[type='roll'] { margin-right: 0px; width: 55%; } .sheet-attr-col-right .sheet-attr-ini input[type='number'] { width: 17%; } .sheet-attr-col-right label { border-bottom: 1px solid #000; font-size: 0.9em; height: 22px; text-align: right; width: 55%; } .sheet-attr-col-right .sheet-attr-und { width: 43%; } .sheet-settings-toggle:checked ~ .sheet-attr-col-right button.sheet-attr-ini .sheet-init-settings { display: inline; } .sheet-attr-col-right button.sheet-attr-ini .sheet-init-settings, .sheet-settings-toggle:checked ~ .sheet-attr-col-right button.sheet-attr-ini .sheet-init-display { display: none; } .sheet-attr-und { border-bottom: 1px solid #000; display: inline-block; height: 22px; margin-bottom: 4px; vertical-align: top; text-align: center; width: 65%; } .sheet-attr-und .sheet-display { text-align: center; } .sheet-tiny-span { font-size: 0.75em; } /***** ATTRIBUTE LIMITS *****/ .sheet-attr-lim { margin-top: 20px; } .sheet-attr-lim div { display: inline-block; height: 22px; text-align: center; width: 10%; } .sheet-attr-lim input[type='number'] { width: 6%; } .sheet-attr-lim label { width: auto; } .sheet-attr-lim span + span { margin-right: 1%; } .sheet-attr-lim .sheet-display { width: 100%; } /***** ATTRIBUTE AND CONDITION MONITOR SETTINGS TOGGLES *****/ /***** ATTRIBUTE SETTINGS TOGGLE *****/ .sheet-attr-box input.sheet-settings-toggle { left: 98%; } .sheet-attr-box input.sheet-settings-toggle + span { font-size: 1em; left: 94%; top: 0px; position: relative; } /***** 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; } .sheet-squares span { background-color: #9a9a9a; border-radius: 0px; border: 2px solid whitesmoke; box-shadow: inset 0px 0px 3px 1px #7c7c7c; display: inline-block; margin-bottom: -25px; margin-right: -7px; } .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; } /***** 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 #000; border-radius: 0px; height: 22px; margin-top: -5px; } /***** REPEATING FIELDS FOR PC SECTIONS SUCH AS SKILLS *****/ .sheet-repeat-box { /***** REPEATING SECTION *****/ /***** REPEATING SECTION TOGGLES *****/ /***** REPEATING BOX SECTION INPUTS *****/ /***** REPEATING BOX DISPLAY *****/ /***** REPEATING SECTION SELECTS *****/ } .sheet-repeat-box .sheet-medium-box { height: auto; min-height: 200px; } .sheet-repeat-box h3 { color: #000; margin-bottom: -3px; } .sheet-repeat-box button.sheet-pictos, .sheet-repeat-box .sheet-cc-row button[name*='shots'], .sheet-cc-row .sheet-repeat-box button[name*='shots'], .sheet-repeat-box .sheet-cc-row button[name='act_reload'], .sheet-cc-row .sheet-repeat-box button[name='act_reload'], .sheet-repeat-box .sheet-cc-row button[name='act_primary_ammo'], .sheet-cc-row .sheet-repeat-box button[name='act_primary_ammo'], .sheet-repeat-box .repcontrol button.repcontrol_edit:after, .repcontrol .sheet-repeat-box button.repcontrol_edit:after, .sheet-repeat-box .repcontrol button.repcontrol_add:after, .repcontrol .sheet-repeat-box button.repcontrol_add:after, .sheet-repeat-box .itemcontrol button.repcontrol_del, .itemcontrol .sheet-repeat-box button.repcontrol_del, .sheet-repeat-box button.sheet-settings-button { font-size: 1em; position: absolute; line-height: 1em; } .sheet-repeat-box button.sheet-settings-button { left: 96%; } .sheet-repeat-box .repitem { display: inline-flex; border-bottom: 1px solid #000; width: 100%; } .sheet-repeat-box input.sheet-settings-toggle, .sheet-repeat-box input.sheet-primary-flag + span { position: absolute; width: 13px; } .sheet-repeat-box input.sheet-settings-toggle { left: 98.5%; } .sheet-repeat-box input.sheet-settings-toggle + span { left: 98.5%; top: -2px; width: 2%; } .sheet-repeat-box .sheet-settings input[type='text'] { border-bottom: 1px solid #333; border-radius: 0px; } .sheet-repeat-box .sheet-settings input[type='text']:first-child { text-align: left; } .sheet-repeat-box .sheet-settings input[type='number'] { border: none; border-bottom: 1px solid #333; border-radius: 0px; width: 8%; } .sheet-repeat-box .sheet-settings label { font-size: 0.8em; margin-bottom: 0px; } .sheet-repeat-box button[type='roll'], .sheet-repeat-box button[type='action'] { font-size: 0.9em; color: #000; } .sheet-repeat-box select { color: #000; font-size: 0.8em; font-weight: bolder; height: 20px; padding: 0px; width: 14%; } .sheet-repeat-box option { padding: 2px; font-weight: bold; } .sheet-rank { display: inline-block; text-align: center; width: 10%; } /***** COLLAPSABLE DIVS *****/ .sheet-collapsable { padding-left: 1.5em; width: 100%; word-break: break-word; } .sheet-collapsable span { white-space: pre-line; } .sheet-display-flag:checked ~ .sheet-collapsable .sheet-desc-lifestyle { width: 100%; } /***** DISPLAY FLAG FOR THE COLLAPSABLE DIVS *****/ .sheet-quality-box .sheet-display-flag, .sheet-contacts .sheet-display-flag, .sheet-social-box .sheet-display-flag, .sheet-vehicle-box .sheet-display-flag, div.sheet-augs div.sheet-repeat-box .sheet-display-flag { opacity: 0; position: absolute; top: 0px; width: 90%; height: 100%; } /***** DISPLAY ROWS *****/ .sheet-display-row { display: inline-block; overflow: hidden; text-align: center; vertical-align: top; word-break: break-word; } .sheet-display-row:nth-of-type(1), .sheet-display-row:nth-of-type(1) button { text-align: left; } /***** DISPLAY & SETTINGS *****/ .sheet-skills-row, .sheet-contacts .sheet-display, .sheet-contacts .sheet-settings div, .sheet-item-box .sheet-display, .sheet-item-box .sheet-settings div, .sheet-lifestyle .sheet-settings div { display: inline-block; width: 100%; } /***** 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%; margin-top: 2%; width: 25%; } .sheet-matrix .sheet-con-hex input[type='radio']:hover ~ h2 { color: #fff; text-shadow: 1px 1px 2px black, 0 0 25px #1e4583, 0 0 5px whitesmoke; } .sheet-matrix .sheet-con-hex h2 { vertical-align: top; } /***** CYBERDECK *****/ .sheet-cyberdeck button { font-weight: bold; } .sheet-cyberdeck button input[name="attr_flag"] { position: absolute; } .sheet-cyberdeck button input[name="attr_flag"] + span { position: absolute; } .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: 90%; } .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-pc .sheet-device-attr { display: inline; } .sheet-pc .sheet-device-attr span { position: relative; } .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; } /***** Options Section *****/ .sheet-options .sheet-pc-box { min-height: 800px; } .sheet-op-col { display: inline-block; vertical-align: top; width: 48%; } .sheet-op-col { margin-bottom: 5px; } .sheet-op-col h2 { text-decoration: underline; width: 100%; } .sheet-op-col button[name='act_import_launch'] { border: 2px solid black; background: #333; color: white; font-weight: bold; width: auto; height: auto; padding: 2% 4%; } .sheet-op-col p { margin-top: 2%; margin-right: 5%; } .sheet-op-col hr { border: 0.5px solid #1c1c1c; margin: 3px 0px; opacity: 0.1; } .sheet-op-col label { margin-bottom: 2%; width: 55%; } .sheet-options input[type='checkbox'] { height: 15px; margin-left: 5%; opacity: 1; width: 15px; } /***** EDGE & MATRIX CONDITION HEXAGONS *****/ .sheet-edg-hex, .sheet-con-hex { position: relative; } .sheet-edg-hex .sheet-edg-hex input[type='checkbox'], .sheet-edg-hex .sheet-con-hex input[type='radio'], .sheet-con-hex .sheet-edg-hex input[type='checkbox'], .sheet-con-hex .sheet-con-hex input[type='radio'] { height: 20px; margin-right: -21px; top: -9px; width: 20px; } .sheet-edg-hex input[type='checkbox'], .sheet-con-hex input[type='radio'] { height: 20px; margin-right: -21px; top: -9px; width: 20px; opacity: 0; z-index: 2; position: relative; } .sheet-hexagon { display: inline-block; margin: 5.77px 0; position: relative; background-color: #222; height: 11.55px; width: 20px; } .sheet-hexagon:before, .sheet-hexagon:after { border-left: 10px solid transparent; border-right: 10px solid transparent; content: ''; position: absolute; width: 0; } .sheet-hexagon:before { bottom: 100%; border-bottom: 5.77px solid #222; } .sheet-hexagon:after { top: 100%; width: 0; border-top: 5.77px solid #222; } .sheet-edg-hex input[type='checkbox']:checked ~ .sheet-hexagon, .sheet-con-hex input[type='radio']:checked ~ .sheet-hexagon, .sheet-edge-zero[value='0'] ~ .sheet-hexagon { background-color: #9a9a9a; } .sheet-edg-hex input[type='checkbox']:checked ~ .sheet-hexagon:before, .sheet-con-hex input[type='radio']:checked ~ .sheet-hexagon:before, .sheet-edge-zero[value='0'] ~ .sheet-hexagon:before { border-bottom-color: #9a9a9a; } .sheet-edg-hex input[type='checkbox']:checked ~ .sheet-hexagon:after, .sheet-con-hex input[type='radio']:checked ~ .sheet-hexagon:after, .sheet-edge-zero[value='0'] ~ .sheet-hexagon:after { border-top-color: #9a9a9a; } .sheet-edg-hex input[type='checkbox']:checked + .sheet-hexagon, .sheet-con-hex input[type='radio'] + .sheet-hexagon, .sheet-con-hex input[type='radio']:checked + .sheet-hexagon { background-color: #222; } .sheet-edg-hex input[type='checkbox']:checked + .sheet-hexagon:before, .sheet-con-hex input[type='radio']:checked + .sheet-hexagon:before { border-bottom-color: #222; } .sheet-edg-hex input[type='checkbox']:checked + .sheet-hexagon:after, .sheet-con-hex input[type='radio']:checked + .sheet-hexagon:after { border-top-color: #222; } /***** MAKE HEXES APPEAR & DISAPPEAR *****/ .sheet-hex-hider[value='1'] ~ input[type='checkbox']:nth-child(1n+5), .sheet-hex-hider[value='1'] ~ input[type='checkbox']:nth-child(1n+5) + span, .sheet-hex-hider[value='2'] ~ input[type='checkbox']:nth-child(1n+7), .sheet-hex-hider[value='2'] ~ input[type='checkbox']:nth-child(1n+7) + span, .sheet-hex-hider[value='3'] ~ input[type='checkbox']:nth-child(1n+9), .sheet-hex-hider[value='3'] ~ input[type='checkbox']:nth-child(1n+9) + span, .sheet-hex-hider[value='4'] ~ input[type='checkbox']:nth-child(1n+11), .sheet-hex-hider[value='4'] ~ input[type='checkbox']:nth-child(1n+11) + span, .sheet-hex-hider[value='5'] ~ input[type='checkbox']:nth-child(1n+13), .sheet-hex-hider[value='5'] ~ input[type='checkbox']:nth-child(1n+13) + span, .sheet-hex-hider[value='6'] ~ input[type='checkbox']:nth-child(1n+15), .sheet-hex-hider[value='6'] ~ input[type='checkbox']:nth-child(1n+15) + span, .sheet-hex-hider[value='7'] ~ input[type='checkbox']:nth-child(1n+17), .sheet-hex-hider[value='7'] ~ input[type='checkbox']:nth-child(1n+17) + span { display: none; } .sheet-settings .sheet-textrow label { margin-bottom: 36px; } .sheet-augmentation div.sheet-display { text-indent: 125px; } .sheet-power div.sheet-display { text-indent: 65px; } /*:+:+:+: REPEATING SECTIONS :+:+:+:*/ .sheet-repeating, .sheet-repeat-section { display: inline-block; width: 100%; } .sheet-repeating button.sheet-display { text-align: left; } .sheet-repeating input[type='checkbox'] { width: 15px; height: 15px; } .sheet-repeating label { padding: 0px; } .sheet-repeating .sheet-settings { border-bottom: 1px dotted #FCD116; } .sheet-repeat-indent { padding-left: 2.5em; text-indent: -1.5em; } .sheet-repeating .sheet-display { display: inline-flex; } .sheet-repeat-section input { height: 27px; background-color: transparent; border-bottom: 1px solid #fff; border-radius: 0px; } .sheet-magic .sheet-repeat-section input[type='number'], .sheet-magic .sheet-repeat-section input[type='text'], .sheet-resonance .sheet-repeat-section input[type='number'], .sheet-resonance .sheet-repeat-section input[type='text'] { width: 100%; } .sheet-repeat-row { display: inherit; width: 5%; } .sheet-repeat-row-8 { width: 8%; } .sheet-repeat-row-11 { width: 11%; } .sheet-repeat-row-12 { width: 12%; } .sheet-repeat-row-15 { width: 15%; } .sheet-repeat-row-20 { width: 20%; } .sheet-repeat-row span { font-size: 0.8em; } .sheet-repeat-dice { font-size: 12px; } /*:+:+:+: NPC SPELLS :+:+:+:*/ input.sheet-spell-toggle { margin: 0px -38px 0px 5px; } .sheet-magic .sheet-repeating select { width: 100%; } /*:+:+:+: HIDE SECTOINS WHEN NOT IN USE :+:+:+:*/ .sheet-optional-flag:not([value='0']) + .sheet-textboxes { display: inherit; width: 100%; } .sheet-category[value='Combat'] + div, .sheet-category[value='Combat'] + div + div, .sheet-character-type[value='matrix'] + .sheet-matrix { display: inherit; } .sheet-category[value='Combat'] ~ .sheet-combat-type-hide { display: inline; } .sheet-character-type[value='magic'] + .sheet-magic-skill, .sheet-character-type[value='magic'] + .sheet-magic-skill + .sheet-magic-skill, .sheet-character-type[value='resonance'] + .sheet-resonance-skill { opacity: 1; } .sheet-character-type[value='magic'] ~ .sheet-magic, .sheet-character-type[value='magic'] ~ .sheet-magic + .sheet-magic, .sheet-character-type[value='resonance'] ~ .sheet-resonance, .sheet-character-type[value='resonance'] ~ .sheet-resonance + .sheet-resonance { display: inline-block; width: 100%; } /******************************************************************************************/ /**************************** START OF THE NPC SHEET *************************************/ /****************************************************************************************/ .sheet-npc { border-radius: 3px; 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: whitesmoke; color: #fff; font-weight: bold; } .sheet-npc h1 { line-height: unset; font-size: 1.1em; } .sheet-npc h2 { font-size: 1em; text-transform: capitalize; } .sheet-npc h3 { font-size: 0.85em; } .sheet-npc input[type='radio'] { opacity: 1; } .sheet-npc input[type='text']:placeholder-shown, .sheet-npc input[type='number']:placeholder-shown { border: 1px dotted #1e4583; } .sheet-npc input.sheet-toggle:checked + span { color: #1e4583; } .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'] { color: #1c1c1c; 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, .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: #1e4583; } .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 button { margin: 0px; } .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%; 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 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 { 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 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: 10%; /*:+:+:+: 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 ============================= */ .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-collapsable .sheet-desc, .sheet-collapsable .sheet-desc-lifestyle, .sheet-matrix, .sheet-magic, .sheet-resonance, .sheet-optional, .sheet-textboxes, .sheet-optional-flag[value='0'] + .sheet-attr-header, .sheet-category + div, .sheet-category + div + div, .sheet-npc, .sheet-pc, .sheet-arms, .sheet-augs, .sheet-core, .sheet-gear, .sheet-options, .sheet-social, .sheet-vehicle, .sheet-skills-active, .sheet-skills-know, .sheet-skills-lang, .sheet-magic-spells, .sheet-magic-preps, .sheet-magic-rituals, .sheet-quality, .sheet-martial, div.sheet-collapse, .sheet-settings, input.sheet-settings-toggle:checked ~ div.sheet-display, input.sheet-settings-toggle:checked ~ .sheet-attr-col .sheet-attr-und 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, 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_stats_toggle']:not([value='settings']) ~ div.sheet-attribute .sheet-settings.sheet-hide-magic, input[name='attr_stats_toggle']:not([value='settings']) ~ div.sheet-attribute .sheet-settings.sheet-hide-resonance, input[name='attr_stats_toggle']:not([value='settings']) ~ div.sheet-body .sheet-settings.sheet-hide-magic, input[name='attr_stats_toggle']:not([value='settings']) ~ div.sheet-body .sheet-settings.sheet-hide-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']) ~ select[name='attr_combat_type'], input[name='attr_category']:not([value='Combat']) ~ label[data-i18n-title='dam'] { display: none; } .sheet-display-flag:checked ~ .sheet-collapsable .sheet-desc, .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 { 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-display-flag:checked ~ .sheet-collapsable .sheet-desc-lifestyle, .sheet-optional-flag:not([value='0']) + .sheet-optional, .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; } /***** 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-attr-col .sheet-attr-und 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-collapse-flag:checked ~ div.sheet-collapse { display: block; } /* 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; } input[name='attr_category']:not([value='Combat']) ~ h2[data-i18n='combat'], input[name='attr_category']:not([value='Combat']) ~ h2[data-i18n='dam'] { visibility: hidden; } .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: #afd3e2; box-shadow: inset 0px 0px 3px 1px #1e4583; color: #fff; } /*****************************************************************************************/ /**************************************** FOOTER ****************************************/ /***************************************************************************************/ /**** Footer ****/ div.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 *******************************************/ /********************************************************************************************************/ .repcontainer .repitem { margin-bottom: 5px; } .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 0px 0px 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: #000; position: relative; } .sheet-npc .repcontrol .repcontrol_edit:after, .sheet-npc .repcontrol .repcontrol_add:after { color: #1c1c1c; } .repcontrol .repcontrol_edit:hover:after, .repcontrol .repcontrol_add:hover:after { color: #1e4583; 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: darkred; } /********************************************************************************************************/ /**************************************** Roll template *******************************************/ /********************************************************************************************************/ .sheet-rolltemplate-rolls div.sheet-template-body { border: 2px solid #333 !important; border-radius: 3px 3px 3px 3px; } .sheet-rolltemplate-rolls .sheet-template-header { background-color: #afd3e2; border: 1px solid #333; border-bottom: 2px solid #333; box-shadow: inset 0px 0px 3px 1px #333; color: #1c1c1c; 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: 0.8em; color: #1c1c1c; 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 #333; 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 #333; 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 #afd3e2, 0 0 5px #1e4583; } .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: #afd3e2; } .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; } /********************************************************************************************************/ /******************************* FireFox *******************************************/ /******************************************************************************************************/ 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; } /********************************************************************************************/ /***************** French Adjustments ********************************/ /*******************************************************************************************/ .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-pd-meta input[type='text'] { width: 30%; } .charsheet.lang-fr .sheet-skill-box h3:first-child { margin-right: 51%; width: 20%; }