.sheet-checkButton { width: 12%; } .sheet-buttonSection { padding-bottom: 20px; } .sheet-statSection { float: left; width: 220px; height: 510px; } .sheet-statLine { float: left; width: 100%; } .sheet-statHeader { float: left; width: 100px; text-align: center; } .sheet-scoreHeader { float: left; width: 45px; text-align: center; } .sheet-trainingHeader { float: left; width: 55px; text-align: center; } .sheet-statSquare { float: left; height: 30px; } .sheet-statName { float: left; height: 100%; width: 100px; text-align: center; border-radius: 5px 0px 0px 5px; font-size: 16px; font-weight: bold; line-height: 30px; color: black; } .sheet-scoreInput { float: left; height: 30px !important; border-radius: 0px !important; } .sheet-trainingInput { width: 45px !important; height: 28px !important; line-height: 30px; background: rgb(232, 235, 233); border: #ccc; border-width: 1px; border-style: solid; border-radius: 0px 3px 3px 0px; padding-left: 5px; } .sheet-attributeSection { float: left; width: 600px; } .sheet-nameContainer { margin-right: 1px; } .sheet-nameHeader { font-size: 20px; line-height: 33px; width: 250px; text-align: center; color: white; background-color: black; } .sheet-nameSection { font-size: 20px; width: 250px !important; text-align: center; } .sheet-levelContainer { margin-right: 0px; } .sheet-levelHeader { font-size: 20px; line-height: 33px; width: 60px; text-align: center; color: white; background-color: black; } .sheet-levelSection { font-size: 20px; width: 60px !important; text-align: center; } .sheet-resourceWrapper { width: 200px; } .sheet-resourceContainer { width: 200px; } .sheet-resourceHeader { font-size: 16px; color: black; text-align: center; width: 198px !important; border: black 1px solid; } .sheet-input100 { width: 100% !important; float: left; } .sheet-input50 { width: 50% !important; float: left; } .sheet-input33 { width: 68px !important; height: 30px !important; float: left; } .sheet-span100 { width: 193px !important; height: 26px !important; float: left; } .sheet-span50 { width: 93px !important; height: 26px !important; float: left; } .sheet-span33 { width: 59px !important; float: left; } .sheet-mookTPSection { float: left; width: 200px; padding-left: 20px; margin-top: 7px; } .sheet-mookTPText { float: left; padding-left: 10px; line-height: 28px; font-size: 15px; color: black; } .sheet-actionWrapper { width: 370px; margin-top: 10px; } .sheet-actionRollWrapper { width: 398px; margin-top: 10px; padding-left: 5px; padding-right: 5px; } .sheet-actionContainer { width: 195px; border: black 1px solid; padding: 1px; } .sheet-actionButton { font-size: 16px; width: 141px !important; height: 30px; line-height: 30px; float: left; text-align: left; padding-right: 5px; color: black; border: none; background-image: none; box-shadow: none; text-shadow: none; margin: 0px !important; border-radius: 0px; } .sheet-actionDieContainer { width: 40px !important; height: 32px !important; line-height: 30px; background: rgb(232, 235, 233); border: #ccc; border-width: 1px; border-style: solid; border-radius: 0px 3px 3px 0px; padding-left: 5px; } .sheet-showDetailsContainer { padding-top: 5px; } .sheet-showDetailsText { float: left; padding-right: 10px; line-height: 20px; } .sheet-actionCalculator { line-height: 30px; padding-left: 5px; padding-right: 5px; } .sheet-actionInput { width: 50px !important; height: 30px !important; } .sheet-groupingContainer { float: left; width: 100%; } .sheet-groupingTitle { text-align: center; font-size: 16px; background-color: black; color: white; } .sheet-groupingTitleContainer { float: left; width: 100%; background-color: black; color: white; border-top: 1px grey solid; } .sheet-groupingTitleSection20 { float: left; width: 20%; text-align: center; background-color: black; } .sheet-groupingTitleSection33 { float: left; width: 33%; text-align: center; background-color: black; } .sheet-groupingTitleSection50 { float: left; width: 50%; text-align: center; background-color: black; } .sheet-groupingTitleSection100 { float: left; width: 100%; text-align: center; background-color: black; } .sheet-groupingSectionContainer { float: left; width: 100%; } .sheet-groupingSection20 { width: 20%; float: left; } .sheet-groupingSection33 { width: 33%; float: left; } .sheet-groupingSection50 { width: 50%; float: left; } .sheet-groupingSection100 { width: 100%; float: left; } .sheet-groupingInput { width: 100% !important; } .sheet-groupingSpan { width: calc(100% - 3px) !important; height: 26px !important; float: left; } .sheet-groupingSpanAdjustment { width: calc(100% - 7px) !important; } .sheet-selectedItemWrapper { margin-top: 20px; float: left; width: 370px; } .sheet-selectedItemSection { float: left; width: 370px; height: 30px; padding-bottom: 1px; } .sheet-selectedItemTitle { font-size: 16px; line-height: 30px; background-color: black; float: left; color: white; width: 106px; text-align: right; padding-right: 5px; } .sheet-selectedItemName { width: 150px !important; height: 100% !important; float: left; } .sheet-selectedItemValue { width: 65px !important; height: 100% !important; float: left; } .sheet-selectedItemRoll { width: 22px; height: calc(100% - 6px); margin: 0px !important; } .sheet-selectedItemValueSpace { padding-right: 5px; } .sheet-sectionTab { color: white; background-color: black; border: none; margin-right: 1px; margin-bottom: 1px; padding: 5px; display: block; float: left; width: calc(20% - 11px); } .sheet-characterWrapper { float: left; width: 300px; margin-right: 10px; } .sheet-characterWrapper > div { float: left; } .sheet-characterWrapper > div > div { float: left; } .sheet-itemsWrapper { float: left; width: 358px; margin-right: 10px; } .sheet-itemsWrapper > div { float: left; } .sheet-itemsWrapper > div > div { float: left; } .sheet-itemContainer { width: 100%; padding: 5px; border: lightgrey solid 1px; float: left; } .sheet-itemContainer:hover { background-color: lightgrey; } .sheet-itemsSection { width: 100%; float: left; } .sheet-itemName { width: 60% !important; float: left; } .sheet-itemQuantity { width: 15% !important; float: left; } .sheet-itemHeft { width: 15% !important; float: left; } .sheet-itemHeftBonus { width: 30% !important; float: left; } .sheet-itemToggleNotesMessage { width: 10% !important; float: left; } .sheet-itemToggleNotes { width: 10% !important; height: 28px !important; float: left; } .sheet-itemNotes { display:none; width: 100%; float: left; } .sheet-itemToggleNotes:checked ~ .sheet-itemNotes { display: block; } .sheet-unsetEquipment { width: 100% !important; padding: 2px 0px !important; margin: 0px !important; margin-top: 20px !important; } .sheet-weaponName { width: 50% !important; float: left; } .sheet-weaponDamage { width: 20% !important; float: left; } .sheet-weaponQuantity { width: 15% !important; float: left; } .sheet-weaponHeft { width: 15% !important; float: left; } .sheet-weapon25 { width: 25% !important; float: left; } .sheet-weapon30 { width: 30% !important; float: left; } .sheet-weapon40 { width: 40% !important; float: left; } .sheet-weapon45 { width: 45% !important; float: left; } .sheet-weapon50 { width: 50% !important; float: left; } .sheet-weaponDetailsSection { width: calc(100% - 10px); height: 40px; margin: 0px; } .sheet-weaponToggleType ~ .sheet-weaponMeleeToggle { display: block; } .sheet-weaponToggleType:checked ~ .sheet-weaponMeleeToggle { display: none; } .sheet-weaponToggleType ~ .sheet-weaponRangedToggle { display: none; } .sheet-weaponToggleType:checked ~ .sheet-weaponRangedToggle { display: block; } .sheet-setWeapon { width: 171px !important; padding: 2px 0px !important; margin: 0px !important; } .sheet-shieldPen { width: 43% !important; height: 26px !important; float: left; line-height: 27px; } .sheet-armorPen { width: 48% !important; height: 26px !important; float: left; line-height: 27px; } .sheet-leftNotesWrapper { width: 500px !important; } .sheet-detailsWrapper { width: 100%; margin-top: 10px; } .sheet-descriptionNotes { width: 490px; height: 60px; } .sheet-raceInput { width: 100%; text-align: center; } .sheet-raceNotes { width: 490px; } .sheet-generalNotesHeader { text-align: center; font-size: 16px; padding: 5px 0px; background-color: black; color: white; } .sheet-generalArea { width: 490px !important; height: 500px !important; float: left; } .sheet-notesHeader { text-align: center; font-size: 16px; padding: 5px 0px; background-color: black; color: white; width: 300px; } .sheet-dedicationContainer { padding: 5px; border: lightgrey solid 1px; float: left; width: 290px; } .sheet-dedicationContainer:hover { background-color: lightgrey; } .sheet-dedicationName { width: 280px; height: 40px; margin: 0px; } .sheet-dedicationDropdown { width: 290px; } .sheet-dedicationDropdown50 { width: 145px; } .sheet-reputationWrapper { width: 300px; margin-top: 10px; } .sheet-itemNotesContainer { width: 500px; } .sheet-itemNotesBlock { width: 490px; } .sheet-weaponProfWrapper { float: left; width: 300px; margin-right: 10px; } .sheet-weaponProfWrapper > div { float: left; } .sheet-weaponProfWrapper > div > div { float: left; } .sheet-weaponProfHeader { width: 300px; } .sheet-attributeInput { width: 95px !important; } .sheet-smallAttributeInput { width: 40px !important; } .sheet-nameInput { width: 150px; } .sheet-attributeLine { width: 110px !important; float: left; line-height: 26px; } .sheet-techniques { width: 832px; } .sheet-techniquesOOC { width: 832px; } .sheet-itemSection { float: left; width: 832px; } .sheet-repeatingName { width: 180px; } .sheet-repeatingDropdown { width: 20%; margin-bottom: 0px !important; } .sheet-repeatingDropdownBig { width: 140px; margin-bottom: 0px !important; } .sheet-labelCosts100 { width: 100%; float: left; } .sheet-labelCosts50 { width: 50%; float: left; } .sheet-labelCosts33 { width: 33%; float: left; } .sheet-labelType { width: 100%; float: left; } .sheet-repeatingDropdownCosts100 { width: 100%; margin-bottom: 0px !important; } .sheet-repeatingDropdownCosts50 { width: 49%; margin-bottom: 0px !important; } .sheet-repeatingDropdownCosts33 { width: 32%; margin-bottom: 0px !important; } .sheet-techniqueTotalSection { width: 100%; float: left; } .sheet-repeatingTechniqueSection { margin-bottom: 10px; float: left; width: 240px; margin-right: 10px; border: lightgrey solid 1px; padding: 10px; } .sheet-repeatingTechniqueSection:hover { background-color: lightgrey; } .sheet-toggleCooldown:checked ~ .sheet-repeatingTechniqueSection { background-color: #ffb3b3; } .sheet-toggleCooldown ~ .sheet-repeatingTechniqueSection { background-color: #b3ffe0; } .sheet-toggleRecharge[value=""] ~ .sheet-repeatingTechniqueSection { background-color: white; } .sheet-repeatingTechniqueName { width: 78%; } .sheet-repeatingTechniqueNameHeader { float: left; width: 78%; } .sheet-repeatingTechniqueRequires { width: 100%; } .sheet-techniqueDescriptionArea { width: calc(100% - 10px) !important; height: 50px !important; float: left; margin: 0px !important; } .sheet-techniqueEffectArea { width: calc(100% - 10px) !important; height: 100px !important; float: left; margin: 0px !important; } .sheet-techniqueTriggerArea { width: calc(100% - 10px) !important; height: 36px !important; float: left; margin: 0px !important; } .sheet-thresholdButton { width: 276px !important; margin: 0px !important; } .sheet-thresholdGrouping50 { width: 50%; float: left; } .sheet-thresholdDisplay { width: 100% !important; height: 26px !important; float: left; padding: 0px; text-align: center; } .sheet-thresholdTextSpacing { padding-left: 5px; } .sheet-thresholdTitleText { font-size: 17px; color: black; } .sheet-thresholdContentCenter { font-size: 14px; line-height: 26px; } .sheet-thresholdAttributeColor { background-color: white; } .sheet-evadeBackground { background-color: grey; } .sheet-checkHeader { width: 805px; background-color: black; color: white; font-size: 20px; text-align: center; padding-top: 5px; padding-bottom: 5px; margin-left: 5px; float: left; margin-top: 10px; } .sheet-itemsHeader { width: 832px; background-color: black; color: white; font-size: 20px; text-align: center; padding-top: 5px; padding-bottom: 5px; float: left; margin-top: 10px; } .sheet-conditionHeader { width: 820px; background-color: black; color: white; font-size: 20px; text-align: center; padding-top: 5px; padding-bottom: 5px; margin-left: 0px; float: left; margin-top: 10px; } .sheet-conditionSubHeader { width: 820px; color: white; font-size: 20px; text-align: center; padding-top: 5px; padding-bottom: 5px; margin-left: 0px; float: left; margin-top: 10px; } .sheet-conditionTabContainer { float: left; height: 100%; } .sheet-conditionTabButton { background-color: black; width: 270px; height: 40px; box-shadow: none; border: none; padding: 0px; font-size: 18px; margin-right: 5px; } .sheet-statusTabButton { background-color: black; width: 407px; height: 40px; box-shadow: none; border: none; padding: 0px; font-size: 18px; margin-right: 5px; } .sheet-neutralConditions { display: none; } .sheet-neutralConditionsChecked:checked ~ .sheet-neutralConditions { display: block; } .sheet-harmfulConditions { display: none; } .sheet-harmfulConditionsChecked:checked ~ .sheet-harmfulConditions { display: block; } .sheet-beneficialConditions { display: none; } .sheet-beneficialConditionsChecked:checked ~ .sheet-beneficialConditions { display: block; } .sheet-mentalStatuses { display: none; } .sheet-mentalStatusesChecked:checked ~ .sheet-mentalStatuses { display: block; } .sheet-physicalStatuses { display: none; } .sheet-physicalStatusesChecked:checked ~ .sheet-physicalStatuses { display: block; } .sheet-modifiersHeader { width: 805px; background-color: black; color: white; font-size: 20px; text-align: center; padding-top: 5px; padding-bottom: 5px; margin-left: 0px; float: left; margin-top: 10px; } .sheet-modifiersContainer { width: 260px; margin-right: 10px; margin-top: 10px; float: left; } .sheet-modifiersTitle { font-size: 16px; color: black; text-align: center; width: 208px !important; height: 28px !important; float: left; line-height: 30px; border-radius: 5px 0px 0px 5px; border-color: black; border-width: 1px 0px 1px 1px; border-style: solid; } .sheet-modifiersInput { width: 50px !important; height: 30px !important; border-radius: 0px 5px 5px 0px; border-color: black; border-width: 1px 1px 1px 1px; border-style: solid; } .sheet-modifiersSpan33 { width: calc(33% - 7px) !important; float: left; } .sheet-modifiersInput33 { width: 33% !important; height: 30px !important; float: left; } .sheet-modifiersSpan50 { width: calc(50% - 7px) !important; float: left; } .sheet-modifiersInput50 { width: 50% !important; height: 30px !important; float: left; } .sheet-modifiersInput100 { width: 100% !important; height: 30px !important; float: left; } .sheet-conditionWrapper { float: left; width: 270px; margin-right: 5px; margin-top: 10px; } .sheet-conditionWrapperLarge { float: left; width: 820px; margin-right: 10px; margin-top: 5px; } .sheet-conditionSectionTitle { background-color: black; color: white; float: left; width: 100%; text-align: center; font-size: 16px; line-height: 22px; } .sheet-conditionContainer { float: left; border: solid 1px black; padding: 2px; width: calc(100% - 6px); position: relative; } .sheet-conditionContainerLarge { float: left; width: 270px; } .sheet-conditionContainerLargeSpace { margin-right: 5px; } .sheet-conditionCheckbox { width: 28px !important; height: 28px !important; padding: 0px; float: left; } .sheet-conditionName { float: left; line-height: 28px; padding-left: 10px; padding-right: 5px; font-size: 14px; color: black; } .sheet-conditionDetails { display: none; float: left; width: calc(100% + 1px); border-top: solid 1px black; margin-left: -2px; margin-bottom: -2px; padding: 2px; margin-top: 2px; text-align: left; } .sheet-conditionContainer:focus > .sheet-conditionDetails { display: block; } .sheet-conditionContainerLarge:focus > .sheet-conditionDetails { display: block; } .sheet-inCombatContainer { float: left; width: 100%; } .sheet-inCombatSection { display: block; width: 110px; margin: auto; float: none; padding-top: 10px; } .sheet-endCombatSection { display: block; width: 175px; margin: auto; float: none; padding-top: 10px; } .sheet-inCombatText { float: left; line-height: 28px; font-size: 14px; color: black; text-align: center; padding-left: 5px; } .sheet-statusesSectionTitle { background-color: black; color: white; float: left; width: 100%; text-align: center; font-size: 13px; line-height: 16px; } .sheet-statusesCheckbox { width: 28px !important; height: 28px !important; padding: 0px; float: left; position: absolute; left: 3px; } .sheet-statusesName { float: left; line-height: 28px; width: 100%; font-size: 14px; color: black; text-align: center; } .sheet-statusesDetails { display: none; float: left; width: calc(100% - 12px); border-top: solid 1px black; margin-left: -2px; margin-bottom: -2px; padding: 8px; margin-top: 2px; } .sheet-conditionContainer:focus > .sheet-statusesDetails { display: block; } .sheet-conditionContainer:focus > .sheet-statusesDetails { display: block; } .sheet-notesSection { float: left; width: 832px; } .sheet-notesBlock { float: left; } .sheet-areasOfKnowledge { width: 250px !important; height: 50px !important; } .sheet-notesSidebar { width: 300px; } .sheet-techniqueDetails { display:none; float:left; } .sheet-toggleDetails:checked ~ .sheet-techniqueDetails { display:block; } .sheet-techniquesThresholds { display:none; } .sheet-toggleThresholds:checked ~ .sheet-techniquesThresholds { display:block; } .sheet-notes, .sheet-techniques, .sheet-techniquesOOC, .sheet-items, .sheet-rolls, .sheet-conditions, .sheet-wounds, .sheet-statuses, .sheet-modifiers { display: none; } /* show the selected tab */ .sheet-tabstoggle[value="notes"] ~ div.sheet-notes, .sheet-tabstoggle[value="techniques"] ~ div.sheet-techniques, .sheet-tabstoggle[value="techniquesOOC"] ~ div.sheet-techniquesOOC, .sheet-tabstoggle[value="items"] ~ div.sheet-items, .sheet-tabstoggle[value="rolls"] ~ div.sheet-rolls, .sheet-tabstoggle[value="conditions"] ~ div.sheet-conditions, .sheet-tabstoggle[value="wounds"] ~ div.sheet-wounds, .sheet-tabstoggle[value="statuses"] ~ div.sheet-statuses, .sheet-tabstoggle[value="modifiers"] ~ div.sheet-modifiers { display: block; } .sheet-float-left { float: left; } .sheet-pad-r-2 { padding-right: 20px; } /* Smaller margins - remove these if you want the huge default left margin */ .sheet-rolltemplate-check { border-style: solid; border-color: black; border-width: 1px; } .withoutavatars .sheet-rolltemplate-check { margin-left: -7px; } .sheet-rolltemplate-check .sheet-container { border: 1px solid; /* by default, the border is the same color as the header. You can change this here, e.g. to black */ border-color: var(--header-bg-color); } /* Header formatting - title and subtitle */ .sheet-rolltemplate-check .sheet-header { background-color: rgb( 255 , 26 , 26 ); text-align: center; font-family: "bentonsans"; font-size: 20px; line-height: 24px; color: black; font-weight: bold; border-color: black; border-width: 2px; border-style: solid; } .sheet-rolltemplate-check .sheet-title { } .sheet-rolltemplate-check .sheet-subtitle { font-weight: lighter; font-size: 15px; line-height: 17px; } .sheet-rolltemplate-check .sheet-body { height: 25px; background-color: rgb( 242 , 242 , 242 ); } .sheet-rolltemplate-check .sheet-large-body { height: 50px; } .sheet-rolltemplate-check .sheet-color-Strength { background-color: rgb(252, 0, 0); } .sheet-rolltemplate-check .sheet-color-Accuracy { background-color: rgb(102, 179, 255); } .sheet-rolltemplate-check .sheet-color-Quickness { background-color: rgb(255, 255, 102); } .sheet-rolltemplate-check .sheet-color-Finesse { background-color: rgb(102, 255, 179); } .sheet-rolltemplate-check .sheet-color-Vitality { background-color: rgb(125, 42, 42); } .sheet-rolltemplate-check .sheet-color-Stamina { background-color: rgb(128, 128, 128); } .sheet-rolltemplate-check .sheet-color-Presence { background-color: rgb(255, 102, 179); } .sheet-rolltemplate-check .sheet-color-Willpower { background-color: rgb(255, 153, 51); } .sheet-rolltemplate-check .sheet-color-Knowledge { background-color: rgb(51, 102, 255); } .sheet-rolltemplate-check .sheet-color-Disposition { background-color: rgb(142, 119, 209); } .sheet-rolltemplate-check .sheet-color-Connection { background-color: rgb(146, 51, 161); } .sheet-rolltemplate-check .sheet-color-Instinct { background-color: rgb(145, 212, 57); } .sheet-rolltemplate-check .sheet-color-Purity { background-color: rgb(2, 184, 62); } .sheet-rolltemplate-check .sheet-color-Corruption { background-color: rgb(138, 106, 106); } .sheet-rolltemplate-check .sheet-roll { font-family: "bentonsans"; font-size: 20px; width: 20%; margin: 0px; padding: 0px; float: left; position: relative; padding-top: 4px; padding-bottom: 4px; text-align: center; background-size: 27px; background-position: center; background-repeat: no-repeat; } .sheet-rolltemplate-check .inlinerollresult { background-color: transparent; color: #000000; border: none !important; } .sheet-rolltemplate-check .sheet-roll .inlinerollresult[title*=">1"] { color: rgb( 230 , 25 , 70 ); } .sheet-rolltemplate-check .sheet-roll .inlinerollresult[title*=">2"] { color: rgb( 205 , 50 , 70 ); } .sheet-rolltemplate-check .sheet-roll .inlinerollresult[title*=">3"] { color: rgb( 180 , 75 , 70 ); } .sheet-rolltemplate-check .sheet-roll .inlinerollresult[title*=">4"] { color: rgb( 155 , 100 , 70 ); } .sheet-rolltemplate-check .sheet-roll .inlinerollresult[title*=">5"] { color: rgb( 130 , 125 , 70 ); } .sheet-rolltemplate-check .sheet-roll .inlinerollresult[title*=">6"] { color: rgb( 105 , 150 , 70 ); } .sheet-rolltemplate-check .sheet-roll .inlinerollresult[title*=">7"] { color: rgb( 80 , 175 , 70 ); } .sheet-rolltemplate-check .sheet-roll .inlinerollresult[title*=">8"] { color: rgb( 55 , 200 , 70 ); } .sheet-rolltemplate-check .sheet-roll .inlinerollresult[title*=">9"] { color: rgb( 30 , 225 , 70 ); } .sheet-rolltemplate-check .sheet-roll .inlinerollresult[title*=">10"] { color: rgb( 5 , 250 , 70 ); } .sheet-rolltemplate-check .sheet-roll .inlinerollresult[original-title*=">1"] { color: rgb( 230 , 25 , 70 ); } .sheet-rolltemplate-check .sheet-roll .inlinerollresult[original-title*=">2"] { color: rgb( 205 , 50 , 70 ); } .sheet-rolltemplate-check .sheet-roll .inlinerollresult[original-title*=">3"] { color: rgb( 180 , 75 , 70 ); } .sheet-rolltemplate-check .sheet-roll .inlinerollresult[original-title*=">4"] { color: rgb( 155 , 100 , 70 ); } .sheet-rolltemplate-check .sheet-roll .inlinerollresult[original-title*=">5"] { color: rgb( 130 , 125 , 70 ); } .sheet-rolltemplate-check .sheet-roll .inlinerollresult[original-title*=">6"] { color: rgb( 105 , 150 , 70 ); } .sheet-rolltemplate-check .sheet-roll .inlinerollresult[original-title*=">7"] { color: rgb( 80 , 175 , 70 ); } .sheet-rolltemplate-check .sheet-roll .inlinerollresult[original-title*=">8"] { color: rgb( 55 , 200 , 70 ); } .sheet-rolltemplate-check .sheet-roll .inlinerollresult[original-title*=">9"] { color: rgb( 30 , 225 , 70 ); } .sheet-rolltemplate-check .sheet-roll .inlinerollresult[original-title*=">10"] { color: rgb( 5 , 250 , 70 ); } .sheet-float-left { float: left; } .sheet-float-right { float: right; } .sheet-text-center { text-align: center; } .sheet-pad-1 { padding: 10px; } .sheet-pad-2 { padding: 10px; } .sheet-pad-3 { padding: 10px; } .sheet-pad-4 { padding: 10px; } .sheet-pad-1-t { padding-top: 10px; } .sheet-pad-2-t { padding-top: 20px; } .sheet-pad-3-t { padding-top: 30px; } .sheet-pad-4-t { padding-top: 40px; } .sheet-pad-1-b { padding-bottom: 10px; } .sheet-pad-2-b { padding-bottom: 20px; } .sheet-pad-3-b { padding-bottom: 30px; } .sheet-pad-4-b { padding-bottom: 40px; } .sheet-pad-1-l { padding-left: 10px; } .sheet-pad-2-l { padding-left: 20px; } .sheet-pad-3-l { padding-left: 30px; } .sheet-pad-4-l { padding-left: 40px; } .sheet-pad-1-r { padding-right: 10px; } .sheet-pad-2-r { padding-right: 20px; } .sheet-pad-3-r { padding-right: 30px; } .sheet-pad-4-r { padding-right: 40px; } .sheet-margin-0 { margin: 0px !important; } .sheet-margin-1-t { margin-top: 10px; } .sheet-margin-2-t { margin-top: 20px; } .sheet-space { padding-right: 3px; } .sheet-generalHeader { background-color: black; color: white; text-align: center; } .sheet-repeatingFloat { float: left; } .sheet-repeatingFloat > div { float: left; } .sheet-repeatingFloat > div > div { float: left; } .sheet-strength-color { background-color: rgb(252, 0, 0); } .sheet-accuracy-color { background-color: rgb(102, 179, 255); } .sheet-quickness-color { background-color: rgb(255, 255, 102); } .sheet-finesse-color { background-color: rgb(102, 255, 179); } .sheet-vitality-color { background-color: rgb(125, 42, 42); } .sheet-stamina-color { background-color: rgb(128, 128, 128); } .sheet-presence-color { background-color: rgb(255, 102, 179); } .sheet-willpower-color { background-color: rgb(255, 153, 51); } .sheet-knowledge-color { background-color: rgb(51, 102, 255); } .sheet-disposition-color { background-color: rgb(142, 119, 209); } .sheet-connection-color { background-color: rgb(146, 51, 161); } .sheet-instinct-color { background-color: rgb(145, 212, 57); } .sheet-purity-color { background-color: rgb(2, 184, 62); } .sheet-corruption-color { background-color: rgb(138, 106, 106); } .sheet-strength-accuracy-color { background-image: linear-gradient(to right, rgb(252, 0, 0) 40%, rgb(102, 179, 255) 60%); } .sheet-strength-quickness-color { background-image: linear-gradient(to right, rgb(252, 0, 0) 40%, rgb(255, 255, 102) 60%); } .sheet-strength-finesse-color { background-image: linear-gradient(to right, rgb(252, 0, 0) 40%, rgb(102, 255, 179) 60%); } .sheet-strength-vitality-color { background-image: linear-gradient(to right, rgb(252, 0, 0) 40%, rgb(125, 42, 42) 60%); } .sheet-strength-stamina-color { background-image: linear-gradient(to right, rgb(252, 0, 0) 40%, rgb(128, 128, 128) 60%); } .sheet-strength-presence-color { background-image: linear-gradient(to right, rgb(252, 0, 0) 40%, rgb(255, 102, 179) 60%); } .sheet-accuracy-presence-color { background-image: linear-gradient(to right, rgb(102, 179, 255) 40%, rgb(255, 102, 179) 60%); } .sheet-accuracy-instinct-color { background-image: linear-gradient(to right, rgb(102, 179, 255) 40%, rgb(145, 212, 57) 60%); } .sheet-accuracy-corruption-color { background-image: linear-gradient(to right, rgb(102, 179, 255) 40%, rgb(138, 106, 106) 60%); } .sheet-quickness-finesse-color { background-image: linear-gradient(to right, rgb(255, 255, 102) 40%, rgb(102, 255, 179) 60%); } .sheet-quickness-vitality-color { background-image: linear-gradient(to right, rgb(255, 255, 102) 40%, rgb(125, 42, 42) 60%); } .sheet-finesse-vitality-color { background-image: linear-gradient(to right, rgb(102, 255, 179) 40%, rgb(125, 42, 42) 60%); } .sheet-finesse-corruption-color { background-image: linear-gradient(to right, rgb(102, 255, 179) 40%, rgb(138, 106, 106) 60%); } .sheet-vitality-purity-color { background-image: linear-gradient(to right, rgb(125, 42, 42) 40%, rgb(2, 184, 62) 60%); } .sheet-vitality-corruption-color { background-image: linear-gradient(to right, rgb(125, 42, 42) 40%, rgb(138, 106, 106) 60%); } .sheet-willpower-disposition-color { background-image: linear-gradient(to right, rgb(255, 153, 51) 40%, rgb(142, 119, 209) 60%); } .sheet-willpower-purity-color { background-image: linear-gradient(to right, rgb(255, 153, 51) 40%, rgb(2, 184, 62) 60%); } .sheet-knowledge-instinct-color { background-image: linear-gradient(to right, rgb(51, 102, 255) 40%, rgb(145, 212, 57) 60%); } .sheet-xenos-color { background-color: rgb(205, 127, 50); } .sheet-rolltemplate-combatTechnique .sheet-wrapper { border-style: solid; border-color: black; border-width: 1px; border-bottom: 0px; } .sheet-rolltemplate-combatTechnique .sheet-titleContainer { background-color: rgb( 255 , 193 , 128 ); text-align: center; font-family: "bentonsans"; font-size: 20px; line-height: 24px; color: black; font-weight: bold; border-color: black; border-width: 2px; border-style: solid; } .sheet-rolltemplate-combatTechnique .sheet-subTitle { font-weight: lighter; font-size: 15px; line-height: 17px; } .sheet-rolltemplate-combatTechnique .sheet-background { background-color: rgb( 242 , 242 , 242 ); } .sheet-rolltemplate-combatTechnique .sheet-contentSection { padding: 5px; border: 0px; border-color: black; border-bottom: 1px; border-style: solid; } .sheet-rolltemplate-combatTechnique .sheet-detailsContainer { border: 0px; border-color: black; border-bottom: 1px; border-style: solid; overflow: hidden; } .sheet-rolltemplate-combatTechnique .sheet-details33 { width: 33%; border: 0px; border-color: black; border-right: 1px; border-style: solid; text-align: center; float: left; } .sheet-rolltemplate-combatTechnique .sheet-details50 { width: 43%; border: 0px; border-color: black; border-left: 1px; border-style: solid; border-style: solid; padding-left: 3%; padding-right: 3%; float: left; display: inline-block; margin-bottom: -40px; padding-bottom: 40px; } .sheet-rolltemplate-combatTechnique .sheet-noBorder { border: none; } /* Smaller margins - remove these if you want the huge default left margin */ .sheet-rolltemplate-damage { border-style: solid; border-color: black; border-width: 1px; } .withoutavatars .sheet-rolltemplate-damage { margin-left: -7px; } .sheet-rolltemplate-damage .sheet-container { border: 1px solid; /* by default, the border is the same color as the header. You can change this here, e.g. to black */ border-color: var(--header-bg-color); } /* Header formatting - title and subtitle */ .sheet-rolltemplate-damage .sheet-header { background-color: #cc0000; text-align: center; font-family: "bentonsans"; font-size: 20px; line-height: 24px; color: black; font-weight: bold; border-color: black; border-width: 2px; border-style: solid; } .sheet-rolltemplate-damage .sheet-subtitle { font-weight: lighter; font-size: 15px; line-height: 17px; } .sheet-rolltemplate-damage .sheet-body { height: 25px; background-color: rgb( 242 , 242 , 242 ); } .sheet-rolltemplate-damage .sheet-large-body { height: 50px; } .sheet-rolltemplate-damage .sheet-damageContainer { color: black; font-family: "bentonsans"; font-size: 20px; width: 100%; margin: 0px; padding: 0px; float: left; position: relative; padding-top: 5px; padding-bottom: 4px; text-align: center; background-size: 27px; background-position: center; background-repeat: no-repeat; } .sheet-rolltemplate-damage .sheet-roll { font-family: "bentonsans"; font-size: 20px; width: 20%; margin: 0px; padding: 0px; float: left; position: relative; padding-top: 4px; padding-bottom: 4px; text-align: center; background-size: 27px; background-position: center; background-repeat: no-repeat; } .sheet-rolltemplate-damage .inlinerollresult { background-color: transparent; border: none !important; font-size: 20px; } .sheet-rolltemplate-damage .sheet-result1 ~ div { color: #ff0000 !important; } .sheet-rolltemplate-damage .sheet-result2 ~ div { color: #ff6600 !important; } .sheet-rolltemplate-damage .sheet-result3 ~ div { color: #cccc00 !important; } .sheet-rolltemplate-damage .sheet-result4 ~ div { color: #33cc33 !important; } .sheet-rolltemplate-damage .sheet-result5 ~ div { color: #3399ff !important; } /* Smaller margins - remove these if you want the huge default left margin */ .sheet-rolltemplate-strike { border-style: solid; border-color: black; border-width: 1px; } .withoutavatars .sheet-rolltemplate-strike { margin-left: -7px; } .sheet-rolltemplate-strike .sheet-container { border: 1px solid; /* by default, the border is the same color as the header. You can change this here, e.g. to black */ border-color: var(--header-bg-color); } /* Header formatting - title and subtitle */ .sheet-rolltemplate-strike .sheet-header { text-align: center; font-family: "bentonsans"; font-size: 20px; line-height: 24px; color: black; font-weight: bold; border-color: black; border-width: 2px; border-style: solid; } .sheet-rolltemplate-strike .sheet-header-borderless { text-align: center; font-family: "bentonsans"; font-size: 20px; line-height: 24px; color: black; font-weight: bold; border-color: black; border-width: 2px; border-style: solid; border-top: 0px; } .sheet-rolltemplate-strike .sheet-title { } .sheet-rolltemplate-strike .sheet-subtitle { font-weight: lighter; font-size: 15px; line-height: 17px; } .sheet-rolltemplate-strike .sheet-body { height: 25px; background-color: rgb( 242 , 242 , 242 ); } .sheet-rolltemplate-strike .sheet-large-body { height: 50px; } .sheet-rolltemplate-strike .sheet-color-Strength { background-color: rgb(252, 0, 0); } .sheet-rolltemplate-strike .sheet-color-Accuracy { background-color: rgb(102, 179, 255); } .sheet-rolltemplate-strike .sheet-color-Quickness { background-color: rgb(255, 255, 102); } .sheet-rolltemplate-strike .sheet-color-Finesse { background-color: rgb(102, 255, 179); } .sheet-rolltemplate-strike .sheet-color-Vitality { background-color: rgb(125, 42, 42); } .sheet-rolltemplate-strike .sheet-color-Stamina { background-color: rgb(128, 128, 128); } .sheet-rolltemplate-strike .sheet-color-Presence { background-color: rgb(255, 102, 179); } .sheet-rolltemplate-strike .sheet-color-Willpower { background-color: rgb(255, 153, 51); } .sheet-rolltemplate-strike .sheet-color-Knowledge { background-color: rgb(51, 102, 255); } .sheet-rolltemplate-strike .sheet-color-Disposition { background-color: rgb(142, 119, 209); } .sheet-rolltemplate-strike .sheet-color-Connection { background-color: rgb(146, 51, 161); } .sheet-rolltemplate-strike .sheet-color-Instinct { background-color: rgb(145, 212, 57); } .sheet-rolltemplate-strike .sheet-color-Purity { background-color: rgb(2, 184, 62); } .sheet-rolltemplate-strike .sheet-color-Corruption { background-color: rgb(138, 106, 106); } .sheet-rolltemplate-strike .sheet-roll { font-family: "bentonsans"; font-size: 20px; width: 20%; margin: 0px; padding: 0px; float: left; position: relative; padding-top: 4px; padding-bottom: 4px; text-align: center; background-size: 27px; background-position: center; background-repeat: no-repeat; } .sheet-rolltemplate-strike .inlinerollresult { background-color: transparent; color: #000000; border: none !important; } .sheet-rolltemplate-strike .sheet-roll .inlinerollresult[title*=">1"] { color: rgb( 230 , 25 , 70 ); } .sheet-rolltemplate-strike .sheet-roll .inlinerollresult[title*=">2"] { color: rgb( 205 , 50 , 70 ); } .sheet-rolltemplate-strike .sheet-roll .inlinerollresult[title*=">3"] { color: rgb( 180 , 75 , 70 ); } .sheet-rolltemplate-strike .sheet-roll .inlinerollresult[title*=">4"] { color: rgb( 155 , 100 , 70 ); } .sheet-rolltemplate-strike .sheet-roll .inlinerollresult[title*=">5"] { color: rgb( 130 , 125 , 70 ); } .sheet-rolltemplate-strike .sheet-roll .inlinerollresult[title*=">6"] { color: rgb( 105 , 150 , 70 ); } .sheet-rolltemplate-strike .sheet-roll .inlinerollresult[title*=">7"] { color: rgb( 80 , 175 , 70 ); } .sheet-rolltemplate-strike .sheet-roll .inlinerollresult[title*=">8"] { color: rgb( 55 , 200 , 70 ); } .sheet-rolltemplate-strike .sheet-roll .inlinerollresult[title*=">9"] { color: rgb( 30 , 225 , 70 ); } .sheet-rolltemplate-strike .sheet-roll .inlinerollresult[title*=">10"] { color: rgb( 5 , 250 , 70 ); } .sheet-rolltemplate-strike .sheet-roll .inlinerollresult[original-title*=">1"] { color: rgb( 230 , 25 , 70 ); } .sheet-rolltemplate-strike .sheet-roll .inlinerollresult[original-title*=">2"] { color: rgb( 205 , 50 , 70 ); } .sheet-rolltemplate-strike .sheet-roll .inlinerollresult[original-title*=">3"] { color: rgb( 180 , 75 , 70 ); } .sheet-rolltemplate-strike .sheet-roll .inlinerollresult[original-title*=">4"] { color: rgb( 155 , 100 , 70 ); } .sheet-rolltemplate-strike .sheet-roll .inlinerollresult[original-title*=">5"] { color: rgb( 130 , 125 , 70 ); } .sheet-rolltemplate-strike .sheet-roll .inlinerollresult[original-title*=">6"] { color: rgb( 105 , 150 , 70 ); } .sheet-rolltemplate-strike .sheet-roll .inlinerollresult[original-title*=">7"] { color: rgb( 80 , 175 , 70 ); } .sheet-rolltemplate-strike .sheet-roll .inlinerollresult[original-title*=">8"] { color: rgb( 55 , 200 , 70 ); } .sheet-rolltemplate-strike .sheet-roll .inlinerollresult[original-title*=">9"] { color: rgb( 30 , 225 , 70 ); } .sheet-rolltemplate-strike .sheet-roll .inlinerollresult[original-title*=">10"] { color: rgb( 5 , 250 , 70 ); } /* Smaller margins - remove these if you want the huge default left margin */ .sheet-rolltemplate-strike { border-style: solid; border-color: black; border-width: 1px; } .withoutavatars .sheet-rolltemplate-strike { margin-left: -7px; } .sheet-rolltemplate-strike .sheet-container { border: 0px; border-bottom: 1px solid; border-color: var(--header-bg-color); } /* Header formatting - title and subtitle */ .sheet-rolltemplate-strike .sheet-header { text-align: center; font-family: "bentonsans"; font-size: 20px; line-height: 24px; color: black; font-weight: bold; border-color: black; border-width: 2px; border-style: solid; } .sheet-rolltemplate-strike .sheet-subtitle { font-weight: lighter; font-size: 15px; line-height: 17px; } .sheet-rolltemplate-strike .sheet-body { height: 25px; background-color: rgb( 242 , 242 , 242 ); } .sheet-rolltemplate-strike .sheet-large-body { height: 50px; } .sheet-rolltemplate-strike .sheet-damageContainer { color: black; font-family: "bentonsans"; font-size: 20px; width: 100%; margin: 0px; padding: 0px; float: left; position: relative; padding-top: 5px; padding-bottom: 4px; text-align: center; background-size: 27px; background-position: center; background-repeat: no-repeat; } .sheet-rolltemplate-strike .sheet-roll { font-family: "bentonsans"; font-size: 20px; width: 20%; margin: 0px; padding: 0px; float: left; position: relative; padding-top: 4px; padding-bottom: 4px; text-align: center; background-size: 27px; background-position: center; background-repeat: no-repeat; } .sheet-rolltemplate-strike .inlinerollresult { background-color: transparent; border: none !important; font-size: 20px; } .sheet-rolltemplate-strike .sheet-result1 ~ div { color: #ff0000 !important; } .sheet-rolltemplate-strike .sheet-result2 ~ div { color: #ff6600 !important; } .sheet-rolltemplate-strike .sheet-result3 ~ div { color: #cccc00 !important; } .sheet-rolltemplate-strike .sheet-result4 ~ div { color: #33cc33 !important; } .sheet-rolltemplate-strike .sheet-result5 ~ div { color: #3399ff !important; } .sheet-rolltemplate-strike .sheet-result1 ~ div > span { color: #ff0000 !important; } .sheet-rolltemplate-strike .sheet-result2 ~ div > span { color: #ff6600 !important; } .sheet-rolltemplate-strike .sheet-result3 ~ div > span { color: #cccc00 !important; } .sheet-rolltemplate-strike .sheet-result4 ~ div > span { color: #33cc33 !important; } .sheet-rolltemplate-strike .sheet-result5 ~ div > span { color: #3399ff !important; } .sheet-rolltemplate-strike .sheet-color-defense-0 { } .sheet-rolltemplate-strike .sheet-color-defense-1 { background-color: rgb(125, 42, 42); } .sheet-rolltemplate-strike .sheet-color-defense-2 { background-color: rgb(102, 255, 179); } .sheet-rolltemplate-strike .sheet-color-defense-3 { background-color: rgb(255, 255, 102); }