/* Farbschema: #96046f - Cyberbrombeere #FF0000 - rot #A87D7D - grayish red #9a9a9a - hellgrau #D9EBF4 - hellblau #040404 - schwarz */ /* Roll20-Standards überschreiben funktioniert nicht, daher müssen Klassen sein*/ * { background-color: transparent; box-sizing: border-box; /*https://www.w3schools.com/css/css3_box-sizing.asp*/ font-family: sans-serif; } /* Clear default button styling */ button.sheet-direction { margin: 0; overflow: visible; text-transform: none; border-style: none; padding: 0; background: transparent; cursor: pointer; } /* condition monitor */ input.sheet-direction:not([value="unchecked"]) + button.sheet-healthbutton > span.sheet-unchecked, input.sheet-direction:not([value="unchecked"]) + button.sheet-healthbutton-startofblock > span.sheet-unchecked, input.sheet-direction:not([value="checked"]) + button.sheet-healthbutton > span.sheet-checked, input.sheet-direction:not([value="checked"]) + button.sheet-healthbutton-startofblock > span.sheet-checked{ display: none; } /* action monitor*/ input.sheet-direction:not([value="struck"]) + button.sheet-actionbutton > span.sheet-struck, input.sheet-direction:not([value="unstruck"]) + button.sheet-actionbutton > span.sheet-unstruck, input.sheet-direction:not([value="struck"]) + button.sheet-minoractionbutton > span.sheet-struck, input.sheet-direction:not([value="unstruck"]) + button.sheet-minoractionbutton > span.sheet-unstruck,{ display: none; } input[type=checkbox].sheet-toggle-hide:checked + div.sheet-conditionmonitorbutton, input[type=checkbox].sheet-toggle-hide-edge:checked + div.sheet-edgetoken, input[type=checkbox].sheet-toggle-hide:not(:checked) + div.sheet-magicsection, input[type=checkbox].sheet-toggle-hide-not:not(:checked) + div.sheet-magicsection, input[type=checkbox].sheet-toggle-hide:not(:checked) + div.sheet-table-row-flat{ display: none; } button[type=action] { background-image: none; border-color: #FFFFFF; border-style: solid; border-width: 1px color: #96046f; text-shadow: none; } button[type=action].sheet-togglebutton { background-color: #FFFFFF; font-size: 10px; margin-bottom: 2px; /*margin-left: 50px;*/ margin-right: 1px; text-align: left; width: 100px; } button[type=action].sheet-spelltogglebutton { background-color: #FFFFFF; border: 0px; font-size: 10px; height: 18px; margin-left: 5px; margin-top: 2px; text-align: left; width: 133px; } button[type=action].sheet-mini-togglebutton { background-color: #FFFFFF; border: 0px; font-size: 10px; height: 18px; margin-bottom: 2px; /*margin-left: 50px;*/ margin-right: 1px; padding: 2px 1px; text-align: left; width: 50px; } button[type=action].sheet-bluebutton { background-image: none; border: 1px solid #D9EBF4; color: #96046f; font-size: 10px; padding: 0px; padding-left: 3px; padding-right: 3px; text-shadow: none; } button[type=action].sheet-headlinebutton { background-color: #FFFFFF; background-image: none; border: 2px solid #FFFFFF; color: #96046f; height: 22px; line-height: 18px; padding: 2px; } button[type=action].sheet-edgebutton { background-image: none; border: 2px solid #FFFFFF; color: #96046f; text-align: center; line-height: 18px; padding: 2px; min-width: 80px; max-width: 80px; } button[type=action].sheet-actionbutton { background-image: none; border: 2px solid #FFFFFF; color: #96046f; line-height: 18px; margin-top: 5px; max-width: 121px; min-width: 121px; padding: 2px; text-align: center; } button[type=action].sheet-minoractionbutton { background-image: none; border: 2px solid #FFFFFF; color: #96046f; font-size: 10px; line-height: 14px; margin-top: 5px; max-width: 46px; min-width: 46px; padding: 2px; text-align: center; } button[type=action].sheet-resetbutton { background-image: none; border: 2px solid #FFFFFF; color: #96046f; text-align: center; line-height: 18px; padding: 2px; min-width: 90px; max-width: 90px; } button[type=action].sheet-healthbutton { background-image: none; border: 2px solid #FFFFFF; color: #96046f; font-size: 18px; height: 30px; margin-left: -2px; max-width: 30px; min-width: 30px; padding: 2px; padding-top: -4px; vertical-align: top; } button[type=action].sheet-healthbutton-startofblock { background-image: none; border: 2px solid #FFFFFF; color: #96046f; font-size: 18px; height: 30px; max-width: 30px; min-width: 30px; padding: 2px; padding-top: -4px; vertical-align: top; } button[type=roll] { background-color: #FFFFFF; background-image: none; color: #96046f; font-size: 1.3em; text-shadow: none; } button[type=roll].sheet-magicrollbutton { width: 138px; } button[type=roll].sheet-shortcutbutton { background-color: #FFFFFF; font-size: 14px; margin-bottom: 7px; /*margin-left: 50px;*/ margin-right: 1px; text-align: left; width: 245px; } button[type=roll].sheet-postbutton { background-color: #FFFFFF; font-size: 14px; margin-right: 1px; text-align: left; width: 245px; } button[type=roll].sheet-smallbutton { background-color: #FFFFFF; font-size: 0.8em; margin-left: 1px; margin-right: 1px; text-align: left; width: 42px; } button[type=roll].sheet-widesmallbutton { background-color: #FFFFFF; font-size: 0.8em; margin-left: 1px; margin-right: 1px; text-align: left; width: 52px; } button[type=roll].sheet-mediumbutton { background-color: #FFFFFF; font-size: 0.8em; margin-left: 1px; margin-right: 1px; text-align: left; width: 72px; } button[type=roll].sheet-longbutton { background-color: #FFFFFF; font-size: 0.8em; margin-left: 1px; margin-right: 1px; text-align: center; width: 195px; } button[type=roll].sheet-hiddensmallbutton { font-size: 0.8em; margin-left: 1px; margin-right: 1px; text-align: left; width: 72px; visibility: hidden; } button[type=roll].sheet-invisbutton { display: none; font-size: 0.8em; margin-left: 1px; margin-right: 1px; text-align: left; width: 72px; } div { background-color: transparent; } div.repcontainer[data-groupname="repeating_meleeweapons"] > .repitem { background-color: #FFFFFF; border: 1px solid; display: inline-block; margin: 5px; padding: 2px; width: 200px; } div.repcontainer[data-groupname="repeating_rangeweapons"] > .repitem { background-color: #FFFFFF; border: 1px solid; display: inline-block; margin: 5px; padding: 2px; width: 620px; } div.sheet-wholedocument{ background-color: #D9EBF4; border: none; padding: 5px; width: 730px; } /*allgemeine Dinge*/ div.sheet-inline { display: inline-block; } div.sheet-center { text-align: center; } div.sheet-margin-fifty { margin-left: 50px; } div.sheet-slider-label { display:inline-block; font-size: 12px; line-height: 14px; } div.sheet-whiteborder { border: 1px solid #FFFFFF; margin-bottom: 5px; margin-top: 5px; width: 164px; } div.sheet-header, div.sheet-range-table { display: table; width: auto; } div.sheet-innertable-stagger { display: table; margin-bottom: 5px; width: auto; } div.sheet-innertable-stagger-flat { display: table; font-size: 2px; margin-bottom: 0px; width: auto; } div.sheet-header-centered { display: table; margin: 0 auto; width: auto; } div.sheet-header-row, div.sheet-range-ranges-row { display: table-row; width: 100%; } div.sheet-header-hugecell { display: table-cell; width: 300px; } div.sheet-header-fullcell { display: table-cell; width: 250px; } div.sheet-table-cell-one-third{ display: table-cell; width: 240px; } div.sheet-header-shortcell { display: table-cell; width: 180px; } div.sheet-table-cell-one-fifth{ display: table-cell; height: 20px; vertical-align: center; width: 144px; } div.sheet-table-cell-adept-description { display: table-cell; padding-left: 10px; width: 140px; } div.sheet-header-longcell { display: table-cell; padding: 2px; width: 450px; } div.sheet-header-cell, div.sheet-table-cell-adept-name{ display: table-cell; padding: 2px; width: 250px; } div.sheet-header-cell-huge { display: table-cell; padding: 2px; width: 100px; } div.sheet-table-row{ display: table-row; height: 25px; line-height: 14px; } div.sheet-table-row-flat{ display: table-row; height: 18px; } div.sheet-table-row-superflat{ display: table-row; height: 4px; } div.sheet-table-fullrow { display: table-cell; padding: 2px; width: 750px; } div.sheet-table-cell { display: table-cell; padding: 2px; } div.sheet-table-cell-center { display: table-cell; padding: 2px; text-align: center; } div.sheet-table-cell-full { display: table-cell; padding: 2px; width: 750px; } div.sheet-table-cell-threequarter { display: table-cell; padding: 2px; width: 700px; } div.sheet-table-cell-half { display: table-cell; padding: 2px; width: 400px; } div.sheet-table-cell-huge-center, div.sheet-table-cell-adept-showchat, div.sheet-table-cell-adept-longdesc{ display:table-cell; padding: 2px; text-align: center; width: 120px; } div.sheet-table-cell-quarter { display: table-cell; padding: 2px; width: 100px; } div.sheet-table-cell-skill-rolls{ display: table-cell; padding: 2px; text-align: center; width: 60px; } div.sheet-table-cell-adept-pp { display: table-cell; margin: 0 auto; padding: 2px; text-align: center; width: 40px; } div.sheet-table-cell-skill-name, div.sheet-table-cell-skill-hide { display: table-cell; padding: 2px; width: 110px; } div.sheet-table-cell-skill-spec, div.sheet-table-cell-skill-exp{ display: table-cell; padding: 2px; width: 100px; } div.sheet-table-cell-skill-attribute { display: table-cell; padding: 2px; width: 90px; } div.sheet-table-cell-skill-total{ display: table-cell; font-weight: bold; padding: 2px; text-align: center; width: 45px; } div.sheet-table-cell-skill-total input { font-weight: bold; } div.skill-electronics-toggle-on { height: 10px; line-height: 10px; } div.sheet-table-cell-skill-level, div.sheet-table-cell-skill-mod, div.sheet-table-cell-adept-level{ display: table-cell; padding: 2px; width: 40px; } div.sheet-table-cell-tiny { height: 4px; padding: 0px; } div.sheet-range-textbox-colossal { display: inline-block; font-size: 10px; width: 150px; } div.sheet-range-textbox-huge { display: inline-block; font-size: 10px; width: 110px; } div.sheet-range-textbox-huge-center, div.sheet-box-wilddie-ranged { display: inline-block; font-size: 10px; text-align: center; width: 100px; } div.sheet-melee-textbox-large, div.sheet-range-textbox-large{ display: inline-block; font-size: 10px; width: 70px; } div.sheet-melee-textbox-medium, div.sheet-range-textbox-medium, div.sheet-radio-em-visible, div.sheet-radio-hm-visible, div.sheet-radio-sm-visible, div.sheet-radio-am-visible { display: inline-block; font-size: 10px; width: 50px; } div.sheet-melee-textbox-small, div.sheet-range-textbox-small { display: inline-block; font-size: 10px; width: 30px; } div.sheet-range-textbox-tiny{ display: inline-block; font-size: 10px; width: 5px; } div.sheet-smallspacer { display: inline-block; width: 30px; } div.sheet-smallspacertwenty { display: inline-block; width: 15px; } div.sheet-smallerspacer { display: inline-block; width: 7px; } div.sheet-tinyspacer { display: inline-block; width: 4px; } fieldset { background: transparent; } h4 { color: #96046f; display: inline; } h6 { color: #96046f; display: inline; padding-left: 7px; padding-right: 7px; } /*NEVER TRY TO CSS INPUT TYPE=CHECKBOX!*/ input { background-color: #ffffff; border-color: #ffffff; color: #96046f; font-size: 10px; font-weight: bold; padding: 1px; text-align: center; } input:focus { background-color: #D9EBF4; } input[type=number].sheet-right { float: right; margin-right: 5px; } input[type=number].sheet-smallinput { height: 20px; width: 3.0em; } input[type=number].sheet-tinyinput { border: 0px; font-size: 10px; height: 18px; padding: 0px; width: 1.0em; } input[type=number].sheet-hiddeninput { display:none; } input[type=text].sheet-adeptpowername{ font-size: 10px; line-height: 0.8em; height: 18px; margin: 0px; padding: 0px; padding-left: 5px; text-align: left; width: 240px; } input[type=text].sheet-weaponname{ font-size: 10px; line-height: 0.8em; height: 18px; margin: 0px; padding: 0px; padding-left: 5px; text-align: left; width: 140px; } input[type=text].sheet-spellname{ font-size: 12px; line-height: 0.8em; height: 18px; margin: 0px; padding: 0px; text-align: left; width: 143px; } input[type=text].sheet-adeptpowerrules{ border: 0px; font-size: 10px; line-height: 0.8em; height: 18px; margin: 0px; padding: 0px; padding-left: 5px; text-align: left; width: 40px; } input[type=text].sheet-spellrules{ border: 0px; font-size: 10px; line-height: 0.8em; height: 18px; margin: 0px; padding: 0px; padding-left: 5px; text-align: left; width: 60px; } input[type=text].sheet-shorttext { font-size: 10px; line-height: 0.8em; height: 18px; margin: 0px; padding: 0px; padding-left: 5px; text-align: center; width: 30px; } input[type=text].sheet-smallinput, input[type=text].sheet-input-astral-spec, input[type=text].sheet-input-astral-exp, input[type=text].sheet-input-athletics-spec, input[type=text].sheet-input-athletics-exp, input[type=text].sheet-input-conjuring-spec, input[type=text].sheet-input-conjuring-exp, input[type=text].sheet-input-biotech-spec, input[type=text].sheet-input-biotech-exp, input[type=text].sheet-input-cracking-spec, input[type=text].sheet-input-cracking-exp, input[type=text].sheet-input-influence-spec, input[type=text].sheet-input-influence-exp, input[type=text].sheet-input-electronics-spec, input[type=text].sheet-input-electronics-exp, input[type=text].sheet-input-firearms-spec, input[type=text].sheet-input-firearms-exp, input[type=text].sheet-input-stealth-spec, input[type=text].sheet-input-stealth-exp, input[type=text].sheet-input-sorcery-spec, input[type=text].sheet-input-sorcery-exp, input[type=text].sheet-input-engineering-spec, input[type=text].sheet-input-engineering-exp, input[type=text].sheet-input-melee-spec, input[type=text].sheet-input-melee-exp, input[type=text].sheet-input-outdoors-spec, input[type=text].sheet-input-outdoors-exp, input[type=text].sheet-input-piloting-spec, input[type=text].sheet-input-piloting-exp, input[type=text].sheet-input-con-spec, input[type=text].sheet-input-con-exp, input[type=text].sheet-input-enchanting-spec, input[type=text].sheet-input-enchanting-exp, input[type=text].sheet-input-perception-spec, input[type=text].sheet-input-perception-exp{ padding: 0px; padding-left: 5px; text-align: left; width: 96px; } select { border: 1px; width: auto; -moz-appearance: none; -webkit-appearance: none; appearance: none; } select.sheet-whitebackground { background-color: #FFFFFF; } select.sheet-right { float: right; margin-right: 5px; } select.sheet-spellresistdropdown { background-color: #FFFFFF; border: 1px solid #E5E5E5; border-radius: 3px 3px 3px 3px; color: #96046f; font-size: 0.8em; height: 20px; margin-bottom: 0px; padding: 0px; padding-left: 5px; padding-right: 5px; width: 140px; } select.sheet-attributedropdown { background-color: #FFFFFF; border: 1px solid #E5E5E5; border-radius: 3px 3px 3px 3px; color: #96046f; font-size: 0.8em; height: 20px; padding: 0px; padding-left: 5px; width: 86px; } select.sheet-spirittypedropdown { border: 1px solid #E5E5E5; border-radius: 3px 3px 3px 3px; color: #96046f; font-size: 0.8em; height: 20px; padding: 0px; padding-left: 5px; width: 105px; } select.sheet-spellcategorydropdown { border: 1px solid #E5E5E5; border-radius: 3px 3px 3px 3px; color: #96046f; float: right; font-size: 0.8em; height: 20px; padding: 0px; padding-left: 5px; width: 86px; } select.sheet-spellrangedropdown { background-color: #FFFFFF; border: 1px solid #E5E5E5; border-radius: 3px 3px 3px 3px; color: #96046f; direction: rtl; font-size: 0.8em; height: 20px; padding: 0px; padding-left: 5px; padding-right: 5px; width: 45px; } select.sheet-adeptpowercostdropdown { background-color: #FFFFFF; border: 1px solid #E5E5E5; border-radius: 3px 3px 3px 3px; color: #96046f; font-size: 0.8em; height: 20px; padding: 0px; padding-left: 5px; width: 35px; } select.sheet-spelltypedropdown { background-color: #FFFFFF; border: 1px solid #E5E5E5; border-radius: 3px 3px 3px 3px; color: #96046f; font-size: 0.8em; height: 20px; padding: 0px; padding-left: 5px; width: 20px; } select.sheet-meleetypedropdown, select.sheet-rangetypedropdown{ font-size: 10px; height: 18px; margin: 0px; padding: 0px; } select.sheet-damagetypedropdown, select.sheet-firemodedropdown, select.sheet-reloadtypdropdown, select.sheet-ammotypedropdown{ color: #96046f; font-size: 10px; font-weight: bold; height: 18px; margin: 0px; min-width: 30px; padding: 0px; padding-left: 5px; text-align: center; } span { word-break: break-word; } span.sheet-center { text-align: center; } span.sheet-struck { color: #96046f; text-decoration: line-through; } span.sheet-unstruck { color: #96046f; } span.sheet-red { font-size: 10px; height: 18px; line-height: 0.8em; margin: 0px; padding: 0px; text-align: left; } span.sheet-cyberberry-nopadding { color: #96046f; font-size: 10px; padding-left: 3px; padding-right: 3px; } span.sheet-cyberberry-normal { color: #96046f; font-size: 10px; padding-left: 7px; padding-right: 7px; } span.sheet-cyberberry { color: #96046f; font-size: 14px; padding-left: 7px; padding-right: 7px; vertical-align: baseline; } textarea { background-color: #FFFFFF; border: 1px; overflow-wrap: break-word; resize: vertical; vertical-align: top; } /*Farbschema: #96046f - Cyberbrombeere #FF0000 - rot #A87D7D - grayish red #9a9a9a - hellgrau #D9EBF4 - hellblau #040404 - schwarz*/ /* roll sheet*/ .sheet-rolltemplate-initiative div.sheet-template-container, .sheet-rolltemplate-post div.sheet-template-container, .sheet-rolltemplate-roll div.sheet-template-container, .sheet-rolltemplate-wilddie div.sheet-template-container{ border: 1px solid #96046f !important; border-radius: 3px 3px 3px 3px; } .sheet-rolltemplate-roll .sheet-template-header, .sheet-rolltemplate-post .sheet-template-header, .sheet-rolltemplate-wilddie .sheet-template-header{ background-color: #FFFFFF; color: #000; padding: 5px; border-bottom: 1px solid #96046f; line-height: 1.6em; font-size: 1.0em; } .sheet-rolltemplate-initiative .sheet-template-header { background-color: #FFFFFF; color: #000; padding: 5px; line-height: 1.6em; font-size: 1.0em; } .sheet-rolltemplate-roll div.sheet-template-flatrow{ background-color: #FFFFFF; padding: 2px } .sheet-rolltemplate-post div.sheet-template-row:nth-child(odd), .sheet-rolltemplate-roll div.sheet-template-row:nth-child(odd), .sheet-rolltemplate-wilddie div.sheet-template-row:nth-child(odd){ background-color: #FFFFFF; padding: 5px; } .sheet-rolltemplate-post div.sheet-template-row:nth-child(even), .sheet-rolltemplate-roll div.sheet-template-row:nth-child(even), .sheet-rolltemplate-wilddie div.sheet-template-row:nth-child(even){ background-color: #D9EBF4; padding: 5px; } .sheet-rolltemplate-post .sheet-hidden-block,/*block layout without roll*/ .sheet-rolltemplate-roll .sheet-hidden-block, .sheet-rolltemplate-wilddie .sheet-hidden-block{ display: inline-block; width: 61.5px; /*recalculate if needed*/ } .sheet-rolltemplate-post .sheet-sub-headline, .sheet-rolltemplate-roll .sheet-sub-headline, .sheet-rolltemplate-wilddie .sheet-sub-headline{ color: #96046f; display: inline-block; font-weight: bold; text-align: center; width: 100%; } .sheet-rolltemplate-post .sheet-small-black-text, .sheet-rolltemplate-roll .sheet-small-black-text, .sheet-rolltemplate-wilddie .sheet-small-black-text{ color: #000000; display: inline-block; font-size: 8pt; text-align: center; width: 100%; } .sheet-rolltemplate-post .inlinerollresult, .sheet-rolltemplate-roll .inlinerollresult, .sheet-rolltemplate-wilddie .inlinerollresult{ background-color: #FFFFFF; border: 0.25px solid #A7A8AA; display: inline-block; margin-right: 30px; min-width: 25px; text-align: center; } .sheet-rolltemplate-post .inlinerollresult.fullcrit, .sheet-rolltemplate-roll .inlinerollresult.fullcrit, .sheet-rolltemplate-wilddie .inlinerollresult.fullcrit{ border: 0.25px solid #3FB315; } .sheet-rolltemplate-post .inlinerollresult.fullfail, .sheet-rolltemplate-roll .inlinerollresult.fullfail, .sheet-rolltemplate-wilddie .inlinerollresult.fullfail{ border: 0.25px solid #B31515; } .sheet-rolltemplate-post .inlinerollresult.importantroll, .sheet-rolltemplate-roll .inlinerollresult.importantroll, .sheet-rolltemplate-wilddie .inlinerollresult.importantroll{ border: 0.25px solid #4A57ED; } .sheet-toggle-hide:not(:checked) + .sheet-actionbutton {display:none;} .sheet-toggle-hide:checked + .sheet-actionbutton {display:inline-block;} .sheet-hidebyboth, .sheet-toggle-hide-both:checked ~ .sheet-unhidebyboth {display: inline;} .sheet-unhidebyboth, .sheet-toggle-hide-both:checked ~ .sheet-hidebyboth{display: none;} .sheet-hidebycomplexammo, .sheet-hidebycomplexdamage {display: inline;visibility: visible;} .sheet-toggle-hide-complex-ammo:checked ~ .sheet-range-ranges-row-ammo, .sheet-toggle-hide-complex-damage:checked ~ .sheet-range-ranges-row-damage {display: table-row;width: 100%;} .sheet-range-ranges-row-ammo, .sheet-range-ranges-row-damage, .sheet-toggle-hide-complex-ammo:checked ~ .sheet-hidebycomplexammo, .sheet-toggle-hide-complex-damage:checked ~ .sheet-hidebycomplexdamage{display: none;} .sheet-magictoggle-off,.sheet-toggle-hide:checked ~ .sheet-magictoggle-on {display:none;} .sheet-magictoggle-on,.sheet-toggle-hide:checked ~ .sheet-magictoggle-off {display: inline-block;} .sheet-attribute-body-toggle-on, .sheet-toggle-hide:checked ~ .sheet-attribute-body-toggle-off, .sheet-attribute-agility-toggle-on, .sheet-toggle-hide:checked ~ .sheet-attribute-agility-toggle-off, .sheet-attribute-reaction-toggle-on, .sheet-toggle-hide:checked ~ .sheet-attribute-reaction-toggle-off, .sheet-attribute-strength-toggle-on, .sheet-toggle-hide:checked ~ .sheet-attribute-strentgh-toggle-off, .sheet-attribute-willpower-toggle-on, .sheet-toggle-hide:checked ~ .sheet-attribute-willpower-toggle-off, .sheet-attribute-logic-toggle-on, .sheet-toggle-hide:checked ~ .sheet-attribute-body-logic-off, .sheet-attribute-intuition-toggle-on, .sheet-toggle-hide:checked ~ .sheet-attribute-intuition-toggle-off, .sheet-attribute-charisma-toggle-on, .sheet-toggle-hide:checked ~ .sheet-attribute-charisma-toggle-off, .sheet-attribute-edge-toggle-on, .sheet-toggle-hide:checked ~ .sheet-attribute-edge-toggle-off, .sheet-attack-melee-toggle-on, .sheet-toggle-hide-not:checked ~ .sheet-attack-melee-toggle-off, .sheet-attack-ranged-toggle-on, .sheet-toggle-hide:checked ~ .sheet-attack-ranged-toggle-off{ display: table-cell; height: 25px; line-height: 25px; } .sheet-skill-astral-toggle-on, .sheet-toggle-hide:checked ~ .sheet-skill-astral-toggle-off, .sheet-skill-athletics-toggle-on, .sheet-toggle-hide:checked ~ .sheet-skill-athletics-toggle-off, .sheet-skill-biotech-toggle-on, .sheet-toggle-hide:checked ~ .sheet-skill-biotech-toggle-off, .sheet-skill-cracking-toggle-on, .sheet-toggle-hide:checked ~ .sheet-skill-cracking-toggle-off, .sheet-skill-influence-toggle-on, .sheet-toggle-hide:checked ~ .sheet-skill-influence-toggle-off, .sheet-skill-electronics-toggle-on, .sheet-toggle-hide:checked ~ .sheet-skill-electronics-toggle-off, .sheet-skill-firearms-toggle-on, .sheet-toggle-hide:checked ~ .sheet-skill-firearms-toggle-off, .sheet-skill-stealth-toggle-on, .sheet-toggle-hide:checked ~ .sheet-skill-stealth-toggle-off, .sheet-skill-engineering-toggle-on, .sheet-toggle-hide:checked ~ .sheet-skill-engineering-toggle-off, .sheet-skill-melee-toggle-on, .sheet-toggle-hide:checked ~ .sheet-skill-melee-toggle-off, .sheet-skill-outdoors-toggle-on, .sheet-toggle-hide:checked ~ .sheet-skill-outdoors-toggle-off, .sheet-skill-piloting-toggle-on, .sheet-toggle-hide:checked ~ .sheet-skill-piloting-toggle-off, .sheet-skill-con-toggle-on, .sheet-toggle-hide:checked ~ .sheet-skill-con-toggle-off, .sheet-skill-perception-toggle-on, .sheet-toggle-hide:checked ~ .sheet-skill-perception-toggle-off, .sheet-skill-exoticweapons-toggle-on, .sheet-toggle-hide:checked ~ .sheet-skill-exoticweapons-toggle-off{ display: inline-block; height: 25px; line-height: 25px; } .sheet-attribute-body-toggle-off, .sheet-toggle-hide:checked ~ .sheet-attribute-body-toggle-on, .sheet-attribute-agility-toggle-off, .sheet-toggle-hide:checked ~ .sheet-attribute-agility-toggle-on, .sheet-attribute-reaction-toggle-off, .sheet-toggle-hide:checked ~ .sheet-attribute-reaction-toggle-on, .sheet-attribute-strength-toggle-off, .sheet-toggle-hide:checked ~ .sheet-attribute-strentgh-toggle-on, .sheet-attribute-willpower-toggle-off, .sheet-toggle-hide:checked ~ .sheet-attribute-willpower-toggle-on, .sheet-attribute-logic-toggle-off, .sheet-toggle-hide:checked ~ .sheet-attribute-body-logic-on, .sheet-attribute-intuition-toggle-off, .sheet-toggle-hide:checked ~ .sheet-attribute-intuition-toggle-on, .sheet-attribute-charisma-toggle-off, .sheet-toggle-hide:checked ~ .sheet-attribute-charisma-toggle-on, .sheet-attribute-edge-toggle-off, .sheet-toggle-hide:checked ~ .sheet-attribute-edge-toggle-on, .sheet-skill-astral-toggle-off, .sheet-toggle-hide:checked ~ .sheet-skill-astral-toggle-on, .sheet-skill-athletics-toggle-off, .sheet-toggle-hide:checked ~ .sheet-skill-athletics-toggle-on, .sheet-skill-biotech-toggle-off, .sheet-toggle-hide:checked ~ .sheet-skill-biotech-toggle-on, .sheet-skill-cracking-toggle-off, .sheet-toggle-hide:checked ~ .sheet-skill-cracking-toggle-on, .sheet-skill-influence-toggle-off, .sheet-toggle-hide:checked ~ .sheet-skill-influence-toggle-on, .sheet-skill-electronics-toggle-off, .sheet-toggle-hide:checked ~ .sheet-skill-electronics-toggle-on, .sheet-skill-firearms-toggle-off, .sheet-toggle-hide:checked ~ .sheet-skill-firearms-toggle-on, .sheet-skill-stealth-toggle-off, .sheet-toggle-hide:checked ~ .sheet-skill-stealth-toggle-on, .sheet-skill-engineering-toggle-off, .sheet-toggle-hide:checked ~ .sheet-skill-engineering-toggle-on, .sheet-skill-melee-toggle-off, .sheet-toggle-hide:checked ~ .sheet-skill-melee-toggle-on, .sheet-skill-outdoors-toggle-off, .sheet-toggle-hide:checked ~ .sheet-skill-outdoors-toggle-on, .sheet-skill-piloting-toggle-off, .sheet-toggle-hide:checked ~ .sheet-skill-piloting-toggle-on, .sheet-skill-con-toggle-off, .sheet-toggle-hide:checked ~ .sheet-skill-con-toggle-on, .sheet-skill-perception-toggle-off, .sheet-toggle-hide:checked ~ .sheet-skill-perception-toggle-on, .sheet-skill-exoticweapons-toggle-off, .sheet-toggle-hide:checked ~ .sheet-skill-exoticweapons-toggle-on, .sheet-attack-melee-toggle-off, .sheet-toggle-hide-not:checked ~ .sheet-attack-melee-toggle-on, .sheet-attack-ranged-toggle-off, .sheet-toggle-hide:checked ~ .sheet-attack-ranged-toggle-on{ display:none; height: 25px; line-height: 12px; } /*making the specialisation and expertise roll buttons appear/disappear*/ .sheet-visible-astral-spec,.sheet-toggle-hide:checked ~ .sheet-invisible-astral-spec, .sheet-visible-astral-exp,.sheet-toggle-hide:checked ~ .sheet-invisible-astral-exp, .sheet-visible-athletics-spec,.sheet-toggle-hide:checked ~ .sheet-invisible-athletics-spec, .sheet-visible-athletics-exp,.sheet-toggle-hide:checked ~ .sheet-invisible-athletics-exp, .sheet-visible-conjuring-spec,.sheet-toggle-hide:checked ~ .sheet-invisible-conjuring-spec, .sheet-visible-conjuring-exp,.sheet-toggle-hide:checked ~ .sheet-invisible-conjuring-exp, .sheet-visible-biotech-spec,.sheet-toggle-hide:checked ~ .sheet-invisible-biotech-spec, .sheet-visible-biotech-exp,.sheet-toggle-hide:checked ~ .sheet-invisible-biotech-exp, .sheet-visible-cracking-spec,.sheet-toggle-hide:checked ~ .sheet-invisible-cracking-spec, .sheet-visible-cracking-exp,.sheet-toggle-hide:checked ~ .sheet-invisible-cracking-exp, .sheet-visible-influence-spec,.sheet-toggle-hide:checked ~ .sheet-invisible-influence-spec, .sheet-visible-influence-exp,.sheet-toggle-hide:checked ~ .sheet-invisible-influence-exp, .sheet-visible-electronics-spec,.sheet-toggle-hide:checked ~ .sheet-invisible-electronics-spec, .sheet-visible-electronics-exp,.sheet-toggle-hide:checked ~ .sheet-invisible-electronics-exp, .sheet-visible-firearms-spec,.sheet-toggle-hide:checked ~ .sheet-invisible-firearms-spec, .sheet-visible-firearms-exp,.sheet-toggle-hide:checked ~ .sheet-invisible-firearms-exp, .sheet-visible-stealth-spec,.sheet-toggle-hide:checked ~ .sheet-invisible-stealth-spec, .sheet-visible-stealth-exp,.sheet-toggle-hide:checked ~ .sheet-invisible-stealth-exp, .sheet-visible-sorcery-spec,.sheet-toggle-hide:checked ~ .sheet-invisible-sorcery-spec, .sheet-visible-sorcery-exp,.sheet-toggle-hide:checked ~ .sheet-invisible-sorcery-exp, .sheet-visible-engineering-spec,.sheet-toggle-hide:checked ~ .sheet-invisible-engineering-spec, .sheet-visible-engineering-exp,.sheet-toggle-hide:checked ~ .sheet-invisible-engineering-exp, .sheet-visible-melee-spec,.sheet-toggle-hide:checked ~ .sheet-invisible-melee-spec, .sheet-visible-melee-exp,.sheet-toggle-hide:checked ~ .sheet-invisible-melee-exp, .sheet-visible-outdoors-spec,.sheet-toggle-hide:checked ~ .sheet-invisible-outdoors-spec, .sheet-visible-outdoors-exp,.sheet-toggle-hide:checked ~ .sheet-invisible-outdoors-exp, .sheet-visible-piloting-spec,.sheet-toggle-hide:checked ~ .sheet-invisible-piloting-spec, .sheet-visible-piloting-exp,.sheet-toggle-hide:checked ~ .sheet-invisible-piloting-exp, .sheet-visible-con-spec,.sheet-toggle-hide:checked ~ .sheet-invisible-con-spec, .sheet-visible-con-exp,.sheet-toggle-hide:checked ~ .sheet-invisible-con-exp, .sheet-visible-enchanting-spec,.sheet-toggle-hide:checked ~ .sheet-invisible-enchanting-spec, .sheet-visible-enchanting-exp,.sheet-toggle-hide:checked ~ .sheet-invisible-enchanting-exp, .sheet-visible-perception-spec,.sheet-toggle-hide:checked ~ .sheet-invisible-perception-spec, .sheet-visible-perception-exp,.sheet-toggle-hide:checked ~ .sheet-invisible-perception-exp {display: inline;visibility: visible;} .sheet-invisible-astral-spec,.sheet-toggle-hide:checked ~ .sheet-visible-astral-spec, .sheet-invisible-astral-exp,.sheet-toggle-hide:checked ~ .sheet-visible-astral-exp, .sheet-invisible-athletics-spec,.sheet-toggle-hide:checked ~ .sheet-visible-athletics-spec, .sheet-invisible-athletics-exp,.sheet-toggle-hide:checked ~ .sheet-visible-athletics-exp, .sheet-invisible-conjuring-spec,.sheet-toggle-hide:checked ~ .sheet-visible-conjuring-spec, .sheet-invisible-conjuring-exp,.sheet-toggle-hide:checked ~ .sheet-visible-conjuring-exp, .sheet-invisible-biotech-spec,.sheet-toggle-hide:checked ~ .sheet-visible-biotech-spec, .sheet-invisible-biotech-exp,.sheet-toggle-hide:checked ~ .sheet-visible-biotech-exp, .sheet-invisible-cracking-spec,.sheet-toggle-hide:checked ~ .sheet-visible-cracking-spec, .sheet-invisible-cracking-exp,.sheet-toggle-hide:checked ~ .sheet-visible-cracking-exp, .sheet-invisible-influence-spec,.sheet-toggle-hide:checked ~ .sheet-visible-influence-spec, .sheet-invisible-influence-exp,.sheet-toggle-hide:checked ~ .sheet-visible-influence-exp, .sheet-invisible-electronics-spec,.sheet-toggle-hide:checked ~ .sheet-visible-electronics-spec, .sheet-invisible-electronics-exp,.sheet-toggle-hide:checked ~ .sheet-visible-electronics-exp, .sheet-invisible-firearms-spec,.sheet-toggle-hide:checked ~ .sheet-visible-firearms-spec, .sheet-invisible-firearms-exp,.sheet-toggle-hide:checked ~ .sheet-visible-firearms-exp, .sheet-invisible-stealth-spec,.sheet-toggle-hide:checked ~ .sheet-visible-stealth-spec, .sheet-invisible-stealth-exp,.sheet-toggle-hide:checked ~ .sheet-visible-stealth-exp, .sheet-invisible-sorcery-spec,.sheet-toggle-hide:checked ~ .sheet-visible-sorcery-spec, .sheet-invisible-sorcery-exp,.sheet-toggle-hide:checked ~ .sheet-visible-sorcery-exp, .sheet-invisible-engineering-spec,.sheet-toggle-hide:checked ~ .sheet-visible-engineering-spec, .sheet-invisible-engineering-exp,.sheet-toggle-hide:checked ~ .sheet-visible-engineering-exp, .sheet-invisible-melee-spec,.sheet-toggle-hide:checked ~ .sheet-visible-melee-spec, .sheet-invisible-melee-exp,.sheet-toggle-hide:checked ~ .sheet-visible-melee-exp, .sheet-invisible-outdoors-spec,.sheet-toggle-hide:checked ~ .sheet-visible-outdoors-spec, .sheet-invisible-outdoors-exp,.sheet-toggle-hide:checked ~ .sheet-visible-outdoors-exp, .sheet-invisible-piloting-spec,.sheet-toggle-hide:checked ~ .sheet-visible-piloting-spec, .sheet-invisible-piloting-exp,.sheet-toggle-hide:checked ~ .sheet-visible-piloting-exp, .sheet-invisible-con-spec,.sheet-toggle-hide:checked ~ .sheet-visible-con-spec, .sheet-invisible-con-exp,.sheet-toggle-hide:checked ~ .sheet-visible-con-exp, .sheet-invisible-enchanting-spec,.sheet-toggle-hide:checked ~ .sheet-visible-enchanting-spec, .sheet-invisible-enchanting-exp,.sheet-toggle-hide:checked ~ .sheet-visible-enchanting-exp, .sheet-invisible-perception-spec,.sheet-toggle-hide:checked ~ .sheet-visible-perception-spec, .sheet-invisible-perception-exp,.sheet-toggle-hide:checked ~ .sheet-visible-perception-exp {display: none;visibility: hidden;} /*hide specialisations and expertises if skill value is not sufficient*/ input.sheet-toggle-hide-astral-spec:not(:checked) ~ input.sheet-input-astral-spec, input.sheet-toggle-hide-astral-exp:not(:checked) ~ input.sheet-input-astral-exp, input.sheet-toggle-hide-athletics-spec:not(:checked) ~ input.sheet-input-athletics-spec, input.sheet-toggle-hide-athletics-exp:not(:checked) ~ input.sheet-input-athletics-exp, input.sheet-toggle-hide-conjuring-spec:not(:checked) ~ input.sheet-input-conjuring-spec, input.sheet-toggle-hide-conjuring-exp:not(:checked) ~ input.sheet-input-conjuring-exp, input.sheet-toggle-hide-biotech-spec:not(:checked) ~ input.sheet-input-biotech-spec, input.sheet-toggle-hide-biotech-exp:not(:checked) ~ input.sheet-input-biotech-exp, input.sheet-toggle-hide-cracking-spec:not(:checked) ~ input.sheet-input-cracking-spec, input.sheet-toggle-hide-cracking-exp:not(:checked) ~ input.sheet-input-cracking-exp, input.sheet-toggle-hide-influence-spec:not(:checked) ~ input.sheet-input-influence-spec, input.sheet-toggle-hide-influence-exp:not(:checked) ~ input.sheet-input-influence-exp, input.sheet-toggle-hide-electronics-spec:not(:checked) ~ input.sheet-input-electronics-spec, input.sheet-toggle-hide-electronics-exp:not(:checked) ~ input.sheet-input-electronics-exp, input.sheet-toggle-hide-firearms-spec:not(:checked) ~ input.sheet-input-firearms-spec, input.sheet-toggle-hide-firearms-exp:not(:checked) ~ input.sheet-input-firearms-exp, input.sheet-toggle-hide-stealth-spec:not(:checked) ~ input.sheet-input-stealth-spec, input.sheet-toggle-hide-stealth-exp:not(:checked) ~ input.sheet-input-stealth-exp, input.sheet-toggle-hide-sorcery-spec:not(:checked) ~ input.sheet-input-sorcery-spec, input.sheet-toggle-hide-sorcery-exp:not(:checked) ~ input.sheet-input-sorcery-exp, input.sheet-toggle-hide-engineering-spec:not(:checked) ~ input.sheet-input-engineering-spec, input.sheet-toggle-hide-engineering-exp:not(:checked) ~ input.sheet-input-engineering-exp, input.sheet-toggle-hide-melee-spec:not(:checked) ~ input.sheet-input-melee-spec, input.sheet-toggle-hide-melee-exp:not(:checked) ~ input.sheet-input-melee-exp, input.sheet-toggle-hide-outdoors-spec:not(:checked) ~ input.sheet-input-outdoors-spec, input.sheet-toggle-hide-outdoors-exp:not(:checked) ~ input.sheet-input-outdoors-exp, input.sheet-toggle-hide-piloting-spec:not(:checked) ~ input.sheet-input-piloting-spec, input.sheet-toggle-hide-piloting-exp:not(:checked) ~ input.sheet-input-piloting-exp, input.sheet-toggle-hide-con-spec:not(:checked) ~ input.sheet-input-con-spec, input.sheet-toggle-hide-con-exp:not(:checked) ~ input.sheet-input-con-exp, input.sheet-toggle-hide-enchanting-spec:not(:checked) ~ input.sheet-input-enchanting-spec, input.sheet-toggle-hide-enchanting-exp:not(:checked) ~ input.sheet-input-enchanting-exp, input.sheet-toggle-hide-perception-spec:not(:checked) ~ input.sheet-input-perception-spec, input.sheet-toggle-hide-perception-exp:not(:checked) ~ input.sheet-input-perception-exp{display: none;} button.sheet-toggle-hide, input[type=text].sheet-toggle-hide, input[type=number].sheet-hide, input[type=checkbox].sheet-toggle-hide, input[type=checkbox].sheet-toggle-hide-astral, input[type=checkbox].sheet-toggle-hide-astral-spec, input[type=checkbox].sheet-toggle-hide-astral-exp, input[type=checkbox].sheet-toggle-hide-athletics, input[type=checkbox].sheet-toggle-hide-athletics-spec, input[type=checkbox].sheet-toggle-hide-athletics-exp, input[type=checkbox].sheet-toggle-hide-conjuring, input[type=checkbox].sheet-toggle-hide-conjuring-spec, input[type=checkbox].sheet-toggle-hide-conjuring-exp, input[type=checkbox].sheet-toggle-hide-biotech, input[type=checkbox].sheet-toggle-hide-biotech-spec, input[type=checkbox].sheet-toggle-hide-biotech-exp, input[type=checkbox].sheet-toggle-hide-cracking, input[type=checkbox].sheet-toggle-hide-cracking-spec, input[type=checkbox].sheet-toggle-hide-cracking-exp, input[type=checkbox].sheet-toggle-hide-influence, input[type=checkbox].sheet-toggle-hide-influence-spec, input[type=checkbox].sheet-toggle-hide-influence-exp, input[type=checkbox].sheet-toggle-hide-electronics, input[type=checkbox].sheet-toggle-hide-electronics-spec, input[type=checkbox].sheet-toggle-hide-electronics-exp, input[type=checkbox].sheet-toggle-hide-firearms, input[type=checkbox].sheet-toggle-hide-firearms-spec, input[type=checkbox].sheet-toggle-hide-firearms-exp, input[type=checkbox].sheet-toggle-hide-stealth, input[type=checkbox].sheet-toggle-hide-stealth-spec, input[type=checkbox].sheet-toggle-hide-stealth-exp, input[type=checkbox].sheet-toggle-hide-sorcery, input[type=checkbox].sheet-toggle-hide-sorcery-spec, input[type=checkbox].sheet-toggle-hide-sorcery-exp, input[type=checkbox].sheet-toggle-hide-engineering, input[type=checkbox].sheet-toggle-hide-engineering-spec, input[type=checkbox].sheet-toggle-hide-engineering-exp, input[type=checkbox].sheet-toggle-hide-melee, input[type=checkbox].sheet-toggle-hide-melee-spec, input[type=checkbox].sheet-toggle-hide-melee-exp, input[type=checkbox].sheet-toggle-hide-outdoors, input[type=checkbox].sheet-toggle-hide-outdoors-spec, input[type=checkbox].sheet-toggle-hide-outdoors-exp, input[type=checkbox].sheet-toggle-hide-piloting, input[type=checkbox].sheet-toggle-hide-piloting-spec, input[type=checkbox].sheet-toggle-hide-piloting-exp, input[type=checkbox].sheet-toggle-hide-con, input[type=checkbox].sheet-toggle-hide-con-spec, input[type=checkbox].sheet-toggle-hide-con-exp, input[type=checkbox].sheet-toggle-hide-enchanting, input[type=checkbox].sheet-toggle-hide-enchanting-spec, input[type=checkbox].sheet-toggle-hide-enchanting-exp, input[type=checkbox].sheet-toggle-hide-perception, input[type=checkbox].sheet-toggle-hide-perception-spec, input[type=checkbox].sheet-toggle-hide-perception-exp, input[type=checkbox].sheet-toggle-hide-magic-astral, input[type=checkbox].sheet-toggle-hide-magic-conjuring, input[type=checkbox].sheet-toggle-hide-magic-sorcery, input[type=checkbox].sheet-toggle-hide-magic-enchanting, input[type=checkbox].sheet-toggle-hide-em, input[type=checkbox].sheet-toggle-hide-hm, input[type=checkbox].sheet-toggle-hide-sm, input[type=checkbox].sheet-toggle-hide-am { display: none; } input.sheet-toggle-hide-astral:checked ~ div.sheet-table-row-astral, /*skills*/ input.sheet-toggle-hide-athletics:checked ~ div.sheet-table-row-athletics, input.sheet-toggle-hide-biotech:checked ~ div.sheet-table-row-biotech, input.sheet-toggle-hide-cracking:checked ~ div.sheet-table-row-cracking, input.sheet-toggle-hide-influence:checked ~ div.sheet-table-row-influence, input.sheet-toggle-hide-electronics:checked ~ div.sheet-table-row-electronics, input.sheet-toggle-hide-firearms:checked ~ div.sheet-table-row-firearms, input.sheet-toggle-hide-stealth:checked ~ div.sheet-table-row-stealth, input.sheet-toggle-hide-engineering:checked ~ div.sheet-table-row-engineering, input.sheet-toggle-hide-melee:checked ~ div.sheet-table-row-melee, input.sheet-toggle-hide-outdoors:checked ~ div.sheet-table-row-outdoors, input.sheet-toggle-hide-piloting:checked ~ div.sheet-table-row-piloting, input.sheet-toggle-hide-con:checked ~ div.sheet-table-row-con, input.sheet-toggle-hide-perception:checked ~ div.sheet-table-row-perception, input.sheet-toggle-hide-em:not(:checked) ~ div.sheet-radio-em-visible, input.sheet-toggle-hide-hm:not(:checked) ~ div.sheet-radio-hm-visible, input.sheet-toggle-hide-sm:not(:checked) ~ div.sheet-radio-sm-visible, input.sheet-toggle-hide-am:not(:checked) ~ div.sheet-radio-am-visible, input.sheet-toggle-hide-magic-astral:checked ~ div.sheet-table-row-astral, /*magic*/ input.sheet-toggle-hide-magic-conjuring:checked ~ div.sheet-table-row-conjuring, input.sheet-toggle-hide-magic-sorcery:checked ~ div.sheet-table-row-sorcery, input.sheet-toggle-hide-magic-enchanting:checked ~ div.sheet-table-row-enchanting{ display: none; } div.sheet-table-row-astral, div.sheet-table-row-athletics, div.sheet-table-row-biotech, div.sheet-table-row-cracking, div.sheet-table-row-influence, div.sheet-table-row-electronics, div.sheet-table-row-firearms, div.sheet-table-row-stealth, div.sheet-table-row-engineering, div.sheet-table-row-melee, div.sheet-table-row-outdoors, div.sheet-table-row-piloting, div.sheet-table-row-con, div.sheet-table-row-perception { margin-top: -10px; } .sheet-em-visible,.sheet-toggle-hide:checked ~ .sheet-em-invisible, .sheet-hm-visible,.sheet-toggle-hide:checked ~ .sheet-hm-invisible, .sheet-sm-visible,.sheet-toggle-hide:checked ~ .sheet-sm-invisible, .sheet-am-visible,.sheet-toggle-hide:checked ~ .sheet-am-invisible { display: none; } /*Tabset */ .sheet-copyright,.sheet-chardata,.sheet-attributes,.sheet-skills,.sheet-attacks,.sheet-magic,.sheet-matrix,.sheet-rigging,.sheet-contacts,.sheet-gear,.sheet-notes,.sheet-config{display: none;} /* show the selected tab */ .sheet-tabstoggle[value="copyright"] ~ div.sheet-copyright, .sheet-tabstoggle[value="chardata"] ~ div.sheet-chardata, .sheet-tabstoggle[value="attributes"] ~ div.sheet-attributes, .sheet-tabstoggle[value="skills"] ~ div.sheet-skills, .sheet-tabstoggle[value="attacks"] ~ div.sheet-attacks, .sheet-tabstoggle[value="magic"] ~ div.sheet-magic, .sheet-tabstoggle[value="matrix"] ~ div.sheet-matrix, .sheet-tabstoggle[value="rigging"] ~ div.sheet-rigging, .sheet-tabstoggle[value="contacts"] ~ div.sheet-contacts, .sheet-tabstoggle[value="gear"] ~ div.sheet-gear, .sheet-tabstoggle[value="notes"] ~ div.sheet-notes, .sheet-tabstoggle[value="configuration"] ~ div.sheet-config { color: #96046f; display: table; width: auto; } /* SWITCHES ============================= */ /* The switch - the box around the slider 50x24*/ .sheet-switch { display: inline-block; height: 13px; margin-bottom: 0px; position: relative; width: 30px; } /* Hide default HTML checkbox */ .sheet-switch input { opacity: 0; width: 0; height: 0; } /* The slider 34 .4s*/ .sheet-slider { -webkit-transition: .2s; background-color: #9a9a9a; border-radius: 22px; bottom: 0; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; transition: .2s; } .sheet-slider:before{ -webkit-transition: .2s; background-color: white; border-radius: 50%; bottom: 3px; content: ""; height: 8px; left: 4px; position: absolute; transition: .2s; width: 8px; } input:checked + .sheet-slider { background-color: #460141; } input:focus + .sheet-slider { box-shadow: 0 0 1px #9a9a9a; } input:checked + .sheet-slider:before { -webkit-transform: translateX(13px); -ms-transform: translateX(13px); transform: translateX(13px); } /*remove up/down arrows https://app.roll20.net/forum/post/901339/turning-off-the-arrows-in-a-number-field-when-input-is-disabled*/ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; }