.sheet-main{ font-size: 11px; padding: -100px; font-family: Tahoma, Geneva, sans-serif; background-color: WhiteSmoke; } input[type="text"], input[type="number"] { font-size: 11px; font-family: Tahoma, Geneva, sans-serif; -moz-appearance: textfield; -webkit-appearance: textfield; } .sheet-hidden { display: none !important; } .sheet-header { background-color: #1F1C1D; padding: 15px; border-radius: 10px 0px 10px 10px; color: white; } .sheet-stats { width: 100%; padding: 15px; border-radius: 5px; } .sheet-unspent-pts { float: right; margin-right: 10px; margin-bottom: 10px; } .sheet-sectionheader, .sheet-sectionheader > h3 { width:100%; text-align:center; font-size:35px; font-weight:bold; color: white; background-color: #1F1C1D; border-spacing: 10px; border-radius: 5px; } .sheet-loadoutselector{ text-align:center; width: 100%; margin-top: 20px; } .sheet-loadoutselector > select{ display: block; margin: 0 auto; } .sheet-statname{ font-size:15px; font-weight:bold; white-space:nowrap; text-align:right; vertical-align:middle; } table .sheet-statname { width:1%; } .sheet-statsbuttonrow{ width:6%; white-space:nowrap; margin:15px; text-align:center; } .sheet-statlabels{ text-align: center; } .sheet-otherdata{ width: 100%; font-size:13px; font-weight:bold; text-align:center; } .sheet-skill{ font-size:13px; background-color: #1F1C1D; color: white; padding:3px 8px 3px 8px; border-radius: 10px; font-weight:bold; text-align:left; } .sheet-skilltreerow>td{ padding-bottom:10px; text-align:left; } .sheet-skilltree{ width: 100%; padding-left:30px; } .sheet-skillheader{ font-size:20px; width:33%; font-weight:bold; } .sheet-classpanic{ font-style: italic; text-align: center; width: 100%; margin:10px; } .sheet-panicbutton{ font-size:13px; font-weight:bold; text-align:center; padding: 13px; } .sheet-edit-gear { color: lightgray; font-family: 'pictos'; cursor: pointer; font-size: 20px; float: right; margin-top: 5px; margin-right: 5px; } .sheet-settings-gear { color: lightgray; font-family: 'pictos'; cursor: pointer; font-size: 16px; } .sheet-edit-gear:hover { color: white; } .sheet-settings { background-color: white; font-size: 12px; } .sheet-settings label { margin-bottom: 0; } .sheet-settings div { margin-top: 10px; } input.sheet-custom-skill-input { background-color: transparent; color: white; font-weight: bold; font-size: 13px; border-color: transparent; max-height: 22px; margin-top: -4px; margin-left: -4px; text-transform: uppercase; } .sheet-custom-skill { display: none; } .sheet-custom-skill-check { opacity: 0; margin-right: 2px; } .sheet-custom-skill-check:hover { opacity: 100; } .sheet-custom-skill-check:checked { opacity: 100; } .sheet-custom-skill-check:checked + .sheet-custom-skill { display: initial; } .sheet-credits-input { width: auto !important; } .sheet-combat-entry { display: flex; flex-wrap: wrap; border: 2px solid darkgrey; border-radius: 4px; margin: 2px; } .sheet-combat-entry:hover { background-color: lightgrey; } .sheet-equipment-row, .sheet-combat-row { display: flex; } .sheet-combat-entry label { font-size: .9em; margin-bottom: 0px; text-align: center; display: block; width: auto; } .sheet-combat-entry input[type="checkbox"] { margin-left: 5px; margin-top: 6px; } .sheet-combat-entry div { padding-right: 4px; } .sheet-combat-entry input[type="text"].sheet-input-sm { width: 4em; } .sheet-ship-worksheet input.sheet-input-sm, .sheet-combat-entry input[type="number"].sheet-input-sm { width: 3em; } .sheet-combat-entry .sheet-input-range { width: 6em; } .sheet-combat-entry input.sheet-input-xs { width: 2em; } .sheet-combat-entry .sheet-input-med { width: 9em; } .sheet-combat-entry label { padding-right: 0; } .sheet-ship-combat-row textarea, .sheet-combat-entry textarea { resize: vertical; min-height: 18px; height: 18px; width: 14em; } label.sheet-chooser { cursor: pointer; color: white; border-radius: 5px; padding: 0 0 5px 0; margin: 0 0 -5px 0; width: auto; } .sheet-chooser-left { border-radius: 10px 0 0 0; } .sheet-chooser-mid { border-radius: 10px 0 0 0; margin-left: -10px; margin-right: -10px; } .sheet-chooser-right { border-radius: 10px 10px 0 0; } input.sheet-type-select { visibility: hidden; display: none; width: 0; } input.sheet-type-select:checked + span { background-color: #1F1C1D; } .sheet-mode-span { background-color: grey; padding: 2px 25px; } .sheet-mode-ribbon { background-color: white; display: flex; height: 18px; } input.sheet-settings-input[value="1"] .sheet-settings-gear { color: black; } input.sheet-settings-input[value="1"] ~ div.sheet-settings { display: block; } input.sheet-settings-input[value="0"] ~ div.sheet-settings { display: none; } input.sheet-mode-input[value="npc"] ~ div.sheet-pc, input.sheet-mode-input[value="npc"] ~ div.sheet-ship { display: none; } input.sheet-mode-input[value="pc"] ~ div.sheet-npc, input.sheet-mode-input[value="pc"] ~ div.sheet-ship { display: none; } input.sheet-mode-input[value="ship"] ~ div.sheet-npc, input.sheet-mode-input[value="ship"] ~ div.sheet-combat, input.sheet-mode-input[value="ship"] ~ div.sheet-pc { display: none; } input.sheet-mode-input[value="npc"] ~ div.sheet-npc { display: block; } input.sheet-mode-input[value="pc"] ~ div .sheet-npc-shoot { display: none; } input.sheet-mode-input[value="npc"] ~ div .sheet-pc-shoot { display: none; } .sheet-npc { display: none; } .sheet-npc-stats-section { display: grid; align-items: center; grid-template-columns: 1fr 1fr 1fr; } .sheet-npc-statrow { display: flex; justify-content: flex-end; } .sheet-npc-statrow > div.sheet-statname { margin-right: 6px; } .sheet-npc-statrow > button.btn { margin-left: 6px; margin-right: 12px; } .sheet-custom-stat-grid ~ .repcontainer { display: grid; align-items: center; grid-template-columns: 1fr 1fr 1fr; } input.sheet-npc-custom-stat { background: transparent; border: 0; font-size: 15px; font-weight: bold; white-space: nowrap; text-align: right; width: 140px; } .sheet-ship > .sheet-header, .sheet-npc > .sheet-header { display: flex; align-items: center; } .sheet-npc .sheet-npc-input { width: 3.5em; background-color: transparent; border: 0; border-bottom: 1px solid #1F1C1D; outline: 0; border-radius: 0; } .sheet-npc input[type=number]::-webkit-inner-spin-button, .sheet-npc input[type=number]::-webkit-outer-spin-button, .sheet-ship input[type=number]::-webkit-inner-spin-button, .sheet-ship input[type=number]::-webkit-outer-spin-button, input[type=number].sheet-no-spinner::-webkit-inner-spin-button, input[type=number].sheet-no-spinner::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .sheet-npc-special-row { display: flex; flex-wrap: wrap; border: 2px solid darkgrey; border-radius: 2px; padding: 4px; margin: 2px; } .sheet-npc-special-row button[type="roll"]::before { font-family: 'pictos'; content: 'w'; } .sheet-npc-special-row:hover { background-color: lightgrey; } .sheet-npc-special-row input[type="text"] { width: calc(100% - 64px); } .sheet-npc-special-row input[type="checkbox"] { width: 16px; height: 27px; opacity: 0; cursor: pointer; } .sheet-npc-special-row input[type="checkbox"] + span { width: 5px; } .sheet-npc-special-row input[type="checkbox"] + span::before { content: "+"; font-weight: bold; font-size: 12px; display: inline-block; position: relative; top: 5px; left: -15px; pointer-events: none; background-color: #1F1C1D; width: 16px; border-radius: 8px; color: white; text-align: center; } .sheet-npc-special-row input[type="checkbox"]:checked + span::before { content: "-" } .sheet-special-expansion { display: block; transition: max-height 0.5s ease-out; opacity: 0; max-height: 0; overflow: hidden; width: calc(100% - 16px); } .sheet-special-expansion textarea { min-height: 28px; height: 84px; margin-left: 3px; } .sheet-npc-special-row input[type="checkbox"]:checked ~ div.sheet-special-expansion { max-height: 700px; opacity: 1; transition: max-height 0.5s ease-in; } .sheet-ship-nameplate { display: grid; margin-left: 5px; grid-template-columns: 1fr 1fr; grid-template-areas: "name name" "type class" } .sheet-ship-name { grid-area: name; } .sheet-ship-class > input, .sheet-ship-type > input { width: 100px; margin-right: 10px; } .sheet-ship-type { grid-area: type; } .sheet-ship-class { grid-area: class; } .sheet-combat-entry input[type="checkbox"], .sheet-ship input[type="checkbox"], .sheet-mode-ribbon input[type="checkbox"] { visibility: hidden; display: none; width: 0; } .sheet-ship input[type="checkbox"]:checked + .sheet-edit-gear { color: gray; } .sheet-ship input[type="checkbox"]:checked + .sheet-edit-gear:hover { color: lightgray; } .sheet-ship .sheet-sectionheader > input { display: inline-block; } .sheet-ship .sheet-sectionheader > label { display: contents; } .sheet-edit-ship-container { display: none; } .sheet-edit-ship-input[value="1"] ~ .sheet-edit-ship-container { display: block; } .sheet-ship-worksheet { display: grid; grid-template-columns: 1fr 60px 60px 60px; margin-left: 15px; row-gap: 5px; } .sheet-ship-worksheet label { font-size: .9em; margin-bottom: 0px; display: block; width: auto; } .sheet-ship-worksheet-section { font-size: 18px; font-weight: bold; margin-left: 30px; grid-column-start: 1; grid-column-end: 4; } .sheet-ship-worksheet-title { background-color: #1F1C1D; color: white; font-weight: bold; font-size: 14px; border-radius: 10px; padding: 2px 10px 2px 10px; margin-left: -10px; } .sheet-ship-worksheet-title + div { display: inline; } .sheet-ship-stats-container { margin-top: 5px; display: grid; grid-template-columns: 1fr auto 2fr; column-gap: 10px; } .sheet-ship-statsleftcol { display: grid; grid-template-columns: 1fr; row-gap: 5px; } .sheet-ship-statrow { display: grid; grid-template-columns: 1fr 40px; grid-template-rows: repeat(auto-fill, 40px); max-width: 200px; grid-column: 1; } .sheet-ship-statsmidcol > div { display: grid; grid-template-columns: auto 40px 100px; } .sheet-ship-statsrightcol { display: grid; grid-template-columns: repeat(auto-fill, 100px); justify-content: center; } .sheet-ship-statsrightcol label { font-size: 10px; } .sheet-ship-statsmidcol input { width: 8em; border: 0; margin-bottom: -5px; } .sheet-ship-statsmidcol div.sheet-statname { margin-right: 10px; } .sheet-ship-statrow > div { background-color: #1F1C1D; color: white; font-size: 20px; font-weight: bold; border-radius: 15px 0 0 15px; padding-left: 20px; padding-right: 20px; margin-right: -15px; margin-top: 5px; margin-bottom: 5px; } .sheet-ship-statrow > button.btn { background-color: transparent; border: 0; background-image: unset; padding: 0; } .sheet-ship-statrow > button.btn::before { content: unset; } .sheet-ship-statsmidcol > div > input[disabled="true"], .sheet-ship-statrow > button > input[disabled="true"] { border-radius: 20px; height: 40px; width: 40px; border: 2px solid #1F1C1D; background-color: white; color: #1F1C1D; text-align: center; font-size: 20px; font-weight: bold; z-index: 2; } .sheet-ship-statrow > button > input[disabled="true"]:hover { color: darkgray; } .sheet-ship-statrow > button > input[disabled="true"]:active { background-color: lightgrey; } label.sheet-ship-pillinput { border-radius: 0 20px 20px 0; height: 36px; width: 70px; border: 2px solid #1F1C1D; background-color: white; text-align: center; font-size: 8px; font-weight: bold; padding-left: 8px; margin-left: -15px; z-index: 1; } label.sheet-ship-pillinput > input { background-color: transparent; font-size: 20px; font-weight: bold; margin-bottom: -12px; text-align: center; } input.sheet-circleinput { border-radius: 15px; border: 2px solid #1F1C1D; width: 30px; text-align: center; background-color: white; font-weight: bold; } .sheet-ship input.sheet-boxinput { width: 6em; border-radius: 0; border: 2px solid #1F1C1D; background-color: white; font-weight: bold; font-size: 14px; text-align: center; } .sheet-ship input.sheet-boxinput.small { width: 2em; } .sheet-ship input.sheet-boxinput[disabled="true"] { background-color: transparent; } .sheet-ship-statsmidcol .sheet-ship-hull-adjustment input[disabled="true"] { width: 60px; } .sheet-ship-statsmidcol .sheet-ship-hull-adjustment label.sheet-ship-pillinput { margin-left: 0px; } .sheet-ship-breakpoint-widget { display: flex; margin-top: -8px; } .sheet-ship-breakpoint-widget label { font-size: 10px; margin: 0; } button.sheet-ship-critical { max-height: 20px; } .sheet-2-col-container { display: grid; grid-template-columns: 1fr 1fr; column-gap: 15px; } .sheet-equipment-row textarea { min-height: 28px; height: 28px; width: 55%; margin-left: 5px; margin-right: 5px; } .sheet-equipment-row input[type="text"].sheet-underlined-input { width: 40%; height: 28px; margin-left: 5px; } .sheet-equipment-row textarea, textarea.sheet-npc-special, textarea.sheet-notes-field { resize: vertical; box-sizing: border-box; color: #1F1C1D; } input.sheet-underlined-input { border: 0; border-bottom: solid 2px darkgrey; border-radius: 0; background-color: transparent; font-weight: bold; width: 100%; color: #1F1C1D; } textarea.sheet-underlined-input { margin-bottom: -3px; border: 0; border-bottom: darkgrey 2px solid; border-radius: 0; background-color: transparent; font-weight: bold; font-size: 11px; color: #1F1C1D; } .sheet-underlined-input::placeholder { color: darkgrey; } input.sheet-underlined-input.sheet-small { width: 2em; } input.sheet-underlined-input.sheet-medium { width: 6em; } .sheet-underlined-input.sheet-large { width: 8em; } .sheet-ship-cargo-row { display: grid; grid-template-columns: 1fr 4em; column-gap: 5px; grid-template-rows: repeat(auto-fill, 25px); margin-left: 10px; } .sheet-ship-crew-row { display: grid; grid-template-columns: 2fr 1fr; column-gap: 5px; grid-template-rows: repeat(auto-fill, 25px); margin-left: 10px; } .sheet-ship-combat-row { display: flex; } .sheet-ship-combat-row textarea { width: 24em; } .sheet-ship-combat-row label { font-size: 10px; } .sheet-ship-combat-row button { max-height: 24px; width: 24px; } input.sheet-circle-checkbox[type="checkbox"] + span { cursor: pointer; border-radius: 10px; border: #1F1C1D solid 1px; min-height: 20px; min-width: 20px; display: inline-block; margin-top: 8px; } input.sheet-circle-checkbox[type="checkbox"]:hover + span { background-color: white; } input.sheet-circle-checkbox[type="checkbox"]:checked + span { background-color: #1F1C1D; color: white; } label.sheet-tiny-label { font-size: 8px; } /* ROLL TEMPLATES */ .sheet-rolltemplate-shipcrittable .sheet-roll-charname, .sheet-rolltemplate-panictable .sheet-roll-charname, .sheet-rolltemplate-panicandroid .sheet-roll-charname, .sheet-rolltemplate-panic .sheet-roll-charname, .sheet-rolltemplate-mothership .sheet-roll-charname, .sheet-rolltemplate-attack .sheet-roll-charname, .sheet-rolltemplate-mothership-generic .sheet-roll-charname{ font-size:18px; font-weight:bold; border: 1px solid #1F1C1D; border-radius: 0px 0px 10px 10px; color: white; background-color: #1F1C1D; } .sheet-rolltemplate-shipcrittable .sheet-roll-result, .sheet-rolltemplate-panictable .sheet-roll-result, .sheet-rolltemplate-panicandroid .sheet-roll-result, .sheet-rolltemplate-panic .sheet-roll-result, .sheet-rolltemplate-mothership .sheet-roll-result, .sheet-rolltemplate-attack .sheet-roll-result, .sheet-rolltemplate-mothership-generic .sheet-roll-result { font-size:18px; font-weight:bold; background-color: WhiteSmoke; border-top: 1px solid #1F1C1D; padding: 2px 0px; } .sheet-rolltemplate-shipcrittable .inlinerollresult, .sheet-rolltemplate-panictable .inlinerollresult, .sheet-rolltemplate-panicandroid .inlinerollresult, .sheet-rolltemplate-panic .inlinerollresult, .sheet-rolltemplate-mothership .inlinerollresult, .sheet-rolltemplate-attack .inlinerollresult, .sheet-rolltemplate-mothership-generic .inlinerollresult { background-color: transparent; font-size: 18px; font-weight: bold; border: 0px solid; margin: 0px -3px; } .sheet-rolltemplate-shipcrittable .inlinerollresult.fullcrit, .sheet-rolltemplate-shipcrittable .inlinerollresult.fullfail, .sheet-rolltemplate-panictable .inlinerollresult.fullcrit, .sheet-rolltemplate-panictable .inlinerollresult.fullfail, .sheet-rolltemplate-panicandroid .inlinerollresult.fullcrit, .sheet-rolltemplate-panicandroid .inlinerollresult.fullfail, .sheet-rolltemplate-panic .inlinerollresult.fullcrit, .sheet-rolltemplate-mothership .inlinerollresult.fullcrit, .sheet-rolltemplate-panic .inlinerollresult.fullfail, .sheet-rolltemplate-mothership .inlinerollresult.fullfail, .sheet-rolltemplate-attack .inlinerollresult.fullcrit, .sheet-rolltemplate-attack .inlinerollresult.fullfail, .sheet-rolltemplate-mothership-generic .inlinerollresult.fullfail, .sheet-rolltemplate-mothership-generic .inlinerollresult.fullcrit { border: 0px solid; border-color: WhiteSmoke; margin: 0px -2px; background-color: transparent; } .sheet-rolltemplate-shipcrittable .sheet-roll-subheader, .sheet-rolltemplate-panictable .sheet-roll-subheader, .sheet-rolltemplate-panicandroid .sheet-roll-subheader, .sheet-rolltemplate-panic .sheet-roll-subheader, .sheet-rolltemplate-mothership .sheet-roll-subheader, .sheet-rolltemplate-attack .sheet-roll-subheader, .sheet-rolltemplate-mothership-generic .sheet-roll-subheader { text-align:center; font-size:10px; font-weight:bold; background-color: WhiteSmoke; } .sheet-rolltemplate-shipcrittable .sheet-roll-row, .sheet-rolltemplate-panictable .sheet-roll-row, .sheet-rolltemplate-panicandroid .sheet-roll-row, .sheet-rolltemplate-panic .sheet-roll-row, .sheet-rolltemplate-mothership .sheet-roll-row, .sheet-rolltemplate-attack .sheet-roll-row, .sheet-rolltemplate-mothership-generic .sheet-roll-row { background-color: WhiteSmoke; font-size: 12px } .sheet-rolltemplate-shipcrittable .sheet-roll-type, .sheet-rolltemplate-panictable .sheet-roll-type, .sheet-rolltemplate-panicandroid .sheet-roll-type, .sheet-rolltemplate-panic .sheet-roll-type, .sheet-rolltemplate-mothership .sheet-roll-type, .sheet-rolltemplate-attack .sheet-roll-type, .sheet-rolltemplate-mothership-generic .sheet-roll-type { text-align:center; font-size:14px; font-weight:bold; color: white; background-color: #1F1C1D; border: 1px solid #1F1C1D; border-radius: 10px 10px 0px 0px; } .sheet-rolltemplate-shipcrittable, .sheet-rolltemplate-panictable, .sheet-rolltemplate-panicandroid, .sheet-rolltemplate-panic, .sheet-rolltemplate-mothership, .sheet-rolltemplate-attack, .sheet-rolltemplate-mothership-generic { color: #1F1C1D; border: 1px solid #1F1C1D; border-radius: 10px; background-color: white; text-align: center; font-family: Tahoma, Geneva, sans-serif; } .sheet-rolltemplate-shipcrittable .sheet-roll-container, .sheet-rolltemplate-panictable .sheet-roll-container, .sheet-rolltemplate-panicandroid .sheet-roll-container, .sheet-rolltemplate-panic .sheet-roll-container, .sheet-rolltemplate-mothership .sheet-roll-container, .sheet-rolltemplate-attack .sheet-roll-container, .sheet-rolltemplate-mothership-generic .sheet-roll-container { width: 100% } .sheet-rolltemplate-panictable .sheet-roll-leftcol, .sheet-rolltemplate-panicandroid .sheet-roll-leftcol, .sheet-rolltemplate-panic .sheet-roll-leftcol, .sheet-rolltemplate-mothership .sheet-roll-leftcol, .sheet-rolltemplate-attack .sheet-roll-leftcol { float: left; width: 50%; } .sheet-rolltemplate-panictable .sheet-roll-rightcol, .sheet-rolltemplate-panicandroid .sheet-roll-rightcol, .sheet-rolltemplate-panic .sheet-roll-rightcol, .sheet-rolltemplate-mothership .sheet-roll-rightcol, .sheet-rolltemplate-attack .sheet-roll-rightcol { float:right; width: 50% } .sheet-rolltemplate-shipcrittable .sheet-roll-clear, .sheet-rolltemplate-panictable .sheet-roll-clear, .sheet-rolltemplate-panicandroid .sheet-roll-clear, .sheet-rolltemplate-panic .sheet-roll-clear, .sheet-rolltemplate-mothership .sheet-roll-clear, .sheet-rolltemplate-attack .sheet-roll-clear, .sheet-rolltemplate-mothership-generic .sheet-roll-clear { clear:both; } .sheet-rolltemplate-attack .sheet-roll-row { border-top: 1px solid #1F1C1D; }