.sheet-rolltemplate-toe table { background: #fff; border: solid 2px #7e3fc1; border-collapse: separate; border-radius: 1em; overflow: hidden; width: 100%; } .sheet-rolltemplate-toe table thead th { background: #7e3fc1; color: #fff; padding: 0.5em 1em; } .sheet-rolltemplate-toe table tbody { text-align: center; } .sheet-rolltemplate-toe table tbody tr:nth-child(2n+0) { background: rgba(0, 0, 0, 0.1); } .sheet-rolltemplate-toe table tbody td { padding: 0.5em 0; } .sheet-rolltemplate-toe table tbody .sheet-upgrade span:nth-child(1), .sheet-rolltemplate-toe table tbody .sheet-downgrade span:nth-child(1) { font-weight: bold; padding-right: 1em; } .sheet-rolltemplate-toe table tbody .sheet-notes { font-size: 0.8em; font-style: italic; word-break: break-word; } .charsheet { background: #fff; color: #5e3dba; width: 8in; } .charsheet input { border: none; box-shadow: none; } .charsheet input[type=color] { height: 20px; padding: 0; width: 20px; } .charsheet input[type=color]::-webkit-color-swatch-wrapper { padding: 0; } .charsheet input[type=color]::-webkit-color-swatch { border: none; } .charsheet input[type=number]::-webkit-inner-spin-button, .charsheet input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .charsheet label { color: #5e3dba; } .charsheet select { box-shadow: none; height: auto; line-height: 18px; margin-bottom: 0; -moz-appearance: none; -webkit-appearance: none; } .charsheet textarea { background: linear-gradient(to bottom, transparent, transparent 17px, #5e3dba); background-attachment: local; background-size: 1px 18px; border: none; box-shadow: none; color: #5e3dba; padding: 0; resize: none; } .charsheet .sheet-checkbox label { display: inline-block; margin: 0; vertical-align: middle; width: auto; } .charsheet .sheet-checkbox .sheet-checkboxInner { border: solid 2px #5e3dba; border-radius: 5px; display: inline-block; height: 16px; position: relative; vertical-align: middle; width: 16px; } .charsheet .sheet-checkbox .sheet-checkboxInner input { height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .charsheet .sheet-checkbox .sheet-checkboxInner input:checked + div { background: #5e3dba; height: 100%; line-height: 16px; position: absolute; text-align: center; width: 100%; } .charsheet .sheet-checkbox .sheet-checkboxInner input:checked + div::after { content: "✓"; color: #fff; } .charsheet .sheet-labelledAbove { display: inline-block; } .charsheet .sheet-labelledAbove label { font-size: 0.8em; margin-bottom: 0; padding-top: 0.5em; } .charsheet .sheet-labelledBoxH { background: #aaa; display: inline-block; overflow: hidden; } .charsheet .sheet-labelledBoxH > label { display: inline; font-weight: bold; padding: 0 0.25em; vertical-align: middle; } .charsheet .sheet-labelledBoxH > .sheet-inner { display: inline-block; float: right; vertical-align: middle; } .charsheet .sheet-labelledBoxH > .sheet-inner > * { vertical-align: middle; } .charsheet .sheet-labelledBoxH > .sheet-inner .sheet-fraction { display: inline-block; } .charsheet .sheet-labelledBoxH > .sheet-inner .sheet-fraction input { border: none; display: inline; } .charsheet .sheet-labelledBoxV { background: #aaa; display: inline-block; overflow: hidden; } .charsheet .sheet-labelledBoxV > label { display: inline-block; font-weight: bold; margin: 0; padding: 0; text-align: center; } .charsheet .sheet-labelledBoxV > .sheet-inner { text-align: center; width: 100%; } .charsheet .sheet-labelledBoxV > .sheet-inner input { text-align: center; width: 100%; } .charsheet .sheet-labelledBoxV > .sheet-inner .sheet-fraction { display: inline-block; } .charsheet .sheet-labelledBoxV > .sheet-inner .sheet-fraction input { border: none; display: inline; } .charsheet .sheet-labelledUnderlined { display: inline-block; margin-bottom: 1em; min-width: 0.45in; position: relative; } .charsheet .sheet-labelledUnderlined label { position: absolute; font-size: 0.75em; line-height: 1em; top: 110%; } .charsheet .sheet-labelledUnderlined .sheet-inner { border-bottom: dotted 1px #5e3dba; width: 100%; } .charsheet .sheet-labelledUnderlined .sheet-inner input { border: none; border-radius: 0; padding-bottom: 0; width: 100%; } .charsheet .sheet-labelledUnderlined .sheet-inner select { border: none; border-radius: 0; padding-bottom: 0; width: 100%; } .charsheet .sheet-labelledUnderlined .sheet-inner .sheet-readOnlyBox { padding: 0; padding-top: initial; width: 100%; } .charsheet .sheet-mathOperator { display: inline-block; margin-bottom: 0.5em; padding-left: 0.25em; padding-right: 0.25em; } .charsheet .sheet-readOnlyBox { background: #ddd; display: inline-block; padding: 4px; width: 3.5em; } .charsheet .sheet-updowngrade { display: inline-block; pointer-events: none; } .charsheet .sheet-updowngrade .sheet-arrows { display: inline-block; vertical-align: middle; } .charsheet .sheet-updowngrade .sheet-arrows .sheet-up, .charsheet .sheet-updowngrade .sheet-arrows .sheet-down { height: 14px; position: relative; width: 12px; } .charsheet .sheet-updowngrade .sheet-arrows .sheet-up span, .charsheet .sheet-updowngrade .sheet-arrows .sheet-down span { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .charsheet .sheet-updowngrade .sheet-arrows .sheet-up input[type=checkbox], .charsheet .sheet-updowngrade .sheet-arrows .sheet-down input[type=checkbox] { height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .charsheet .sheet-updowngrade .sheet-arrows .sheet-up input[type=checkbox]:checked + span, .charsheet .sheet-updowngrade .sheet-arrows .sheet-down input[type=checkbox]:checked + span { color: #bbace4; } .charsheet .sheet-updowngrade > label { display: inline-block; font-size: 0.7em; line-height: 1em; margin: 0; text-align: right; vertical-align: middle; width: 0.5in; } .charsheet .sheet-updowngrade > span { pointer-events: all; } .charsheet .sheet-updowngrade .sheet-labelledUnderlined { min-width: auto; } .charsheet .sheet-d20 { display: inline-block; font-family: dicefontd20; vertical-align: middle; } .charsheet .sheet-d20::before { content: "t"; } .charsheet .sheet-itemIcon { display: inline-block; font-family: pictos; vertical-align: middle; } .charsheet .sheet-itemIcon::before { content: ":"; } .charsheet .sheet-quirkIcon { display: inline-block; font-family: pictos; vertical-align: middle; } .charsheet .sheet-quirkIcon::before { content: "k"; } .charsheet .sheet-reputationIcon { display: inline-block; font-family: pictos; vertical-align: middle; } .charsheet .sheet-reputationIcon::before { content: "^"; } .charsheet .sheet-talentIcon { display: inline-block; font-family: pictos; vertical-align: middle; } .charsheet .sheet-talentIcon::before { content: "e"; } .charsheet .sheet-main-container { position: relative; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-bio { background: #DECFE1; border-radius: 0.1in; display: inline-block; padding: 1em; width: 5in; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-bio .sheet-colors { text-align: center; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-bio .sheet-colors span label { display: inline-block; width: auto; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-bio .sheet-labelledUnderlined { display: block; font-size: 2em; margin-bottom: 0.1in; width: 100%; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-bio .sheet-labelledUnderlined label { display: inline-block; font-size: 0.7em; line-height: 1em; margin: 0; position: relative; text-align: right; width: 2in; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-bio .sheet-labelledUnderlined .sheet-inner { display: inline-block; width: auto; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-bio .sheet-labelledUnderlined .sheet-inner input, .charsheet .sheet-main-container .sheet-pcSheet .sheet-bio .sheet-labelledUnderlined .sheet-inner select { background: transparent; color: #5e3dba; font-size: 0.7em; padding: 0; width: 2.5in; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-explodingHooves { position: absolute; right: 0; text-align: center; top: 1.5in; width: 2.2in; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-friendshipTokens { background: #f226e4; border-radius: 0.75in; display: inline-block; height: 1.5in; position: absolute; right: 0.5in; top: 0; width: 1.5in; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-friendshipTokens h1 { color: #fff; font-size: 1.75em; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-friendshipTokens h1 span { height: 100%; position: absolute; text-align: center; transform-origin: center; width: 100%; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-friendshipTokens h1 span:nth-of-type(1) { transform: rotate(-63deg); } .charsheet .sheet-main-container .sheet-pcSheet .sheet-friendshipTokens h1 span:nth-of-type(2) { transform: rotate(-49deg); } .charsheet .sheet-main-container .sheet-pcSheet .sheet-friendshipTokens h1 span:nth-of-type(3) { transform: rotate(-35deg); } .charsheet .sheet-main-container .sheet-pcSheet .sheet-friendshipTokens h1 span:nth-of-type(4) { transform: rotate(-21deg); } .charsheet .sheet-main-container .sheet-pcSheet .sheet-friendshipTokens h1 span:nth-of-type(5) { transform: rotate(-7deg); } .charsheet .sheet-main-container .sheet-pcSheet .sheet-friendshipTokens h1 span:nth-of-type(6) { transform: rotate(7deg); } .charsheet .sheet-main-container .sheet-pcSheet .sheet-friendshipTokens h1 span:nth-of-type(7) { transform: rotate(21deg); } .charsheet .sheet-main-container .sheet-pcSheet .sheet-friendshipTokens h1 span:nth-of-type(8) { transform: rotate(35deg); } .charsheet .sheet-main-container .sheet-pcSheet .sheet-friendshipTokens h1 span:nth-of-type(9) { transform: rotate(49deg); } .charsheet .sheet-main-container .sheet-pcSheet .sheet-friendshipTokens h1 span:nth-of-type(10) { transform: rotate(63deg); } .charsheet .sheet-main-container .sheet-pcSheet .sheet-friendshipTokens input { background: transparent; color: #fff; font-size: 5em; left: 50%; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%); } .charsheet .sheet-main-container .sheet-pcSheet .sheet-reputations { background: #EDBBF3; border-radius: 0.1in; padding: 1em; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-reputations h1 { color: #5e3dba; font-size: 2em; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-reputations .sheet-reputation { background: #EDBBF3; border-radius: 0.1in; padding: 0.25em; padding-bottom: 1em; position: relative; transition: background 0.5s; width: 7in; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-reputations .sheet-reputation:hover { background: #d664e4; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-reputations .sheet-reputation > label { display: inline-block; margin-bottom: 0; margin-top: 0.5em; vertical-align: middle; width: 0.5in; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-reputations .sheet-reputation input, .charsheet .sheet-main-container .sheet-pcSheet .sheet-reputations .sheet-reputation select { background: transparent; color: #5e3dba; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-reputations .sheet-reputation .sheet-labelledUnderlined { vertical-align: middle; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-stamina { background: #F9B6DD; border-radius: 0.1in; display: inline-block; height: 1in; padding: 1em; vertical-align: middle; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-stamina h1 { color: #5e3dba; display: inline-block; font-size: 2em; vertical-align: middle; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-stamina .sheet-fraction { display: inline-block; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-stamina .sheet-fraction input { background: transparent; border-bottom: dotted 1px #5e3dba; color: #5e3dba; font-size: 2em; padding: 0; text-align: center; width: 2em; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-stamina .sheet-fraction span { font-size: 2em; vertical-align: middle; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-stamina .sheet-labelledUnderlined { display: block; margin-bottom: 0.5em; width: 100%; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-stamina .sheet-labelledUnderlined label { display: inline-block; line-height: 1em; margin: 0; position: relative; text-align: right; width: auto; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-stamina .sheet-labelledUnderlined .sheet-inner { display: inline-block; width: auto; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-stamina .sheet-labelledUnderlined .sheet-inner input, .charsheet .sheet-main-container .sheet-pcSheet .sheet-stamina .sheet-labelledUnderlined .sheet-inner select { background: transparent; color: #5e3dba; font-size: 0.7em; padding: 0; width: 1.5in; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-traits { display: inline-block; vertical-align: middle; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-traits .sheet-trait { background: #aaa; border-radius: 0.1in; display: inline-block; height: 1in; padding: 1em; position: relative; transition: background 0.5s; width: 1.2in; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-traits .sheet-trait button { height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-traits .sheet-trait select { background: transparent; border: none; color: #5e3dba; font-size: 1.5em; left: 0.2in; position: absolute; text-align: center; text-align-last: center; top: 0.4in; width: 1.1in; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-traits .sheet-trait label.sheet-traitName { font-size: 2em; text-align: center; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-traits .sheet-trait .sheet-updowngrade { position: absolute; top: 0.8in; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-traits .sheet-trait .sheet-updowngrade input { background: transparent; color: #5e3dba; text-align: center; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-traits .sheet-trait.sheet-body { background: #B3E7EF; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-traits .sheet-trait.sheet-body:hover { background: #89dae6; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-traits .sheet-trait.sheet-mind { background: #DECFE1; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-traits .sheet-trait.sheet-mind:hover { background: #c8b0cd; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-traits .sheet-trait.sheet-charm { background: #EDBBF3; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-traits .sheet-trait.sheet-charm:hover { background: #e290eb; } .charsheet .sheet-main-container .sheet-pcSheet .sheet-traits .sheet-trait .sheet-d20 { font-size: 2.5em; left: 0.06in; position: absolute; top: 0; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-bio input[type='text'] { color: #5e3dba; font-size: x-large; width: 6in; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-bio .sheet-checkbox { display: inline-block; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-explodingHooves h1 { font-size: 1em; line-height: 1em; width: 0.7in; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-explodingHooves button { font-size: 2.5em; height: 0.3in; width: 0.4in; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-quirks > label { display: inline-block; margin: 0; width: auto; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-quirks .repcontainer { display: inline-block; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-quirks .repitem { display: inline-block; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-quirks .sheet-quirk { height: auto; padding: 0; position: relative; width: auto; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-quirks .sheet-quirk .sheet-editCheckbox { height: 16px; left: 0; opacity: 0; position: absolute; top: 0; width: 16px; z-index: 1; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-quirks .sheet-quirk .sheet-editCheckbox:hover + .sheet-editIcon { color: #5e3dba; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-quirks .sheet-quirk .sheet-editCheckbox:checked + .sheet-editIcon::after { content: "_"; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-quirks .sheet-quirk .sheet-editCheckbox:checked ~ .sheet-editMode { display: block; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-quirks .sheet-quirk .sheet-editCheckbox:checked ~ .sheet-viewMode { display: none; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-quirks .sheet-quirk .sheet-editIcon { color: #ab99de; display: inline-block; font-family: Pictos; height: 16px; position: absolute; transition: color 0.5s; width: 16px; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-quirks .sheet-quirk .sheet-editIcon::after { content: "y"; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-quirks .sheet-quirk .sheet-editMode { display: none; margin-left: 16px; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-quirks .sheet-quirk .sheet-editMode .sheet-labelledUnderlined:nth-of-type(2) { width: 5in; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-quirks .sheet-quirk .sheet-viewMode { margin-left: 16px; margin-right: 1em; display: inline-block; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-stamina { display: inline-block; margin-top: 3px; width: 2.8in; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-stamina .sheet-staminaInner label { display: inline-block; margin: 0; width: auto; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-stamina .sheet-staminaInner .sheet-fraction { display: inline-block; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-stamina .sheet-staminaInner .sheet-fraction input { background: transparent; border-bottom: dotted 1px #5e3dba; color: #5e3dba; padding: 0; text-align: center; width: 3em; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-stamina .sheet-staminaInner .sheet-fraction span { padding-left: 5px; vertical-align: middle; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-stamina .sheet-damageModifiers label { top: 0; width: 0.5in; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-stamina .sheet-damageModifiers .sheet-inner { left: 0.6in; position: absolute; width: 2in; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-stamina .sheet-damageModifiers .sheet-inner input { color: #5e3dba; padding: 0; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-talents > label { display: inline-block; margin: 0; width: auto; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-talents .repcontainer { display: inline-block; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-talents .repitem { display: inline-block; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-talents .sheet-talent { height: auto; padding: 0; position: relative; width: auto; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-talents .sheet-talent .sheet-editCheckbox { height: 16px; left: 0; opacity: 0; position: absolute; top: 0; width: 16px; z-index: 1; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-talents .sheet-talent .sheet-editCheckbox:hover + .sheet-editIcon { color: #5e3dba; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-talents .sheet-talent .sheet-editCheckbox:checked + .sheet-editIcon::after { content: "_"; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-talents .sheet-talent .sheet-editCheckbox:checked ~ .sheet-editMode { display: block; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-talents .sheet-talent .sheet-editCheckbox:checked ~ .sheet-viewMode { display: none; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-talents .sheet-talent .sheet-editIcon { color: #ab99de; display: inline-block; font-family: Pictos; height: 16px; position: absolute; transition: color 0.5s; width: 16px; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-talents .sheet-talent .sheet-editIcon::after { content: "y"; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-talents .sheet-talent .sheet-editMode { display: none; margin-left: 16px; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-talents .sheet-talent .sheet-viewMode { margin-left: 16px; margin-right: 1em; display: inline-block; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-traits { display: inline-block; vertical-align: top; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-traits .sheet-trait { border-radius: 10px; display: inline-block; height: 0.5in; padding: 3px; position: relative; transition: background 0.5s; width: 1.5in; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-traits .sheet-trait:hover { background: #ccf; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-traits .sheet-trait button { height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-traits .sheet-trait select { background: transparent; border: none; color: #5e3dba; line-height: 1em; position: absolute; width: 1in; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-traits .sheet-trait label.sheet-traitName { display: inline-block; margin: 0; width: auto; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-traits .sheet-trait .sheet-updowngrade { position: absolute; left: 0; top: 0.2in; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-traits .sheet-trait .sheet-updowngrade input { background: transparent; color: #5e3dba; text-align: center; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-bio input[type='text'] { color: #5e3dba; font-size: x-large; width: 6in; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-bio .sheet-checkbox { display: inline-block; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-systems { background: #DECFE1; border-radius: 0.1in; padding: 1em; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-systems > label { display: inline-block; margin: 0; width: auto; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-systems .repcontainer { display: inline-block; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-systems .repitem { display: inline-block; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-systems .sheet-system { height: auto; padding: 0; position: relative; width: auto; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-systems .sheet-system input { background: transparent; color: #5e3dba; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-systems .sheet-system .sheet-editCheckbox { height: 16px; left: 0; opacity: 0; position: absolute; top: 0; width: 16px; z-index: 1; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-systems .sheet-system .sheet-editCheckbox:hover + .sheet-editIcon { color: #5e3dba; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-systems .sheet-system .sheet-editCheckbox:checked + .sheet-editIcon::after { content: "_"; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-systems .sheet-system .sheet-editCheckbox:checked ~ .sheet-editMode { display: block; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-systems .sheet-system .sheet-editCheckbox:checked ~ .sheet-viewMode { display: none; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-systems .sheet-system .sheet-editIcon { color: #ab99de; display: inline-block; font-family: Pictos; height: 16px; position: absolute; transition: color 0.5s; width: 16px; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-systems .sheet-system .sheet-editIcon::after { content: "y"; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-systems .sheet-system .sheet-editMode { display: none; margin-left: 16px; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-systems .sheet-system .sheet-editMode .sheet-labelledUnderlined:nth-of-type(2) { width: 5in; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-systems .sheet-system .sheet-viewMode { margin-left: 16px; margin-right: 1em; display: inline-block; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-vehicleStats { border: solid 3px #79AB29; border-collapse: separate; border-radius: 10px; overflow: hidden; width: 100%; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-vehicleStats input { color: #5e3dba; text-align: center; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-vehicleStats select { border: none; color: #5e3dba; text-align: center; text-align-last: center; width: 100%; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-vehicleStats td { border-right: solid 1px #79AB29; text-align: center; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-vehicleStats td:last-of-type { border-right: none; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-vehicleStats th { background: #79AB29; color: #fff; padding: 5px; text-align: center; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-vehicleStats .sheet-fraction { display: inline-block; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-vehicleStats .sheet-fraction input { background: transparent; color: #5e3dba; padding: 0; text-align: center; width: 3em; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-vehicleStats .sheet-fraction span { vertical-align: middle; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-equipmentSheet .sheet-equipmentHeader { margin-bottom: 0; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-equipmentSheet .sheet-equipmentHeader span { display: inline-block; font-style: italic; font-weight: bold; padding-right: 1em; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-equipmentSheet .sheet-equipmentBody .sheet-labelledUnderlined { padding-right: 1em; } .charsheet .sheet-main-container .sheet-tabSheet.sheet-notesSheet textarea { height: 6in; } .charsheet .sheet-main-container .sheet-tabSheet > div { margin-bottom: 0.2in; } .charsheet .sheet-main-container .sheet-explodingHooves { text-align: center; } .charsheet .sheet-main-container .sheet-explodingHooves h1 { display: inline-block; font-size: 1.5em; vertical-align: middle; } .charsheet .sheet-main-container .sheet-explodingHooves .sheet-explodingHoof { background: #B3E7EF; border-radius: 0.1in; display: inline-block; transition: background 0.5s; } .charsheet .sheet-main-container .sheet-explodingHooves .sheet-explodingHoof button { background: transparent; border: none; font-size: 3em; font-weight: bold; height: 0.4in; width: 0.5in; } .charsheet .sheet-main-container .sheet-explodingHooves .sheet-explodingHoof:hover { background: #5fccdd; } .charsheet .sheet-main-container .sheet-explodingHooves .sheet-explodingHoof:nth-of-type(1) button::before { font-family: dicefontd4; content: "l"; } .charsheet .sheet-main-container .sheet-explodingHooves .sheet-explodingHoof:nth-of-type(2) button::before { font-family: dicefontd6; content: "l"; } .charsheet .sheet-main-container .sheet-explodingHooves .sheet-explodingHoof:nth-of-type(3) button::before { font-family: dicefontd8; content: "h"; } .charsheet .sheet-main-container .sheet-explodingHooves .sheet-explodingHoof:nth-of-type(4) button::before { font-family: dicefontd10; content: "j"; } .charsheet .sheet-main-container .sheet-explodingHooves .sheet-explodingHoof:nth-of-type(5) button::before { font-family: dicefontd12; content: "l"; } .charsheet .sheet-main-container .sheet-explodingHooves .sheet-explodingHoof:nth-of-type(6) button::before { font-family: dicefontd20; content: "t"; } .charsheet .sheet-main-container .sheet-quirks { background: #DECFE1; border-radius: 0.1in; padding: 1em; } .charsheet .sheet-main-container .sheet-quirks h1 { color: #5e3dba; font-size: 2em; } .charsheet .sheet-main-container .sheet-quirks .sheet-quirk > label { display: inline-block; margin-bottom: 0; margin-top: 0.25em; vertical-align: middle; width: 0.3in; } .charsheet .sheet-main-container .sheet-quirks .sheet-quirk input, .charsheet .sheet-main-container .sheet-quirks .sheet-quirk select { background: transparent; color: #5e3dba; } .charsheet .sheet-main-container .sheet-quirks .sheet-quirk .sheet-labelledUnderlined { vertical-align: middle; } .charsheet .sheet-main-container .sheet-quirks .sheet-quirk .sheet-labelledUnderlined:nth-of-type(3) { width: 4in; } .charsheet .sheet-main-container .sheet-talents { background: #B3E7EF; border-radius: 0.1in; padding: 1em; } .charsheet .sheet-main-container .sheet-talents h1 { color: #5e3dba; font-size: 2em; } .charsheet .sheet-main-container .sheet-talents .sheet-talent { background: #B3E7EF; border-radius: 0.1in; height: 0.6in; padding: 0.25em; padding-bottom: 1em; position: relative; transition: background 0.5s; width: 7in; } .charsheet .sheet-main-container .sheet-talents .sheet-talent:hover { background: #5fccdd; } .charsheet .sheet-main-container .sheet-talents .sheet-talent > label { display: inline-block; margin-bottom: 0; margin-top: 0.5em; vertical-align: middle; width: 0.5in; } .charsheet .sheet-main-container .sheet-talents .sheet-talent button { background: #5fccdd; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .charsheet .sheet-main-container .sheet-talents .sheet-talent input, .charsheet .sheet-main-container .sheet-talents .sheet-talent select { background: transparent; color: #5e3dba; } .charsheet .sheet-main-container .sheet-talents .sheet-talent .sheet-labelledUnderlined { vertical-align: middle; } .charsheet .sheet-main-container .sheet-talents .sheet-talent .sheet-notes .sheet-labelledUnderlined { display: block; width: 7in; } .charsheet .sheet-main-container .sheet-talents .sheet-talent .sheet-notes .sheet-labelledUnderlined label { display: inline-block; font-size: 0.75em; margin-bottom: 0; padding-right: 0; padding-top: 4px; position: relative; top: 0; vertical-align: middle; width: auto; } .charsheet .sheet-main-container .sheet-talents .sheet-talent .sheet-notes .sheet-labelledUnderlined .sheet-inner { display: inline-block; width: 6in; } .charsheet input[name="attr_useApiExplodingHoof"]:checked ~ .sheet-tabs .sheet-main-container .sheet-explodingHooves.sheet-noApi { display: none; } .charsheet input[name="attr_useApiExplodingHoof"]:not(:checked) ~ .sheet-tabs .sheet-main-container .sheet-explodingHooves.sheet-api { display: none; } .charsheet .itemcontrol { z-index: 99; } .charsheet .repcontrol button { background: #ddaaff; border: none; color: #5e3dba; margin-top: 0.1in; text-shadow: none; transition: background 0.5s; z-index: 99; } .charsheet .repcontrol button:hover { background: #aa88ff; } .charsheet h1 { color: #5e3dba; } .charsheet .sheet-centeredH { text-align: center; } .charsheet .sheet-centeredV > * { vertical-align: middle; } .charsheet .sheet-floatLeft { float: left; } .charsheet .sheet-floatRight { float: right; } .charsheet .sheet-inlineBlock { display: inline-block; } .charsheet .sheet-tabs { /* Display the tabs if their radio is checked. */ } .charsheet .sheet-tabs > input[type="radio"] { display: none; } .charsheet .sheet-tabs > input[type="radio"]:checked + label { background: #ea60e1; color: #fff; } .charsheet .sheet-tabs > label { border-top-left-radius: 10px; border-top-right-radius: 10px; cursor: pointer; display: inline-block; margin-bottom: 0; min-width: 0.5in; padding: 5px; text-align: center; width: auto; } .charsheet .sheet-tabs > label:nth-of-type(1) { margin-left: 0.5in; } .charsheet .sheet-tabs > .sheet-tabContents { border: solid 5px #ea60e1; border-radius: 0.25in; padding: 1em; } .charsheet .sheet-tabs > .sheet-tabContents > .sheet-tab { display: none; } .charsheet .sheet-tabs input#sheet-sheetTabPC:checked ~ .sheet-tabContents .sheet-tab#sheet-sheetTabPCContainer { display: block; } .charsheet .sheet-tabs input#sheet-sheetTabNPC:checked ~ .sheet-tabContents .sheet-tab#sheet-sheetTabNPCContainer { display: block; } .charsheet .sheet-tabs input#sheet-sheetTabEquipment:checked ~ .sheet-tabContents .sheet-tab#sheet-sheetTabEquipmentContainer { display: block; } .charsheet .sheet-tabs input#sheet-sheetTabVehicle:checked ~ .sheet-tabContents .sheet-tab#sheet-sheetTabVehicleContainer { display: block; } .charsheet .sheet-tabs input#sheet-sheetTabNotes:checked ~ .sheet-tabContents .sheet-tab#sheet-sheetTabNotesContainer { display: block; } .charsheet .sheet-top { height: 2.6in; overflow: hidden; position: relative; width: 8in; } .charsheet .sheet-top .sheet-mask { height: 1in; left: 0; position: absolute; top: 1.65in; width: 100%; background: linear-gradient(rgba(255, 255, 255, 0), #fff); } .charsheet .sheet-top .sheet-version { bottom: 0; opacity: 0.5; position: absolute; right: 0; }