mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 11:42:29 +00:00
2055 lines
41 KiB
CSS
2055 lines
41 KiB
CSS
.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);
|
|
} |