.sheet-container { width: 750px; background-color: white; position: relative; } /* Configuration of Tabs */ input.sheet-tab-button { opacity: 0; position: absolute; top: 92px; right: 0px; width: 18px; height: 18px; z-index: 2; } input.sheet-tab-button + span { position: absolute; top: 92px; right: 0px; width: 17px; height: 17px; border: 1px solid black; border-radius: 5px; background-color: #E8E8E8; color: black; text-align: center; font-weight: bold; } input.sheet-tab-button:checked + span { color: #FFFFFF; background-color: #000000; } .sheet-page { display: none; } input.sheet-tab-button.sheet-tab1:checked ~ .sheet-page.sheet-tab1, input.sheet-tab-button.sheet-tab2:checked ~ .sheet-page.sheet-tab2, input.sheet-tab-button.sheet-tab3:checked ~ .sheet-page.sheet-tab3, input.sheet-tab-button.sheet-tab4:checked ~ .sheet-page.sheet-tab4, input.sheet-tab-button.sheet-tab5:checked ~ .sheet-page.sheet-tab5, input.sheet-tab-button.sheet-tab6:checked ~ .sheet-page.sheet-tab6, input.sheet-tab-button.sheet-tab7:checked ~ .sheet-page.sheet-tab7 { display: block; } input.sheet-tab-button.sheet-tab1, input.sheet-tab-button.sheet-tab1 + span { right: 281px; width: 87px; } input.sheet-tab-button.sheet-tab2, input.sheet-tab-button.sheet-tab2 + span { right: 209px; width: 69px; } input.sheet-tab-button.sheet-tab3, input.sheet-tab-button.sheet-tab3 + span { right: 141px; width: 65px; } input.sheet-tab-button.sheet-tab4, input.sheet-tab-button.sheet-tab4 + span { right: 70px; width: 68px; } input.sheet-tab-button.sheet-tab5, input.sheet-tab-button.sheet-tab5 + span { right: 20px; width: 47px; } input.sheet-tab-button.sheet-tab7, input.sheet-tab-button.sheet-tab7 + span { left: 0px; width: 30px; display: none; } input.sheet-tab-button.sheet-tab-aim, input.sheet-tab-button.sheet-tab-aim + span { left: 68px; width: 28px; display: none; } input.sheet-tab-button.sheet-tab-whisper, input.sheet-tab-button.sheet-tab-whisper + span { left: 0px; width: 65px; display: none; } /* SHEET HEADER */ .sheet-header { height: 91px; } .sheet-header input, .sheet-header select { border-bottom: 1px solid #B0B0B0; border-top: 0px; border-left: 0px; border-right: 0px; background: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0px; border-radius: 0px; color: black; } .sheet-header input { padding: 0px; } .sheet-header select { margin-bottom: 0px; } .sheet-header input[type=number] { text-align: center; margin-bottom: 0px; -moz-appearance:textfield; } .sheet-header input[type=number]::-webkit-inner-spin-button, .sheet-header input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .sheet-header span { display: block; font-size: 9px; line-height: 12px; } .sheet-name-container { width: 250px; display: inline-block; } .sheet-name-container input { font-size: 20px; width: 100%; } .sheet-header-info { width: 482px; margin-left: -2px; display: block; border: 3px double #666; padding: 5px; float: right; } .sheet-info-container { display: inline-block; margin-left: -4px; } .sheet-info-container:first-child { margin-left: 0px; } /* SHEET BODY */ .sheet-body { width: 750px; margin-top: 21px; } textarea { width: calc(100% - 8px); resize: vertical; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0px; border-radius: 0px; color: black; } input { color: black; } .sheet-section { margin-bottom: 5px; display: inline-block; border: 1px solid black; border-radius: 0px; vertical-align: top; } .sheet-section-name { display: inline-block; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid black; height: 25px; width: 100%; border-radius: 0px; background-color: #000000; } .sheet-section-name span { display: inline-block; font-size: 12px; width: 100%; text-align: center; font-weight: bold; margin-top: 3px; color: #FFFFFF; } .repcontrol { min-height: 27px; } .repcontrol .btn { /*visibility: hidden;*/ border: medium none; color: white !important; background: none; box-shadow: none; } .repcontrol .btn:focus { outline: 0; } .repcontrol .repcontrol_edit:after { content: '('; visibility: visible; font-family: pictos; background-color: #fff; border: none; border-radius: 0px; font-size: 12px; height: 12px; width: 12px; padding: 2px 4px 2px 4px; color: #000000; } .editmode ~ .repcontrol .repcontrol_edit:after { content: ')'; } .repcontrol .repcontrol_add:before { content: '&'; visibility: visible; font-family: pictos; background-color: #fff; border: none; border-radius: 0px; font-size: 12px; height: 12px; width: 12px; padding: 2px 4px 2px 4px; color: #000000; } .repcontrol .repcontrol_edit:hover:after, .repcontrol .repcontrol_add:hover:before { background-color: #EFEFEF; } .sheet-resources .repcontrol { margin-top: -10px; } .itemcontrol { z-index: 10; } .itemcontrol .repcontrol_del { font-size: 10px; margin-top: 3px; padding: 0px; height: 18px; width: 18px; } .itemcontrol .repcontrol_move { font-size: 10px; margin-top: 3px; padding: 0px; height: 18px; width: 18px; } .sheet-container button[type=roll]::before { content: 'Q'; font-family: dicefontd6; color: #000000; } /* CHARACTER TAB */ .sheet-col-left-character-tab { width: 325px; } .sheet-col-right-character-tab { width: 421px; } /* Abilities table */ .sheet-abilities-table { display: inline-block; } .sheet-ability-container { border: 1px solid black; border-radius: 0px; margin-bottom: 5px; } .sheet-left-ability-container { display: inline-block; width: 267px; border-right: 1px solid black; min-height: 70px; } .sheet-ability-name { width: 250px; display: inline-block; } .sheet-ability-name button[type=roll] { background-color: transparent; color: white; border: none; font-size: 12px; background: none; background-image: none; text-shadow: none; box-shadow: none; padding-top: 3px; font-weight: bold; } .sheet-ability-name button[type=roll]::before, .sheet-ability-focus-list button[type=roll]::before, .sheet-spell-short-container button[type=roll]::before { content: ""; } .sheet-ability-name button[type=roll]:hover, .sheet-ability-name button[type=roll]:hover *, .sheet-ability-focus-list button[type=roll]:hover, .sheet-ability-focus-list button[type=roll]:hover *, .sheet-spell-short-container button[type=roll]:hover, .sheet-spell-short-container button[type=roll]:hover * { color: #EC2127; } .sheet-ability-name button[type=roll] *, .sheet-ability-focus-list button[type=roll] * { pointer-events: none; } .sheet-primary-checkbox { display: inline-block; padding-bottom: 2px; } .sheet-primary-checkbox input[type="checkbox"], .sheet-list-toggle-container input[type="checkbox"] { opacity: 0; width: 14px; height: 14px; position: relative; left: 5px; margin: -10px; cursor: pointer; z-index: 1; } .sheet-primary-checkbox input[type="checkbox"] + span::before, .sheet-list-toggle-container input[type="checkbox"] + span::before { margin-right: 4px; border: 1px solid black; line-height: 12px; text-align: center; display: inline-block; vertical-align: middle; background: white; } .sheet-primary-checkbox input[type="checkbox"] + span::before, .sheet-list-toggle-container input[type="checkbox"] + span::before { content: ""; width: 12px; height: 12px; font-size: 10px; border-radius: 0px; font-weight: bold; } .sheet-primary-checkbox input[type="checkbox"]:checked + span::before, .sheet-list-toggle-container input[type="checkbox"]:checked + span::before { content: "✓"; color: black; } .sheet-right-ability-container input[type=number]::-webkit-inner-spin-button, .sheet-right-ability-container input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .sheet-right-ability-container input[type=number] { -moz-appearance:textfield; } .sheet-right-ability-container input[type=number] { text-align: center; font-size: 35px; width: 50px; border: none; background: none; box-shadow: none; border-radius: 0px; color: black; margin-top: 24%; margin-bottom: 15%; } .sheet-ability-focus-list { width: 100%; min-height: 44px; background: #f5f5f5; } .sheet-ability-focus-list button[type=roll] { display: inline-block; border: none; background: none; box-shadow: none; font-size: 12px; padding-right: 0px; margin: 0px; color: black; } .sheet-ability-focus-list .repitem { display: inline-block; padding: 0px; margin: 0px; } .sheet-ability-focus-list .repitem:last-child .sheet-focus-comma, .sheet-ability-focus-list .repcontrol { display:none; } /* Right column */ .sheet-sectionfourth { width: calc(25% - 4.71px); height: 92px; } .sheet-sectiontwofourths { width: calc(50% - 3.79px); height: 92px; } .sheet-mana-section, .sheet-experience-points-section, .sheet-fatigue-section, .sheet-conviction-section, .sheet-corruption-section, .sheet-power-short-container, .sheet-spell-short-divtohide, .sheet-equipment-section, .sheet-money-section { display: none; } .sheet-fatigue-section select { display: inline-block; font-size: 9px; line-height: 9px; width: 100%; color: #A0A0A0; text-align: center; background: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0px; border: none; color: black; padding: none; } .sheet-health input[name="attr_health"], .sheet-fatigue-section input, .sheet-conviction-section input[name="attr_conviction"], .sheet-corruption-section input { display: inline-block; width: 100%; text-align: center; border: none; background: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0px; border-radius: 0px; color: black; font-size: 30px; padding-right: 0px; padding-left: 19px; padding-bottom: 0px; padding-top: 7px; } .sheet-fatigue-section input { padding-left: 10px; } .sheet-health .sheet-maximum-input span { height: 50px; display: inline-block; font-size: 10px; line-height: 9px; text-align: right; margin-left: 20px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; color: #A0A0A0; } .sheet-conviction-section .sheet-maximum-input span { height: 50px; display: inline-block; font-size: 10px; line-height: 9px; text-align: right; margin-left: 25px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; color: #A0A0A0; } .sheet-health input[name="attr_health"], .sheet-mana-section input[name="attr_mana"], .sheet-experience-points-section input[name="attr_experience-points"] { display: inline-block; width: 100%; text-align: center; border: none; background: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0px; border-radius: 0px; color: black; font-size: 30px; padding-right: 0px; padding-left: 19px; padding-bottom: 0px; padding-top: 7px; } .sheet-maximum-input span { height: 50px; display: inline-block; font-size: 10px; line-height: 9px; text-align: right; margin-left: 20px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; color: #A0A0A0; } .sheet-maximum-input input { display: inline-block; border-bottom: 1px solid #B0B0B0; border-top: 0px; border-left: 0px; border-right: 0px; background: none; box-shadow: none; -webkit-appearance: none; -webkit-border-radius: 0px; border-radius: 0px; color: #A0A0A0; width: 30px; font-size: 12px; line-height: 9px; text-align: center; } .sheet-maximum-input input[type=number]::-webkit-inner-spin-button, .sheet-maximum-input input[type=number]::-webkit-outer-spin-button, .sheet-experience-points-section input[type=number]::-webkit-inner-spin-button, .sheet-experience-points-section input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .sheet-experience-points-section .sheet-maximum-input span { margin-left: 62px; } .sheet-experience-points-section .sheet-maximum-input input { width: 55px; } .sheet-health .sheet-maximum-input input[type=number], .sheet-mana-section .sheet-maximum-input input[type=number], .sheet-experience-points-section input[type=number] { -moz-appearance:textfield; } .sheet-experience-points-section input[name="attr_experience-points"] { padding-right: 20px; } .sheet-sectionfull { width: 419px; } .sheet-speed-defense-armor-container { height: 92px; } .sheet-speed-defense-armor-container .sheet-col { width: 32.5%; } .sheet-speed-defense-score { width: 100px; height: 30px; display: inline-block; border: 1px solid #666; border-radius: 50%; width: 35px; height: 35px; background-color: white; margin-top: 5px; margin-left: 50px; margin-right: 0px; margin-bottom: 0px; } .sheet-speed-defense-score input { width: 100%; text-align: left; font-size: 20px; border: none; background: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0px; border-radius: 0px; color: black; margin-top: 2px; margin-left: 2px; } .sheet-speed-defense-score input[name="attr_armor"] { margin-left: 7.5px; } .sheet-speed-defense-armor-container .sheet-maximum-input span { margin-left: 37px;; } .sheet-speed-defense-armor-container .sheet-maximum-input input { width: 35px; margin-top: -1px; } .sheet-speed-defense-score input[type=number]::-webkit-inner-spin-button, .sheet-speed-defense-score input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .sheet-speed-defense-score input[type=number] { -moz-appearance:textfield; } .sheet-sectionfull .repitem { border-bottom: 1px solid #B0B0B0; } .sheet-repeatingcol input, .sheet-col-weapon-groups input { display: inline-block; font-size: 12px; border:none; background: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0px; border-radius: 0px; color: black; text-align: center; width: 100%; margin-bottom: 0px; } .sheet-col-attack-name input, .sheet-col-attack-range input, .sheet-col-attack-reload input, .sheet-col-ammo input[type=number], .sheet-equipment-name input, .sheet-equipment-quantity input, .sheet-equipment-description input, .sheet-power-short-name input, .sheet-power-short-description input { width: 100%; } .sheet-col-attack-name { width: 158px; } .sheet-col-attack-range, .sheet-col-attack-reload, .sheet-col-attackdice { width: 55px; } .sheet-attack-container .sheet-col-ammo { width: 30px; display: none; } .sheet-col-ammo input[type=number]::-webkit-inner-spin-button, .sheet-col-ammo input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .sheet-money-score input[type=number] { -moz-appearance:textfield; } .sheet-col-attackdice input { width: 38px; margin-left: 5px; } .sheet-col-attackdice .sheet-attackroll-withprompt, .sheet-col-attackdice .sheet-attackroll-withprompt::before { display: none; } .sheet-col-attack-damage { width: 80px; } .sheet-col-attack-damage input { width: 58px; margin-left: 6px; } .sheet-repeatingcol button[type=roll], .sheet-focus-container button[type=roll] { border: none; background: none; box-shadow: none; text-align: center; font-size: 18px; width: 10px; padding: 0px; margin-left: -2px; margin-right: 0px; } .sheet-equipment-name { width: 150px; } .sheet-equipment-quantity { width: 75px; } .sheet-equipment-description { width: 186px; } .sheet-col-weapon-groups { border-top: 1px solid black; } .sheet-col-weapon-groups input { width: 100%; border-bottom: none; } .sheet-power-short-description textarea, .sheet-spell-short-description textarea, .sheet-equipment-description textarea { display: inline-block; min-height: 36px; height: 36px; resize: vertical; border: none; margin: 0px; padding-bottom: 0px; margin-bottom: 1px; } .sheet-equipment-description textarea { min-height: 22px; height: 22px } .sheet-power-short-name { width: 150px; } .sheet-power-short-name input[type=text] { margin-top: 7px; } .sheet-power-short-description { width: 265px; } .sheet-power-short-container .repcontrol, .sheet-spell-short-container .repcontrol { display: none; } .sheet-spell-short-name { width: 150px; } .sheet-spell-short-name { margin-left: 0px; } .sheet-spell-short-description { width: 265px; margin-bottom: 1px; } .sheet-spell-short-container button[type=roll] { width: 100%; display: inline-block; border: none; background: none; box-shadow: none; font-size: 12px; padding-right: 0px; margin-top: 11px; color: black; } .sheet-spell-short-container textarea { background-color:#FFF !important; } .sheet-money-section { width: 100%; border-top: 1px solid black; } .sheet-money-score { width: 100px; height: 30px; display: inline-block; border: 1px solid #666; border-radius: 50%; width: 45px; height: 45px; background-color: white; margin-top: 2px; margin-left: 0px; margin-right: 2px; margin-bottom: 2px; float: right; } .sheet-money-score input { text-align: left; font-size: 20px; border: none; background: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0px; border-radius: 0px; color: black; margin-top: 6px; margin-left: 7px; } .sheet-money-score input[type=number]::-webkit-inner-spin-button, .sheet-money-score input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .sheet-money-score input[type=number] { -moz-appearance:textfield; } /* PERSONA TAB */ .sheet-persona-section { width: 100% } .sheet-left-persona { width: 249px; } .sheet-right-persona { width: 495px; } .sheet-textbox textarea { border: none; margin: 0px; padding-bottom: 0px; min-height: 48px; height: 48px; line-height: 20px; } /* POWERS TAB */ .sheet-power-container { width: 748px; } .sheet-power-section-name, .sheet-spell-section-name { border: 1px solid black; } .sheet-power-section-name input[type=text], .sheet-spell-section-name input[type=text] { display: inline-block; font-size: 14px; width: 100%; text-align: center; font-weight: bold; margin-top: 3px; border: none; background: none; box-shadow: none; padding: 0px; color: #FFFFFF; } .sheet-power-stats .sheet-col { width: 372px; } .sheet-power-stats span { display: inline-block; font-size: 12px; font-weight: bold; } .sheet-row-power-type-source { margin-bottom: 4px; } .sheet-power-stats input[type=text], .sheet-focus-container input[type=text] { display: inline-block; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #B0B0B0; background: none; box-shadow: none; border-radius: 0px; display: inline-block; text-align: left; font-size: 12px; padding: 0px; margin: 0px; } .sheet-row-shortpowerdescription textarea, .sheet-row-fullpowerdescription textarea, .sheet-row-short-spell-description textarea, .sheet-row-full-spell-description textarea { display: inline-block; width: 658px; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #B0B0B0; padding: 0px; } .sheet-row-shortpowerdescription textarea, .sheet-row-short-spell-description textarea { height: 18px; } .sheet-row-fullpowerdescription textarea, .sheet-row-full-spell-description textarea { height: 72px; } /* FOCUSES TAB */ .sheet-tab4 .sheet-col { width: 247px; } .sheet-focus-section { display:inline-block; width: 100%; } .sheet-focus-section-name { border: 1px solid black; } .sheet-focus-container span { display: inline-block; font-size: 12px; font-weight: bold; } .sheet-focus-container input[name=attr_focusname] { width: 158px; } .sheet-focus-container input[type=number]::-webkit-inner-spin-button, .sheet-focus-container input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .sheet-focus-container input[type=number] { border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #B0B0B0; background: none; box-shadow: none; border-radius: 0px; display: inline-block; text-align: center; font-size: 12px; padding: 0px; width: 15px; -moz-appearance:textfield; } .sheet-focus-container textarea { display: inline-block; width: 247px; height: 36px; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #B0B0B0; padding: 0px; } /* MAGIC/ARCANA TAB */ .sheet-spell-container { width: 748px; } .sheet-col-spell-stats { width: 245px; } .sheet-col-spell-stats .sheet-row { height: 20px; } .sheet-spell-stats span { font-size: 12px; font-weight: bold; margin: 0px; } .sheet-spell-stats input { width: 148px; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #B0B0B0; background: none; box-shadow: none; border-radius: 0px; display: inline-block; text-align: left; font-size: 12px; padding: 0px; margin-bottom: 2px; } .sheet-spell-stats input[type=number] { -moz-appearance:textfield; width: 148px; } .sheet-spell-stats input[type=number]::-webkit-inner-spin-button, .sheet-spell-stats input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .sheet-spell-stats button[type=roll] { display: inline-block; border: none; background: none; box-shadow: none; font-size: 18px; padding: 0px; margin: 0px; color: black; } .sheet-spell-stats select { display: inline-block; width: 148px; border-bottom: 1px solid #B0B0B0; border-top: 0px; border-left: 0px; border-right: 0px; margin-top: -9px; background: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0px; border-radius: 0px; color: black; } .sheet-row-short-spell-description { margin-top: 5px; } /* OPTIONS TAB */ input[type=checkbox].sheet-hiddencheckbox { display:none } .sheet-arcana-tab-span { display: none; } input.sheet-blue-rose-button:checked ~ .sheet-magic-tab-span { display: none; } input.sheet-blue-rose-button:checked ~ input.sheet-tab-button.sheet-tab1, input.sheet-blue-rose-button:checked ~ input.sheet-tab-button.sheet-tab1 + span { right: 294px; width: 87px; } input.sheet-blue-rose-button:checked ~ input.sheet-tab-button.sheet-tab2, input.sheet-blue-rose-button:checked ~ input.sheet-tab-button.sheet-tab2 + span { right: 222px; width: 69px; } input.sheet-blue-rose-button:checked ~ input.sheet-tab-button.sheet-tab3, input.sheet-blue-rose-button:checked ~ input.sheet-tab-button.sheet-tab3 + span { right: 154px; width: 65px; } input.sheet-blue-rose-button:checked ~ input.sheet-tab-button.sheet-tab4, input.sheet-blue-rose-button:checked ~ input.sheet-tab-button.sheet-tab4 + span { right: 85px; width: 66px; } input.sheet-blue-rose-button:checked ~ .sheet-arcana-tab-span, input.sheet-blue-rose-button:checked ~ .sheet-tab-button.sheet-tab5 { display: block; position: absolute; top: 92px; right: 20px; width: 62px; height: 17px; border: 1px solid black; border-radius: 5px; background-color: #E8E8E8; color: black; text-align: center; font-weight: bold; } input.sheet-tab-button.sheet-tab5:checked ~ .sheet-arcana-tab-span { color: #FFFFFF; } .sheet-dragon-age-selected, .sheet-fantasy-age-selected, .sheet-titansgrave-selected, .sheet-blue-rose-selected, .sheet-age-selected, .sheet-second-gen-selected { display:none; } input.sheet-black-color-checkbox:checked ~ .sheet-tab-button.sheet-tab5:checked + span + span { background-color: #000000; } input.sheet-red-color-checkbox:checked ~ .sheet-tab-button:checked + span, input.sheet-red-color-checkbox:checked ~ .sheet-tab-button.sheet-tab5:checked + span + span, input.sheet-red-color-checkbox:checked ~ .sheet-page .sheet-section-name { background-color: #810206; } input.sheet-teal1-color-checkbox:checked ~ .sheet-tab-button:checked + span, input.sheet-teal1-color-checkbox:checked ~ .sheet-tab-button.sheet-tab5:checked + span + span, input.sheet-teal1-color-checkbox:checked ~ .sheet-page .sheet-section-name { background-color: #00576B; } input.sheet-teal2-color-checkbox:checked ~ .sheet-tab-button:checked + span, input.sheet-teal2-color-checkbox:checked ~ .sheet-tab-button.sheet-tab5:checked + span + span, input.sheet-teal2-color-checkbox:checked ~ .sheet-page .sheet-section-name { background-color: #1f7b92; } input.sheet-blue1-color-checkbox:checked ~ .sheet-tab-button:checked + span, input.sheet-blue1-color-checkbox:checked ~ .sheet-tab-button.sheet-tab5:checked + span + span, input.sheet-blue1-color-checkbox:checked ~ .sheet-page .sheet-section-name { background-color: #007ab8; } input.sheet-blue2-color-checkbox:checked ~ .sheet-tab-button:checked + span, input.sheet-blue2-color-checkbox:checked ~ .sheet-tab-button.sheet-tab5:checked + span + span, input.sheet-blue2-color-checkbox:checked ~ .sheet-page .sheet-section-name { background-color: #006496; } input.sheet-red-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_edit:after, input.sheet-red-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_add:before, input.sheet-red-color-checkbox:checked ~ .sheet-page .sheet-attack-container button[type=roll]::before, input.sheet-red-color-checkbox:checked ~ .sheet-page .sheet-spell-short-container button[type=roll]::before, input.sheet-red-color-checkbox:checked ~ .sheet-page .sheet-focus-container button[type=roll]::before, input.sheet-red-color-checkbox:checked ~ .sheet-page .sheet-spell-container button[type=roll]::before { color: #810206; } input.sheet-teal1-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_edit:after, input.sheet-teal1-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_add:before, input.sheet-teal1-color-checkbox:checked ~ .sheet-page .sheet-attack-container button[type=roll]::before, input.sheet-teal1-color-checkbox:checked ~ .sheet-page .sheet-spell-short-container button[type=roll]::before, input.sheet-teal1-color-checkbox:checked ~ .sheet-page .sheet-focus-container button[type=roll]::before, input.sheet-teal1-color-checkbox:checked ~ .sheet-page .sheet-spell-container button[type=roll]::before { color: #00576B; } input.sheet-teal2-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_edit:after, input.sheet-teal2-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_add:before, input.sheet-teal2-color-checkbox:checked ~ .sheet-page .sheet-attack-container button[type=roll]::before, input.sheet-teal2-color-checkbox:checked ~ .sheet-page .sheet-spell-short-container button[type=roll]::before, input.sheet-teal2-color-checkbox:checked ~ .sheet-page .sheet-focus-container button[type=roll]::before, input.sheet-teal2-color-checkbox:checked ~ .sheet-page .sheet-spell-container button[type=roll]::before { color: #1f7b92; } input.sheet-blue1-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_edit:after, input.sheet-blue1-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_add:before, input.sheet-blue1-color-checkbox:checked ~ .sheet-page .sheet-attack-container button[type=roll]::before, input.sheet-blue1-color-checkbox:checked ~ .sheet-page .sheet-spell-short-container button[type=roll]::before, input.sheet-blue1-color-checkbox:checked ~ .sheet-page .sheet-focus-container button[type=roll]::before, input.sheet-blue1-color-checkbox:checked ~ .sheet-page .sheet-spell-container button[type=roll]::before { color: #007ab8; } input.sheet-blue2-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_edit:after, input.sheet-blue2-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_add:before, input.sheet-blue2-color-checkbox:checked ~ .sheet-page .sheet-attack-container button[type=roll]::before, input.sheet-blue2-color-checkbox:checked ~ .sheet-page .sheet-spell-short-container button[type=roll]::before, input.sheet-blue2-color-checkbox:checked ~ .sheet-page .sheet-focus-container button[type=roll]::before, input.sheet-blue2-color-checkbox:checked ~ .sheet-page .sheet-spell-container button[type=roll]::before { color: #006496; } input.sheet-dragon-age-button:checked ~ .sheet-page .sheet-dragon-age-selected, input.sheet-dragon-age-button:checked ~ .sheet-page .sheet-age-selected, input.sheet-fantasy-age-button:checked ~ .sheet-page .sheet-fantasy-age-selected, input.sheet-fantasy-age-button:checked ~ .sheet-page .sheet-age-selected, input.sheet-fantasy-age-button:checked ~ .sheet-page .sheet-second-gen-selected, input.sheet-titansgrave-button:checked ~ .sheet-page .sheet-titansgrave-selected, input.sheet-titansgrave-button:checked ~ .sheet-page .sheet-age-selected, input.sheet-titansgrave-button:checked ~ .sheet-page .sheet-second-gen-selected, input.sheet-blue-rose-button:checked ~ .sheet-page .sheet-blue-rose-selected, input.sheet-blue-rose-button:checked ~ .sheet-page .sheet-second-gen-selected { display: inline-block; } input.sheet-dragon-age-button:checked ~ .sheet-page .sheet-blue-rose-selected, input.sheet-fantasy-age-button:checked ~ .sheet-page .sheet-blue-rose-selected, input.sheet-titansgrave-button:checked ~ .sheet-page .sheet-blue-rose-selected, input.sheet-blue-rose-button:checked ~ .sheet-page .sheet-age-selected { display: none; } .sheet-tab6 .sheet-row { float: right; } .sheet-col-options { width: 373px; } .sheet-small-section { width: 182.7px; } .sheet-larger-section { width: 371px; } .sheet-list-toggle-text { margin-top: 1px; margin-right: 7px; margin-bottom: 3px; } .sheet-aim-toggle-text { margin-top: 5px; margin-right: 7px; margin-bottom: 4px; } .sheet-select-text { margin-top: 5px; margin-right: 1px; } .sheet-list-toggle-container input[type="checkbox"] + span::before { margin-right: none; } .sheet-tab6 .sheet-section select { border-bottom: 1px solid #D3D3D3; border-top: 0px; border-left: 0px; border-right: 0px; background: none; box-shadow: none; float: right; width: 150px; border-radius: 0px; margin-top: 0px; margin-bottom: 2px; margin-left: 0px; margin-right: 1px; padding: 0px; } .sheet-tab6 .sheet-section select[name="attr_char-name-option"] { width: 75px; } input.sheet-aim-toggle-checkbox:checked ~ .sheet-page .sheet-attackroll-noaim, input.sheet-aim-toggle-checkbox:checked ~ .sheet-page .sheet-attackroll-noaim::before, input.sheet-aim-prompt-checkbox:checked ~ .sheet-page .sheet-attackroll-noaim, input.sheet-aim-prompt-checkbox:checked ~ .sheet-page .sheet-attackroll-noaim::before, input.sheet-aim-always-checkbox:checked ~ .sheet-page .sheet-attackroll-noaim, input.sheet-aim-always-checkbox:checked ~ .sheet-page .sheet-attackroll-noaim::before { display: none; } input.sheet-aim-toggle-checkbox:checked ~ .sheet-page .sheet-attackroll-withprompt, input.sheet-aim-toggle-checkbox:checked ~ .sheet-page .sheet-attackroll-withprompt::before, input.sheet-aim-prompt-checkbox:checked ~ .sheet-page .sheet-attackroll-withprompt, input.sheet-aim-prompt-checkbox:checked ~ .sheet-page .sheet-attackroll-withprompt::before, input.sheet-aim-always-checkbox:checked ~ .sheet-page .sheet-attackroll-withprompt, input.sheet-aim-always-checkbox:checked ~ .sheet-page .sheet-attackroll-withprompt::before, input.sheet-mana-section-checkbox:checked ~ .sheet-page .sheet-mana-section, input.sheet-exp-section-checkbox:checked ~ .sheet-page .sheet-experience-points-section, input.sheet-fatigue-section-checkbox:checked ~ .sheet-page .sheet-fatigue-section, input.sheet-conviction-section-checkbox:checked ~ .sheet-page .sheet-conviction-section, input.sheet-corruption-section-checkbox:checked ~ .sheet-page .sheet-corruption-section, input.sheet-ammo-col-checkbox:checked ~ .sheet-page .sheet-attack-container .sheet-col-ammo, input.sheet-power-list-checkbox:checked ~ .sheet-page .sheet-power-short-container, input.sheet-spell-list-checkbox:checked ~ .sheet-page .sheet-spell-short-divtohide, input.sheet-equipment-section-checkbox:checked ~ .sheet-page .sheet-equipment-section, input.sheet-money-section-checkbox:checked ~ .sheet-page .sheet-money-section { display: inline-block; } input.sheet-whisper-toggle-checkbox:checked ~ input.sheet-tab-button.sheet-tab-whisper, input.sheet-whisper-toggle-checkbox:checked ~ input.sheet-tab-button.sheet-tab-whisper + span, input.sheet-aim-toggle-checkbox:checked ~ input.sheet-tab-button.sheet-tab-aim, input.sheet-aim-toggle-checkbox:checked ~ input.sheet-tab-button.sheet-tab-aim + span, input.sheet-old-section-checkbox:checked ~ input.sheet-tab-button.sheet-tab7, input.sheet-old-section-checkbox:checked ~ input.sheet-tab-button.sheet-tab7 + span { display: block; } input.sheet-old-section-checkbox:checked ~ input.sheet-tab-button.sheet-tab-whisper, input.sheet-old-section-checkbox:checked ~ input.sheet-tab-button.sheet-tab-whisper + span { left: 154px; } input.sheet-old-section-checkbox:checked ~ input.sheet-tab-button.sheet-tab-aim, input.sheet-old-section-checkbox:checked ~ input.sheet-tab-button.sheet-tab-aim + span { left: 222px; } input.sheet-mana-section-checkbox:not(:checked) + input.sheet-exp-section-checkbox:not(:checked) + input.sheet-fatigue-section-checkbox:not(:checked) + input.sheet-conviction-section-checkbox:not(:checked) + input.sheet-corruption-section-checkbox:not(:checked) ~ .sheet-page .sheet-speed-defense-armor-container { width: calc(75% - 2.9px); } input.sheet-mana-section-checkbox:not(:checked) + input.sheet-exp-section-checkbox:not(:checked) + input.sheet-fatigue-section-checkbox:not(:checked) + input.sheet-conviction-section-checkbox:not(:checked) + input.sheet-corruption-section-checkbox:not(:checked) ~ .sheet-page .sheet-speed-defense-score { margin-left: 33%; } input.sheet-mana-section-checkbox:not(:checked) + input.sheet-exp-section-checkbox:not(:checked) + input.sheet-fatigue-section-checkbox:not(:checked) + input.sheet-conviction-section-checkbox:not(:checked) + input.sheet-corruption-section-checkbox:not(:checked) ~ .sheet-page .sheet-maximum-input span { margin-left: 20px; } input.sheet-ammo-col-checkbox:checked ~ .sheet-page .sheet-attack-container .sheet-col-attack-name { width: 125px; } .sheet-aim-value-field input[type=number] { text-align: center; width: 18px; border-top: 0px; border-left:0px; border-right: 0px; border-bottom: 1px solid #D3D3D3; background: none; box-shadow: none; border-radius: 0px; margin-right: 3px; margin-top: 6px; padding: 0px; } .sheet-aim-value-field input[type=number]::-webkit-inner-spin-button, .sheet-aim-value-field input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .sheet-aim-value-field input[type=number] { -moz-appearance:textfield; } .sheet-version-name { font-weight: bold; float: right; } /* ROLL TEMPLATES */ .sheet-rolltemplate-default table { border: 1px solid black; } .sheet-rolltemplate-default caption { background-color: black; font-weight: bold; border-top: 1px solid black; border-bottom: 0px; border-left: 1px solid black; border-right: 1px solid black; } .sheet-rolltemplate-default td:first-child { text-align: left; } .sheet-rolltemplate-default td:nth-child(2) { text-align: right; } /* OLD CHARACTER SHEET TAB */ .sheet-tab7 { background-color: white; width: 830px; } .sheet-tab7 .sheet-colrow { margin-top: 15px; } .sheet-tab7 .sheet-spacer { margin-top: 6px; } .sheet-tab7 textarea { background: none; box-shadow: none; font-size: 12px; color: #000000; resize: none; border: none; } .sheet-tab7 tbody { background: none; } .sheet-tab7 table { width: 100%; border: 1px solid black; } .sheet-tab7 td { background: none; } .sheet-tab7 .sheet-characterinfotable { border: 1px solid black; width: 300px; margin-bottom: 5px; } .sheet-tab7 .sheet-characterinfotable td { border: 1px solid black; } .sheet-tab7 .sheet-basicinfotextbox { width: 100%; background: none; border-style:none; box-shadow: none; border-color: #000000; text-align: left; font-size:13px; color: #000000; } .sheet-tab7 .sheet-blackbox { border: 1px solid black; background-color: black; font-weight: none; color: white; font-size: 12px; text-align: left; height: 25px; padding: 3px; font-family: Georgia; } .sheet-tab7 .sheet-characterfeaturestable { border: 1px solid black; width: 100%; margin-bottom: 5px; } .sheet-tab7 .sheet-blackbox_alternate { border: 1px solid black; background-color: black; font-weight: none; color: white; font-size: 14px; text-align: center; padding: 3px; } .sheet-tab7 .sheet-featurestextarea { width: 97%; height: 95px; } .sheet-tab7 .sheet-skilltable { border: 1px solid black; width: 100%; } .sheet-tab7 .sheet-skilltable td { border: 1px solid black; } .sheet-tab7 .sheet-skilltable div { text-align: left; } .sheet-tab7 .sheet-skillvaluebox { font-weight: bold; background: none; border: none; box-shadow: none; margin: 0px auto 0px auto; text-align: center; font-size:50px; width: 100%; color: black; } .sheet-tab7 .sheet-skillvalue { width: 90px; } .sheet-tab7 .sheet-focustextarea { width: 97%; height: 36px; text-align: justify; } .sheet-tab7 .sheet-xptable { border: 1px solid black; } .sheet-tab7 .sheet-xptable td { border: 1px solid black; } .sheet-tab7 .sheet-blackboxlarge { border: 1px solid black; background-color: black; font-weight: none; color: white; font-size: 14px; text-align: center; height: 25px; padding: 1px; font-family: Georgia; } .sheet-tab7 .sheet-class_and_xptextbox { width: 150px; background: none; border-style:none; box-shadow: none; border-color: #000000; text-align: center; font-size:13px; color: #000000; } .sheet-tab7 .sheet-2ndstattable { border: 1px solid black; } .sheet-tab7 .sheet-2ndstattable td { border: 1px solid black; text-align:center; } .sheet-tab7 .sheet-2ndstatbox { text-align:center; } .sheet-tab7 .sheet-otherinput { width: 50px; background: none; border-style:none; box-shadow: none; border-color: #000000; text-align: center; font-size: 16px; color: #000000; } .sheet-tab7 .sheet-2nd_statstextbox { width: 83px; background: none; border-style:none; box-shadow: none; border-color: #000000; text-align: center; font-size: 40px; color: #000000; } .sheet-tab7 .sheet-armortypetextarea { width: 97%; background: none; border-style:none; box-shadow: none; border-color: #000000; text-align: center; font-size: 20px; font-weight: bold; color: #000000; } .sheet-tab7 .sheet-container { position: relative; min-height: 60px; border-radius: 0px; border: 1px solid black; background: none; width: 470px; } .sheet-tab7 .sheet-weapons-content { height: 100%; } .sheet-tab7 .sheet-weaponscont { border: 1px solid black; position: relative; } .sheet-tab7 .sheet-weaponstable { border: 1px solid black; width: 100%; } .sheet-tab7 .sheet-weaponstable td { text-align: center; } .sheet-tab7 .sheet-blackbox_alternate2 { border: 1px solid black; background-color: black; font-weight: none; color: white; font-size: 16px; text-align: center; padding: 0px; margin: 0px; text-align: center; } .sheet-tab7 .sheet-weaponnametext { width: 200px; background: none; border: none; border-radius: 0px; border-bottom: 2px solid; box-shadow: none; border-color: #000000; text-align: left; font-size: 12px; color: #000000; } .sheet-tab7 .sheet-weaponatacktext { width: 60px; background: none; border: none; border-radius: 0px; border-bottom: 2px solid; box-shadow: none; text-align: center; font-size: 12px; color: #000000; } .sheet-tab7 .sheet-weaponrangetext { width: 40px; background: none; border: none; border-radius: 0px; border-bottom: 2px solid; box-shadow: none; text-align: center; font-size: 12px; color: #000000; } .sheet-tab7 .sheet-weapondamagetext { width: 60px; background: none; border: none; border-bottom: 2px solid; border-radius: 0px; box-shadow: none; text-align: left; font-size: 12px; color: #000000; } .sheet-tab7 .sheet-borderdown { border-bottom: 1px solid black; font-size: 9px; } .sheet-tab7 .sheet-borderall { border: 1px solid black; font-size: 9px; } .sheet-tab7 .sheet-weaponstype { height: 30px; width: 458px; text-align: left; } .sheet-tab7 .sheet-weapondetails { height: 30px; width: 100%; text-align: center; } .sheet-tab7 .sheet-weaponnametext2 { width: 150px; background: none; border: none; box-shadow: none; border-color: #000000; text-align: left; font-size: 12px; color: #000000; } .sheet-tab7 .sheet-reloadtext { height: 100%; width: 85px; background: none; border: none; box-shadow: none; border-color: #000000; text-align: left; font-size: 12px; color: #000000; -webkit-appearance: none; } .sheet-tab7 .sheet-weaponspecs { width: 231px; height: 100%; text-align: left; font-size: 12px; color: #000000; } .sheet-tab7 .sheet-ammotable td { border: 1px solid black; } .sheet-tab7 .sheet-ammotext { width: 100%; background: none; border: none; box-shadow: none; text-align: center; font-size: 20px; color: #000000; } .sheet-tab7 .sheet-ammotypetext { width: 100%; background: none; border: none; box-shadow: none; text-align: left; font-size: 20px; color: #000000; } .sheet-tab7 .sheet-circularhome { width:100%; height:100%; z-index:1; position:relative; } .sheet-tab7 .sheet-circulartextbox { background: none; border: none; width: 70px; height: 70px; background-image: url('http://imgsrv.roll20.net/?src=i.imgur.com/pEjJcho.png'); background-repeat: no-repeat; background-position: center; background-size: contain; text-align:center; padding:0; right: -10px; top: -33px; z-index:2; position: absolute; } .sheet-tab7 .sheet-circulartext { font-weight: bold; background: none; border: none; box-shadow: none; margin: 0px auto 0px auto; text-align: center; font-size:24px; width: 70px; color: #000000; padding:0; vertical-align: middle; position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .sheet-tab7 .sheet-circularp { font-weight: bold; background: none; border: none; box-shadow: none; margin: 0px auto 0px auto; text-align: center; font-size:14px; color: #000000; font-family: Georgia; padding:0; position:absolute; left: 50%; top: 110%; transform: translate(-50%,-50%); } .sheet-tab7 .sheet-spellbox { width: 100%; height: 100%; border: 1px solid black; } .sheet-tab7 .sheet-powerstext { width: 475px; height: 80px; text-align: left; } .sheet-tab7 .sheet-spelltable td { border: 1px solid black; } .sheet-tab7 .sheet-spelltable { border: 1px solid black; width: 100%; } .sheet-tab7 .sheet-spelltext { width:110px; background: none; border: none; box-shadow: none; text-align: left; font-size: 14px; color: #000000; padding:0; } .sheet-tab7 .sheet-spellselect { width: 100%; font-size: 12px; background: none; border: none; box-shadow: none; text-align: left; color: #000000; -webkit-appearance: none; padding:0; } .sheet-tab7 .sheet-spellselect2 { width: 90px; font-size: 12px; background: none; border: none; box-shadow: none; text-align: left; color: #000000; -webkit-appearance: none; padding:0; } .sheet-tab7 .sheet-manatext { width: 45px; font-size: 12px; background: none; border: none; box-shadow: none; text-align: left; font-size: 14px; color: #000000; padding:0; } .sheet-tab7 .sheet-timetext { width:100px; font-size:12px; border: none; box-shadow: none; text-align: left; font-size: 14px; color: #000000; padding:0; } .sheet-tab7 .sheet-natext { width:30px; font-size:12px; background: none; border: none; box-shadow: none; text-align: left; font-size: 14px; color: #000000; padding:0; } .sheet-tab7 .sheet-vstext { width:100%; font-size:10px; background: none; border: none; box-shadow: none; text-align: left; font-size: 14px; color: #000000; padding:0; } .sheet-tab7 .sheet-spelltext { width:100%; height: 40px; } .sheet-tab7 .sheet-talent { height: 360px; position: relative; } .sheet-tab7 .sheet-lefter { margin-left: 10px; } .sheet-tab7 .sheet-general { width: 97%; } .sheet-tab7 .sheet-concepttext { height: 80px; } .sheet-tab7 .sheet-goalstextsmall { height: 70px; } .sheet-tab7 .sheet-goalstext { height: 100px; } .sheet-tab7 .sheet-tiestext { height: 110px; } .sheet-tab7 .sheet-section { position: relative; min-height: 30px; border-radius: 0px; border: 1px solid black; background: none; } .sheet-tab7 .sheet-inventory { border: 1px solid black; } .sheet-tab7 .sheet-inventory-content { overflow-y: auto; height: 100%; } .sheet-tab7 .sheet-InventoryName { border: none; width: 100%; font-size: 10px; box-shadow: none; } .sheet-tab7 .sheet-InventoryAmount { border: none; width: 50px; font-size: 10px; box-shadow: none; } .sheet-tab7 .sheet-invTable td { border: 1px solid black; } .sheet-tab7 .sheet-circularmoney { background: none; border: none; width: 70px; height: 70px; background-image: url('http://imgsrv.roll20.net/?src=i.imgur.com/pEjJcho.png'); background-repeat: no-repeat; background-position: center; background-size: contain; text-align:center; } .sheet-tab7 .sheet-circularmoneytext { width: 65px; background: none; border: none; border-radius: 0px; box-shadow: none; border-color: black; text-align: center; font-size: 15px; color: #000000; } .sheet-tab7 .sheet-talenttext { width:300px; background: none; border: none; box-shadow: none; text-align: left; font-size: 20px; color: #000000; padding:0; } .sheet-tab7 .sheet-talentnumber { background: none; border: 1px solid black; box-shadow: none; text-align: center; font-size: 20px; color: #000000; padding:0; } .sheet-tab7 .sheet-talentselect { width: 100%; font-size: 15px; background: none; border: none; box-shadow: none; text-align: left; color: #000000; -webkit-appearance: none; padding:0; } .sheet-tab7 .sheet-talentarea { width:100%; height: 40px; } .sheet-tab7 .focus-input { font-family: Lucida Handwriting; } .sheet-tab7 .sheet-skillvaluebox { width: 100% !important; font-size: 2em !important; } .sheet-tab7 .sheet-2ndstattable { table-layout: fixed; width: 100%; } .sheet-tab7 .sheet-2nd_statstextbox { width: 100% !important; }