From de814aaefe4dfd7f16df4c4103b934770f537fea Mon Sep 17 00:00:00 2001 From: James A Culp III Date: Sat, 13 Mar 2021 17:15:13 -0500 Subject: [PATCH] Was able to make the sheet work with the recent roll20 "enhanced" sheet changes, unfortunately have to use !important on almost all styles for them to work due to order of operations. --- Shadowrun Sixth World/Shadowrun6thEdition.css | 2589 ++++++++--------- .../Shadowrun6thEdition.html | 7 +- 2 files changed, 1298 insertions(+), 1298 deletions(-) diff --git a/Shadowrun Sixth World/Shadowrun6thEdition.css b/Shadowrun Sixth World/Shadowrun6thEdition.css index 2a8de1a0d4..b8f7167dc3 100644 --- a/Shadowrun Sixth World/Shadowrun6thEdition.css +++ b/Shadowrun Sixth World/Shadowrun6thEdition.css @@ -8,286 +8,283 @@ GLOBALS 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; + .charsheet button { + background-image: none !important; + font-size: 0.8em !important; + text-shadow: none !important; } + .charsheet button[type='roll'], button[type='action'] { + font-size: 1em !important; margin: 0px !important; - padding: 1px 2px; - border-bottom: 0.01em solid #666; - border-bottom-right-radius: 0.01em; - border-color: #b3b3b3; + padding: 1px 2px !important; + border-bottom: 0.01em solid #666 !important; + border-bottom-right-radius: 0.01em !important; + border-color: #b3b3b3 !important; border-radius: 0.25em !important; - border-right: 0.02em solid #333333; - border-style: outset; } - button[name='roll_range_weapon'], button[name='roll_soak'], button[name='roll_defense'], button[name='roll_melee_weapon'], button[name='roll_spell'], button[name='roll_preparation'], button[name='roll_drain'], button[name='roll_ritual'], button[name='roll_conjuring'], button[name='roll_matrix_device_rating'], button[name='roll_matrix_attack'], button[name='roll_matrix_sleaze'], button[name='roll_matrix_data_processing'], button[name='roll_matrix_firewall'], button[name='roll_fade'] { - color: #ee99ff; } - button[specname=''] { - display: none; } - button:before { - display: none; } - button:hover, button:focus, button:active { - font-weight: bold; } - button > span { - display: block; - overflow: hidden; - text-overflow: ellipsis; - width: 100%; } - -div { - background-color: transparent; } + border-right: 0.02em solid #333333 !important; + border-style: outset !important; } + .charsheet button[name='roll_range_weapon'], button[name='roll_soak'], button[name='roll_defense'], button[name='roll_melee_weapon'], button[name='roll_spell'], button[name='roll_preparation'], button[name='roll_drain'], button[name='roll_ritual'], button[name='roll_conjuring'], button[name='roll_matrix_device_rating'], button[name='roll_matrix_attack'], button[name='roll_matrix_sleaze'], button[name='roll_matrix_data_processing'], button[name='roll_matrix_firewall'], button[name='roll_fade'] { + color: #ee99ff !important; } + .charsheet button[specname=''] { + display: none !important; } + .charsheet button:before { + display: none !important; } + .charsheet button:hover, button:focus, button:active { + font-weight: bold !important; } + .charsheet button > span { + display: block !important; + overflow: hidden !important; + text-overflow: ellipsis !important; + width: 100% !important; } img.shadowrun-logo { - display: block; - margin-left: auto; - margin-right: auto; - width: 100%; + display: block !important; + margin-left: auto !important; + margin-right: auto !important; + width: 100% !important; } -fieldset { - background: transparent; } +.charsheet fieldset { + background: transparent !important; } -hr { - border: 0.5px solid #555; } +.charsheet hr { + border: 0.5px solid #555 !important; } -label { - display: inline-block; - font-size: 0.9em; - margin-bottom: 0px; - padding-right: 5px; - text-transform: capitalize; - width: auto; } +.charsheet label { + display: inline-block !important; + font-size: 0.9em !important; + margin-bottom: 0px !important; + padding-right: 5px !important; + text-transform: capitalize !important; + width: auto !important; } -input { - background-color: #9a9a9a; - color: #040404; - border: none; - cursor: auto; - font-weight: normal; - margin: 0px; - text-align: center; - vertical-align: middle; } - input[type='text'], input[type='number'] { - border: 1px dotted #555; - height: 20px; } - input[type='text']:hover, input[type='text']:focus, input[type='number']:hover, input[type='number']:focus { - background-color: #d2d1cd; - color: #1c1c1c; } - input[type='text']:placeholder-shown, input[type='number']:placeholder-shown { - background-color: rgba(28, 28, 28, 0.14902); - color: white; } - input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { - -webkit-appearance: none; - margin: 0; } +.charsheet input { + background-color: #9a9a9a !important; + color: #040404 !important; + border: none !important; + cursor: auto !important; + font-weight: normal !important; + margin: 0px !important; + text-align: center !important; + vertical-align: middle !important; } + .charsheet input[type='text'], input[type='number'] { + border: 1px dotted #555 !important; + height: 20px !important; } + .charsheet input[type='text']:hover, input[type='text']:focus, input[type='number']:hover, input[type='number']:focus { + background-color: #d2d1cd !important; + color: #1c1c1c !important; } + .charsheet input[type='text']:placeholder-shown, input[type='number']:placeholder-shown { + background-color: rgba(28, 28, 28, 0.14902) !important; + color: white !important; } + .charsheet input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { + -webkit-appearance: none !important; + margin: 0 !important; } -select { - border-radius: 2px; - border: 1px solid #000; - box-shadow: inset 0px 0px 3px 1px #7c7c7c; - margin-bottom: 0px; - width: auto; } +.charsheet select { + border-radius: 2px !important; + border: 1px solid #000 !important; + box-shadow: inset 0px 0px 3px 1px #7c7c7c !important; + margin-bottom: 0px !important; + width: auto !important; } -span { - word-break: break-word; } +.charsheet span { + word-break: break-word !important; } -textarea { - border-radius: 2px; - border: 1px solid #000; - 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 textarea { + border-radius: 2px !important; + border: 1px solid #000 !important; + box-shadow: inset 0px 0px 3px 1px #7c7c7c !important; + height: 50px !important; + overflow-wrap: break-word !important; + overflow: hidden !important; + resize: vertical !important; + vertical-align: top !important; + white-space: pre-line !important; } .charsheet { - width: 850px; } + width: 850px !important; } .red { - color: #460141; } + color: #460141 !important; } .text-align-center { - text-align: center; } + text-align: center !important; } input[name='attr_stats_toggle'], input[name='attr_stats_toggle'] + span { - position: relative; } + position: relative !important; } input[name='attr_stats_toggle'] { - opacity: 0; - z-index: 2; } + opacity: 0 !important; + z-index: 2 !important; } /* SWITCHES ============================= */ /* The switch - the box around the slider */ .switch { - position: relative; - display: inline-block; - width: 50px; - height: 24px; } + position: relative !important; + display: inline-block !important; + width: 50px !important; + height: 24px !important; } /* Hide default HTML checkbox */ .switch input { - opacity: 0; - width: 0; - height: 0; } + opacity: 0 !important; + width: 0 !important; + height: 0 !important; } /* The slider */ .slider { - -webkit-transition: .4s; - background-color: #ccc; - border-radius: 34px; - bottom: 0; - cursor: pointer; - left: 0; - position: absolute; - right: 0; - top: 0; - transition: .4s; } + -webkit-transition: .4s !important; + background-color: #ccc !important; + border-radius: 34px !important; + bottom: 0 !important; + cursor: pointer !important; + left: 0 !important; + position: absolute !important; + right: 0 !important; + top: 0 !important; + transition: .4s !important; } .slider:before { - -webkit-transition: .4s; - background-color: white; - border-radius: 50%; - bottom: 4px; - content: ""; - height: 16px; - left: 4px; - position: absolute; - transition: .4s; - width: 16px; } + -webkit-transition: .4s !important; + background-color: white !important; + border-radius: 50% !important; + bottom: 4px !important; + content: "" !important; + height: 16px !important; + left: 4px !important; + position: absolute !important; + transition: .4s !important; + width: 16px !important; } input:checked + .slider { - background-color: #460141; } + background-color: #460141 !important; } input:focus + .slider { - box-shadow: 0 0 1px #9a9a9a; } + box-shadow: 0 0 1px #9a9a9a !important; } input:checked + .slider:before { - -webkit-transform: translateX(26px); - -ms-transform: translateX(26px); - transform: translateX(26px); } + -webkit-transform: translateX(26px) !important; + -ms-transform: translateX(26px) !important; + transform: translateX(26px) !important; } /* MIXIN ============================= */ /***** TABS FOR SHEETS *****/ .tabs button[type='action'] { - background-color: #333; - border-radius: 2px; - border: 1px solid #000; - box-shadow: inset 0px 0px 3px 1px #7c7c7c; - color: #fff; - font-size: 1em; - font-weight: bolder; - text-transform: capitalize; - padding: 5px; } + background-color: #333 !important; + border-radius: 2px !important; + border: 1px solid #000 !important; + box-shadow: inset 0px 0px 3px 1px #7c7c7c !important; + color: #fff !important; + font-size: 1em !important; + font-weight: bolder !important; + text-transform: capitalize !important; + padding: 5px !important; } .tabs button[type='action'].pictos, .tabs .cc-row button[type='action'][name*='shots'], .cc-row .tabs button[type='action'][name*='shots'], .tabs .cc-row button[type='action'][name='act_reload'], .cc-row .tabs button[type='action'][name='act_reload'], .tabs .cc-row button[type='action'][name='act_primary_ammo'], .cc-row .tabs button[type='action'][name='act_primary_ammo'], .tabs .repcontrol button[type='action'].repcontrol_edit:after, .repcontrol .tabs button[type='action'].repcontrol_edit:after, .tabs .repcontrol button[type='action'].repcontrol_add:after, .repcontrol .tabs button[type='action'].repcontrol_add:after, .tabs .itemcontrol button[type='action'].repcontrol_del, .itemcontrol .tabs button[type='action'].repcontrol_del { - text-transform: lowercase; } + text-transform: lowercase !important; } .tabs button[type='roll'] { - background: none; - text-shadow: 1px 1px 2px black, 0 0 25px #460141, 0 0 5px #460141; - border: none; - color: #fff; - font-family: 'dicefontd6'; - font-size: 2.5em; - vertical-align: top; } + background: none !important; + text-shadow: 1px 1px 2px black, 0 0 25px #460141, 0 0 5px #460141 !important; + border: none !important; + color: #fff !important; + font-family: 'dicefontd6' !important; + font-size: 2.5em !important; + vertical-align: top !important; } .tabs button[type='roll']:hover { - text-shadow: 1px 1px 2px black, 0 0 25px #460141, 0 0 5px #460141; } + text-shadow: 1px 1px 2px black, 0 0 25px #460141, 0 0 5px #460141 !important; } .tabs h2 { - font-size: 1em; - text-transform: capitalize; - text-align: right; - line-height: 2em; - margin-right: 5%; } + font-size: 1em !important; + text-transform: capitalize !important; + text-align: right !important; + line-height: 2em !important; + margin-right: 5% !important; } /***** TABS FOR SHEETS *****/ .settings-toggle input, .settings-flag input { - width: 3em; } + width: 3em !important; } .settings-toggle input[type='checkbox'] + span, .settings-flag input[type='checkbox'] + span { - background: transparent; - font-size: 20px; - height: 20px; - text-align: center; - width: 20px; } + background: transparent !important; + font-size: 20px !important; + height: 20px !important; + text-align: center !important; + width: 20px !important; } /***** GENERIC STYLES *****/ .npc div.end div.weapons span[name='attr_weapon_dice'], .npc div.end div.spells span[name='attr_dice'], .npc div.end div.forms span[name='attr_form_dice'], .npc div.end div.ic span[name='attr_software_dice'] { - vertical-align: middle; } + vertical-align: middle !important; } .npc div.end div.weapons span[name='attr_weapon_dice']:before, .npc div.end div.spells span[name='attr_dice']:before, .npc div.end div.forms span[name='attr_form_dice']:before, .npc div.end div.ic span[name='attr_software_dice']:before { - content: '('; } + content: '(' !important; } .npc div.end div.weapons span[name='attr_weapon_dice']:after, .npc div.end div.spells span[name='attr_dice']:after, .npc div.end div.forms span[name='attr_form_dice']:after, .npc div.end div.ic span[name='attr_software_dice']:after { - content: ')'; } + content: ')' !important; } .npc div.repeating input[name='attr_flag'], input.toggle { - position: absolute; - opacity: 0; - z-index: 2; } + position: absolute !important; + opacity: 0 !important; + z-index: 2 !important; } .pc input.settings-toggle, .pc input.settings-flag, .pc input.collapse-flag, .pc input[type='radio'] { - position: relative; - opacity: 0; - z-index: 2; } + position: relative !important; + opacity: 0 !important; + z-index: 2 !important; } .npc div.repeating input[name='attr_flag'] + span { - opacity: 0; } + opacity: 0 !important; } .npc div.repeating input[name='attr_flag']:checked + span { - opacity: 1; } + opacity: 1 !important; } .npc div.repeating input[name='attr_flag']:checked ~ .settings { - display: inline-grid; - margin-bottom: 2%; } + display: inline-grid !important; + margin-bottom: 2% !important; } .pc div.repeating-container div.repitem, .pc div.repeating-container div.repitem input[type='text'], .pc div.repeating-container div.repitem input[type='number'], .pc div.skill-box label > input, .pc div.skill-box input[name='attr_skill'], .pc div.matrix div.programs div.repitem { - border-bottom: 1px solid #333; } + border-bottom: 1px solid #333 !important; } .center { - text-align: center; } + text-align: center !important; } select.attribute-select option:nth-of-type(1n+5) { - color: #460141; } + color: #460141 !important; } select.attribute-select option:nth-of-type(1n+9) { - color: #7a2593; } + color: #7a2593 !important; } select.limit-select option:nth-of-type(1n+5) { - color: #460141; } + color: #460141 !important; } /*:+:+:+: MATRIX DEVICE :+:+:+:*/ div.matrix-device button[name*='Attack']:hover { - color: #cc0701; } + color: #cc0701 !important; } div.matrix-device button[name*='Sleaze']:hover { - color: #007bfc; } + color: #007bfc !important; } div.matrix-device button[name*='Data']:hover { - color: #88dd04; } + color: #88dd04 !important; } div.matrix-device button[name*='Firewall']:hover { - color: #f88703; } + color: #f88703 !important; } div.matrix-device input[type='radio'] { - position: relative; - opacity: 0; - z-index: 2; } + position: relative !important; + opacity: 0 !important; + z-index: 2 !important; } div.matrix-device input[type='radio'] + span { - position: relative; } + position: relative !important; } div.matrix-device .matrixAttack { - box-shadow: 0px 0px 29px 8px #cc0701; } + box-shadow: 0px 0px 29px 8px #cc0701 !important; } div.matrix-device .matrixSleaze { - box-shadow: 0px 0px 29px 8px #007bfc; } + box-shadow: 0px 0px 29px 8px #007bfc !important; } div.matrix-device .matrixData { - box-shadow: 0px 0px 29px 8px #88dd04; } + box-shadow: 0px 0px 29px 8px #88dd04 !important; } div.matrix-device .matrixFirewall { - box-shadow: 0px 0px 29px 8px #f88703; } + box-shadow: 0px 0px 29px 8px #f88703 !important; } /***** GRID *****/ .pc div.repeating-container div.repitem, .pc div.repeating-container div.repitem div.settings, .pc div.core div.quality-box div.quality div.headers, .pc div.core div.quality-box div.martial div.headers, .pc div.skill-box div.row-long, .pc div.arms div.headers, .pc div.magic div.headers, .pc div.matrix div.complex-forms div.headers { - grid-column-gap: 1%; - grid-row-gap: 1%; } + grid-column-gap: 1% !important; + grid-row-gap: 1% !important; } /******************************************************************************/ /********************************* VARIABLES *********************************/ @@ -296,12 +293,12 @@ div.matrix-device .matrixFirewall { /************************** START OF THE PC SHEET *************************************/ /*************************************************************************************/ .pc { - background-color: #fff; - background-size: cover; - border: 3px solid; - box-shadow: inset 0px 0px 3px 1px #040404; - margin-left: -1%; - padding-left: 0.5%; } + background-color: #fff !important; + background-size: cover !important; + border: 3px solid !important; + box-shadow: inset 0px 0px 3px 1px #040404 !important; + margin-left: -1% !important; + padding-left: 0.5% !important; } .pc button > h2:hover, .pc button > span:hover, @@ -309,207 +306,207 @@ div.matrix-device .matrixFirewall { .pc .repeat-box button[type='roll']:hover, .pc .con-track button[type='action']:hover, .pc button[data-i18n='default']:hover { - color: #fff; - text-shadow: 1px 1px 2px black, 0 0 25px #460141, 0 0 5px #460141; } + color: #fff !important; + text-shadow: 1px 1px 2px black, 0 0 25px #460141, 0 0 5px #460141 !important; } .pc h1 { - background-color: #460141; - color: #fff; - font-size: 1em; - letter-spacing: 2px; - line-height: 20px; - padding-left: 5px; - padding-right: 5px; - text-transform: uppercase; } + background-color: #460141 !important; + color: #fff !important; + font-size: 1em !important; + letter-spacing: 2px !important; + line-height: 20px !important; + padding-left: 5px !important; + padding-right: 5px !important; + text-transform: uppercase !important; } .pc h2 { - font-size: 0.9em; - line-height: 25px; - text-transform: capitalize; } + font-size: 0.9em !important; + line-height: 25px !important; + text-transform: capitalize !important; } .pc h3 { - color: rgba(51, 51, 51, 0.59); - font-size: 0.8em; - text-transform: capitalize; } + color: rgba(51, 51, 51, 0.59) !important; + font-size: 0.8em !important; + text-transform: capitalize !important; } .pc hr { - margin: 7px 0px -2px 0px; } + margin: 7px 0px -2px 0px !important; } .pc input { - border-radius: 0px; } + border-radius: 0px !important; } /***** PLAYER DATA INPUTS *****/ .pc .tabs { - grid-template-columns: 1fr 5em 1fr 5em 2.5em 5em 5em 5em 5em 5em 5em 5em; - grid-column-gap: 0.25%; - padding: 0px 1% 3% 1%; - margin-top: 1%; - grid-row-gap: 10%; } + grid-template-columns: 1fr 5em 1fr 5em 2.5em 5em 5em 5em 5em 5em 5em 5em !important; + grid-column-gap: 0.25% !important; + padding: 0px 1% 3% 1% !important; + margin-top: 1% !important; + grid-row-gap: 10% !important; } .pc .tabs button[type='roll'] { - grid-area: 2 / 5 / 2 / 5; } + grid-area: 2 / 5 / 2 / 5 !important; } .pc .tabs h1 { - background-color: transparent; - color: #fff; - display: inline-block; - font-size: 1em; - grid-column: 6 / 8; - letter-spacing: 2px; - line-height: 20px; - margin-left: 5%; - text-align: right; - text-transform: uppercase; } + background-color: transparent !important; + color: #fff !important; + display: inline-block !important; + font-size: 1em !important; + grid-column: 6 / 8 !important; + letter-spacing: 2px !important; + line-height: 20px !important; + margin-left: 5% !important; + text-align: right !important; + text-transform: uppercase !important; } .pc .tabs h2[data-i18n-title='/w GM'] { - grid-area: 2 / 1 / 2 / 1; } + grid-area: 2 / 1 / 2 / 1 !important; } .pc .tabs h2[data-i18n-title='wounds'] { - grid-area: 2 / 3 / 2 / 4; } + grid-area: 2 / 3 / 2 / 4 !important; } .pc .tabs h2[data-i18n-title='modifiers'] { - grid-area: 3 / 1 / 3 / 1; } + grid-area: 3 / 1 / 3 / 1 !important; } .pc .tabs h2[data-i18n-title='edge'] { - grid-area: 3 / 3 / 3 / 4; } + grid-area: 3 / 3 / 3 / 4 !important; } .pc .tabs img { - grid-area: 1 / 1 / 2 / 6; - height: 100%; - width: 100%; } + grid-area: 1 / 1 / 2 / 6 !important; + height: 100% !important; + width: 100% !important; } .pc .tabs h1[data-i18n='player'], .pc .tabs h1[data-i18n='character'] { - color: #000; } + color: #000 !important; } .pc .tabs label[data-i18n-title='character name'] > input[type='text'], .pc .tabs label[data-i18n-title='player name'] > input[type='text'] { - color: #000; - font-weight: bolder; - background-color: #e7e6e5; - border: none; - box-shadow: none; - border-bottom: 2px solid #fff; - border-radius: 0px; - height: 30px; - width: 100%; - grid-column: 4; } + color: #000 !important; + font-weight: bolder !important; + background-color: #e7e6e5 !important; + border: none !important; + box-shadow: none !important; + border-bottom: 2px solid #fff !important; + border-radius: 0px !important; + height: 30px !important; + width: 100% !important; + grid-column: 4 !important; } .pc .tabs label[data-i18n-title='character name'] { - grid-area: 1 / 8 / 1 / 14; } + grid-area: 1 / 8 / 1 / 14 !important; } .pc .tabs label[data-i18n-title='player name'] { - grid-area: 2 / 8 / 2 / 14; } + grid-area: 2 / 8 / 2 / 14 !important; } .pc .tabs label[data-i18n-title='whisper rolls to gm'] { - grid-area: 2 / 2 / 2 / 3; } + grid-area: 2 / 2 / 2 / 3 !important; } .pc .tabs label[data-i18n-title='wounds'] { - grid-area: 2 / 4 / 2 / 5; } + grid-area: 2 / 4 / 2 / 5 !important; } .pc .tabs label[data-i18n-title='modifiers'] { - grid-area: 3 / 2 / 3 / 3; } + grid-area: 3 / 2 / 3 / 3 !important; } .pc .tabs label[data-i18n-title='edge'] { - grid-area: 3 / 4 / 3 / 5; } + grid-area: 3 / 4 / 3 / 5 !important; } .pc input.settings-toggle + span, .pc input.settings-flag + span, .pc input.collapse-flag + span, .pc input[type='radio'] + span { - font-family: 'pictos'; } + font-family: 'pictos' !important; } .pc input.settings-toggle:checked + span, .pc input.settings-flag:checked + span, .pc input.collapse-flag:checked + span, .pc input[type='radio']:checked + span { - color: #460141; } + color: #460141 !important; } .pc select { - height: 1.8em; - padding: 0px; - color: #040404; } + height: 1.8em !important; + padding: 0px !important; + color: #040404 !important; } .pc div.core-info h2 { - margin-right: 1%; } + margin-right: 1% !important; } .pc div.core-info input[type='text'], .pc div.core-info input[type='number'] { - background-color: transparent; - border: none; } + background-color: transparent !important; + border: none !important; } .pc div.core-info input[type='text']:placeholder-shown, .pc div.core-info input[type='number']:placeholder-shown { - background-color: rgba(28, 28, 28, 0.14902); } + background-color: rgba(28, 28, 28, 0.14902) !important; } .pc input.display-flag { - position: absolute; } + position: absolute !important; } .pc div.border-box { - background-image: -moz-linear-gradient(#460141, transparent), -moz-linear-gradient(#460141, transparent); - background-image: -o-linear-gradient(#460141, transparent), -o-linear-gradient(#460141, transparent); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#460141), to(transparent)); - background-image: -webkit-linear-gradient(#460141, transparent); - background-image: linear-gradient(#460141, transparent), linear-gradient(#460141, transparent); - border-top: 2px solid #460141; - clear: both; - border-top-right-radius: 10px; - border-top-left-radius: 0px; } + background-image: -moz-linear-gradient(#460141, transparent), -moz-linear-gradient(#460141, transparent) !important; + background-image: -o-linear-gradient(#460141, transparent), -o-linear-gradient(#460141, transparent) !important; + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#460141), to(transparent)) !important; + background-image: -webkit-linear-gradient(#460141, transparent) !important; + background-image: linear-gradient(#460141, transparent), linear-gradient(#460141, transparent) !important; + border-top: 2px solid #460141 !important; + clear: both !important; + border-top-right-radius: 10px !important; + border-top-left-radius: 0px !important; } .pc div.border-box button[type='roll'] { - font-size: 0.8em; - font-weight: bold; } + font-size: 0.8em !important; + font-weight: bold !important; } .pc div.border-box div.pc-box { - border-top-right-radius: 10px; - border-top-left-radius: 0px; } + border-top-right-radius: 10px !important; + border-top-left-radius: 0px !important; } .pc div.repeating-container div.repitem { - display: inline-grid; - padding: 1% 0.5%; - margin-bottom: 0px; } + display: inline-grid !important; + padding: 1% 0.5% !important; + margin-bottom: 0px !important; } .pc div.repeating-container div.repitem button[type='roll'] { - text-align: left; } + text-align: left !important; } .pc div.repeating-container div.repitem input:nth-of-type(1n+2) { - text-align: center; } + text-align: center !important; } .pc div.repeating-container div.repitem input[type='text'], .pc div.repeating-container div.repitem input[type='number'] { - width: 100%; } + width: 100% !important; } .pc div.repeating-container div.repitem label { - padding-right: 0px; } + padding-right: 0px !important; } .pc div.repeating-container div.repitem label input[name='attr_name'], .pc div.repeating-container div.repitem label input[name='attr_weapon'], .pc div.repeating-container div.repitem label input[name='attr_quality'] { - text-align: left; } + text-align: left !important; } .pc div.repeating-container div.repitem label[data-i18n-title='modifier'] { - width: 3em; } + width: 3em !important; } .pc div.repeating-container div.repitem div.settings { - background-color: #cccccc; - border-left: 2px solid #555; - padding: 2% 1%; - width: 100%; } + background-color: #cccccc !important; + border-left: 2px solid #555 !important; + padding: 2% 1% !important; + width: 100% !important; } .pc div.repeating-container div.repitem div.settings select { - text-transform: capitalize; } + text-transform: capitalize !important; } .pc div.repeating-container div.repitem div.collapse { - padding-left: 5%; } + padding-left: 5% !important; } .pc div.repitem { - width: 100%; } + width: 100% !important; } .pc div.repitem input[type='number'] { - text-align: center; } + text-align: center !important; } .pc div.static { - margin-right: 0.5%; } + margin-right: 0.5% !important; } .pc div.static div.border-box, .pc div.static div.border-box .pc-box { - border-top-right-radius: 0px; - border-top-left-radius: 10px; } + border-top-right-radius: 0px !important; + border-top-left-radius: 10px !important; } .pc div.core { .pc div.core div.armor-buttons { - display: inline-block; - font-size: 1.5em; - line-height: 20px; - margin-left: 1%; - width: 35%; } + display: inline-block !important; + font-size: 1.5em !important; + line-height: 20px !important; + margin-left: 1% !important; + width: 35% !important; } .pc div.core div.armor-buttons button[type='roll'] { - margin-right: -5px; } + margin-right: -5px !important; } .pc div.core div.armor-buttons button[name='roll_defense'] { - background-color: #555; - color: #fff; } + background-color: #555 !important; + color: #fff !important; } .pc div.core div.armor-buttons span { - font-size: 1em; } + font-size: 1em !important; } } /***** QUALITIES *****/ .pc div.core div.quality-box div.htab input[type='radio'] { - margin-right: -100px; - width: 100px; } + margin-right: -100px !important; + width: 100px !important; } .pc div.core div.quality-box div.header:nth-of-type(2) .htab input[type='radio'] { - margin-right: -150px; - width: 150px; } + margin-right: -150px !important; + width: 150px !important; } .pc div.core div.quality-box div.quality h2:nth-of-type(2) { - text-align: center; } + text-align: center !important; } .pc div.core div.quality-box div.quality div.headers { - display: grid; - grid-template-columns: 1fr 3em 3em 1.25em 1.25em 1.25em; } + display: grid !important; + grid-template-columns: 1fr 3em 3em 1.25em 1.25em 1.25em !important; } .pc div.core div.quality-box div.quality div.repitem { - grid-template-columns: 1fr 3em 3em 1.25em 1.25em 1.25em; } + grid-template-columns: 1fr 3em 3em 1.25em 1.25em 1.25em !important; } .pc div.core div.quality-box div.quality div.repitem label[data-i18n-title='notes'], .pc div.core div.quality-box div.quality div.repitem h3[data-i18n='notes'], .pc div.core div.quality-box div.quality div.repitem label[data-i18n-title='modifications'], .pc div.core div.quality-box div.quality div.repitem h3[data-i18n='modifications'], .pc div.core div.quality-box div.quality div.repitem div.collapse { - grid-column: 1 / 7; } + grid-column: 1 / 7 !important; } .pc div.core div.quality-box div.quality div.repitem input.collapse-flag { - grid-area: 1 / 5 / 1 / 6; } + grid-area: 1 / 5 / 1 / 6 !important; } .pc div.core div.quality-box div.quality div.repitem input.collapse-flag + span.pictos, .pc div.core div.quality-box div.quality div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.core div.quality-box div.quality div.repitem input[type='checkbox'].collapse-flag + span, .pc div.core div.quality-box div.quality div.repitem .settings-flag input[type='checkbox'].collapse-flag + span, .settings-flag .pc div.core div.quality-box div.quality div.repitem input[type='checkbox'].collapse-flag + span, .pc div.core div.quality-box div.quality div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.core div.quality-box div.quality div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.core div.quality-box div.quality div.repitem input.collapse-flag + span.repcontrol_edit:after, .pc div.core div.quality-box div.quality div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after, .repcontrol .pc div.core div.quality-box div.quality div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.core div.quality-box div.quality div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.core div.quality-box div.quality div.repitem input.collapse-flag + span.repcontrol_del { - grid-area: 1 / 5 / 1 / 6; } + grid-area: 1 / 5 / 1 / 6 !important; } .pc div.core div.quality-box div.quality div.repitem input.settings-flag, .pc div.core div.quality-box div.quality div.repitem input.settings-flag + span.pictos, .pc div.core div.quality-box div.quality div.repitem .settings-toggle input[type='checkbox'].settings-flag + span, @@ -523,31 +520,31 @@ div.matrix-device .matrixFirewall { .repcontrol .pc div.core div.quality-box div.quality div.repitem input.settings-flag + span.repcontrol_add:after, .pc div.core div.quality-box div.quality div.repitem .itemcontrol input.settings-flag + span.repcontrol_del, .itemcontrol .pc div.core div.quality-box div.quality div.repitem input.settings-flag + span.repcontrol_del { - grid-area: 1 / 6 / 1 / 7; } + grid-area: 1 / 6 / 1 / 7 !important; } .pc div.core div.quality-box div.quality div.repitem div.settings { - grid-column: 1 / 7; - grid-template-columns: 1fr 3em 3em 1.25em 1.25em 1.25em; } + grid-column: 1 / 7 !important; + grid-template-columns: 1fr 3em 3em 1.25em 1.25em 1.25em !important; } .pc div.core div.quality-box div.martial h2:nth-of-type(2) { - text-align: center; } + text-align: center !important; } .pc div.core div.quality-box div.martial div.headers { - display: grid; - grid-template-columns: 2fr 1fr 1.5em 1em 1em; } + display: grid !important; + grid-template-columns: 2fr 1fr 1.5em 1em 1em !important; } .pc div.core div.quality-box div.martial div.repitem { - grid-template-columns: 2fr 1fr 1.5em 1em 1em; } + grid-template-columns: 2fr 1fr 1.5em 1em 1em !important; } .pc div.core div.quality-box div.martial div.repitem label[data-i18n-title='notes'], .pc div.core div.quality-box div.martial div.repitem h3[data-i18n='notes'], .pc div.core div.quality-box div.martial div.repitem div.collapse { - grid-column: 1 / 6; } + grid-column: 1 / 6 !important; } .pc div.core div.quality-box div.martial div.repitem input.collapse-flag { - grid-area: 1 / 4 / 1 / 5; } + grid-area: 1 / 4 / 1 / 5 !important; } .pc div.core div.quality-box div.martial div.repitem input.collapse-flag + span.pictos, .pc div.core div.quality-box div.martial div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.core div.quality-box div.martial div.repitem input[type='checkbox'].collapse-flag + span, .pc div.core div.quality-box div.martial div.repitem .settings-flag input[type='checkbox'].collapse-flag + span, .settings-flag .pc div.core div.quality-box div.martial div.repitem input[type='checkbox'].collapse-flag + span, .pc div.core div.quality-box div.martial div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.core div.quality-box div.martial div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.core div.quality-box div.martial div.repitem input.collapse-flag + span.repcontrol_edit:after, .pc div.core div.quality-box div.martial div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after, .repcontrol .pc div.core div.quality-box div.martial div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.core div.quality-box div.martial div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.core div.quality-box div.martial div.repitem input.collapse-flag + span.repcontrol_del { - grid-area: 1 / 4 / 1 / 5; } + grid-area: 1 / 4 / 1 / 5 !important; } .pc div.core div.quality-box div.martial div.repitem input.settings-flag, .pc div.core div.quality-box div.martial div.repitem input.settings-flag + span.pictos, .pc div.core div.quality-box div.martial div.repitem .settings-toggle input[type='checkbox'].settings-flag + span, @@ -561,61 +558,61 @@ div.matrix-device .matrixFirewall { .repcontrol .pc div.core div.quality-box div.martial div.repitem input.settings-flag + span.repcontrol_add:after, .pc div.core div.quality-box div.martial div.repitem .itemcontrol input.settings-flag + span.repcontrol_del, .itemcontrol .pc div.core div.quality-box div.martial div.repitem input.settings-flag + span.repcontrol_del { - grid-area: 1 / 5 / 1 / 6; } + grid-area: 1 / 5 / 1 / 6 !important; } .pc div.core div.quality-box div.martial div.repitem div.settings { - grid-column: 1 / 6; - grid-template-columns: 2fr 1fr 1.5em 1em 1em; } + grid-column: 1 / 6 !important; + grid-template-columns: 2fr 1fr 1.5em 1em 1em !important; } /***** SKILLS *****/ .pc div.skill-box h2:nth-of-type(1n+2) { - text-align: center; } + text-align: center !important; } .pc div.skill-box label { - display: inline-block; - font-size: 0.8em; - text-transform: capitalize; } + display: inline-block !important; + font-size: 0.8em !important; + text-transform: capitalize !important; } .pc div.skill-box label[data-i18n-title='ratingmodifier'] { - grid-area: 1 / 3 / 1 / 6; - width: 100%; } + grid-area: 1 / 3 / 1 / 6 !important; + width: 100% !important; } .pc div.skill-box label[data-i18n-title='ratingmodifier'] input[type='number'] { - width: 3em; } + width: 3em !important; } .pc div.skill-box label[data-i18n-title='specialization'] { - padding-left: 10px; - grid-area: 3 / 1 / 3 / 6; } + padding-left: 10px !important; + grid-area: 3 / 1 / 3 / 6 !important; } .pc div.skill-box label[data-i18n-title='expertise'] { - padding-left: 20px; - grid-area: 4 / 1 / 4 / 6; } + padding-left: 20px !important; + grid-area: 4 / 1 / 4 / 6 !important; } .pc div.skill-box label[data-i18n-title='notes'], .pc div.skill-box label textarea { - grid-area: 5 / 1 / 5 / 6; } + grid-area: 5 / 1 / 5 / 6 !important; } .pc div.skill-box label > input { - text-align: left; - border-radius: 0px; - width: 100%; } + text-align: left !important; + border-radius: 0px !important; + width: 100% !important; } .pc div.skill-box input[name='attr_rating_modifier'] { - width: 3.5em; } + width: 3.5em !important; } .pc div.skill-box div.row-long { - grid-template-columns: 1fr 3em 5em 1em 1em; - padding: 1% 0.5%; - width: 100%; } + grid-template-columns: 1fr 3em 5em 1em 1em !important; + padding: 1% 0.5% !important; + width: 100% !important; } .pc div.skill-box div.row-long h3:nth-of-type(1n+2) { - text-align: center; } + text-align: center !important; } /*** Skills ***/ .pc div.skill-box div.skills-active div.repitem { - grid-template-columns: 1fr 3em 5em 1em 1em; } + grid-template-columns: 1fr 3em 5em 1em 1em !important; } .pc div.skill-box div.skills-active div.repitem label[data-i18n-title='notes'], .pc div.skill-box div.skills-active div.repitem h3[data-i18n='notes'], .pc div.skill-box div.skills-active div.repitem div.collapse { - grid-column: 1 / 6; } + grid-column: 1 / 6 !important; } .pc div.skill-box div.skills-active div.repitem input.collapse-flag { - grid-area: 1 / 4 / 1 / 5; } + grid-area: 1 / 4 / 1 / 5 !important; } .pc div.skill-box div.skills-active div.repitem input.collapse-flag + span.pictos, .pc div.skill-box div.skills-active div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.skill-box div.skills-active div.repitem input[type='checkbox'].collapse-flag + span, .pc div.skill-box div.skills-active div.repitem .settings-flag input[type='checkbox'].collapse-flag + span, .settings-flag .pc div.skill-box div.skills-active div.repitem input[type='checkbox'].collapse-flag + span, .pc div.skill-box div.skills-active div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.skill-box div.skills-active div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.skill-box div.skills-active div.repitem input.collapse-flag + span.repcontrol_edit:after, .pc div.skill-box div.skills-active div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after, .repcontrol .pc div.skill-box div.skills-active div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.skill-box div.skills-active div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.skill-box div.skills-active div.repitem input.collapse-flag + span.repcontrol_del { - grid-area: 1 / 4 / 1 / 5; } + grid-area: 1 / 4 / 1 / 5 !important; } .pc div.skill-box div.skills-active div.repitem input.settings-flag, .pc div.skill-box div.skills-active div.repitem input.settings-flag + span.pictos, .pc div.skill-box div.skills-active div.repitem .settings-toggle input[type='checkbox'].settings-flag + span, @@ -629,34 +626,34 @@ div.matrix-device .matrixFirewall { .repcontrol .pc div.skill-box div.skills-active div.repitem input.settings-flag + span.repcontrol_add:after, .pc div.skill-box div.skills-active div.repitem .itemcontrol input.settings-flag + span.repcontrol_del, .itemcontrol .pc div.skill-box div.skills-active div.repitem input.settings-flag + span.repcontrol_del { - grid-area: 1 / 5 / 1 / 6; } + grid-area: 1 / 5 / 1 / 6 !important; } .pc div.skill-box div.skills-active div.repitem input[name='attr_damage'], .pc div.skill-box div.skills-active div.repitem input[name='attr_dicepool_modifier'] { - width: 3.5em; } + width: 3.5em !important; } .pc div.skill-box div.skills-active div.repitem div.settings { - grid-column: 1 / 6; - grid-template-columns: 1fr 3.5em 5em 1em 1em; } + grid-column: 1 / 6 !important; + grid-template-columns: 1fr 3.5em 5em 1em 1em !important; } /*** Knowledges ***/ .pc div.skill-box div.skills-knowledge div.headers { - display: grid; - grid-template-columns: 1fr 6em 1em 1em; } + display: grid !important; + grid-template-columns: 1fr 6em 1em 1em !important; } .pc div.skill-box div.skills-knowledge div.repitem { - grid-template-columns: 1fr 6em 1em 1em; } + grid-template-columns: 1fr 6em 1em 1em !important; } .pc div.skill-box div.skills-knowledge div.repitem label[data-i18n-title='notes'], .pc div.skill-box div.skills-knowledge div.repitem h3[data-i18n='notes'], .pc div.skill-box div.skills-knowledge div.repitem div.collapse { - grid-column: 1 / 5; } + grid-column: 1 / 5 !important; } .pc div.skill-box div.skills-knowledge div.repitem input.collapse-flag { - grid-area: 1 / 3 / 1 / 3; } + grid-area: 1 / 3 / 1 / 3 !important; } .pc div.skill-box div.skills-knowledge div.repitem input.collapse-flag + span.pictos, .pc div.skill-box div.skills-knowledge div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.skill-box div.skills-knowledge div.repitem input[type='checkbox'].collapse-flag + span, .pc div.skill-box div.skills-knowledge div.repitem .settings-flag input[type='checkbox'].collapse-flag + span, .settings-flag .pc div.skill-box div.skills-knowledge div.repitem input[type='checkbox'].collapse-flag + span, .pc div.skill-box div.skills-knowledge div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.skill-box div.skills-knowledge div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.skill-box div.skills-knowledge div.repitem input.collapse-flag + span.repcontrol_edit:after, .pc div.skill-box div.skills-knowledge div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after, .repcontrol .pc div.skill-box div.skills-knowledge div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.skill-box div.skills-knowledge div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.skill-box div.skills-knowledge div.repitem input.collapse-flag + span.repcontrol_del { - grid-area: 1 / 3 / 1 / 3; } + grid-area: 1 / 3 / 1 / 3 !important; } .pc div.skill-box div.skills-knowledge div.repitem input.settings-flag, .pc div.skill-box div.skills-knowledge div.repitem input.settings-flag + span.pictos, .pc div.skill-box div.skills-knowledge div.repitem .settings-toggle input[type='checkbox'].settings-flag + span, @@ -670,10 +667,10 @@ div.matrix-device .matrixFirewall { .repcontrol .pc div.skill-box div.skills-knowledge div.repitem input.settings-flag + span.repcontrol_add:after, .pc div.skill-box div.skills-knowledge div.repitem .itemcontrol input.settings-flag + span.repcontrol_del, .itemcontrol .pc div.skill-box div.skills-knowledge div.repitem input.settings-flag + span.repcontrol_del { - grid-area: 1 / 4 / 1 / 4; } + grid-area: 1 / 4 / 1 / 4 !important; } .pc div.skill-box div.skills-knowledge div.repitem div.settings { - grid-column: 1 / 5; - grid-template-columns: 1fr 6em 1em 1em; } + grid-column: 1 / 5 !important; + grid-template-columns: 1fr 6em 1em 1em !important; } @@ -681,34 +678,34 @@ div.matrix-device .matrixFirewall { /*** ARMS ****/ /* Weapons */ .pc div.arms div.headers { - display: grid; } + display: grid !important; } .pc div.arms div.headers h2:nth-of-type(1n+2) { - text-align: center; } + text-align: center !important; } .pc div.arms div.repitem h3 { - color: #040404; } + color: #040404 !important; } .pc div.arms div.repitem input:nth-of-type(1n+2) { - text-align: center; } + text-align: center !important; } .pc div.arms div.repitem input.flag-primary[value='primary'] + button { - background-color: #460141; - border-bottom: 2px solid #040404; } + background-color: #460141 !important; + border-bottom: 2px solid #040404 !important; } /* Melee Specific */ .pc div.arms div.weapons div.weapon-melee div.headers { - grid-template-columns: 1fr 3em 3em 1.25em 1.25em 1.25em 1.25em 1.25em 1em 1em; } + grid-template-columns: 1fr 3em 3em 1.25em 1.25em 1.25em 1.25em 1.25em 1em 1em !important; } .pc div.arms div.weapons div.weapon-melee div.repitem { - grid-template-columns: 1fr 3em 3em 1.25em 1.25em 1.25em 1.25em 1.25em 1em 1em; } + grid-template-columns: 1fr 3em 3em 1.25em 1.25em 1.25em 1.25em 1.25em 1em 1em !important; } .pc div.arms div.weapons div.weapon-melee div.repitem label[data-i18n-title='notes'], .pc div.arms div.weapons div.weapon-melee div.repitem h3[data-i18n='notes'], .pc div.arms div.weapons div.weapon-melee div.repitem div.collapse { - grid-column: 1 / 11; } + grid-column: 1 / 11 !important; } .pc div.arms div.weapons div.weapon-melee div.repitem input.collapse-flag { - grid-area: 1 / 9 / 1 / 10; } + grid-area: 1 / 9 / 1 / 10 !important; } .pc div.arms div.weapons div.weapon-melee div.repitem input.collapse-flag + span.pictos, .pc div.arms div.weapons div.weapon-melee div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.arms div.weapons div.weapon-melee div.repitem input[type='checkbox'].collapse-flag + span, .pc div.arms div.weapons div.weapon-melee div.repitem .settings-flag input[type='checkbox'].collapse-flag + span, .settings-flag .pc div.arms div.weapons div.weapon-melee div.repitem input[type='checkbox'].collapse-flag + span, .pc div.arms div.weapons div.weapon-melee div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.arms div.weapons div.weapon-melee div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.arms div.weapons div.weapon-melee div.repitem input.collapse-flag + span.repcontrol_edit:after, .pc div.arms div.weapons div.weapon-melee div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after, .repcontrol .pc div.arms div.weapons div.weapon-melee div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.arms div.weapons div.weapon-melee div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.arms div.weapons div.weapon-melee div.repitem input.collapse-flag + span.repcontrol_del { - grid-area: 1 / 9 / 1 / 10; } + grid-area: 1 / 9 / 1 / 10 !important; } .pc div.arms div.weapons div.weapon-melee div.repitem input.settings-flag, .pc div.arms div.weapons div.weapon-melee div.repitem input.settings-flag + span.pictos, .pc div.arms div.weapons div.weapon-melee div.repitem .settings-toggle input[type='checkbox'].settings-flag + span, @@ -722,28 +719,28 @@ div.matrix-device .matrixFirewall { .repcontrol .pc div.arms div.weapons div.weapon-melee div.repitem input.settings-flag + span.repcontrol_add:after, .pc div.arms div.weapons div.weapon-melee div.repitem .itemcontrol input.settings-flag + span.repcontrol_del, .itemcontrol .pc div.arms div.weapons div.weapon-melee div.repitem input.settings-flag + span.repcontrol_del { - grid-area: 1 / 10 / 1 / 11; } + grid-area: 1 / 10 / 1 / 11 !important; } .pc div.arms div.weapons div.weapon-melee div.repitem div.settings { - grid-column: 1 / 11; - grid-template-columns: 1fr 3em 3em 1.25em 1.25em 1.25em 1.25em 1.25em 1em 1em; } + grid-column: 1 / 11 !important; + grid-template-columns: 1fr 3em 3em 1.25em 1.25em 1.25em 1.25em 1.25em 1em 1em !important; } /* Ranged Specific */ .pc div.arms div.weapons div.weapon-range div.headers { - grid-template-columns: 1fr 2em 2em 1.5em 1.5em 1.5em 1.5em 1.5em 2.5em 2em 1em 1em; } + grid-template-columns: 1fr 2em 2em 1.5em 1.5em 1.5em 1.5em 1.5em 2.5em 2em 1em 1em !important; } .pc div.arms div.weapons div.weapon-range div.repitem { - grid-template-columns: 1fr 2em 2em 1.5em 1.5em 1.5em 1.5em 1.5em 2.5em 2em 1em 1em; } + grid-template-columns: 1fr 2em 2em 1.5em 1.5em 1.5em 1.5em 1.5em 2.5em 2em 1em 1em !important; } .pc div.arms div.weapons div.weapon-range div.repitem label[data-i18n-title='notes'], .pc div.arms div.weapons div.weapon-range div.repitem h3[data-i18n='notes'], .pc div.arms div.weapons div.weapon-range div.repitem div.collapse { - grid-column: 1 / 13; } + grid-column: 1 / 13 !important; } .pc div.arms div.weapons div.weapon-range div.repitem input.collapse-flag { - grid-area: 1 / 11 / 1 / 12; } + grid-area: 1 / 11 / 1 / 12 !important; } .pc div.arms div.weapons div.weapon-range div.repitem input.collapse-flag + span.pictos, .pc div.arms div.weapons div.weapon-range div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.arms div.weapons div.weapon-range div.repitem input[type='checkbox'].collapse-flag + span, .pc div.arms div.weapons div.weapon-range div.repitem .settings-flag input[type='checkbox'].collapse-flag + span, .settings-flag .pc div.arms div.weapons div.weapon-range div.repitem input[type='checkbox'].collapse-flag + span, .pc div.arms div.weapons div.weapon-range div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.arms div.weapons div.weapon-range div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.arms div.weapons div.weapon-range div.repitem input.collapse-flag + span.repcontrol_edit:after, .pc div.arms div.weapons div.weapon-range div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after, .repcontrol .pc div.arms div.weapons div.weapon-range div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.arms div.weapons div.weapon-range div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.arms div.weapons div.weapon-range div.repitem input.collapse-flag + span.repcontrol_del { - grid-area: 1 / 11 / 1 / 12; } + grid-area: 1 / 11 / 1 / 12 !important; } .pc div.arms div.weapons div.weapon-range div.repitem input.settings-flag, .pc div.arms div.weapons div.weapon-range div.repitem input.settings-flag + span.pictos, .pc div.arms div.weapons div.weapon-range div.repitem .settings-toggle input[type='checkbox'].settings-flag + span, @@ -757,59 +754,59 @@ div.matrix-device .matrixFirewall { .repcontrol .pc div.arms div.weapons div.weapon-range div.repitem input.settings-flag + span.repcontrol_add:after, .pc div.arms div.weapons div.weapon-range div.repitem .itemcontrol input.settings-flag + span.repcontrol_del, .itemcontrol .pc div.arms div.weapons div.weapon-range div.repitem input.settings-flag + span.repcontrol_del { - grid-area: 1 / 12 / 1 / 13; } + grid-area: 1 / 12 / 1 / 13 !important; } .pc div.arms div.weapons div.weapon-range div.repitem div.settings { - grid-column: 1 / 13; - grid-template-columns: 1fr 2em 2em 1.5em 1.5em 1.5em 1.5em 1.5em 2.5em 2em 1em 1em; } + grid-column: 1 / 13 !important; + grid-template-columns: 1fr 2em 2em 1.5em 1.5em 1.5em 1.5em 1.5em 2.5em 2em 1em 1em !important; } .pc div.arms div.weapons div.weapon-range, .pc div.arms div.weapons div.weapon-melee { - width: 100%; } + width: 100% !important; } .pc div.arms div.weapons div.weapon-range div.row { - grid-column: 1 / 13; - margin-left: 0px; } + grid-column: 1 / 13 !important; + margin-left: 0px !important; } .pc div.arms div.weapons div.weapon-melee div.row { - grid-column: 1 / 9; - margin-left: 0px; } + grid-column: 1 / 9 !important; + margin-left: 0px !important; } .pc div.arms div.weapons div.weapon-range div.row label[data-i18n-title="modeoptions"], .pc div.arms div.weapons div.weapon-range div.row label[data-i18n-title="range"], .pc div.arms div.weapons div.weapon-melee div.row label[data-i18n-title="modeoptions"], .pc div.arms div.weapons div.weapon-melee div.row label[data-i18n-title="range"] { - width: 25%; - margin-left: 0px; } + width: 25% !important; + margin-left: 0px !important; } .pc div.arms div.weapons div.weapon-range div.row input[type='number'], .pc div.arms div.weapons div.weapon-melee div.row input[type='number'] { - width: 3em; - margin-left: 0px; } + width: 3em !important; + margin-left: 0px !important; } .pc div.arms div.weapons div.weapon-range div.row select, .pc div.arms div.weapons div.weapon-melee div.row select { - width: 30%; - margin-left: 0px; } + width: 30% !important; + margin-left: 0px !important; } .pc div.arms div.weapons div.weapon-range div.exotic-warning, .pc div.arms div.weapons div.weapon-melee div.exotic-warning { - display: none; } + display: none !important; } .pc div.arms div.weapons div.weapon-range input[value='0'] + div.exotic-warning, .pc div.arms div.weapons div.weapon-melee input[value='0'] + div.exotic-warning { - display: block; } + display: block !important; } .pc div.arms div.armor div.headers { - grid-template-columns: 30% 3.5em 2.5em 2.5em 2.5em 2.5em 2.5em 1em 1em; } + grid-template-columns: 30% 3.5em 2.5em 2.5em 2.5em 2.5em 2.5em 1em 1em !important; } .pc div.arms div.armor div.repitem { - grid-template-columns: 30% 3.5em 2.5em 2.5em 2.5em 2.5em 2.5em 1em 1em; } + grid-template-columns: 30% 3.5em 2.5em 2.5em 2.5em 2.5em 2.5em 1em 1em !important; } .pc div.arms div.armor div.repitem label[data-i18n-title='notes'], .pc div.arms div.armor div.repitem h3[data-i18n='notes'], .pc div.arms div.armor div.repitem div.collapse { - grid-column: 1 / 11; } + grid-column: 1 / 11 !important; } .pc div.arms div.armor div.repitem input.collapse-flag { - grid-area: 1 / 9 / 1 / 10; } + grid-area: 1 / 9 / 1 / 10 !important; } .pc div.arms div.armor div.repitem input.collapse-flag + span.pictos, .pc div.arms div.armor div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.arms div.armor div.repitem input[type='checkbox'].collapse-flag + span, .pc div.arms div.armor div.repitem .settings-flag input[type='checkbox'].collapse-flag + span, .settings-flag .pc div.arms div.armor div.repitem input[type='checkbox'].collapse-flag + span, .pc div.arms div.armor div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.arms div.armor div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.arms div.armor div.repitem input.collapse-flag + span.repcontrol_edit:after, .pc div.arms div.armor div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after, .repcontrol .pc div.arms div.armor div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.arms div.armor div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.arms div.armor div.repitem input.collapse-flag + span.repcontrol_del { - grid-area: 1 / 9 / 1 / 10; } + grid-area: 1 / 9 / 1 / 10 !important; } .pc div.arms div.armor div.repitem input.settings-flag, .pc div.arms div.armor div.repitem input.settings-flag + span.pictos, .pc div.arms div.armor div.repitem .settings-toggle input[type='checkbox'].settings-flag + span, @@ -823,37 +820,37 @@ div.matrix-device .matrixFirewall { .repcontrol .pc div.arms div.armor div.repitem input.settings-flag + span.repcontrol_add:after, .pc div.arms div.armor div.repitem .itemcontrol input.settings-flag + span.repcontrol_del, .itemcontrol .pc div.arms div.armor div.repitem input.settings-flag + span.repcontrol_del { - grid-area: 1 / 10 / 1 / 11; } + grid-area: 1 / 10 / 1 / 11 !important; } .pc div.arms div.armor div.repitem div.settings { - grid-column: 1 / 11; - grid-template-columns: 30% 3.5em 2.5em 2.5em 2.5em 2.5em 2.5em 1em 1em; } + grid-column: 1 / 11 !important; + grid-template-columns: 30% 3.5em 2.5em 2.5em 2.5em 2.5em 2.5em 1em 1em !important; } .pc div.arms div.armor div.repitem div.settings div.row { - grid-column: 1 / 11; - margin-left: 0px; } + grid-column: 1 / 11 !important; + margin-left: 0px !important; } /*** AUGS ****/ .pc div.augs div.headers { - display: grid; - grid-template-columns: 1fr 5em 5em 1em 1em; } + display: grid !important; + grid-template-columns: 1fr 5em 5em 1em 1em !important; } .pc div.augs div.repitem { - grid-template-columns: 1fr 5em 5em 1em 1em; } + grid-template-columns: 1fr 5em 5em 1em 1em !important; } .pc div.augs div.repitem label[data-i18n-title='notes'], .pc div.augs div.repitem h3[data-i18n='notes'], .pc div.augs div.repitem label[data-i18n-title='modifications'], .pc div.augs div.repitem h3[data-i18n='modifications'], .pc div.augs div.repitem div.collapse { - grid-column: 1 / 6; } + grid-column: 1 / 6 !important; } .pc div.augs div.repitem input.collapse-flag { - grid-area: 1/1/1 / 5; - position: absolute; - width: 100%; } + grid-area: 1/1/1 / 5 !important; + position: absolute !important; + width: 100% !important; } .pc div.augs div.repitem input.collapse-flag + span.pictos, .pc div.augs div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.augs div.repitem input[type='checkbox'].collapse-flag + span, .pc div.augs div.repitem .settings-flag input[type='checkbox'].collapse-flag + span, .settings-flag .pc div.augs div.repitem input[type='checkbox'].collapse-flag + span, .pc div.augs div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.augs div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.augs div.repitem input.collapse-flag + span.repcontrol_edit:after, .pc div.augs div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after, .repcontrol .pc div.augs div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.augs div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.augs div.repitem input.collapse-flag + span.repcontrol_del { - grid-area: 1 / 4 / 1 / 5; } + grid-area: 1 / 4 / 1 / 5 !important; } .pc div.augs div.repitem input.settings-flag, .pc div.augs div.repitem input.settings-flag + span.pictos, .pc div.augs div.repitem .settings-toggle input[type='checkbox'].settings-flag + span, @@ -867,37 +864,37 @@ div.matrix-device .matrixFirewall { .repcontrol .pc div.augs div.repitem input.settings-flag + span.repcontrol_add:after, .pc div.augs div.repitem .itemcontrol input.settings-flag + span.repcontrol_del, .itemcontrol .pc div.augs div.repitem input.settings-flag + span.repcontrol_del { - grid-area: 1 / 5 / 1 / 6; } + grid-area: 1 / 5 / 1 / 6 !important; } .pc div.augs div.repitem input[name='attr_augementation'] { - text-align: left; } + text-align: left !important; } .pc div.augs div.repitem div.settings { - grid-column: 1 / 6; - grid-template-columns: 1fr 5em 5em 1em 1em; } + grid-column: 1 / 6 !important; + grid-template-columns: 1fr 5em 5em 1em 1em !important; } /*** GEAR ****/ .pc div.gear div.headers { - display: grid; - grid-template-columns: 1fr 5em 5em 1em 1em; } + display: grid !important; + grid-template-columns: 1fr 5em 5em 1em 1em !important; } .pc div.gear div.repitem { - grid-template-columns: 1fr 5em 5em 1em 1em; } + grid-template-columns: 1fr 5em 5em 1em 1em !important; } .pc div.gear div.repitem label[data-i18n-title='notes'], .pc div.gear div.repitem h3[data-i18n='notes'], .pc div.gear div.repitem label[data-i18n-title='modifications'], .pc div.gear div.repitem h3[data-i18n='modifications'], .pc div.gear div.repitem div.collapse { - grid-column: 1 / 6; } + grid-column: 1 / 6 !important; } .pc div.gear div.repitem input.collapse-flag { - grid-area: 1/1/1 / 5; - position: absolute; - width: 100%; } + grid-area: 1/1/1 / 5 !important; + position: absolute !important; + width: 100% !important; } .pc div.gear div.repitem input.collapse-flag + span.pictos, .pc div.gear div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.gear div.repitem input[type='checkbox'].collapse-flag + span, .pc div.gear div.repitem .settings-flag input[type='checkbox'].collapse-flag + span, .settings-flag .pc div.gear div.repitem input[type='checkbox'].collapse-flag + span, .pc div.gear div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.gear div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.gear div.repitem input.collapse-flag + span.repcontrol_edit:after, .pc div.gear div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after, .repcontrol .pc div.gear div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.gear div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.gear div.repitem input.collapse-flag + span.repcontrol_del { - grid-area: 1 / 4 / 1 / 5; } + grid-area: 1 / 4 / 1 / 5 !important; } .pc div.gear div.repitem input.settings-flag, .pc div.gear div.repitem input.settings-flag + span.pictos, .pc div.gear div.repitem .settings-toggle input[type='checkbox'].settings-flag + span, @@ -911,42 +908,42 @@ div.matrix-device .matrixFirewall { .repcontrol .pc div.gear div.repitem input.settings-flag + span.repcontrol_add:after, .pc div.gear div.repitem .itemcontrol input.settings-flag + span.repcontrol_del, .itemcontrol .pc div.gear div.repitem input.settings-flag + span.repcontrol_del { - grid-area: 1 / 5 / 1 / 6; } + grid-area: 1 / 5 / 1 / 6 !important; } .pc div.gear div.repitem input[name='attr_item'] { - text-align: left; } + text-align: left !important; } .pc div.gear div.repitem div.settings { - grid-column: 1 / 6; - grid-template-columns: 1fr 5em 5em 1em 1em; } + grid-column: 1 / 6 !important; + grid-template-columns: 1fr 5em 5em 1em 1em !important; } /***** MAGIC *****/ .pc div.magic { } .pc div.magic h2:nth-of-type(1n+2) { - text-align: center; } + text-align: center !important; } .pc div.magic h3 { - color: #040404; } + color: #040404 !important; } .pc div.magic div.headers { - display: grid; - grid-template-columns: 30% 1.5fr 1.5fr 2fr 2em 1em 1em; } + display: grid !important; + grid-template-columns: 30% 1.5fr 1.5fr 2fr 2em 1em 1em !important; } .pc div.magic div.headers h3:nth-of-type(1n+2) { - text-align: center; } + text-align: center !important; } /***** SPELLS *****/ .pc div.magic div.spellsFormulas div.repitem { - grid-template-columns: 30% 1.5fr 1.5fr 2fr 2em 1em 1em; } + grid-template-columns: 30% 1.5fr 1.5fr 2fr 2em 1em 1em !important; } .pc div.magic div.spellsFormulas div.repitem label[data-i18n-title='notes'], .pc div.magic div.spellsFormulas div.repitem h3[data-i18n='notes'], .pc div.magic div.spellsFormulas div.repitem div.collapse { - grid-column: 1 / 8; } + grid-column: 1 / 8 !important; } .pc div.magic div.spellsFormulas div.repitem input.collapse-flag { - grid-area: 1 / 6 / 1 / 7; } + grid-area: 1 / 6 / 1 / 7 !important; } .pc div.magic div.spellsFormulas div.repitem input.collapse-flag + span.pictos, .pc div.magic div.spellsFormulas div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.magic div.spellsFormulas div.repitem input[type='checkbox'].collapse-flag + span, .pc div.magic div.spellsFormulas div.repitem .settings-flag input[type='checkbox'].collapse-flag + span, .settings-flag .pc div.magic div.spellsFormulas div.repitem input[type='checkbox'].collapse-flag + span, .pc div.magic div.spellsFormulas div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.magic div.spellsFormulas div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.magic div.spellsFormulas div.repitem input.collapse-flag + span.repcontrol_edit:after, .pc div.magic div.spellsFormulas div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after, .repcontrol .pc div.magic div.spellsFormulas div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.magic div.spellsFormulas div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.magic div.spellsFormulas div.repitem input.collapse-flag + span.repcontrol_del { - grid-area: 1 / 6 / 1 / 7; } + grid-area: 1 / 6 / 1 / 7 !important; } .pc div.magic div.spellsFormulas div.repitem input.settings-flag, .pc div.magic div.spellsFormulas div.repitem input.settings-flag + span.pictos, .pc div.magic div.spellsFormulas div.repitem .settings-toggle input[type='checkbox'].settings-flag + span, @@ -960,33 +957,33 @@ div.matrix-device .matrixFirewall { .repcontrol .pc div.magic div.spellsFormulas div.repitem input.settings-flag + span.repcontrol_add:after, .pc div.magic div.spellsFormulas div.repitem .itemcontrol input.settings-flag + span.repcontrol_del, .itemcontrol .pc div.magic div.spellsFormulas div.repitem input.settings-flag + span.repcontrol_del { - grid-area: 1 / 7 / 1 / 8; } + grid-area: 1 / 7 / 1 / 8 !important; } .pc div.magic div.spellsFormulas div.repitem input[name='attr_damage'], .pc div.magic div.spellsFormulas div.repitem input[name='attr_dicepool_modifier'] { - width: 3.5em; } + width: 3.5em !important; } .pc div.magic div.spellsFormulas div.repitem select[name='attr_category'] { - grid-row: 2; } + grid-row: 2 !important; } .pc div.magic div.spellsFormulas div.repitem div.row { - grid-column: 1 / 6; - margin-left: 0px; } + grid-column: 1 / 6 !important; + margin-left: 0px !important; } .pc div.magic div.spellsFormulas div.repitem div.settings { - grid-column: 1 / 8; - grid-template-columns: 30% 1.5fr 1.5fr 2fr 2em .75em .75em; } + grid-column: 1 / 8 !important; + grid-template-columns: 30% 1.5fr 1.5fr 2fr 2em .75em .75em !important; } /***** RITUALS *****/ .pc div.magic div.magic-rituals label[data-i18n-title='notes'], .pc div.magic div.magic-rituals h3[data-i18n='notes'], .pc div.magic div.magic-rituals div.collapse { - grid-column: 1 / 4; } + grid-column: 1 / 4 !important; } .pc div.magic div.magic-rituals input.collapse-flag { - grid-area: 1 / 3 / 1 / 4; } + grid-area: 1 / 3 / 1 / 4 !important; } .pc div.magic div.magic-rituals input.collapse-flag + span.pictos, .pc div.magic div.magic-rituals .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.magic div.magic-rituals input[type='checkbox'].collapse-flag + span, .pc div.magic div.magic-rituals .settings-flag input[type='checkbox'].collapse-flag + span, .settings-flag .pc div.magic div.magic-rituals input[type='checkbox'].collapse-flag + span, .pc div.magic div.magic-rituals .flag-primary + div > input.collapse-flag + span, .pc div.magic div.magic-rituals .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.magic div.magic-rituals input.collapse-flag + span.repcontrol_edit:after, .pc div.magic div.magic-rituals .repcontrol input.collapse-flag + span.repcontrol_add:after, .repcontrol .pc div.magic div.magic-rituals input.collapse-flag + span.repcontrol_add:after, .pc div.magic div.magic-rituals .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.magic div.magic-rituals input.collapse-flag + span.repcontrol_del { - grid-area: 1 / 3 / 1 / 4; } + grid-area: 1 / 3 / 1 / 4 !important; } .pc div.magic div.magic-rituals input.settings-flag, .pc div.magic div.magic-rituals input.settings-flag + span.pictos, .pc div.magic div.magic-rituals .settings-toggle input[type='checkbox'].settings-flag + span, @@ -1000,44 +997,44 @@ div.matrix-device .matrixFirewall { .repcontrol .pc div.magic div.magic-rituals input.settings-flag + span.repcontrol_add:after, .pc div.magic div.magic-rituals .itemcontrol input.settings-flag + span.repcontrol_del, .itemcontrol .pc div.magic div.magic-rituals input.settings-flag + span.repcontrol_del { - grid-area: 1 / 4 / 1 / 5; } + grid-area: 1 / 4 / 1 / 5 !important; } .pc div.magic div.magic-rituals div.headers { - grid-template-columns: 1fr 6em 1em 1em; } + grid-template-columns: 1fr 6em 1em 1em !important; } .pc div.magic div.magic-rituals div.repitem { - grid-template-columns: 1fr 6em 1em 1em; } + grid-template-columns: 1fr 6em 1em 1em !important; } .pc div.magic div.magic-rituals div.repitem label[data-i18n-title='name'] { - grid-column: 1 / 1; } + grid-column: 1 / 1 !important; } .pc div.magic div.magic-rituals div.repitem label[data-i18n-title='threshold'] { - grid-column: 2 / 2; } + grid-column: 2 / 2 !important; } .pc div.magic div.magic-rituals div.repitem div.row { - grid-column: 1 / 5; - margin-left: 0px; } + grid-column: 1 / 5 !important; + margin-left: 0px !important; } .pc div.magic div.magic-rituals div.settings { - grid-template-columns: 1fr 6em 1em 1em; - grid-column: 1 / 5; } + grid-template-columns: 1fr 6em 1em 1em !important; + grid-column: 1 / 5 !important; } /***** PREPARATIONS *****/ .pc div.magic div.magic-preps textarea, .pc div.magic div.magic-spells textarea { - width: 93%; } + width: 93% !important; } .pc div.magic div.magic-preps { } .pc div.magic div.magic-preps div.prepared-preparations div.headers { - grid-template-columns: 40% 1fr 1fr 2fr 1em 1em; } + grid-template-columns: 40% 1fr 1fr 2fr 1em 1em !important; } .pc div.magic div.magic-preps div.prepared-preparations div.repitem { - grid-template-columns: 40% 1fr 1fr 2fr 1em 1em; } + grid-template-columns: 40% 1fr 1fr 2fr 1em 1em !important; } .pc div.magic div.magic-preps div.prepared-preparations div.repitem label[data-i18n-title='notes'], .pc div.magic div.magic-preps div.prepared-preparations div.repitem h3[data-i18n='notes'], .pc div.magic div.magic-preps div.prepared-preparations div.repitem div.collapse { - grid-column: 1 / 7; } + grid-column: 1 / 7 !important; } .pc div.magic div.magic-preps div.prepared-preparations div.repitem input.collapse-flag { - grid-area: 1 / 5 / 1 / 6; } + grid-area: 1 / 5 / 1 / 6 !important; } .pc div.magic div.magic-preps div.prepared-preparations div.repitem input.collapse-flag + span.pictos, .pc div.magic div.magic-preps div.prepared-preparations div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.magic div.magic-preps div.prepared-preparations div.repitem input[type='checkbox'].collapse-flag + span, .pc div.magic div.magic-preps div.prepared-preparations div.repitem .settings-flag input[type='checkbox'].collapse-flag + span, .settings-flag .pc div.magic div.magic-preps div.prepared-preparations div.repitem input[type='checkbox'].collapse-flag + span, .pc div.magic div.magic-preps div.prepared-preparations div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.magic div.magic-preps div.prepared-preparations div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.magic div.magic-preps div.prepared-preparations div.repitem input.collapse-flag + span.repcontrol_edit:after, .pc div.magic div.magic-preps div.prepared-preparations div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after, .repcontrol .pc div.magic div.magic-preps div.prepared-preparations div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.magic div.magic-preps div.prepared-preparations div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.magic div.magic-preps div.prepared-preparations div.repitem input.collapse-flag + span.repcontrol_del { - grid-area: 1 / 5 / 1 / 6; } + grid-area: 1 / 5 / 1 / 6 !important; } .pc div.magic div.magic-preps div.prepared-preparations div.repitem input.settings-flag, .pc div.magic div.magic-preps div.prepared-preparations div.repitem input.settings-flag + span.pictos, .pc div.magic div.magic-preps div.prepared-preparations div.repitem .settings-toggle input[type='checkbox'].settings-flag + span, @@ -1051,40 +1048,40 @@ div.matrix-device .matrixFirewall { .repcontrol .pc div.magic div.magic-preps div.prepared-preparations div.repitem input.settings-flag + span.repcontrol_add:after, .pc div.magic div.magic-preps div.prepared-preparations div.repitem .itemcontrol input.settings-flag + span.repcontrol_del, .itemcontrol .pc div.magic div.magic-preps div.prepared-preparations div.repitem input.settings-flag + span.repcontrol_del { - grid-area: 1 / 6 / 1 / 7; } + grid-area: 1 / 6 / 1 / 7 !important; } .pc div.magic div.magic-preps div.prepared-preparations div.repitem div.settings { - grid-column: 1 / 7; - grid-template-columns: 40% 1fr 1fr 2fr 1em 1em; } + grid-column: 1 / 7 !important; + grid-template-columns: 40% 1fr 1fr 2fr 1em 1em !important; } .pc div.magic div.magic-preps div.repitem div.row { - grid-column: 1 / 7; - margin-left: 0px; } + grid-column: 1 / 7 !important; + margin-left: 0px !important; } .pc div.magic div.magic-preps div.prepared-preparations div.repitem div.settings select { - grid-column: 4 / 7; } + grid-column: 4 / 7 !important; } .pc div.magic div.magic-preps div.prepared-preparations div.repitem div.settings textarea { - width: 100%; } + width: 100% !important; } /***** ADEPT POWERS *****/ .pc div.magic div.powers-adept div.headers { - grid-template-columns: 1fr 3em 5em 1em 1em; } + grid-template-columns: 1fr 3em 5em 1em 1em !important; } .pc div.magic div.powers-adept div.repitem { - grid-template-columns: 1fr 3em 5em 1em 1em; } + grid-template-columns: 1fr 3em 5em 1em 1em !important; } .pc div.magic div.powers-adept div.repitem label[data-i18n-title='notes'], .pc div.magic div.powers-adept div.repitem h3[data-i18n='notes'], .pc div.magic div.powers-adept div.repitem label[data-i18n-title='modifications'], .pc div.magic div.powers-adept div.repitem h3[data-i18n='modifications'], .pc div.magic div.powers-adept div.repitem div.collapse { - grid-column: 1 / 6; } + grid-column: 1 / 6 !important; } .pc div.magic div.powers-adept div.repitem input.collapse-flag { - grid-area: 1 / 4 / 1 / 5; - position: absolute; - width: 100%; } + grid-area: 1 / 4 / 1 / 5 !important; + position: absolute !important; + width: 100% !important; } .pc div.magic div.powers-adept div.repitem input.collapse-flag + span.pictos, .pc div.magic div.powers-adept div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.magic div.powers-adept div.repitem input[type='checkbox'].collapse-flag + span, .pc div.magic div.powers-adept div.repitem .settings-flag input[type='checkbox'].collapse-flag + span, .settings-flag .pc div.magic div.powers-adept div.repitem input[type='checkbox'].collapse-flag + span, .pc div.magic div.powers-adept div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.magic div.powers-adept div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.magic div.powers-adept div.repitem input.collapse-flag + span.repcontrol_edit:after, .pc div.magic div.powers-adept div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after, .repcontrol .pc div.magic div.powers-adept div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.magic div.powers-adept div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.magic div.powers-adept div.repitem input.collapse-flag + span.repcontrol_del { - grid-area: 1 / 4 / 1 / 5; } + grid-area: 1 / 4 / 1 / 5 !important; } .pc div.magic div.powers-adept div.repitem input.settings-flag, .pc div.magic div.powers-adept div.repitem input.settings-flag + span.pictos, .pc div.magic div.powers-adept div.repitem .settings-toggle input[type='checkbox'].settings-flag + span, @@ -1098,34 +1095,34 @@ div.matrix-device .matrixFirewall { .repcontrol .pc div.magic div.powers-adept div.repitem input.settings-flag + span.repcontrol_add:after, .pc div.magic div.powers-adept div.repitem .itemcontrol input.settings-flag + span.repcontrol_del, .itemcontrol .pc div.magic div.powers-adept div.repitem input.settings-flag + span.repcontrol_del { - grid-area: 1 / 5 / 1 / 6; } + grid-area: 1 / 5 / 1 / 6 !important; } .pc div.magic div.powers-adept div.repitem div.settings { - grid-column: 1 / 6; - grid-template-columns: 1fr 3em 5em 1em 1em; } + grid-column: 1 / 6 !important; + grid-template-columns: 1fr 3em 5em 1em 1em !important; } /***** Conjuring *****/ .pc div.magic div.powers-conjuring div.headers { - grid-template-columns: 1fr 3em 1em 1em; } + grid-template-columns: 1fr 3em 1em 1em !important; } .pc div.magic div.powers-conjuring div.repitem { - grid-template-columns: 1fr 3em 1em 1em; } + grid-template-columns: 1fr 3em 1em 1em !important; } .pc div.magic div.powers-conjuring div.repitem label[data-i18n-title='notes'], .pc div.magic div.powers-conjuring div.repitem h3[data-i18n='notes'], .pc div.magic div.powers-conjuring div.repitem label[data-i18n-title='modifications'], .pc div.magic div.powers-conjuring div.repitem h3[data-i18n='modifications'], .pc div.magic div.powers-conjuring div.repitem div.collapse { - grid-column: 1 / 5; } + grid-column: 1 / 5 !important; } .pc div.magic div.powers-conjuring div.repitem input.collapse-flag { - grid-area: 1 / 1 / 1 / 4; - position: absolute; - width: 100%; } + grid-area: 1 / 1 / 1 / 4 !important; + position: absolute !important; + width: 100% !important; } .pc div.magic div.powers-conjuring div.repitem input.collapse-flag + span.pictos, .pc div.magic div.powers-conjuring div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.magic div.powers-conjuring div.repitem input[type='checkbox'].collapse-flag + span, .pc div.magic div.powers-conjuring div.repitem .settings-flag input[type='checkbox'].collapse-flag + span, .settings-flag .pc div.magic div.powers-conjuring div.repitem input[type='checkbox'].collapse-flag + span, .pc div.magic div.powers-conjuring div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.magic div.powers-conjuring div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.magic div.powers-conjuring div.repitem input.collapse-flag + span.repcontrol_edit:after, .pc div.magic div.powers-conjuring div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after, .repcontrol .pc div.magic div.powers-conjuring div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.magic div.powers-conjuring div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.magic div.powers-conjuring div.repitem input.collapse-flag + span.repcontrol_del { - grid-area: 1 / 3 / 1 / 4; } + grid-area: 1 / 3 / 1 / 4 !important; } .pc div.magic div.powers-conjuring div.repitem input.settings-flag, .pc div.magic div.powers-conjuring div.repitem input.settings-flag + span.pictos, .pc div.magic div.powers-conjuring div.repitem .settings-toggle input[type='checkbox'].settings-flag + span, @@ -1139,38 +1136,38 @@ div.matrix-device .matrixFirewall { .repcontrol .pc div.magic div.powers-conjuring div.repitem input.settings-flag + span.repcontrol_add:after, .pc div.magic div.powers-conjuring div.repitem .itemcontrol input.settings-flag + span.repcontrol_del, .itemcontrol .pc div.magic div.powers-conjuring div.repitem input.settings-flag + span.repcontrol_del { - grid-area: 1 / 4 / 1 / 5; } + grid-area: 1 / 4 / 1 / 5 !important; } .pc div.magic div.powers-conjuring div.repitem div.row { - grid-column: 1 / 5; - margin-left: 0px; } + grid-column: 1 / 5 !important; + margin-left: 0px !important; } .pc div.magic div.powers-conjuring div.repitem div.settings { - grid-column: 1 / 5; - grid-template-columns: 1fr 3em 1em 1em; } + grid-column: 1 / 5 !important; + grid-template-columns: 1fr 3em 1em 1em !important; } /***** METAMAGIC *****/ .pc div.magic div.powers-meta div.headers { - grid-template-columns: 1fr 3em 1em 1em; } + grid-template-columns: 1fr 3em 1em 1em !important; } .pc div.magic div.powers-meta div.repitem { - grid-template-columns: 1fr 3em 1em 1em; } + grid-template-columns: 1fr 3em 1em 1em !important; } .pc div.magic div.powers-meta div.repitem label[data-i18n-title='notes'], .pc div.magic div.powers-meta div.repitem h3[data-i18n='notes'], .pc div.magic div.powers-meta div.repitem label[data-i18n-title='modifications'], .pc div.magic div.powers-meta div.repitem h3[data-i18n='modifications'], .pc div.magic div.powers-meta div.repitem div.collapse { - grid-column: 1 / 5; } + grid-column: 1 / 5 !important; } .pc div.magic div.powers-meta div.repitem input.collapse-flag { - grid-area: 1 / 1 / 1 / 4; - position: absolute; - width: 100%; } + grid-area: 1 / 1 / 1 / 4 !important; + position: absolute !important; + width: 100% !important; } .pc div.magic div.powers-meta div.repitem input.collapse-flag + span.pictos, .pc div.magic div.powers-meta div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.magic div.powers-meta div.repitem input[type='checkbox'].collapse-flag + span, .pc div.magic div.powers-meta div.repitem .settings-flag input[type='checkbox'].collapse-flag + span, .settings-flag .pc div.magic div.powers-meta div.repitem input[type='checkbox'].collapse-flag + span, .pc div.magic div.powers-meta div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.magic div.powers-meta div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.magic div.powers-meta div.repitem input.collapse-flag + span.repcontrol_edit:after, .pc div.magic div.powers-meta div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after, .repcontrol .pc div.magic div.powers-meta div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.magic div.powers-meta div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.magic div.powers-meta div.repitem input.collapse-flag + span.repcontrol_del { - grid-area: 1 / 3 / 1 / 4; } + grid-area: 1 / 3 / 1 / 4 !important; } .pc div.magic div.powers-meta div.repitem input.settings-flag, .pc div.magic div.powers-meta div.repitem input.settings-flag + span.pictos, .pc div.magic div.powers-meta div.repitem .settings-toggle input[type='checkbox'].settings-flag + span, @@ -1184,32 +1181,32 @@ div.matrix-device .matrixFirewall { .repcontrol .pc div.magic div.powers-meta div.repitem input.settings-flag + span.repcontrol_add:after, .pc div.magic div.powers-meta div.repitem .itemcontrol input.settings-flag + span.repcontrol_del, .itemcontrol .pc div.magic div.powers-meta div.repitem input.settings-flag + span.repcontrol_del { - grid-area: 1 / 4 / 1 / 5; } + grid-area: 1 / 4 / 1 / 5 !important; } .pc div.magic div.powers-meta div.repitem div.settings { - grid-column: 1 / 5; - grid-template-columns: 1fr 3em 1em 1em; } + grid-column: 1 / 5 !important; + grid-template-columns: 1fr 3em 1em 1em !important; } /*** MATRIX ****/ .pc div.matrix h3 { - color: #040404; } + color: #040404 !important; } .pc div.matrix div.programs div.repitem { - grid-template-columns: 1fr 1em 1em; } + grid-template-columns: 1fr 1em 1em !important; } .pc div.matrix div.programs div.repitem label[data-i18n-title='notes'], .pc div.matrix div.programs div.repitem h3[data-i18n='notes'], .pc div.matrix div.programs div.repitem div.collapse { - grid-column: 1 / 4; } + grid-column: 1 / 4 !important; } .pc div.matrix div.programs div.repitem input.collapse-flag { - grid-area: 1/1/1 / 3; - position: absolute; - width: 100%; } + grid-area: 1/1/1 / 3 !important; + position: absolute !important; + width: 100% !important; } .pc div.matrix div.programs div.repitem input.collapse-flag + span.pictos, .pc div.matrix div.programs div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.matrix div.programs div.repitem input[type='checkbox'].collapse-flag + span, .pc div.matrix div.programs div.repitem .settings-flag input[type='checkbox'].collapse-flag + span, .settings-flag .pc div.matrix div.programs div.repitem input[type='checkbox'].collapse-flag + span, .pc div.matrix div.programs div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.matrix div.programs div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.matrix div.programs div.repitem input.collapse-flag + span.repcontrol_edit:after, .pc div.matrix div.programs div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after, .repcontrol .pc div.matrix div.programs div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.matrix div.programs div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.matrix div.programs div.repitem input.collapse-flag + span.repcontrol_del { - grid-area: 1 / 2 / 1 / 3; } + grid-area: 1 / 2 / 1 / 3 !important; } .pc div.matrix div.programs div.repitem input.settings-flag, .pc div.matrix div.programs div.repitem input.settings-flag + span.pictos, .pc div.matrix div.programs div.repitem .settings-toggle input[type='checkbox'].settings-flag + span, @@ -1223,33 +1220,33 @@ div.matrix-device .matrixFirewall { .repcontrol .pc div.matrix div.programs div.repitem input.settings-flag + span.repcontrol_add:after, .pc div.matrix div.programs div.repitem .itemcontrol input.settings-flag + span.repcontrol_del, .itemcontrol .pc div.matrix div.programs div.repitem input.settings-flag + span.repcontrol_del { - grid-area: 1 / 3 / 1 / 4; } + grid-area: 1 / 3 / 1 / 4 !important; } .pc div.matrix div.programs div.settings { - grid-column: 1 / 4; } + grid-column: 1 / 4 !important; } .pc div.matrix div.programs div.settings input[type='text'] { - grid-column: 1 / 4; - text-align: left; } + grid-column: 1 / 4 !important; + text-align: left !important; } .pc div.matrix div.programs div.settings label { - grid-column: 1 / 4; } + grid-column: 1 / 4 !important; } .pc div.matrix div.complex-forms div.headers { - display: grid; - grid-template-columns: 30% 1fr 1fr 4em 1em 1em; } + display: grid !important; + grid-template-columns: 30% 1fr 1fr 4em 1em 1em !important; } .pc div.matrix div.complex-forms div.headers h2:nth-of-type(1n+2) { - text-align: center; } + text-align: center !important; } .pc div.matrix div.complex-forms div.repitem { - grid-template-columns: 30% 1fr 1fr 4em 1em 1em; } + grid-template-columns: 30% 1fr 1fr 4em 1em 1em !important; } .pc div.matrix div.complex-forms div.repitem label[data-i18n-title='notes'], .pc div.matrix div.complex-forms div.repitem h3[data-i18n='notes'], .pc div.matrix div.complex-forms div.repitem div.collapse { - grid-column: 1 / 7; } + grid-column: 1 / 7 !important; } .pc div.matrix div.complex-forms div.repitem input.collapse-flag { - grid-area: 1 / 5 / 1 / 6; } + grid-area: 1 / 5 / 1 / 6 !important; } .pc div.matrix div.complex-forms div.repitem input.collapse-flag + span.pictos, .pc div.matrix div.complex-forms div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.matrix div.complex-forms div.repitem input[type='checkbox'].collapse-flag + span, .pc div.matrix div.complex-forms div.repitem .settings-flag input[type='checkbox'].collapse-flag + span, .settings-flag .pc div.matrix div.complex-forms div.repitem input[type='checkbox'].collapse-flag + span, .pc div.matrix div.complex-forms div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.matrix div.complex-forms div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.matrix div.complex-forms div.repitem input.collapse-flag + span.repcontrol_edit:after, .pc div.matrix div.complex-forms div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after, .repcontrol .pc div.matrix div.complex-forms div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.matrix div.complex-forms div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.matrix div.complex-forms div.repitem input.collapse-flag + span.repcontrol_del { - grid-area: 1 / 5 / 1 / 6; } + grid-area: 1 / 5 / 1 / 6 !important; } .pc div.matrix div.complex-forms div.repitem input.settings-flag, .pc div.matrix div.complex-forms div.repitem input.settings-flag + span.pictos, .pc div.matrix div.complex-forms div.repitem .settings-toggle input[type='checkbox'].settings-flag + span, @@ -1263,207 +1260,207 @@ div.matrix-device .matrixFirewall { .repcontrol .pc div.matrix div.complex-forms div.repitem input.settings-flag + span.repcontrol_add:after, .pc div.matrix div.complex-forms div.repitem .itemcontrol input.settings-flag + span.repcontrol_del, .itemcontrol .pc div.matrix div.complex-forms div.repitem input.settings-flag + span.repcontrol_del { - grid-area: 1 / 6 / 1 / 7; } + grid-area: 1 / 6 / 1 / 7 !important; } .pc div.matrix div.complex-forms div.repitem div.row { - grid-column: 1 / 7; - margin-left: 0px; } + grid-column: 1 / 7 !important; + margin-left: 0px !important; } .pc div.matrix div.complex-forms div.repitem div.settings { - grid-column: 1 / 7; - grid-template-columns: 30% 1fr 1fr 4em 1em 1em; } + grid-column: 1 / 7 !important; + grid-template-columns: 30% 1fr 1fr 4em 1em 1em !important; } /***** PC ROWS & COLUMNS SETTINGS *****/ .pc-row { - margin-bottom: 10px; } + margin-bottom: 10px !important; } .pc-col { - vertical-align: top; - width: calc(50% - 5px); } + vertical-align: top !important; + width: calc(50% - 5px) !important; } .pc-col:first-child { - margin-right: 1.5%; - width: calc(50% - 10px); } + margin-right: 1.5% !important; + width: calc(50% - 10px) !important; } .row-long { - border-bottom: 1px solid #000; } + border-bottom: 1px solid #000 !important; } .settings-row { - margin-top: 5px; } + margin-top: 5px !important; } .settings-row select.skill-select { - width: 29%; } + width: 29% !important; } /***** HEADERS AND TRIANGLES *****/ div.header { - display: inline-flex; - float: right; - height: 20px; } + display: inline-flex !important; + float: right !important; + height: 20px !important; } div.triangle, div.right-tri { - border-top: 20px solid transparent; } + border-top: 20px solid transparent !important; } div.triangle { - border-right: 30px solid #460141; } + border-right: 30px solid #460141 !important; } div.right-tri { - border-left: 30px solid #460141; } + border-left: 30px solid #460141 !important; } div.right-header { - margin-right: -8%; - float: left; } + margin-right: -8% !important; + float: left !important; } div.left-header { - margin-left: -8%; - float: right; } + margin-left: -8% !important; + float: right !important; } /***** SECONDARY HEADERS LIKE ON SKILLS *****/ div.htab input[type='radio'] { - margin-right: -80px; - top: 4px; - width: 80px; } + margin-right: -80px !important; + top: 4px !important; + width: 80px !important; } div.htab input[type='radio'] + h1 { - color: #9a9a9a; } + color: #9a9a9a !important; } div.htab input[type='radio']:hover ~ h1, div.htab input[type='radio']:checked ~ h1 { - color: #fff; } + color: #fff !important; } /***** BOXES FOR DIFFERENT PC SECTIONS *****/ .pc-box { - background-color: #e7e6e5; - margin-left: 1.5px; - margin-right: 1.5px; - padding-left: 5px; - padding-right: 5px; - height: auto; } + background-color: #e7e6e5 !important; + margin-left: 1.5px !important; + margin-right: 1.5px !important; + padding-left: 5px !important; + padding-right: 5px !important; + height: auto !important; } .small-box { - min-height: 150px; } + min-height: 150px !important; } .medium-box { - min-height: 330px; } + min-height: 330px !important; } /***** CHARACTER PERSONAL DATA SECTION INPUTS *****/ .pd-nam input[type='text'] { - width: 66%; } + width: 66% !important; } .pd-meta input[type='text'] { - width: 35.5%; } + width: 35.5% !important; } .pd-age input[type='text'] { - width: 13%; } + width: 13% !important; } .pd-rep input[type='number'] { - border: none; - width: 13.5%; } + border: none !important; + width: 13.5% !important; } .pd-kar input[type='number'], .pd-kar input[type='text'] { - border: none; - width: 13.5%; } + border: none !important; + width: 13.5% !important; } .pd-rep input[name='attr_nuyen'], input[name='attr_nuyen'] { - width: 7em; - text-align: left; } + width: 7em !important; + text-align: left !important; } h2[data-i18n='nuyen'], h3[data-i18n='nuyen'] { - font-size: 15px; - vertical-align: middle; } + font-size: 15px !important; + vertical-align: middle !important; } /***** CORE COMBAT INFO *****/ .core-combat button[type='roll'] { - font-size: 0.9em; - text-align: left; } + font-size: 0.9em !important; + text-align: left !important; } .core-combat h2, .core-combat h3 { - margin-right: 0px; } + margin-right: 0px !important; } .core-combat button[name="roll_soak"] { } .core-combat button[name="roll_soak"] > span { - display: block; - overflow: hidden; - text-overflow: ellipsis; - width: 100%; } + display: block !important; + overflow: hidden !important; + text-overflow: ellipsis !important; + width: 100% !important; } .flag-primary + div { - display: none; } + display: none !important; } .flag-primary[value='primary'] + div { - display: inline; - margin-right: -5%; } + display: inline !important; + margin-right: -5% !important; } /***** PRIMARY WEAPON *****/ .cc-row {} .cc-row button[type='action'] { - font-family: fontello; } + font-family: fontello !important; } .cc-row button[name*='primary_ammo'] { } /** The x# after ammo button **/ .cc-row button[type='action'] > span { - display: inline; - margin-left: 0px; } + display: inline !important; + margin-left: 0px !important; } .cc-row button[type='action'] > span:before { - content: 'x'; } + content: 'x' !important; } .cc-row button[name*='shots'], .cc-row button[name='act_reload'], .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; } + border-bottom: 2px solid #666 !important; + border-bottom-right-radius: 2px !important; + border-color: #aaa !important; + border-radius: 5px !important; + border-right: 3px solid #999 !important; + border-style: outset !important; } .cc-row button[name*='shots_remove'] { - transform: rotate(180deg); + transform: rotate(180deg) !important; /* IE 9 */ - -ms-transform: rotate(180deg); + -ms-transform: rotate(180deg) !important; /* Safari 3-8 */ - -webkit-transform: rotate(180deg); } + -webkit-transform: rotate(180deg) !important; } .cc-row button[type='roll'] > span, .cc-row h3 + span { - display: inline-block; - margin-left: 1%; } + display: inline-block !important; + margin-left: 1% !important; } .cc-row span[name*='ammo'] { } .cc-row span[name*='ammo_max']:before { - content: '/'; } + content: '/' !important; } .cc-row span[name*='fired'] { - font-size: 0.9em; } + font-size: 0.9em !important; } /***** Primary Melee Weapon Display *****/ div.primary-melee { - display: grid; - grid-template-columns: auto 1fr 3em 3em 1.5em 1.5em 1.5em 1.5em 1.5em; } + display: grid !important; + grid-template-columns: auto 1fr 3em 3em 1.5em 1.5em 1.5em 1.5em 1.5em !important; } /***** Primary Range Weapon Display *****/ div.primary-range { - display: grid; - grid-template-columns: auto 1fr 3em 3em 1.5em 1.5em 1.5em 1.5em 1.5em; } + display: grid !important; + grid-template-columns: auto 1fr 3em 3em 1.5em 1.5em 1.5em 1.5em 1.5em !important; } div.primary-range-row2 { - display: grid; - grid-template-columns: auto 1fr 2em 4em 2em 2em 2em 2em; } + display: grid !important; + grid-template-columns: auto 1fr 2em 4em 2em 2em 2em 2em !important; } /***** Armor Display *****/ div.armor-info { - display: grid; - width: 100%; - grid-template-columns: 5em 3em auto 3em auto 1fr; } + display: grid !important; + width: 100% !important; + grid-template-columns: 5em 3em auto 3em auto 1fr !important; } div.armor-resists { - display: grid; - grid-template-columns: .2fr .2fr .2fr .2fr .2fr; } + display: grid !important; + grid-template-columns: .2fr .2fr .2fr .2fr .2fr !important; } div.armor-resist { - text-align: left; } + text-align: left !important; } span.armor-resist-value { - background-color: white; - border: 1px solid black; - border-radius: 1px; - text-align: center; - vertical-align: middle; - padding: 2px 2px; } + background-color: white !important; + border: 1px solid black !important; + border-radius: 1px !important; + text-align: center !important; + vertical-align: middle !important; + padding: 2px 2px !important; } span.chem { - color: #006400; - text-shadow: 0px 0px 3px black; } + color: #006400 !important; + text-shadow: 0px 0px 3px black !important; } span.cold { - color: #0000ff; - text-shadow: 0px 0px 3px black; } + color: #0000ff !important; + text-shadow: 0px 0px 3px black !important; } span.elec { - color: #ffff00; - text-shadow: 0px 0px 3px black; } + color: #ffff00 !important; + text-shadow: 0px 0px 3px black !important; } span.fire { - color: #ff0000; - text-shadow: 0px 0px 3px black; } + color: #ff0000 !important; + text-shadow: 0px 0px 3px black !important; } @@ -1472,183 +1469,185 @@ h2[data-i18n='nuyen'], h3[data-i18n='nuyen'] { /***** ATTRIBUTE AND CONDITION MONITOR *****/ /***** ATTRIBUTES BOX *****/ .attr-box h3 { - color: #000; } + color: #000 !important; } .attr-col { - display: inline-block; - margin-top: 15px; - vertical-align: top; - width: 48%; } + display: inline-block !important; + margin-top: 15px !important; + vertical-align: top !important; + width: 48% !important; } .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%; } + border-bottom: 1px solid #000 !important; + border-radius: 0px !important; + cursor: pointer !important; + font-size: 0.9em !important; + font-weight: bold !important; + margin-left: 0px !important; + padding-right: 2px !important; + text-align: right !important; + width: 30% !important; } .attr-col button > span { - font-weight: bold; } + font-weight: bold !important; } .attr-col input[type='number'] { - border-radius: 0px; - width: 23%; - font-weight: bold; } + border-radius: 0px !important; + width: 23% !important; + font-weight: bold !important; } .attr-col input[type='text'] { - width: 50%; } + width: 50% !important; } .attr-col .totals { - padding: 0px 2px; } + padding: 0px 2px !important; } .attr-col-left { - margin-left: -7%; } + margin-left: -7% !important; } .attr-col-right { - width: 50%; } + width: 50% !important; } .attr-col-right button[type='roll'] { - margin-right: 0px; - width: 55%; } + margin-right: 0px !important; + width: 55% !important; } .attr-col-right .attr-ini input[type='number'] { - width: 17%; } + width: 17% !important; } .attr-col-right label { - border-bottom: 1px solid #000; - font-size: 0.9em; - height: 22px; - text-align: right; - width: 55%; } + border-bottom: 1px solid #000 !important; + font-size: 0.9em !important; + height: 22px !important; + text-align: right !important; + width: 55% !important; } .attr-col-right .attr-und { - width: 38%; } + width: 38% !important; } + .attr-und input[name="attr_move_speed"], attr-und input[name="attr_sprint_speed"] { + width: 3em; !important; } .settings-toggle:checked ~ .attr-col-right .attr-ini { - width: 63%; } + width: 63% !important; } .settings-toggle:checked ~ .attr-col-right button.attr-ini { - width: 35%; } + width: 35% !important; } .settings-toggle:checked ~ .attr-col-right button.attr-ini .init-settings { - display: inline; } + display: inline !important; } .attr-col-right button.attr-ini .init-settings, .settings-toggle:checked ~ .attr-col-right button.attr-ini .init-display { - display: none; } + display: none !important; } .attr-und { - border-bottom: 1px solid #000; - display: inline-block; - height: 22px; - margin-bottom: 4px; - vertical-align: top; - text-align: center; - width: 65%; } + border-bottom: 1px solid #000 !important; + display: inline-block !important; + height: 22px !important; + margin-bottom: 4px !important; + vertical-align: top !important; + text-align: center !important; + width: 65% !important; } .attr-und .display { - text-align: center; } + text-align: center !important; } .tiny-span { - font-size: 0.75em; } + font-size: 0.75em !important; } /***** ATTRIBUTE LIMITS *****/ .attr-lim { - margin-top: 20px; } + margin-top: 20px !important; } .attr-lim div { - display: inline-block; - height: 22px; - text-align: center; - width: 10%; } + display: inline-block !important; + height: 22px !important; + text-align: center !important; + width: 10% !important; } .attr-lim input[type='number'] { - width: 6%; } + width: 6% !important; } .attr-lim label { - width: auto; } + width: auto !important; } .attr-lim span + span { - margin-right: 1%; } + margin-right: 1% !important; } .attr-lim .display { - width: 100%; } + width: 100% !important; } /***** ATTRIBUTE AND CONDITION MONITOR SETTINGS TOGGLES *****/ /***** ATTRIBUTE SETTINGS TOGGLE *****/ .attr-box input.settings-toggle { - left: 98%; } + left: 98% !important; } .attr-box input.settings-toggle + span { - font-size: 1em; - left: 94%; - top: 0px; - position: relative; } + font-size: 1em !important; + left: 94% !important; + top: 0px !important; + position: relative !important; } /***** CONDITION SETTINGS TOGGLE *****/ .condition-box input[type='checkbox'] { - left: -1%; } + left: -1% !important; } .condition-box input[type='checkbox'] + span { - left: -4%; - position: relative; } + left: -4% !important; + position: relative !important; } /***** CONDITION MONITOR SECTION *****/ .con-track { - display: inline-block; - vertical-align: top; - width: 47%; - margin-top: 2%; - margin-bottom: 3%; } + display: inline-block !important; + vertical-align: top !important; + width: 47% !important; + margin-top: 2% !important; + margin-bottom: 3% !important; } .con-track button[type='action'] { - font-size: 1em; - font-weight: bold; - text-align: center; - padding: 1% 2%; - margin-left: 7%; - width: 100%; } + font-size: 1em !important; + font-weight: bold !important; + text-align: center !important; + padding: 1% 2% !important; + margin-left: 7% !important; + width: 100% !important; } /***** CONDITION MONITOR SETTINGS *****/ .condition-box .display, .condition-box .settings { - margin-top: -10px; } + margin-top: -10px !important; } /***** CONDITION MONITOR DISPLAY*****/ .condition-box .settings { } .condition-box .settings input { - border-bottom: 1px solid #000; - border-radius: 0px; - height: 22px; - margin-bottom: 5px; } + border-bottom: 1px solid #000 !important; + border-radius: 0px !important; + height: 22px !important; + margin-bottom: 5px !important; } .condition-box .settings .con-footer { - margin-top: 0px; - text-indent: 10px; } + margin-top: 0px !important; + text-indent: 10px !important; } .condition-box .settings .con-footer .attr-und { - display: inline-block; - margin-bottom: -5px; - text-align: center; - width: 60%; } + display: inline-block !important; + margin-bottom: -5px !important; + text-align: center !important; + width: 60% !important; } /***** CONDITION MONITOR SQUARES *****/ .squares { - margin-left: 20%; - width: 70%; } + margin-left: 20% !important; + width: 70% !important; } .squares div { - background-color: transparent; - border-right: none; - left: 85%; - margin-bottom: -20px; - position: relative; - top: -15px; } + background-color: transparent !important; + border-right: none !important; + left: 85% !important; + margin-bottom: -20px !important; + position: relative !important; + top: -15px !important; } .squares input[type='radio'], .squares span { - height: 45px; - width: 33%; } + height: 45px !important; + width: 33% !important; } .squares input[type='radio'] { - clear: both; - left: 2px; - margin-right: -43px; - position: relative; - top: 6px; } + clear: both !important; + left: 2px !important; + margin-right: -43px !important; + position: relative !important; + top: 6px !important; } .squares span { - background-color: #9a9a9a; - border-radius: 0px; - border: 2px solid #460141; - box-shadow: inset 0px 0px 3px 1px #7c7c7c; - display: inline-block; - margin-bottom: -25px; - margin-right: -7px; } + background-color: #9a9a9a !important; + border-radius: 0px !important; + border: 2px solid #460141 !important; + box-shadow: inset 0px 0px 3px 1px #7c7c7c !important; + display: inline-block !important; + margin-bottom: -25px !important; + margin-right: -7px !important; } .squares input[type='radio']:checked ~ input[type='radio'] + span, .con-track input[type='radio']:checked ~ .squares span, .con-track input[type='hidden'][value='0'] ~ .squares span { - background-color: transparent; } + background-color: transparent !important; } /***** MAKE CONDTION SQUARES APPEAR & DISPPEAR *****/ .hex-hider[value='8'] ~ input[type='radio']:nth-child(1n+19), @@ -1673,7 +1672,7 @@ h2[data-i18n='nuyen'], h3[data-i18n='nuyen'] { .hex-hider[value='16'] ~ div:nth-child(1n+38), .hex-hider[value='17'] ~ div:nth-child(1n+38), .hex-hider[value='18'] ~ div:nth-child(1n+48) { - display: none; } + display: none !important; } .hex-hider[value='8'] ~ input[type='radio']:nth-child(1n+19) + span, .hex-hider[value='9'] ~ input[type='radio']:nth-child(1n+21) + span, @@ -1686,20 +1685,20 @@ h2[data-i18n='nuyen'], h3[data-i18n='nuyen'] { .hex-hider[value='16'] ~ input[type='radio']:nth-child(1n+38) + span, .hex-hider[value='17'] ~ input[type='radio']:nth-child(1n+40) + span, .hex-hider[value='18'] ~ input[type='radio']:nth-child(1n+42) + span { - opacity: 0; } + opacity: 0 !important; } /***** CONDITION MONITOR FOOTERS *****/ .con-footer { - font-size: 0.8em; - margin-top: 10px; } + font-size: 0.8em !important; + margin-top: 10px !important; } .con-footer label { - margin-right: 5px; - width: auto; } + margin-right: 5px !important; + width: auto !important; } .con-footer input[type='number'] { - border-bottom: 1px solid #000; - border-radius: 0px; - height: 22px; - margin-top: -5px; } + border-bottom: 1px solid #000 !important; + border-radius: 0px !important; + height: 22px !important; + margin-top: -5px !important; } /***** REPEATING FIELDS FOR PC SECTIONS SUCH AS SKILLS *****/ /***** REPEATING SECTION *****/ @@ -1710,114 +1709,114 @@ h2[data-i18n='nuyen'], h3[data-i18n='nuyen'] { .repeat-box { } .repeat-box .medium-box { - height: auto; - min-height: 200px; } + height: auto !important; + min-height: 200px !important; } .repeat-box h3 { - color: #000; - margin-bottom: -3px; } + color: #000 !important; + margin-bottom: -3px !important; } .repeat-box button.pictos, .repeat-box .cc-row button[name*='shots'], .cc-row .repeat-box button[name*='shots'], .repeat-box .cc-row button[name='act_reload'], .cc-row .repeat-box button[name='act_reload'], .repeat-box .cc-row button[name='act_primary_ammo'], .cc-row .repeat-box button[name='act_primary_ammo'], .repeat-box .repcontrol button.repcontrol_edit:after, .repcontrol .repeat-box button.repcontrol_edit:after, .repeat-box .repcontrol button.repcontrol_add:after, .repcontrol .repeat-box button.repcontrol_add:after, .repeat-box .itemcontrol button.repcontrol_del, .itemcontrol .repeat-box button.repcontrol_del, .repeat-box button.settings-button { - font-size: 1em; - position: absolute; - line-height: 1em; } + font-size: 1em !important; + position: absolute !important; + line-height: 1em !important; } .repeat-box button.settings-button { - left: 96%; } + left: 96% !important; } .repeat-box .repitem { - display: inline-flex; - border-bottom: 1px solid #000; - width: 100%; } + display: inline-flex !important; + border-bottom: 1px solid #000 !important; + width: 100% !important; } .repeat-box input.settings-toggle, .repeat-box input.primary-flag + span { - position: absolute; - width: 13px; } + position: absolute !important; + width: 13px !important; } .repeat-box input.settings-toggle { - left: 98.5%; } + left: 98.5% !important; } .repeat-box input.settings-toggle + span { - left: 98.5%; - top: -2px; - width: 2%; } + left: 98.5% !important; + top: -2px !important; + width: 2% !important; } .repeat-box .settings input[type='text'] { - border-bottom: 1px solid #333; - border-radius: 0px; } + border-bottom: 1px solid #333 !important; + border-radius: 0px !important; } .repeat-box .settings input[type='text']:first-child { - text-align: left; } + text-align: left !important; } .repeat-box .settings input[type='number'] { - border: none; - border-bottom: 1px solid #333; - border-radius: 0px; - width: 8%; } + border: none !important; + border-bottom: 1px solid #333 !important; + border-radius: 0px !important; + width: 8% !important; } .repeat-box .settings label { - font-size: 0.8em; - margin-bottom: 0px; } + font-size: 0.8em !important; + margin-bottom: 0px !important; } .repeat-box button[type='roll'], .repeat-box button[type='action'] { - font-size: 0.9em; - color: #000; } + font-size: 0.9em !important; + color: #000 !important; } .repeat-box select { - color: #000; - font-size: 0.8em; - font-weight: bolder; - height: 20px; - padding: 0px; - width: 14%; } + color: #000 !important; + font-size: 0.8em !important; + font-weight: bolder !important; + height: 20px !important; + padding: 0px !important; + width: 14% !important; } .repeat-box option { - padding: 2px; - font-weight: bold; } + padding: 2px !important; + font-weight: bold !important; } .rank { - display: inline-block; - text-align: center; - width: 10%; } + display: inline-block !important; + text-align: center !important; + width: 10% !important; } /***** COLLAPSABLE DIVS *****/ .collapsable { - padding-left: 1.5em; - width: 100%; - word-break: break-word; } + padding-left: 1.5em !important; + width: 100% !important; + word-break: break-word !important; } .collapsable span { - white-space: pre-line; } + white-space: pre-line !important; } .display-flag:checked ~ .collapsable .desc-lifestyle { - width: 100%; } + width: 100% !important; } /***** DISPLAY FLAG FOR THE COLLAPSABLE DIVS *****/ .quality-box .display-flag, .contacts .display-flag, .social-box .display-flag, .vehicle-box .display-flag, div.augs div.repeat-box .display-flag { - opacity: 0; - position: absolute; - top: 0px; - width: 90%; - height: 100%; } + opacity: 0 !important; + position: absolute !important; + top: 0px !important; + width: 90% !important; + height: 100% !important; } /***** DISPLAY ROWS *****/ .display-row { - display: inline-block; - overflow: hidden; - text-align: center; - vertical-align: top; - word-break: break-word; } + display: inline-block !important; + overflow: hidden !important; + text-align: center !important; + vertical-align: top !important; + word-break: break-word !important; } .display-row:nth-of-type(1), .display-row:nth-of-type(1) button { - text-align: left; } + text-align: left !important; } /***** DISPLAY & SETTINGS *****/ .skills-row, .contacts .display, .contacts .settings div, .item-box .display, .item-box .settings div, .lifestyle .settings div { - display: inline-block; - width: 100%; } + display: inline-block !important; + width: 100% !important; } /***** SKILLS *****/ option.option-headers { - opacity: 0.2; } + opacity: 0.2 !important; } option.option-groups { - font-size: 1em; - font-style: italic; } + font-size: 1em !important; + font-style: italic !important; } input.skill-select[type='checkbox'] { - opacity: 1; - width: 3%; } + opacity: 1 !important; + width: 3% !important; } /***** LIFESTYLES *****/ /***** LIFESTYLE SETTINGS *****/ @@ -1825,42 +1824,42 @@ input.skill-select[type='checkbox'] { .lifestyle { } .lifestyle h3:nth-of-type(2) { - margin-right: 1%; } + margin-right: 1% !important; } .lifestyle input[type='text'] { - background-color: transparent; } + background-color: transparent !important; } .lifestyle input[type='text']:hover, .lifestyle input[type='text']:focus { - background-color: #d2d1cd; } + background-color: #d2d1cd !important; } .lifestyle textarea { - min-height: 30px; - margin: 0px 0px 0px 0px; } + min-height: 30px !important; + margin: 0px 0px 0px 0px !important; } .lifestyle .display-flag:checked ~ span:nth-of-type(1), .lifestyle .display-flag ~ span:nth-of-type(1n+2) { - display: none; } + display: none !important; } .lifestyle .display-flag:checked ~ span:nth-of-type(1n+2) { - display: inherit; } + display: inherit !important; } .lifestyle .sins-headers { - width: 100%; - display: grid; - grid-template-columns: 27% 8% 1fr 1.5em; + width: 100% !important; + display: grid !important; + grid-template-columns: 27% 8% 1fr 1.5em !important; } .lifestyle .display { - width: 100%; - display: grid; - grid-template-columns: 35% 1fr 1.5em; + width: 100% !important; + display: grid !important; + grid-template-columns: 35% 1fr 1.5em !important; } .lifestyle div.display .display-row { - width: 100%; - display: grid; - grid-template-columns: 70% 30%; - font-weight: bold; + width: 100% !important; + display: grid !important; + grid-template-columns: 70% 30% !important; + font-weight: bold !important; } .lifestyle div.collapsable { - padding-left: 0em; - word-wrap: break-word; + padding-left: 0em !important; + word-wrap: break-word !important; } @@ -1868,340 +1867,340 @@ input.skill-select[type='checkbox'] { /***** CONTACTS *****/ .contacts h3:nth-of-type(1) { - margin-right: 50%; } + margin-right: 50% !important; } .contacts h3:nth-of-type(2), .contacts h3:nth-of-type(3) { - margin-right: 2%; } + margin-right: 2% !important; } /***** CONTACTS SETTINGS *****/ .contacts input[type='text']:nth-of-type(1) { - margin-right: 5px; - width: 58%; } + margin-right: 5px !important; + width: 58% !important; } .contacts input[type='number'] { - margin-right: 4%; } + margin-right: 4% !important; } .contacts input[type='text']:nth-of-type(4) { - margin-left: -1px; - width: 22%; } + margin-left: -1px !important; + width: 22% !important; } /***** CONTACTS DISPLAY *****/ .contacts .display-row { - width: 14%; } + width: 14% !important; } .contacts .display-row:nth-of-type(1) { - margin-right: 2%; - width: 53%; } + margin-right: 2% !important; + width: 53% !important; } /***** MAGIC DISPLAY *****/ .combat-type-hide { - display: none; } + display: none !important; } .combat-type[value*='Direct'] + span:after, .combat-type[value*='Indirect'] + span:after { - display: inline; } + display: inline !important; } .combat-type[value*='Direct'] + span:after { - content: '(Direct)'; } + content: '(Direct)' !important; } .combat-type[value*='Indirect'] + span:after { - content: '(Indirect)'; } + content: '(Indirect)' !important; } /***** RITUAL DISPLAY *****/ .magic-rituals .display .display-row { - width: 99%; } + width: 99% !important; } /***** MATRIX *****/ .matrix select.skill-select { - width: 26.5%; } + width: 26.5% !important; } .matrix input[name="attr_flag"] + span { - position: absolute; } + position: absolute !important; } .matrix .con-hex { - margin-bottom: -10px; - margin-right: 0px; - margin-top: 5px; - position: unset; - width: 100%; } + margin-bottom: -10px !important; + margin-right: 0px !important; + margin-top: 5px !important; + position: unset !important; + width: 100% !important; } .matrix .con-hex input[type='radio']:first-child { - margin-right: -25%; - margin-top: 2%; - width: 25%; } + margin-right: -25% !important; + margin-top: 2% !important; + width: 25% !important; } .matrix .con-hex input[type='radio']:hover ~ h2 { - color: #fff; - text-shadow: 1px 1px 2px black, 0 0 25px #460141, 0 0 5px #460141; } + color: #fff !important; + text-shadow: 1px 1px 2px black, 0 0 25px #460141, 0 0 5px #460141 !important; } .matrix .con-hex h2 { - vertical-align: top; } + vertical-align: top !important; } /***** CYBERDECK *****/ .cyberdeck button { - font-weight: bold; } + font-weight: bold !important; } .cyberdeck button input[name="attr_flag"] { - position: absolute; } + position: absolute !important; } .cyberdeck button input[name="attr_flag"] + span { - position: absolute; } + position: absolute !important; } .cyberdeck h3 { - line-height: 20px; } + line-height: 20px !important; } .cyberdeck h3[data-i18n="total"] { - margin-left: 15%; } + margin-left: 15% !important; } .cyberdeck h3[data-i18n="temp"] { - margin-left: 5%; } + margin-left: 5% !important; } .cyberdeck h3[data-i18n="modifier"] { - margin-left: 2%; - margin-right: 2%; } + margin-left: 2% !important; + margin-right: 2% !important; } .cyberdeck h3[data-i18n="base"] { - margin-left: 0%; - margin-right: 15%; } + margin-left: 0% !important; + margin-right: 15% !important; } .cyberdeck input[type='number'] { - border: none; - border-bottom: 1px solid #333; - border-radius: 0px; - height: 20px; - width: 25px; } + border: none !important; + border-bottom: 1px solid #333 !important; + border-radius: 0px !important; + height: 20px !important; + width: 25px !important; } .cyberdeck .row-long:nth-of-type(1) input[type='text'] { - width: 90%; } + width: 90% !important; } .cyberdeck .row-long:nth-of-type(1n+3) label { - padding-bottom: 5px; - padding-right: 0px; - width: 15%; } + padding-bottom: 5px !important; + padding-right: 0px !important; + width: 15% !important; } .cyberdeck .row-long span { - margin-left: 1%; - margin-right: 1%; } + margin-left: 1% !important; + margin-right: 1% !important; } /**** MATRIX BUBBLES ****/ .pc .device-attr { - display: inline; } + display: inline !important; } .pc .device-attr span { - position: relative; } + position: relative !important; } .matrix-tot { - display: inline-block; - height: 20px; - width: 20px; } + display: inline-block !important; + height: 20px !important; + width: 20px !important; } .matrix-bubble { - display: inline; - margin-left: 15px; - background-color: #222; } + display: inline !important; + margin-left: 15px !important; + background-color: #222 !important; } .matrix-bubble span:nth-of-type(6), .matrix-bubble input[type='radio']:nth-of-type(5n+6) { - margin-left: 2%; } + margin-left: 2% !important; } .matrix-bubble input[type='radio'] { - height: 15px; - left: -8px; - width: 15px; } + height: 15px !important; + left: -8px !important; + width: 15px !important; } .matrix-bubble input[type='radio'] + span { - border-radius: 3px; - display: inline-block; - height: 18px; - margin-left: -25px; - top: 4px; - width: 18px; } + border-radius: 3px !important; + display: inline-block !important; + height: 18px !important; + margin-left: -25px !important; + top: 4px !important; + width: 18px !important; } .matrix-bubble input[type='radio']:checked ~ input[type='radio'] + span { - height: 14px; - margin-bottom: 3px; - opacity: 0.5; } + height: 14px !important; + margin-bottom: 3px !important; + opacity: 0.5 !important; } .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; } + border: 2px solid #3a0000 !important; + background-color: #cc0701 !important; + -webkit-box-shadow: inset 0px 1px 5px 2px #3a0000 !important; + -moz-box-shadow: inset 0px 1px 5px 2px #3a0000 !important; + box-shadow: inset 0px 1px 5px 2px #3a0000 !important; } .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; } + border: 2px solid #000e3b !important; + background-color: #007bfc !important; + -webkit-box-shadow: inset 0px 1px 5px 2px #000e3b !important; + -moz-box-shadow: inset 0px 1px 5px 2px #000e3b !important; + box-shadow: inset 0px 1px 5px 2px #000e3b !important; } .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; } + border: 2px solid #074202 !important; + background-color: #88dd04 !important; + -webkit-box-shadow: inset 0px 1px 5px 2px #074202 !important; + -moz-box-shadow: inset 0px 1px 5px 2px #074202 !important; + box-shadow: inset 0px 1px 5px 2px #074202 !important; } .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; } + border: 2px solid #470101 !important; + background-color: #f88703 !important; + -webkit-box-shadow: inset 0px 1px 5px 2px #470101 !important; + -moz-box-shadow: inset 0px 1px 5px 2px #470101 !important; + box-shadow: inset 0px 1px 5px 2px #470101 !important; } /***** VEHICLE *****/ .vehicle-box .settings div, .vehicle-box .display { - display: inline-block; - width: 100%; } + display: inline-block !important; + width: 100% !important; } .vehicle-box input[type='text'] { - width: 44%; } + width: 44% !important; } .vehicle-box label { - width: 20%; } + width: 20% !important; } .vehicle-box .row-long:first-child label { - width: 12%; } + width: 12% !important; } .vehicle-box label:nth-child(1n+4) { - text-align: right; - width: 21%; } + text-align: right !important; + width: 21% !important; } /***** VEHICLE SETTING *****/ .vehicle-box .settings h3 { - margin-right: 2%; } + margin-right: 2% !important; } .vehicle-box .settings h3:nth-child(1) { - margin-left: 18%; - margin-top: -5px; } + margin-left: 18% !important; + margin-top: -5px !important; } .vehicle-box .settings h3:nth-child(4) { - margin-left: 22%; } + margin-left: 22% !important; } .vehicle-box .settings h3:nth-child(6) { - margin-right: 0px; } + margin-right: 0px !important; } .vehicle-box .settings input[type='text'], .vehicle-box .settings input[type='number'] { - border: none; } + border: none !important; } /***** VEHICLE DISPLAY *****/ .vehicle-box .display-row { - text-align: left; - width: 49%; } + text-align: left !important; + width: 49% !important; } .vehicle-box .display-row h3 { - width: 35%; } + width: 35% !important; } .vehicle-box .display-row div { - display: inline-block; - font-weight: normal; - text-align: center; } + display: inline-block !important; + font-weight: normal !important; + text-align: center !important; } .vehicle-box .display-row div.vehicle-stat { - width: 60%; } + width: 60% !important; } .vehicle-box .collapsable { - padding-left: 0.2em; } + padding-left: 0.2em !important; } /***** Options Section *****/ .options .pc-box { - min-height: 800px; } + min-height: 800px !important; } .op-col { - display: inline-block; - vertical-align: top; - width: 48%; } + display: inline-block !important; + vertical-align: top !important; + width: 48% !important; } .op-col { - margin-bottom: 5px; } + margin-bottom: 5px !important; } .op-col h2 { - text-decoration: underline; - width: 100%; } + text-decoration: underline !important; + width: 100% !important; } .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%; } + border: 2px solid black !important; + background: #333 !important; + color: white !important; + font-weight: bold !important; + width: auto !important; + height: auto !important; + padding: 2% 4% !important; } .op-col p { - margin-top: 2%; - margin-right: 5%; } + margin-top: 2% !important; + margin-right: 5% !important; } .op-col hr { - border: 0.5px solid #1c1c1c; - margin: 3px 0px; - opacity: 0.1; } + border: 0.5px solid #1c1c1c !important; + margin: 3px 0px !important; + opacity: 0.1 !important; } .op-col label { - margin-bottom: 2%; - width: 55%; } + margin-bottom: 2% !important; + width: 55% !important; } .options input[type='checkbox'] { - height: 15px; - margin-left: 5%; - opacity: 1; - width: 15px; } + height: 15px !important; + margin-left: 5% !important; + opacity: 1 !important; + width: 15px !important; } /***** EDGE & MATRIX CONDITION HEXAGONS *****/ .edg-hex input[type='checkbox'], .con-hex input[type='radio'] { - height: 20px; - margin-right: -21px; - top: -9px; - width: 20px; - opacity: 0; - z-index: 2; - position: relative; } + height: 20px !important; + margin-right: -21px !important; + top: -9px !important; + width: 20px !important; + opacity: 0 !important; + z-index: 2 !important; + position: relative !important; } .hexagon { - display: inline-block; - margin: 5.77px 0; - position: relative; - background-color: #222; - height: 11.55px; - width: 20px; } + display: inline-block !important; + margin: 5.77px 0 !important; + position: relative !important; + background-color: #222 !important; + height: 11.55px !important; + width: 20px !important; } .hexagon:before, .hexagon:after { - border-left: 10px solid transparent; - border-right: 10px solid transparent; - content: ''; - position: absolute; - width: 0; } + border-left: 10px solid transparent !important; + border-right: 10px solid transparent !important; + content: '' !important; + position: absolute !important; + width: 0 !important; } .hexagon:before { - bottom: 100%; - border-bottom: 5.77px solid #222; } + bottom: 100% !important; + border-bottom: 5.77px solid #222 !important; } .hexagon:after { - top: 100%; - width: 0; - border-top: 5.77px solid #222; } + top: 100% !important; + width: 0 !important; + border-top: 5.77px solid #222 !important; } .edg-hex input[type='checkbox']:checked ~ .hexagon, .con-hex input[type='radio']:checked ~ .hexagon, .edge-zero[value='0'] ~ .hexagon { - background-color: #9a9a9a; } + background-color: #9a9a9a !important; } .edg-hex input[type='checkbox']:checked ~ .hexagon:before, .con-hex input[type='radio']:checked ~ .hexagon:before, .edge-zero[value='0'] ~ .hexagon:before { - border-bottom-color: #9a9a9a; } + border-bottom-color: #9a9a9a !important; } .edg-hex input[type='checkbox']:checked ~ .hexagon:after, .con-hex input[type='radio']:checked ~ .hexagon:after, .edge-zero[value='0'] ~ .hexagon:after { - border-top-color: #9a9a9a; } + border-top-color: #9a9a9a !important; } .edg-hex input[type='checkbox']:checked + .hexagon, .con-hex input[type='radio'] + .hexagon, .con-hex input[type='radio']:checked + .hexagon { - background-color: #222; } + background-color: #222 !important; } .edg-hex input[type='checkbox']:checked + .hexagon:before, .con-hex input[type='radio']:checked + .hexagon:before { - border-bottom-color: #222; } + border-bottom-color: #222 !important; } .edg-hex input[type='checkbox']:checked + .hexagon:after, .con-hex input[type='radio']:checked + .hexagon:after { - border-top-color: #222; } + border-top-color: #222 !important; } /***** MAKE HEXES APPEAR & DISAPPEAR *****/ /* @@ -2219,120 +2218,120 @@ input.skill-select[type='checkbox'] { .hex-hider[value='6'] ~ input[type='checkbox']:nth-child(1n+15) + span, .hex-hider[value='7'] ~ input[type='checkbox']:nth-child(1n+17), .hex-hider[value='7'] ~ input[type='checkbox']:nth-child(1n+17) + span { - display: none; } + display: none !important; } */ .settings .textrow label { - margin-bottom: 36px; } + margin-bottom: 36px !important; } .augmentation div.display { - text-indent: 125px; } + text-indent: 125px !important; } .power div.display { - text-indent: 65px; } + text-indent: 65px !important; } /*:+:+:+: REPEATING SECTIONS :+:+:+:*/ .repeating, .repeat-section { - display: inline-block; - width: 100%; } + display: inline-block !important; + width: 100% !important; } .repeating button.display { - text-align: left; } + text-align: left !important; } .repeating input[type='checkbox'] { - width: 15px; - height: 15px; } + width: 15px !important; + height: 15px !important; } .repeating label { - padding: 0px; } + padding: 0px !important; } .repeating .settings { - border-bottom: 1px dotted #FCD116; } + border-bottom: 1px dotted #FCD116 !important; } .repeat-indent { - padding-left: 2.5em; - text-indent: -1.5em; } + padding-left: 2.5em !important; + text-indent: -1.5em !important; } .repeating .display { - display: inline-flex; } + display: inline-flex !important; } .repeat-section input { - height: 27px; - background-color: transparent; - border-bottom: 1px solid #fff; - border-radius: 0px; } + height: 27px !important; + background-color: transparent !important; + border-bottom: 1px solid #fff !important; + border-radius: 0px !important; } .magic .repeat-section input[type='number'], .magic .repeat-section input[type='text'], .resonance .repeat-section input[type='number'], .resonance .repeat-section input[type='text'] { - width: 100%; } + width: 100% !important; } .repeat-row { - display: inherit; - width: 5%; } + display: inherit !important; + width: 5% !important; } .repeat-row-8 { - width: 8%; } + width: 8% !important; } .repeat-row-11 { - width: 11%; } + width: 11% !important; } .repeat-row-12 { - width: 12%; } + width: 12% !important; } .repeat-row-15 { - width: 15%; } + width: 15% !important; } .repeat-row-20 { - width: 20%; } + width: 20% !important; } .repeat-row span { - font-size: 0.8em; } + font-size: 0.8em !important; } .repeat-dice { - font-size: 12px; } + font-size: 12px !important; } /*:+:+:+: NPC SPELLS :+:+:+:*/ input.spell-toggle { - margin: 0px -38px 0px 5px; } + margin: 0px -38px 0px 5px !important; } .magic .repeating select { - width: 100%; } + width: 100% !important; } /*:+:+:+: HIDE SECTOINS WHEN NOT IN USE :+:+:+:*/ .optional-flag:not([value='0']) + .textboxes { - display: inherit; - width: 100%; } + display: inherit !important; + width: 100% !important; } .category[value='Combat'] + div, .category[value='Combat'] + div + div, .character-type[value='matrix'] + .matrix { - display: inherit; } + display: inherit !important; } .category[value='Combat'] ~ .combat-type-hide { - display: inline; } + display: inline !important; } .character-type[value='magic'] + .magic-skill, .character-type[value='magic'] + .magic-skill + .magic-skill, .character-type[value='resonance'] + .resonance-skill { - opacity: 1; } + opacity: 1 !important; } .character-type[value='magic'] ~ .magic, .character-type[value='magic'] ~ .magic + .magic, .character-type[value='resonance'] ~ .resonance, .character-type[value='resonance'] ~ .resonance + .resonance { - display: inline-block; - width: 100%; } + display: inline-block !important; + width: 100% !important; } span.pictosC { - font-family: 'Pictos Custom'; } + font-family: 'Pictos Custom' !important; } span.pictos3 { - font-family: 'Pictos Three'; } + font-family: 'Pictos Three' !important; } span.d6 { - font-family: 'dicefontd6'; } + font-family: 'dicefontd6' !important; } /******************************************************************************************/ /**************************** START OF THE NPC SHEET *************************************/ @@ -2344,54 +2343,54 @@ span.d6 { /*:+:+:+: NPC TEXT BOXES AND REPEATING SECTIONS :+:+:+:*/ /*:+:+:+: NPC MATRIX :+:+:+:*/ .npc { - background-color: #040404; - border-radius: 3px; - color: #fff; - margin-top: -20px; - min-height: 800px; - padding: 10px 10px; - width: 720px; } + background-color: #040404 !important; + border-radius: 3px !important; + color: #fff !important; + margin-top: -20px !important; + min-height: 800px !important; + padding: 10px 10px !important; + width: 720px !important; } .npc button { - background: #333; - color: #fff; } + background: #333 !important; + color: #fff !important; } .npc button:hover, .npc button:focus { - border-color: #460141; - color: #460141; - font-weight: bold; } + border-color: #460141 !important; + color: #460141 !important; + font-weight: bold !important; } .npc h1, .npc h2, .npc h3, .npc h4, .npc label { - color: #fff; } + color: #fff !important; } .npc h1 { - line-height: unset; - font-size: 1.1em; } + line-height: unset !important; + font-size: 1.1em !important; } .npc h2 { - font-size: 1em; - text-transform: capitalize; } + font-size: 1em !important; + text-transform: capitalize !important; } .npc h3 { - font-size: 0.85em; } + font-size: 0.85em !important; } .npc input[type='radio'] { - opacity: 1; } + opacity: 1 !important; } .npc input[type='text']:placeholder-shown, .npc input[type='number']:placeholder-shown { - border: 1px dotted #460141; } + border: 1px dotted #460141 !important; } .npc input.toggle:checked + span { - color: #460141; } + color: #460141 !important; } .npc textarea, .npc select { - color: #fff; - background-color: #555; } + color: #fff !important; + background-color: #555 !important; } .npc div.tabs { - grid-template-columns: 2.5em 1fr 4em 1fr 4em 1fr 4em 1fr 4em; - grid-row-gap: 10%; } + grid-template-columns: 2.5em 1fr 4em 1fr 4em 1fr 4em 1fr 4em !important; + grid-row-gap: 10% !important; } .npc div.tabs button[type='roll'] { - grid-area: 2 / 1 / 2 / 2; } + grid-area: 2 / 1 / 2 / 2 !important; } .npc div.tabs img { - grid-area: 1 / 1 / 2 / 4; - height: 100%; - width: 100%; } + grid-area: 1 / 1 / 2 / 4 !important; + height: 100% !important; + width: 100% !important; } .npc div.tabs .switch input[type='checkbox'] + span { - position: absolute; } + position: absolute !important; } .npc div.tabs h2, .npc div.tabs label { - grid-row: 2; } + grid-row: 2 !important; } .npc div.tabs select { - grid-column: 8 / 8; } + grid-column: 8 / 8 !important; } .npc div.tabs input[name='attr_stats_toggle'], .npc div.tabs input[name='attr_stats_toggle'] + span.pictos, .npc div.tabs .settings-toggle input[type='checkbox'][name='attr_stats_toggle'] + span, @@ -2405,97 +2404,97 @@ span.d6 { .repcontrol .npc div.tabs input[name='attr_stats_toggle'] + span.repcontrol_add:after, .npc div.tabs .itemcontrol input[name='attr_stats_toggle'] + span.repcontrol_del, .itemcontrol .npc div.tabs input[name='attr_stats_toggle'] + span.repcontrol_del { - grid-area: 1 / 9 / 1 / 9; - position: relative; - width: 100%; - height: 100%; } + grid-area: 1 / 9 / 1 / 9 !important; + position: relative !important; + width: 100% !important; + height: 100% !important; } .npc div.tabs input[name='attr_stats_toggle']:checked + span { - color: #460141; } + color: #460141 !important; } .npc div.tabs span.pictos, .npc div.tabs .settings-toggle input[type='checkbox'] + span, .settings-toggle .npc div.tabs input[type='checkbox'] + span, .npc div.tabs .settings-flag input[type='checkbox'] + span, .settings-flag .npc div.tabs input[type='checkbox'] + span, .npc div.tabs .flag-primary + div > span, .npc div.tabs .repcontrol span.repcontrol_edit:after, .repcontrol .npc div.tabs span.repcontrol_edit:after, .npc div.tabs .repcontrol span.repcontrol_add:after, .repcontrol .npc div.tabs span.repcontrol_add:after, .npc div.tabs .itemcontrol span.repcontrol_del, .itemcontrol .npc div.tabs span.repcontrol_del { - text-align: center; - font-size: 1.2em; } + text-align: center !important; + font-size: 1.2em !important; } .npc div.rows { - margin-bottom: 1%; - width: 100%; } + margin-bottom: 1% !important; + width: 100% !important; } .npc div.rows button { - font-size: 1.1em; - text-align: left; } + font-size: 1.1em !important; + text-align: left !important; } .npc div.rows h2 { - display: inline; - font-size: 1.1em; - line-height: unset; - font-weight: normal; } + display: inline !important; + font-size: 1.1em !important; + line-height: unset !important; + font-weight: normal !important; } .npc div.rows h3 { - display: inline; } + display: inline !important; } .npc div.rows input[type='number'] { - width: 3em; } + width: 3em !important; } .npc div.rows span.tiny-span { - margin: 0px 1%; } + margin: 0px 1% !important; } .npc div.repeating button { - margin: 0px; } + margin: 0px !important; } .npc div.repeating h1 { - display: inline; } + display: inline !important; } .npc div.repeating h2 { - font-variant: small-caps; - text-align: center; - text-decoration: underline; } + font-variant: small-caps !important; + text-align: center !important; + text-decoration: underline !important; } .npc div.repeating input[type='number'], .npc div.repeating input[type='text'] { - width: 100%; } + width: 100% !important; } .npc div.repeating div.repitem:hover > input[name='attr_flag'] + span, .npc div.repeating div.repitem:hover > input[name='attr_program_on'] + span { - opacity: 1; } + opacity: 1 !important; } .npc div.repeating div.repitem div.settings { - min-width: 700px; } + min-width: 700px !important; } .npc div.repeating div.settings select, .npc div.repeating div.settings label, .npc div.repeating div.settings span { - grid-row: 2; } + grid-row: 2 !important; } .npc div.repeating div.settings label[data-i18n-title='notes'] { - grid-row: 3; } + grid-row: 3 !important; } .npc div.repeating div.settings label[data-i18n-title='notes'] input[type='text'] { - text-align: left; } + text-align: left !important; } .npc div.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%; } + border-bottom: 1px solid #fff !important; + border-top: 1px solid #fff !important; + grid-row-gap: 5% !important; + margin: 2% 0px !important; + padding: 1% 1% 3% 1% !important; + width: 100% !important; } .npc div.attribute input[type='number'] { - text-align: center; - width: 100%; } + text-align: center !important; + width: 100% !important; } .npc div.attribute label { - text-align: center; } + text-align: center !important; } .npc div.attribute label[data-i18n-title='modifier'] input[type='number'] { - width: 65%; } + width: 65% !important; } .npc div.attribute label[data-i18n-title='modifier']:before { - content: '('; } + content: '(' !important; } .npc div.attribute label[data-i18n-title='modifier']:after { - content: ')'; } + content: ')' !important; } .npc div.attribute h1 { - font-weight: normal; - grid-row: 1; - text-align: center; } + font-weight: normal !important; + grid-row: 1 !important; + text-align: center !important; } .npc div.attribute button { - grid-row: 1; - text-transform: capitalize; } + grid-row: 1 !important; + text-transform: capitalize !important; } .npc div.attribute span { - font-size: 1.25em; - grid-row: 2; - text-align: center; } + font-size: 1.25em !important; + grid-row: 2 !important; + text-align: center !important; } .npc div.attribute span + label { - grid-row: 3; } + grid-row: 3 !important; } .npc div.attribute label[data-i18n-title='modifier'] { - grid-row: 4; } + grid-row: 4 !important; } .npc div.mid { - grid-template-columns: 52% 30% 1fr; - width: 100%; } + grid-template-columns: 52% 30% 1fr !important; + width: 100% !important; } .npc div.mid div.column { - width: 100%; } + width: 100% !important; } .npc div.mid span[name='attr_physical_limit']:after, .npc div.mid span[name='attr_mental_limit']:after { - content: ','; } + content: ',' !important; } /*:+:+:+: TEXT AREAS :+:+:+:*/ /*:+:+:+: REPEATING SECTIONS :+:+:+:*/ /*:+:+:+: NPC INLINE REPEAITNG SECTIONS SUCH AS SKILLS :+:+:+:*/ @@ -2506,118 +2505,118 @@ span.d6 { .npc div.end { } .npc div.end div.rows, .npc div.end div.textrow { - width: 100%; } + width: 100% !important; } .npc div.end div.textrow { - grid-column: 1 / 4; } + grid-column: 1 / 4 !important; } .npc div.end div.textrow h1 { - display: inline; - line-height: unset; - margin-right: 1%; } + display: inline !important; + line-height: unset !important; + margin-right: 1% !important; } .npc div.end div.textrow label { - width: 100%; } + width: 100% !important; } .npc div.end div.textrow label[data-i18n-title='initiate'], .npc div.end div.textrow label[data-i18n-title='submersion'] { - width: 4em; } + width: 4em !important; } .npc div.end div.textrow label[data-i18n-title='initiate'] input, .npc div.end div.textrow label[data-i18n-title='submersion'] input { - width: 100%; } + width: 100% !important; } .npc div.end div.repeating { - grid-column: 1 / 4; } + grid-column: 1 / 4 !important; } .npc div.end div.inline-repeating div.repitem span[name*='attr_display_rating']:after { - content: ','; } + content: ',' !important; } .npc div.end div.inline-repeating div.repcontainer { - display: inline; - max-width: 500px; } + display: inline !important; + max-width: 500px !important; } .npc div.end div.inline-repeating div.repcontainer .repitem, .npc div.end div.inline-repeating div.repcontainer .repcontrol { - display: inline-block; - vertical-align: top; - margin-bottom: 1%; - margin-right: 1%; } + display: inline-block !important; + vertical-align: top !important; + margin-bottom: 1% !important; + margin-right: 1% !important; } .npc div.end div.inline-repeating div.settings { - grid-template-columns: 2fr 8em 8em 1fr 1fr; - grid-column-gap: 1%; - grid-row-gap: 0.5%; } + grid-template-columns: 2fr 8em 8em 1fr 1fr !important; + grid-column-gap: 1% !important; + grid-row-gap: 0.5% !important; } .npc div.end div.inline-repeating div.settings h2.full-row { - grid-column: 1 / 6; - text-align: left; } + grid-column: 1 / 6 !important; + text-align: left !important; } .npc div.end div.inline-repeating div.settings label.full-row { - grid-area: 4 / 1 / 4 / 6; } + grid-area: 4 / 1 / 4 / 6 !important; } .npc div.end div.inline-repeating div.settings label.full-row input[type='text'] { - text-align: left; } + text-align: left !important; } .npc div.end div.weapons div.settings { - grid-template-columns: 5em 3em 2fr 2fr 3em 3em 3em 1fr 3em 3em 1.25em; - grid-column-gap: 0.2%; } + grid-template-columns: 5em 3em 2fr 2fr 3em 3em 3em 1fr 3em 3em 1.25em !important; + grid-column-gap: 0.2% !important; } .npc div.end div.weapons div.settings label[data-i18n-title='notes'] { - grid-column: 1 / 12; } + grid-column: 1 / 12 !important; } .npc div.end div.spells div.settings { - grid-column-gap: 0.2%; - grid-template-columns: 7em 3em 1fr 5em 5em 5em 3em 5em 3em; } + grid-column-gap: 0.2% !important; + grid-template-columns: 7em 3em 1fr 5em 5em 5em 3em 5em 3em !important; } .npc div.end div.spells label[data-i18n-title='notes'] { - grid-column: 1 / 10; } + grid-column: 1 / 10 !important; } .npc div.end div.forms div.settings { - grid-column-gap: 0.2%; - grid-template-columns: 3em 1fr 7em 8em 3em; } + grid-column-gap: 0.2% !important; + grid-template-columns: 3em 1fr 7em 8em 3em !important; } .npc div.end div.forms span[name='attr_form_dice'] { - margin-left: 3%; } + margin-left: 3% !important; } .npc div.end div.forms label[data-i18n-title='notes'] { - grid-column: 1 / 6; } + grid-column: 1 / 6 !important; } .npc div.end div.ic div.settings { - grid-column-gap: 0.2%; - grid-template-columns: 1fr 8em 8em 8em; } + grid-column-gap: 0.2% !important; + grid-template-columns: 1fr 8em 8em 8em !important; } .npc div.end div.ic span[name='attr_software_dice'] { - margin-left: 3%; } + margin-left: 3% !important; } .npc div.end div.ic label[data-i18n-title='notes'] { - grid-column: 1 / 6; } + grid-column: 1 / 6 !important; } .npc div.matrix { - width: 100%; } + width: 100% !important; } /*:+:+:+: NPC PROGRAMS :+:+:+:*/ .npc div.matrix-device { - margin-bottom: 5%; } + margin-bottom: 5% !important; } .npc div.matrix-device div.rows { - display: inline-grid; - grid-template-columns: 12em 45% 10em 1fr; - grid-row-gap: 5%; } + display: inline-grid !important; + grid-template-columns: 12em 45% 10em 1fr !important; + grid-row-gap: 5% !important; } .npc div.matrix-device div.rows:first-child { - margin-bottom: 4%; } + margin-bottom: 4% !important; } .npc div.matrix-device label { - width: 100%; } + width: 100% !important; } .npc div.matrix-device label input[type='text'] { - text-align: left; - width: 100%; } + text-align: left !important; + width: 100% !important; } .npc div.matrix-device label.round > input[type='number'] { - border-radius: 25px 25px; - height: 25px; - margin-left: 25%; - width: 25px; } + border-radius: 25px 25px !important; + height: 25px !important; + margin-left: 25% !important; + width: 25px !important; } /*:+:+:+: NPC MATRIX BUBBLES :+:+:+:*/ .npc div.matrix-device div.matrix-bubble { - background-color: transparent; - grid-column: 2 / 4; - height: 15px; - margin-left: 10%; } + background-color: transparent !important; + grid-column: 2 / 4 !important; + height: 15px !important; + margin-left: 10% !important; } .npc div.matrix-device div.matrix-bubble input[type='radio'] { - height: 25px; - width: 20px; - left: 0px; - top: -115%; } + height: 25px !important; + width: 20px !important; + left: 0px !important; + top: -115% !important; } .npc div.matrix-device div.matrix-bubble input[type='radio'] + span { - border-radius: 5px; - height: 25px; - left: 5px; - width: 20px; - top: -60%; } + border-radius: 5px !important; + height: 25px !important; + left: 5px !important; + width: 20px !important; + top: -60% !important; } .npc div.matrix-device div.repcontainer { - grid-column: 1 / 6; } + grid-column: 1 / 6 !important; } .npc div.matrix-device div.repcontainer h2[data-i18n='notes'] { - grid-row: 3; } + grid-row: 3 !important; } .npc div.matrix-device div.repcontainer label[data-i18n-title='notes'] { - grid-row: 4; } + grid-row: 4 !important; } .npc div.matrix-device div.repcontainer div.repitem { - display: inline-block; - width: 100%; } + display: inline-block !important; + width: 100% !important; } .npc div.matrix-device div.repcontainer div.repitem button > span, .npc div.matrix-device div.repcontainer div.repitem span { - opacity: 0.2; } + opacity: 0.2 !important; } .npc div.matrix-device div.repcontainer div.repitem input.toggle, .npc div.matrix-device div.repcontainer div.repitem span.pictos, .npc div.matrix-device div.repcontainer div.repitem .settings-toggle input[type='checkbox'] + span, @@ -2631,14 +2630,14 @@ span.d6 { .repcontrol .npc div.matrix-device div.repcontainer div.repitem span.repcontrol_add:after, .npc div.matrix-device div.repcontainer div.repitem .itemcontrol span.repcontrol_del, .itemcontrol .npc div.matrix-device div.repcontainer div.repitem span.repcontrol_del { - position: absolute; - top: 2%; } + position: absolute !important; + top: 2% !important; } .npc div.matrix-device div.repcontainer div.repitem input[name='attr_program_on'] { - left: 2%; } + left: 2% !important; } .npc div.matrix-device div.repcontainer div.repitem input[name='attr_program_on'] + span { - left: 2.5%; } + left: 2.5% !important; } .npc div.matrix-device div.repcontainer div.repitem input[name='attr_program_on']:checked ~ button > span, .npc div.matrix-device div.repcontainer div.repitem input[name='attr_program_on']:checked ~ span { - opacity: 1; } + opacity: 1 !important; } .npc div.matrix-device div.repcontainer div.repitem button[type="roll"] { margin-left: 5% !important; } @@ -2693,22 +2692,22 @@ input[name='attr_weapon_range'][value='melee'] ~ span, input[name='attr_category input[name='attr_category']:not([value='Combat']) ~ h2[data-i18n='dam'], input[name='attr_category']:not([value='Combat']) ~ select[name='attr_combat_type'], input[name='attr_category']:not([value='Combat']) ~ label[data-i18n-title='dam'] { - display: none; } + display: none !important; } .display-flag:checked ~ .collapsable .desc, .skills-toggle[value='active'] ~ .skills-active, .skills-toggle[value='knowledge'] ~ .skills-knowledge, .skills-toggle[value='language'] ~ .skills-language, .magic-toggle[value='spells'] ~ .magic-spells, .magic-toggle[value='preps'] ~ .magic-preps, .magic-toggle[value='rituals'] ~ .magic-rituals, .powers-toggle[value='adept'] ~ .powers-adept, .powers-toggle[value='meta'] ~ .powers-meta, .powers-toggle[value='conjuring'] ~ .powers-conjuring, .tab-switch[value='quality'] ~ .quality, .tab-switch[value='martial'] ~ .martial { - display: inline; } + display: inline !important; } .pc h2, .pc h3, .pc .tabs, .pc div.skill-box div.row-long, .npc div.tabs, .npc div.mid, input[name='attr_sheet_type'][value='grunt'] ~ .npc .attribute.grunt, input[name='attr_sheet_type'][value='host'] ~ .npc .attribute.host, input[name='attr_sheet_type'][value='sprite'] ~ .npc .attribute.sprite, input[name='attr_sheet_type'][value='vehicle'] ~ .npc .attribute.vehicle { - display: inline-grid; } + display: inline-grid !important; } .pictos, .settings-toggle input[type='checkbox'] + span, .settings-flag input[type='checkbox'] + span, .flag-primary + div > span, .cc-row button[name*='shots'], .cc-row button[name='act_reload'], .cc-row button[name='act_primary_ammo'], .repcontrol .repcontrol_edit:after, .repcontrol .repcontrol_add:after, .itemcontrol .repcontrol_del { - font-family: 'Pictos'; } + font-family: 'Pictos' !important; } .display-flag:checked ~ .collapsable .desc-lifestyle, .optional-flag:not([value='0']) + .optional, .npc div.mid div.column, input[name='attr_sheet_type']:not([value='pc']) ~ .npc, input[name='attr_sheet_type'][value='pc'] ~ .pc, .options_toggle[value='arms'] ~ .arms, .options_toggle[value='augs'] ~ .augs, .options_toggle[value='core'] ~ .core, .options_toggle[value='gear'] ~ .gear, .options_toggle[value='options'] ~ .options, .options_toggle[value='social'] ~ .social, .options_toggle[value='magic'] ~ .magic, .options_toggle[value='matrix'] ~ .matrix, .options_toggle[value='vehicle'] ~ .vehicle, input[name='attr_stats_toggle'][value='settings'] ~ .attribute .settings, @@ -2720,7 +2719,7 @@ input[name='attr_sheet_type'][value='host'] ~ .npc .textrow.host, input[name='at input[name='attr_sheet_type'][value='sprite'] ~ .npc .textrow.sprite, input[name='attr_sheet_type'][value='vehicle'] ~ .npc .rows.vehicle, input[name='attr_sheet_type'][value='vehicle'] ~ .npc .textrow.vehicle, input[name='attr_flag_matrix'][value='matrix'] ~ div.matrix, .static { - display: inline-block; } + display: inline-block !important; } /***** PC AND NPC *****/ /***** TABS *****/ @@ -2731,231 +2730,231 @@ input[name='attr_sheet_type'][value='vehicle'] ~ .npc .textrow.vehicle, input[na input.settings-toggle:checked ~ div.settings, input.settings-toggle:checked ~ .attr-col .attr-und div.settings, input.settings-toggle:checked ~ .attr-lim div.settings { - background: none; - display: inherit; - font-size: 1em; - text-align: left; - width: 100%; } + background: none !important; + display: inherit !important; + font-size: 1em !important; + text-align: left !important; + width: 100% !important; } /* NEW REPEATING CONTAINER WAY TO SHOW & HIDE SETTINGS */ /* SLOWLY ELIMINATE ALL TRACES OF SETTINGS-TOGGLE WITH THIS WAY OF DOING THINGS */ input.settings-flag:checked ~ div.settings { - display: inherit; } + display: inherit !important; } input.collapse-flag:checked ~ div.collapse { - display: block; } + display: block !important; } /* 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.body div.grunt.pain-tolerance { - display: none; } + display: none !important; } .pc .tabs input[value*='arms'] ~ button[name*='arms'], .pc .tabs input[value*='augs'] ~ button[name*='augs'], .pc .tabs input[value*='core'] ~ button[name*='core'], .pc .tabs input[value*='gear'] ~ button[name*='gear'], .pc .tabs input[value*='options'] ~ button[name*='options'], .pc .tabs input[value*='social'] ~ button[name*='social'], .pc .tabs input[value*='magic'] ~ button[name*='magic'], .pc .tabs input[value*='matrix'] ~ button[name*='matrix'], .pc .tabs input[value*='vehicle'] ~ button[name*='vehicle'] { - background-color: #79016f; - box-shadow: inset 0px 0px 3px 1px #460141; - color: #fff; } + background-color: #79016f !important; + box-shadow: inset 0px 0px 3px 1px #460141 !important; + color: #fff !important; } /*****************************************************************************************/ /**************************************** FOOTER ****************************************/ /***************************************************************************************/ /**** Footer ****/ .footer { - border: none; - font-size: 0.55em; - line-height: 15px; - margin-top: 15px; - text-align: left; - width: 700px; } + border: none !important; + font-size: 0.55em !important; + line-height: 15px !important; + margin-top: 15px !important; + text-align: left !important; + width: 700px !important; } div.footer div { - display: inline-block; - width: 90%; } + display: inline-block !important; + width: 90% !important; } div.footer img { - float: right; - vertical-align: top; - width: 5%; } + float: right !important; + vertical-align: top !important; + width: 5% !important; } /********************************************************************************************************/ /**************************************** REPEATING SECTIONS *******************************************/ /********************************************************************************************************/ .repcontainer .repitem { - margin-bottom: 5px; } + margin-bottom: 5px !important; } .repcontrol { - display: inline-block; - vertical-align: top; - min-height: 27px; } + display: inline-block !important; + vertical-align: top !important; + min-height: 27px !important; } .repcontrol .btn { - background: none; - border: medium none; - box-shadow: none; + background: none !important; + border: medium none !important; + box-shadow: none !important; color: transparent !important; - display: inline-block; - font-size: 15px; - margin-left: 10px; - outline: 0; - padding: 0px 0px 0px 0px; - text-shadow: none; - width: 25px; } + display: inline-block !important; + font-size: 15px !important; + margin-left: 10px !important; + outline: 0 !important; + padding: 0px 0px 0px 0px !important; + text-shadow: none !important; + width: 25px !important; } .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; } + background-color: none !important; + color: #fff !important; + font-size: 16px !important; + height: 12px !important; + padding: 2px 4px 2px 4px !important; + visibility: visible !important; + width: 12px !important; } .repcontrol .repcontrol_edit:after { - content: '('; } + content: '(' !important; } .repcontrol .repcontrol_add:after { - content: '&'; } + content: '&' !important; } .editmode ~ .repcontrol .repcontrol_edit:after { - content: ')'; } + content: ')' !important; } .repcontrol .repcontrol_edit:after, .repcontrol .repcontrol_add:after { - color: #000; - position: relative; } + color: #000 !important; + position: relative !important; } .npc .repcontrol .repcontrol_edit:after, .npc .repcontrol .repcontrol_add:after { - color: #fff; } + color: #fff !important; } .repcontrol .repcontrol_edit:hover:after, .repcontrol .repcontrol_add:hover:after { - color: #FCD116; - background-color: none; } + color: #FCD116 !important; + background-color: none !important; } .itemcontrol { - z-index: 10; } + z-index: 10 !important; } .itemcontrol .repcontrol_del, .itemcontrol .repcontrol_move { - font-size: 10px; - height: 18px; - margin-top: 3px; - padding: 0px; - width: 18px; } + font-size: 10px !important; + height: 18px !important; + margin-top: 3px !important; + padding: 0px !important; + width: 18px !important; } .itemcontrol .repcontrol_del { - background-color: darkred; } + background-color: darkred !important; } /********************************************************************************************************/ /**************************************** Roll template *******************************************/ /********************************************************************************************************/ .sheet-rolltemplate-rolls div.sheet-template-body { border: 2px solid #000 !important; - border-radius: 3px 3px 3px 3px; } + border-radius: 3px 3px 3px 3px !important; } .sheet-rolltemplate-rolls .sheet-template-header { -/* background-color: #431714; */ - background-color: #460141; - border: 1px solid #000; - border-bottom: 2px solid #000; - box-shadow: inset 0px 0px 3px 1px #000; - color: #fff; - font-size: 1.5em; - font-variant: small-caps; - font-weight: bold; - letter-spacing: 2px; - padding: 8px 0px 3px 0px; - text-align: center; - text-transform: capitalize; } +/* background-color: #431714 !important; */ + background-color: #460141 !important; + border: 1px solid #000 !important; + border-bottom: 2px solid #000 !important; + box-shadow: inset 0px 0px 3px 1px #000 !important; + color: #fff !important; + font-size: 1.5em !important; + font-variant: small-caps !important; + font-weight: bold !important; + letter-spacing: 2px !important; + padding: 8px 0px 3px 0px !important; + text-align: center !important; + text-transform: capitalize !important; } .sheet-rolltemplate-rolls .sheet-template-header span { - font-family: 'tahoma'; - font-size: 0.5em; - font-weight: normal; - font-variant: normal; - letter-spacing: 1px; } + font-family: 'tahoma' !important; + font-size: 0.5em !important; + font-weight: normal !important; + font-variant: normal !important; + letter-spacing: 1px !important; } .sheet-rolltemplate-rolls .sheet-template-row { - color: #fff; - text-align: center; - font-size: 18px; - background-color: #555; - box-shadow: inset 0px 0px 3px 1px #000; - line-height: 1.1em; - font-family: 'helvetica'; - padding: 5px 5px 3px 5px; } + color: #fff !important; + text-align: center !important; + font-size: 18px !important; + background-color: #555 !important; + box-shadow: inset 0px 0px 3px 1px #000 !important; + line-height: 1.1em !important; + font-family: 'helvetica' !important; + padding: 5px 5px 3px 5px !important; } .sheet-rolltemplate-rolls .sheet-template-row:nth-child(2n+0) { - background-color: #1c1c1c; } + background-color: #1c1c1c !important; } .sheet-rolltemplate-rolls .inlinerollresult { - display: inline-block; - color: #fff; - font-size: 25px; - background-color: transparent; - border: none; } + display: inline-block !important; + color: #fff !important; + font-size: 25px !important; + background-color: transparent !important; + border: none !important; } .sheet-rolltemplate-rolls .inlinerollresult.fullfail, .sheet-rolltemplate-rolls .inlinerollresult.fullcrit, .sheet-rolltemplate-rolls .inlinerollresult.importantroll { - border: none; } + border: none !important; } .sheet-rolltemplate-rolls .inlinerollresult.fullfail { - color: #FCD116; } + color: #FCD116 !important; } .sheet-rolltemplate-rolls .inlinerollresult.fullcrit { - color: #fff; } + color: #fff !important; } .sheet-rolltemplate-rolls .sheet-template-desc { - font-size: 0.8em; } + font-size: 0.8em !important; } .sheet-rolltemplate-rolls span.sheet-template-desc .inlinerollresult { - font-size: 14px; } + font-size: 14px !important; } /********************************************************************************************************/ /******************************* FireFox *******************************************/ /******************************************************************************************************/ input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { - -webkit-appearance: none; - margin: 0; } + -webkit-appearance: none !important; + margin: 0 !important; } input[type=number] { - -moz-appearance: textfield; } + -moz-appearance: textfield !important; } /********************************************************************************************/ /***************** French Adjustments ********************************/ /*******************************************************************************************/ .charsheet.lang-fr .tab-whisper, .charsheet.lang-fr .tab-toggles { - margin-right: 2%; } + margin-right: 2% !important; } .charsheet.lang-fr .tabs input[type='checkbox']:nth-of-type(2) { - width: 11%; } + width: 11% !important; } .charsheet.lang-fr .tab-col input[type='radio'] { - width: 4.5%; } + width: 4.5% !important; } .charsheet.lang-fr .tab-col input[type='radio']:nth-of-type(4), .charsheet.lang-fr .tab-col input[type='radio']:nth-of-type(5), .charsheet.lang-fr .tab-col input[type='radio']:nth-of-type(6), .charsheet.lang-fr .tab-col input[type='radio']:nth-of-type(7) { - width: 6%; } + width: 6% !important; } .charsheet.lang-fr .tab-whisper input[type='radio'], .charsheet.lang-fr .tab-col input[type='radio']:nth-of-type(8), .charsheet.lang-fr .tab-toggles input[type='checkbox']:nth-of-type(1) { - width: 8%; } + width: 8% !important; } .charsheet.lang-fr .tab-col input[type='radio']:nth-of-type(9) { - width: 2.5%; } + width: 2.5% !important; } .charsheet.lang-fr .pd-meta input[type='text'] { - width: 30%; } + width: 30% !important; } .charsheet.lang-fr .skill-box h3:first-child { - margin-right: 51%; - width: 20%; } + margin-right: 51% !important; + width: 20% !important; } diff --git a/Shadowrun Sixth World/Shadowrun6thEdition.html b/Shadowrun Sixth World/Shadowrun6thEdition.html index 254a3a1ee4..730f796664 100644 --- a/Shadowrun Sixth World/Shadowrun6thEdition.html +++ b/Shadowrun Sixth World/Shadowrun6thEdition.html @@ -71,7 +71,7 @@

Total Karma

-

Base Essence

+

Modifier

-

Augmentations

=

Current Essence

+

Base Essence

+

Modifier

-

Augmentations

=

Current Essence

@@ -355,8 +355,9 @@
- / - + + / +