diff --git a/SalvageUnion/SalvageUnion.css b/SalvageUnion/SalvageUnion.css index 3e476e2ab860..56fcf836f340 100644 --- a/SalvageUnion/SalvageUnion.css +++ b/SalvageUnion/SalvageUnion.css @@ -1,335 +1,843 @@ +@import url('https://fonts.googleapis.com/css?family=Spline+Sans+Mono:ital,wght@0,300..700;1,300..700&display=swap'); -.wrapper { - background-color: antiquewhite; - padding: 20px; +.charactersheet.charsheet { + font-family: "Spline Sans Mono", monospace; + font-optical-sizing: auto; } -.ui-dialog .charsheet button[type=action].rollButton:before { - content: "t"; - font-family: "dicefontd20"; - font-size: 1.3em; +h2 { + font-weight: 900; + font-family: "Spline Sans Mono", monospace; + font-size: 36px; + text-transform: uppercase; + margin-bottom: 8px; } -.ui-dialog .charsheet button[type="roll"].control-to-chat::before { - content: ""; +h3 { + text-transform: uppercase; + text-decoration: underline; + margin-bottom: 8px; +} + +.sheet-pilot h2 { + color: white; + -webkit-text-stroke-width: 2px; + -webkit-text-stroke-color: #F38E4B; +} + +.sheet-mech h2 { + color: white; + -webkit-text-stroke-width: 2px; + -webkit-text-stroke-color: #73978E; } -.ui-dialog .charsheet .equipment input { - vertical-align: bottom; +.sheet-cargo h2 { + color: white; + -webkit-text-stroke-width: 2px; + -webkit-text-stroke-color: #74C9E4; } -summary{ - display:list-item; - list-style-position: outside; - margin-left: 10px; +/* All sheet styles */ + +.charactersheet input, .charactersheet textarea, .charactersheet select { + width: 100%; + max-width: 100%; +} + +.charsheet.charactersheet img:not([src]) { + display: none; +} +.sheet-column-left, +.sheet-column-right { + border-top: 5px solid black; + border-bottom: 5px solid black; +} +.sheet-column-right { + border-right: 5px solid black; } -summary > span{ - font-weight: bold; - font-size: 1.2em; - margin-bottom: 10px; +.sheet-column-left { + border-left: 5px solid black; } -details summary { - cursor: pointer; - margin-bottom: 10px; +.charsheet.charactersheet input { + font-weight: bold; } -details > details { - margin-left: 10px; +/* Hide all tab content by default */ +.charsheet .sheet-pilot, +.charsheet .sheet-mech, +.charsheet .sheet-cargo { + display: none; } -details > div { - margin-left: 10px; + +/* Roller button Wrapper */ + +.roller-buttons-wrapper { + margin-bottom: 12px; } -.characterviewer details > div > label { - font-weight: normal; - font-size: 1em; +.roller-buttons-wrapper button { + margin-bottom: 4px; } -/* Chrome, Safari, Edge, Opera */ -input:disabled::-webkit-outer-spin-button, -input:disabled::-webkit-inner-spin-button { - -webkit-appearance: none; - margin: 0; +/* Tabs Styling */ +.charsheet .sheet-tabstoggle[value="cargo"] ~ .sheet-cargo, +.charsheet .sheet-tabstoggle[value="pilot"] ~ .sheet-pilot, +.charsheet .sheet-tabstoggle[value="mech"] ~ .sheet-mech { + display: flex; } -/* Firefox */ -input[type=number]:disabled { - -moz-appearance: textfield; +.sheet-tabs-wrapper { + display: flex; } +.sheet-tabs-wrapper button { + font-size: 20px; + -webkit-text-stroke-width: 2px; + font-weight: normal; + line-height: 20px; + text-transform: uppercase; + letter-spacing: 0px; + font-family: "Spline Sans Mono", monospace; + padding: 8px 12px; + border: 0px solid; + margin-right: 0px; + margin-left: 0px; +} -input[type="checkbox"] { - margin-left: 10px; +.sheet-tabs-wrapper button:nth-child(1) { + background-color: rgb(245, 245, 245); + color: #444; } -/*Configure the tab buttons*/ -.tabs { - margin-left: 5px; - width: 45%; +input[value="pilot"] ~ div.sheet-tabs-wrapper > button:nth-child(1) { + background-color: #F38E4B; + color: #000; } -.pilot, -.mech, -.crawler, -.denizen, -.notes, -.settings - { - display: none; - margin-top: 5px; +.sheet-tabs-wrapper button:nth-child(2) { + background-color: rgb(245, 245, 245); + color: #444; } -.marginleft { - margin-left: 5%; +input[value="mech"] ~ div.sheet-tabs-wrapper > button:nth-child(2) { + background-color: #73978E; + color: #000; } -/* show the selected tab */ -.tabstoggle[value="pilot"] ~ div.pilot, -.tabstoggle[value="mech"] ~ div.mech, -.tabstoggle[value="crawler"] ~ div.crawler, -.tabstoggle[value="denizen"] ~ div.denizen, -.tabstoggle[value="notes"] ~ div.notes, -.tabstoggle[value="settings"] ~ div.settings - { - display: block; +.sheet-tabs-wrapper button:nth-child(3) { + background-color: rgb(245, 245, 245); + color: #444; } -.show-pilot:not(:checked) ~ button.pilot-button { - display:none; +input[value="cargo"] ~ div.sheet-tabs-wrapper > button:nth-child(3) { + background-color: #74C9E4; + color: #000; } -.show-pilot:checked ~ button.pilot-button { + +.sheet-column-left, +.sheet-column-right { + flex: 1; + background-color: white; + padding: 8px; } -.show-mech:not(:checked) ~ button.mech-button { - display:none; +/* Sheet Top Stats */ + +input[value="pilot"] ~ div.sheet-stats { + background-color: #F38E4B; } -.show-mech:checked ~ button.mech-button { + +input[value="mech"] ~ div.sheet-stats { + background-color: #73978E; } -.show-shield:not(:checked) ~ div.shield { - display:none; +input[value="cargo"] ~ div.sheet-stats { + background-color: #74C9E4; } -.show-shield:checked ~ div.shield { + +.sheet-stats { + display: flex; + justify-content: space-between; + padding: 12px 8px 4px 8px; + z-index: 10; + position: relative; } -.show-crawler:not(:checked) ~ button.crawler-button { - display:none; +.sheet-hp, .sheet-ap, .sheet-tp, .sheet-heat, .sheet-sp, .sheet-ep { + flex-direction: row; + justify-content: space-between; + align-items: baseline; + max-width: 32.5%; + display: inline-flex; + padding: 8px 14px; + background-color: black; + color: white } -.show-crawler:checked ~ button.crawler-button { + +.sheet-ap { + background-color: #31506A; + padding-left: 22px; + padding-right: 22px; + border-radius: 10px; + margin-bottom: -6px; } -.show-denizen:not(:checked) ~ button.denizen-button { - display:none; +.sheet-heat label, .sheet-sp label, .sheet-ep label, +.sheet-hp label, .sheet-ap label, .sheet-tp label { + color: white; } -.show-denizen:checked ~ button.denizen-button { + +.sheet-heat label, .sheet-sp label, .sheet-ep label, +.sheet-hp label, .sheet-ap label, .sheet-tp label, +.sheet-heat input, .sheet-sp input, .sheet-ep input, +.sheet-hp input, .sheet-ap input, .sheet-tp input { + margin-bottom: 0px; + position: relative; + text-decoration: underline; + text-transform: uppercase; } -.show-notes:not(:checked) ~ button.notes-button { - display:none; +.sheet-heat { + background-color: #C4454A; } -.show-notes:checked ~ button.notes-button { + +.sheet-pilot textarea, +.sheet-cargo textarea, +.sheet-mech textarea { + max-width: 100%; + width: 100%; + box-sizing: border-box; + margin-top: 8px; } -.show-active:not(:checked) ~ input.active { - display:none; +/* Pilot Sheet */ + +.sheet-pilot .sheet-column-left > span { + display: block; } -.show-active:checked ~ input.active { + +input[value="pilot"] ~ div.sheet-pilot { + background-color: #F38E4B; + padding: 8px; } -/** - sheet content -**/ +.sheet-pilot { + justify-content: space-between; +} -.twocolumns { - max-width: 45%; - min-width: 35%; +.inventory-item { + display: inline-block; } -.descValuePair { +.inventory-item > div { display: flex; + align-items: baseline; +} + +.sheet-abilities { + margin-bottom: 8px; +} + +.sheet-pilot > div > img, +.sheet-mech > div > img { + max-width: 65%; + height: auto; + margin: 8px 0; +} + +div[data-groupname="repeating_abilities"] .repitem { + padding: 8px; +} + +div[data-groupname="repeating_abilities"] .repitem:nth-child(even) { + background-color: #fef7f3; +} + +.pilot-ability-stat-grid { + grid-template-columns: 1fr 2fr 2fr; + text-align: center; + display: grid; + gap: 10px; + margin: 4px 0; +} + +div[data-groupname="repeating_inventory"] { + margin-bottom: 8px; +} + +div[data-groupname="repeating_inventory"] .repitem { + border-bottom: 2px solid #e4e4e4; +} + +/* Mech Sheet */ + +input[value="mech"] ~ div.sheet-mech { + background-color: #73978E; + padding: 8px; } -.textbutton { - background: none; - border: none; - font-weight: bold; - font-size: 1.2em; - float: none; - text-align: left; - flex-basis: 100%; - align-self: baseline; +input[value="mech"] ~ div.sheet-pilot .sheet-column-left, +input[value="mech"] ~ div.sheet-pilot .sheet-column-right { + background-color: white; + padding: 8px; } -.textbutton:hover { - background: lightblue; +.sheet-system-stats, +.sheet-chassis-stats { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 10px; + margin: 8px 0; } -.checkboxSpacer { - margin-right: 7%; +.sheet-system-stats div, +.sheet-chassis-stats div { + display: flex; + flex-direction: row; + justify-content: space-between; } -input[type="text"].fullsize { - width: 99%; +.sheet-system-stats label, +.sheet-chassis-stats label { margin-bottom: 5px; } -.wrapper textarea { - padding: 5px; - width: 98% +.sheet-system-stats input[type="number"], +.sheet-chassis-stats input[type="number"] { + width: 100%; + box-sizing: border-box; +} + +.systems-item, +.sheet-chassis-info > div { + display: flex; + align-items: baseline; +} + +.systems-item.tags-and-ep { + align-items: end; + justify-content: space-between; } -.textarea-with-controls { +.systems-item #system_or_module { + flex: .4; +} + +.sheet-chassis-info > .mech-chassis-ability-block, +.sheet-chassis-info > .mech-appearance-block { display: block; } -.control-to-chat { - position: absolute; - right: 5px; - z-index: 2; - background: none; - border: none; - font-family: pictos; +div[data-groupname="repeating_systems"] .repitem { + padding: 8px; +} + +div[data-groupname="repeating_systems"] .repitem:nth-child(even) { + background-color: #ecf3f2; +} + +.charsheet.charactersheet .collapsed .systems-item, .charsheet.charactersheet .collapsed .sheet-system-stats { display: none; } -.textarea-with-controls:hover .control-to-chat { - display: unset; +.charsheet.charactersheet .collapse-expand:before { + content: "▼"; } -.weapon { - display: inline-flex; +.charsheet.charactersheet .collapsed .collapse-expand:before { + content: "▶"; } -.weapon > label { - width: 200px; + +/* cargo Sheet */ + +input[value="cargo"] ~ div.sheet-cargo { + background-color: #74C9E4; + padding: 8px; } -h3 { - margin-top: 2%; +input[value="cargo"] ~ div.sheet-pilot .sheet-column-left, +input[value="cargo"] ~ div.sheet-pilot .sheet-column-right { + background-color: white; + padding: 8px; +} + +.cargo-wrapper, +.sheet-cargo { + width: 100%; + max-width: 100%; } -/** - Inventory -**/ -.inventory { - display: flex; - flex-wrap: wrap; - justify-content: space-between; +.cargo-wrapper { + background-color: white; + padding: 8px; + border: 4px solid black; } -.nojobtobig:checked ~ span.nojobtobig { +.cargo-wrapper div.repcontainer { + display: flex; + flex-wrap: wrap; } -.nojobtobig:not(:checked) ~ span.nojobtobig { - display:none; +.cargo-wrapper div.repcontainer > div { + flex: 1 1 calc(50% - 20px); + margin: 10px; } -.beefcake:checked ~ span.beefcake { +.cargo-item { + display: flex; + flex-direction: row; + margin-bottom: 16px; } -.beefcake:not(:checked) ~ span.beefcake { - display:none; +.cargo-item label { + margin-bottom: 4px; +} + +.cargo-item > div:first-child { + width: calc(50% - 10px); + margin-right: 5px; } -.equipment { - display: inline-flex; - width: 100%; - margin-bottom: 5px; +.cargo-item > div:first-child label { + text-align: left; +} + +.cargo-item > div:nth-child(2), +.cargo-item > div:nth-child(3) { + width: calc(25% - 10px); + margin-right: 5px; + text-align: right; align-items: center; } -.equipment > label, -.equipment > summary > input[type="text"] - { - width: 22%; +.cargo-item > div:nth-child(2) label, +.cargo-item > div:nth-child(3) label { + text-align: center; +} + +.cargo-item > div:nth-child(3) > input { + width: 6.5em; +} + +.cargo-item > div { + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: flex-start; + height: 100%; } -.passiv-hide:checked ~ button.passiv-hide { - display:none; +.cargo-item > div > label { + padding: 0 0; + margin: 0 0 4px 0; + position: relative; + display: block; + width: fit-content; + text-decoration: underline; + text-transform: uppercase; } -.passiv-hide:not(:checked) ~ button.passiv-hide { + +.cargo-item > div:last-child { + margin-right: 0; } -.ui-dialog .charsheet input { - height: 24px; +.characterviewer label.cargo-description { + margin-bottom: 4px; } +input#cargo_over[value="1"] ~ label, +input#cargo_over[value="1"] ~ span { + color: red; +} -/* Setting sections */ +/* HP Bar */ -label.settings-checkbox { - width: fit-content; - cursor: pointer; +.sheet-sp > span, +.sheet-ep > span, +.sheet-heat > span, +.sheet-hp > span, +.sheet-ap > span, +.sheet-tp > span { + display: flex; + justify-content: space-between; + align-items: baseline; + margin: 4px 0; + position: relative; } +.sheet-sp span:nth-child(1), +.sheet-ep span:nth-child(1), +.sheet-heat span:nth-child(1), +.sheet-ap span:nth-child(1), +.sheet-hp span:nth-child(1) { + padding-right: 8px; +} +.sheet-sp span:nth-child(2), +.sheet-ep span:nth-child(2), +.sheet-heat span:nth-child(2), +.sheet-ap span:nth-child(2), +.sheet-hp span:nth-child(2) { + padding-left: 8px; +} +/* Label Tooltips */ +.charactersheet.charsheet .sheet-column-right label, +.charactersheet.charsheet .sheet-column-left label { + position: relative; + text-align: center; + display: inline; + text-transform: uppercase; + text-decoration: underline; + flex: 0; + line-height: 1.2em; +} -.sheet-rolltemplate-roll table, -.sheet-rolltemplate-criticalinjury table, -.sheet-rolltemplate-criticaldamage table, -.sheet-rolltemplate-overload table, -.sheet-rolltemplate-weapon table{ - background-color:antiquewhite; - border:1px solid #c1875d; - text-align: middle; - font-size: 1em; - width: 100%; - padding-right:5%; +.pilot-inline-attribute { + display: flex; + align-items: baseline; + justify-content: space-between; +} + +.pilot-block-attribute { + margin-top: 8px; +} + +.pilot-background-attribute, +.pilot-appearance-attribute { + margin-top: 8px; +} + +.sheet-column-left select, +.sheet-column-left input[type="text"], +.sheet-column-left input[type="textarea"], +.sheet-column-right select, +.sheet-column-right input[type="text"], +.sheet-column-right input[type="textarea"] { + flex: 1; +} + +.charactersheet.charsheet label::after { + background-color: #333; + border-radius: 10px; + color: white; + display: none; + width: max-content; + max-width: 220px; + padding: 10px 15px; + position: absolute; + text-align: center; + z-index: 999; + content: attr(data-label-tooltip); + top: 0; + left: 50%; + transform: translate(-10%, calc(-100% - 10px)); +} + +.charactersheet.charsheet .tooltip-slide label::after, +.charactersheet.charsheet .sheet-tp label::after, +.charactersheet.charsheet .sheet-heat label::after { + transform: translate(-85%, calc(-100% - 10px)); +} + +.charactersheet.charsheet label::before { + background-color: #333; + content: ' '; + display: none; + position: absolute; + width: 15px; + height: 15px; + z-index: 999; + top: 0; + left: 50%; + transform: translate(-50%, calc(-100% - 5px)) rotate(45deg); +} + +.charactersheet.charsheet label:hover::after { + display: block; +} + +.charactersheet.charsheet label:hover::before { + display: block; +} + +/* Roller Templates */ + +.sheet-rolltemplate-salvageunion { + border: 4px solid black; + background-color: #8CC3D9; + padding: 8px; +} + +.sheet-rolltemplate-salvageunion h3 { + text-transform: uppercase; + font-size: 25px; + color: #E96E4F; + -webkit-text-stroke-width: .75px; + -webkit-text-stroke-color: white; + font-weight: 900; + font-family: sans-serif; + margin-bottom: 8px; +} + +.sheet-rolltemplate-salvageunion h4 span { + line-height: 1.5em; +} + +.sheet-rolltemplate-salvageunion .inlinerollresult { + background-color: #222; + padding: 0px 3px 0px 3px; + font-weight: bold; + cursor: help; + font-size: 1.1em; + color: white; + font-family: monospace; + border: 0px; +} + +.show-inventory-button, +.show-system-button, +.show-ability-button { + background-color: #3e3e3e; +} + +.sheet-rolltemplate-salvageunion-ability h3 { + background-color: #3e3e3e; + font-family: "Spline Sans Mono", monospace; + color: white; + padding: 8px 8px 8px 5%; + border-radius: 0% 12px 12px 0%; +} + +.sheet-rolltemplate-salvageunion-ability h4 { + font-family: "Spline Sans Mono", monospace; + display: inline-block; + margin: 0 0; + font-size: 14px; +} + +.sheet-rolltemplate-salvageunion-systems h4.sheet-template-ep-chevron, +.sheet-rolltemplate-salvageunion-ability h4.sheet-ap-chevron { + background-color: #3e3e3e; + padding: 4px; + color: white; + position: relative; + display: inline-block; +} + +.sheet-rolltemplate-salvageunion-systems h4.sheet-template-ep-chevron::after, +.sheet-rolltemplate-salvageunion-ability h4.sheet-ap-chevron::after { + content: ""; + position: absolute; + top: 0px; + right: -13px; + height: 0px; + width: 0px; + border-top: solid 13.5px transparent; + border-left: solid 13.5px #3e3e3e; + border-bottom: solid 13px transparent; + display: block; } -.sheet-rolltemplate-roll table th, -.sheet-rolltemplate-criticalinjury table th, -.sheet-rolltemplate-criticaldamage table th, -.sheet-rolltemplate-overload table th, -.sheet-rolltemplate-weapon table th{ - background-color:antiquewhite; - text-align:center; - margin:0px; - font-size:1em; +.sheet-rolltemplate-salvageunion-ability h4.sheet-ability-range { + text-transform: uppercase; + font-weight: 800; } -.sheet-rolltemplate-roll table td, -.sheet-rolltemplate-criticalinjury table td, -.sheet-rolltemplate-criticaldamage table td, -.sheet-rolltemplate-overload table td, -.sheet-rolltemplate-weapon table td{ - padding: 2px; +.sheet-rolltemplate-salvageunion-ability > div > div { + background-color: white; + width: 87%; + padding: 5%; } -.sheet-rolltemplate-roll table .inlinerollresult, -.sheet-rolltemplate-criticalinjury table .inlinerollresult, -.sheet-rolltemplate-criticaldamage table .inlinerollresult, -.sheet-rolltemplate-overload table .inlinerollresult, -.sheet-rolltemplate-weapon table .inlinerollresult{ - border:none !important; - background-color:inherit; +.sheet-rolltemplate-salvageunion-ability > div > div > div { + padding: 4px 0; } -.sheet-rolltemplate-spacer{ - display:block; - width:calc(100%+2px); - border:1px solid #550000; - vertical-align:top; - margin:-1px -3px 0px -3px; - padding:1px; +.sheet-rolltemplate-salvageunion-ability .sheet-chevron-range-container { + display: flex; + justify-content: space-between; + align-items: baseline; +} + +.sheet-rolltemplate-salvageunion-ability .sheet-action-type { + font-size: 16px; +} + +.sheet-rolltemplate-salvageunion-systems .sheet-template-system-module-body, +.sheet-rolltemplate-salvageunion-inventory { + background-color: #A7B6BC; +} + +.sheet-rolltemplate-salvageunion-systems .sheet-template-system-module-header h3, +.sheet-rolltemplate-salvageunion-systems .sheet-template-system-module-header h4, +.sheet-rolltemplate-salvageunion-inventory .sheet-inventory-header h4, +.sheet-rolltemplate-salvageunion-inventory .sheet-inventory-header h3 { + color: white; + font-family: "Spline Sans Mono", monospace; +} + +.sheet-rolltemplate-salvageunion-systems .sheet-template-system-module-header h3, +.sheet-rolltemplate-salvageunion-inventory .sheet-inventory-header h3 { + font-size: 21px; } -.sheet-rolltemplate-button-row { - display: flex; - margin-top: -3px; - justify-content: center; - align-content: center; +.sheet-rolltemplate-salvageunion-inventory .sheet-inventory-header { + background-color: #063441; + padding: 6px; } -.sheet-rolltemplate-button a[href^="~"]{ +.sheet-rolltemplate-salvageunion-systems .sheet-template-system-module-header { + background-color: #A54733; + padding: 8px; +} + +.sheet-rolltemplate-salvageunion-systems .sheet-template-system-module-header > div { + display: flex; + justify-content: space-between; + align-items: baseline; + margin-top: 8px; +} + +.sheet-rolltemplate-salvageunion-inventory .sheet-inventory-roll-template-container { + padding: 6px 6px 8px 6px; +} + +.sheet-rolltemplate-salvageunion-inventory .sheet-roller-inventory-count h4 { text-align: center; - border-radius: 30px; - color: #eebb99; - background-color: black; - padding-left: 10px; - padding-right: 10px; + background-color: #222; + color: white; + display: inline-block; + padding: 4px; + margin-bottom: 6px; +} + +.sheet-rolltemplate-salvageunion-inventory .sheet-roller-inventory-description h4 { + font-size: 15px; +} + +.sheet-rolltemplate-salvageunion-systems h4.sheet-template-tags { + position: relative; + width: fit-content; + background-color: #3e3e3e; + color: white; + padding: 8px; + font-family: "Spline Sans Mono", monospace; +} + +.sheet-rolltemplate-salvageunion-systems .sheet-system-module-meta { + display: flex; + justify-content: space-between; + padding: 8px; +} + +.sheet-rolltemplate-salvageunion-systems .sheet-template-system-module-sv > h4, +.sheet-rolltemplate-salvageunion-systems .sheet-template-system-module-slots > h4, +.sheet-rolltemplate-salvageunion-systems .sheet-template-system-module-techlvl > h4 { + background-color: #3e3e3e; + border-radius: 4px; + color: white; + padding: 4px 5px; + position: relative; + font-family: "Spline Sans Mono", monospace; +} + +.sheet-rolltemplate-salvageunion-systems .sheet-template-system-module-slots > h4 { + display: block; + height: 23px; + width: 20px; + border: inherit; + position: relative; + clip-path: polygon(50% 0%, 100% 100%, 0% 100%); + transform: rotate(0deg); + border-radius: 0px 0 0 0.25em; + z-index: 17; + color: white; + background-color: #3e3e3e; + text-align: center; + padding-top: 0px; + line-height: 34px; +} + +.sheet-rolltemplate-salvageunion-systems .sheet-template-system-module-sv > h4 { + color: white; + position: relative; + aspect-ratio: 1; + clip-path: polygon(100% 50%,91.53% 61.13%,93.3% 75%,80.41% 80.41%,75% 93.3%,61.13% 91.53%,50% 100%,38.87% 91.53%,25% 93.3%,19.59% 80.41%,6.7% 75%,8.47% 61.13%,0% 50%,8.47% 38.87%,6.7% 25%,19.59% 19.59%,25% 6.7%,38.87% 8.47%,50% 0%,61.13% 8.47%,75% 6.7%,80.41% 19.59%,93.3% 25%,91.53% 38.87%); + padding: 4px 10px; + line-height: 19px; +} + +.sheet-rolltemplate-salvageunion-systems .sheet-template-system-module-description h4 { + padding: 8px; + font-family: "Spline Sans Mono", monospace; +} + +/* hide and show repeater sections with the css trick */ + +.sheet-systems > span.dash-separator { + margin: 0 8px; +} + +.sheet-inventory { + padding: 8px 0; +} + +input.expand-control[value="1"] ~ .sheet-inventory > .meta-system-name-collapsed, +input.expand-control[value="1"] ~ .sheet-ability > .dash-separator, +input.expand-control[value="1"] ~ .sheet-ability > .system-or-module, +input.expand-control[value="1"] ~ .sheet-ability > .meta-system-name-collapsed, +input.expand-control[value="1"] ~ .sheet-systems > .dash-separator, +input.expand-control[value="1"] ~ .sheet-systems > .system-or-module, +input.expand-control[value="1"] ~ .sheet-systems > .meta-system-name-collapsed { + display: none; + font-size: 14px; + font-weight: 700; + line-height: 27px; +} + +input.expand-control[value="0"] ~ .sheet-inventory, +input.expand-control[value="0"] ~ .sheet-ability, +input.expand-control[value="0"] ~ .sheet-systems { + display: flex; + justify-content: space-between; + align-items: baseline; +} + +input.expand-control[value="0"] ~ .sheet-inventory > *, +input.expand-control[value="0"] ~ .sheet-ability > *, +input.expand-control[value="0"] ~ .sheet-systems > * { + display: none; +} + +input.expand-control[value="0"] ~ .sheet-inventory > .meta-system-name-collapsed, +input.expand-control[value="0"] ~ .sheet-ability > .dash-separator, +input.expand-control[value="0"] ~ .sheet-ability > .system-or-module, +input.expand-control[value="0"] ~ .sheet-ability > .meta-system-name-collapsed, +input.expand-control[value="0"] ~ .sheet-systems > .dash-separator, +input.expand-control[value="0"] ~ .sheet-systems > .system-or-module, +input.expand-control[value="0"] ~ .sheet-systems > .meta-system-name-collapsed { + display: inline-block; +} + +.charsheet.charactersheet input.toggle-checkbox { + position: absolute; + top: 15px; + left: 0; + display: inline-block; + width: fit-content; +} + +.charsheet.charactersheet .repeating_abilities input.toggle-checkbox { + top: 22px; +} + +div[data-groupname="repeating_inventory"] > div.repitem, +div[data-groupname="repeating_abilities"] > div.repitem, +div[data-groupname="repeating_systems"] > div.repitem { + padding-left: 20px; } \ No newline at end of file diff --git a/SalvageUnion/SalvageUnion.html b/SalvageUnion/SalvageUnion.html index 02ec497671b0..b377931dc4d0 100644 --- a/SalvageUnion/SalvageUnion.html +++ b/SalvageUnion/SalvageUnion.html @@ -1,1073 +1,501 @@ -
- -
- - - - - - - - - - - - - - - - + + + + + + + + + + + + +
+ + + + + + + + +
+
+ + + + +
+ + + + + / + + + + +
+
+
+ +
+ + + + + / + + + +
-
-

Pilot - -

-
-
-
- - -
-
- - - - - - - - - - -
-
- - - - - - - - -
-
- - - - - - - - -
-
- - - - - - - - -
-
- -
-
- - - -
-
- - - -
- -
+ +
+ + + + +
+
+
+
+

Pilot

+ Statistics, abilities, and inventory for your Salvage Union Pilot. + Pilot Avatar +
+ +
- -

Weapons

-
- - - + +
+ +
-
-
-
- - - - - - -
-
- - - -
-
-
-
+
+ +
- -

Inventory

-
-
- - - - -
-
- - - - -
-
- - - - -
-
- - - - -
-
- - - - -
-
- - - - -
- - -
- - - - -
-
- - - - -
- - - -
- - - - -
-
- - - - -
- +
+ +
- -

Equipment

-
- - - - +
+ +
-
-
- - - - - - -
-
- - - -
-
-
-
- -

Abilities

-
- - - - +
+ +
-
-
- - - - - - -
- - -
-
-
- -
-

Mech - -

-
-
-
- - -
-
- - - - - - -
-
- - - - - - -
-
- - - - - - -
-
- - -
- +
+ +
+

Abilities

+
+ + +
+ + +
+ + +
-
-
- -
-
- - - -
- -
- - -
-
- - - -
-
- - - -
- -
-
- -

Weapons

-
- - - -
-
-
-
- - - - - - -
- -

Settings

- -
-

Cost

 -
- - -
-
- - -
-
-
-

Heat

 -
- - -
-
- - -
-
-
-
- - - -
+ +
-
-
-
- -

Cargo /

-
-
- - - - -
- -
- -

Modules

-
- - - - -
-
-
- - - - - - - - - - -
- -

Settings

- -
-

Cost

 -
- - -
-
- - +
+
+ +
-
-
-

Heat

 -
- - +
+ +
-
- - +
+ +
-
-
- -
-
- - -
-
- - -
-
-
- - -
- -
-
- -

Systems

-
- - - - +
-
-
- - - - - - - - - - -
- -

Settings

- -
-

Cost

 -
- - -
-
- - + + +
+

Inventory

+
+ + +
+ + + +
+ + +
-
-
-

Heat

 -
- - +
+ +
-
- - +
+ +
-
-
- - -
-
- - -
-
- - + +
+ +
-
-
- - -
-
-
+ +
+
+
+
+ +
+ + + + + / + + + +
-
-

Crawler - -

-
-
-
- - -
-
- - - - - - - -
-
- - -
-
- - -
-
+ +
+ + + + + / + + + + +
-
-
- - - -
-
- - -
+ +
+ + + + + / + + + + +
+
+
+
+

Mech

+
+
+ +
- -

Weapons

-
- - - + +

Chassis Stats

+
+
+ + +
+
+ + +
+
+ + +
-
-
-
- - - - - - -
- -

Settings

- -
-

Cost

 -
- - -
-
- - -
-
-
-

Heat

 -
- - -
-
- - -
-
-
-
-
- - - -
-
-
-
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
- -

Crew

-
- - +
+
+ + +
+
+
+
+ + +
-
-
- - - - - -
-
- -

Cargo

-
- -
- -

Bays

-
-
- - - -
- - -
-
-
- -
-

Denizen - -

-
-
-
- - -
- -
- - +
+

Systems & Modules

+
+ + +
+ - + +
+
+ + + + +
-
- - +
+
+ + +
+
+ + +
- -
- -
-
- - - +
+
+ + +
+
+ + +
+
+ + +
-
- - - +
+ +
-
+
+
+
-

Weapons

-
- - - -
-
-
-
- - - - - - -
- -

Settings

- -
-

Cost

 -
- - -
-
- - -
-
-
-

Heat

 -
- - -
-
- - -
-
-
+
+
+ + + + + + / + + + + +
+
+
+
+

Cargo

+
+
+
-
- - - -
+ + +
+
+ + +
+
+ +
-
-
-
- -

Traits

-
-
- - - -
- -
-
-
-
- -
-

Notes

-
-
- - - -
- - +
+ +
-
+
- -
-
- - Pilot Settings - +
+ +
+

{{name}}

+
+

Roll: {{roll1}}

+

{{{computed::roll1}}}

+
+
+ + +
+

{{name}}

+
- -
- Importer - - - -
+

Range: {{Range}}

- - -
- - Mech Settings - -
- - - -
- Importer -
- Text Importer - - - - - -
-
- Weapon Importer -
- - -
-
-
- System Importer -
- - -
-
-
- Module Importer -
- - -
-
-
- Importer Info -
- Are you missing a system or module? You can help adding it. Check below for an example and create a GitHub Issue (https://github.com/Roll20/roll20-character-sheets) adding it. -
- Weapons - 
-                                    WeaponName= {
-                                        name: "weapon name",
-                                        scrap: "5 T1",
-                                        slots: 2,
-                                        traits: "all traits separated with // that are not heat or heatspike",
-                                        range: "Close",
-                                        damage: "5SP" or when dice "[[1d20]]",
-                                        heat: 0,
-                                        heatspike: "on" only add if present,
-                                        details: "description of the weapon"
-                                    }
-
-
-
- System/Module - 
-                                    systemModuleName = {
-                                    name: "system or modul Name",
-                                    scrap: "5 T1",
-                                    slots: 2,
-                                    traits: "all traits separated with // that are not heat, heatspike or passive",
-                                    cost: "5 EP or 3 Uses",
-                                    action: "Reaction",
-                                    range: "Close",
-                                    "is-passive": "on" if it is passive,
-                                    heat: 0,
-                                    heatspike: "on" only add if present,
-                                    details: "description of the system/module"
-                                    }
-
-
-
-
-
+
+

{{AP}} AP

+

🕒{{ActionType}}

-
- -
- - Crawler Settings -
- +

{{Description}}

-
- -
- - Mediator Settings - +
+
+ + +
+
+

{{name}}

+

{{Tags}}

+
+
+
+

# in Inventory: {{InventoryCount}}

+
+
+

{{Description}}

+
+
+
+ + +
+
+

{{name}}

- -
- Importer - - - - -
- - -
-
+

{{EP}} EP

+

{{Type}}

- - - +
+
+
+

{{Tags}}

+
+
+
+

T{{TechLevel}}

+
+
+

{{SlotsRequirement}}

+
+
+

{{SalvageValue}}

+
+
+
+

{{Description}}

+
+
-
- - - - - + - - - - - - - - {{#rollTotal() toMuchHeat 1}} - - - - {{/rollTotal() toMuchHeat 1}} - - {{#rollTotal() toMuchHeat 0}} - - - - - - - {{#heatroll}} - - - - - - - {{/heatroll}} - {{#heatspike}} - - - - - - - {{/heatspike}} - {{/rollTotal() toMuchHeat 0}} -
- {{name}} rolls -
- You cannot make this roll due to heat. -
-
-
- {{#rollWasCrit() roll}} - Nailed it ({{roll}})
- You have overcome the odds and managed an outstanding success. You may achieve an additional bonus of your choice to the action. When dealing damage you double it. - {{/rollWasCrit() roll}} - - {{#^rollWasCrit() roll}} - {{#rollBetween() roll 11 19}} - Success ({{roll}}) - You’ve achieved your goal without any compromises. - {{/rollBetween() roll 11 19}} - - {{#rollBetween() roll 6 10}} - Tough Choice ({{roll}}) - You succeed in your action but at a cost. The Mediator will give you a tough choice with some kind of consequence. - {{/rollBetween() roll 6 10}} - - {{#rollBetween() roll 2 5}} - Failure ({{roll}}) - You’ve failed at what you were attempting, and you’ll face a consequence of The Mediator’s choice. - {{/rollBetween() roll 2 5}} - - {{#rollBetween() roll 1 1}} - Cascade Failure ({{roll}}) - You have not only failed, but something has gone terribly wrong. You will suffer a severe consequence of The Mediator’s choice. - {{/rollBetween() roll 1 1}} - {{/^rollWasCrit() roll}} -
-
-
- Heat Check: {{heat}} vs {{heatroll}} -
-
-
- Heat Spike: {{heat}} vs {{heatspike}} -
- {{#mech}} -
- {{#rollTotal() toMuchHeat 0}} - {{#pushable}} -
- [Push](~{{name}}|reactPushWeapon) -
- {{/pushable}} - - {{#^rollGreater() heatspike heat}} -
- [Reactor Overload](~{{name}}|reactOverload) -
- {{/^rollGreater() heatspike heat}} - - {{#^rollGreater() heatspike heat}} -
- [Heat Spike](~{{name}}|reactOverload) -
- {{/^rollGreater() heatspike heat}} - {{/rollTotal() toMuchHeat 0}} -
- {{/mech}} - - - - - - - - - - - {{#rollTotal() toMuchHeat 1}} - - - - {{/rollTotal() toMuchHeat 1}} - {{#rollTotal() toMuchHeat 0}} - - - - {{#damage}} - - - - - - - {{/damage}} - {{#^rollTotal() weaponheat 0}} - - - - {{/^rollTotal() weaponheat 0}} - {{#heatroll}} - - - - - - - {{/heatroll}} - {{#heatspike}} - - - - - - - {{/heatspike}} - {{#traits}} - - - - - - - {{/traits}} - {{/rollTotal() toMuchHeat 0}} -
- {{name}} rolls an attack on range {{range}} with {{weapon_name}} -
-
-
- You cannot make this roll due to heat. -
- {{#rollWasCrit() roll}} - Nailed it ({{roll}})
- You have overcome the odds and managed an outstanding success. You may achieve an additional bonus of your choice to the action e.g. double the damage. - {{/rollWasCrit() roll}} - - {{#^rollWasCrit() roll}} - {{#rollBetween() roll 11 19}} - Success ({{roll}}) - You hit the target and deal standard damage - {{/rollBetween() roll 11 19}} - - {{#rollBetween() roll 6 10}} - Tough Choice ({{roll}}) - You succeed in your action but at a cost. The Mediator will give you a tough choice with some kind of consequence. You hit but something has - gone wrong. - {{/rollBetween() roll 6 10}} - - {{#rollBetween() roll 2 5}} - Failure ({{roll}}) - You miss the target. - {{/rollBetween() roll 2 5}} - - {{#rollBetween() roll 1 1}} - Cascade Failure ({{roll}}) - You miss the target and something has gone wrong. - {{/rollBetween() roll 1 1}} - {{/^rollWasCrit() roll}} -
-
-
- Weapondamage: {{damage}} -
- Weaponheat: {{weaponheat}} -
-
-
- Heat Check: {{heat}} vs {{heatroll}} -
-
-
- Heat Spike: {{heat}} vs {{heatspike}} -
-
-
- Traits: {{traits}} -
- {{#mech}} -
- {{#rollTotal() toMuchHeat 0}} - {{#pushable}} -
- [Push](~{{name}}|reactPush) -
- {{/pushable}} - - {{#^rollGreater() heatroll heat}} -
- [Reactor Overload](~{{name}}|reactOverload) -
- {{/^rollGreater() heatroll heat}} - - {{#^rollGreater() heatspike heat}} -
- [Heat Spike](~{{name}}|reactOverload) -
- {{/^rollGreater() heatspike heat}} - {{/rollTotal() toMuchHeat 0}} -
- {{/mech}} - - - - - - - - - - - - - -
- {{name}} rolls -
-
-
- {{#rollBetween() roll 20 20}} - Miraculous Survival ({{roll}})
- You survive against the odds. You have 1 HP, remain conscious and can act normally. - {{/rollBetween() roll 20 20}} - - {{#rollBetween() roll 11 19}} - Unconscious ({{roll}}): You are stable at 0 HP, but unconscious and cannot move or take actions until you gain at least 1 HP. You will regain consciousness naturally in 1 hour and get back up with 1 HP. - {{/rollBetween() roll 11 19}} - - {{#rollBetween() roll 6 10}} - Minor Injury ({{roll}}): You suffer a Minor Injury such as a sprain, burns, or minor concussion. Your Max HP are reduced by 1 until healed in a Tech 3 - 4 MedBay. In addition, you are Unconscious. Apply the result of 11 - 19. - {{/rollBetween() roll 6 10}} - - {{#rollBetween() roll 2 5}} - Major Injury ({{roll}}): You suffer a Major Injury such as permanent scarring, broken ribs, or internal injuries. Your Max HP is reduced by 2 until healed in a Tech 5 - 6 MedBay. In addition, you are Unconscious. Apply the result of 11-19. - {{/rollBetween() roll 2 5}} - - {{#rollBetween() roll 1 1}} - Fatal Injury ({{roll}}): Your Pilot suffers a fatal injury and dies. - {{/rollBetween() roll 1 1}} -
- - - - - - - - - - - - - -
- {{name}} rolls -
-
-
- {{#rollBetween() roll 20 20}} - Reactor Overdrive ({{roll}})
- Your Mech’s reactor goes into overdrive. Your Mech can take any additional action this turn or Push their next roll within 10 minutes for free. - {{/rollBetween() roll 20 20}} - - {{#rollBetween() roll 11 19}} - Reactor Overheat ({{roll}}) - Your Mech’s reactor has overheated. Your Mech shuts down and gains the Vulnerable Trait. Your Mech will re-activate at the end of your next turn. In addition, your Mech takes {{heat}} of SP damage. - {{/rollBetween() roll 11 19}} - - {{#rollBetween() roll 6 10}} - Module Overload ({{roll}}) - One of your Mech’s Modules chosen at random or by the Mediator is destroyed. - {{/rollBetween() roll 6 10}} - - {{#rollBetween() roll 2 5}} - System Overload ({{roll}}) - One of your Mech’s Systems chosen at random or by the Mediator is destroyed. - {{/rollBetween() roll 2 5}} - - {{#rollBetween() roll 1 1}} - Reactor Overload ({{roll}}) - Your Mech’s reactor goes into full meltdown and explodes. Your Mech, as well as any mounted Systems, Modules, and all Cargo, is destroyed in the explosion. Everything in Close Range of your Mech takes {{maxheat}} SP damage. They may take any Turn Action or Reaction in response to try to avoid this. Your Pilot dies unless they have a means to escape. The area your Mech was in becomes irradiated. - {{/rollBetween() roll 1 1}} -
- - - - - - - - - - - - - -
- {{name}} rolls -
-
-
- {{#rollBetween() roll 20 20}} - Miraculous Survival ({{roll}})
- Your Mech is somehow Intact. It has 1 SP and is still fully operational. Your Pilot is unharmed. - {{/rollBetween() roll 20 20}} - - {{#rollBetween() roll 11 19}} - Core Damage ({{roll}}): Your Mech Chassis is damaged and inoperable until repaired. All mounted Systems and Modules remain Intact. Your Pilot is reduced to 0 HP unless they have some means to escape the Mech. - {{/rollBetween() roll 11 19}} - - {{#rollBetween() roll 6 10}} - Module Destruction ({{roll}}): A Module mounted on your Mech is destroyed. This is chosen by the Mediator or at random. Your Mech Chassis is damaged and inoperable until repaired. Your Pilot is unharmed. - {{/rollBetween() roll 6 10}} - - {{#rollBetween() roll 2 5}} - System Destruction ({{roll}}): A System mounted on your Mech is destroyed. This is chosen by the Mediator or at random. Your Mech Chassis is damaged and inoperable until repaired. Your Pilot is unharmed. - {{/rollBetween() roll 2 5}} - - {{#rollBetween() roll 1 1}} - Catastrophic Damage ({{roll}}): The Mech, as well as any mounted Systems and Modules as well as all Cargo, is destroyed. Your Pilot dies unless they have a means to escape the Mech. - {{/rollBetween() roll 1 1}} -
- - - -
- {{info}} - {{#heatroll}} -
-
- Heat Check: {{heat}} vs {{heatroll}} - {{/heatroll}} - {{#heatspike}} -
- Heat Spike: {{heat}} vs {{heatspike}} - {{/heatspike}} -

-
- {{#rollTotal() toMuchHeat 0}} - {{#^rollGreater() heatroll heat}} -
- [Reactor Overload](~{{name}}|reactOverload) -
- {{/^rollGreater() heatroll heat}} - - {{#^rollGreater() heatspike heat}} -
- [Heat Spike](~{{name}}|reactOverload) -
- {{/^rollGreater() heatspike heat}} - {{/rollTotal() toMuchHeat 0}} -
-
- \ No newline at end of file + \ No newline at end of file diff --git a/SalvageUnion/SalvageUnion.png b/SalvageUnion/SalvageUnion.png index e1d861bb507b..29e585e9a91a 100644 Binary files a/SalvageUnion/SalvageUnion.png and b/SalvageUnion/SalvageUnion.png differ diff --git a/SalvageUnion/sheet.json b/SalvageUnion/sheet.json index 7d17f3c51d06..91e015edfdc5 100644 --- a/SalvageUnion/sheet.json +++ b/SalvageUnion/sheet.json @@ -1,7 +1,8 @@ { "html": "SalvageUnion.html", "css": "SalvageUnion.css", - "authors": "unknown", - "instructions": "This is based on the BETA Quickstart Guide (subject to change) you can get at https://leyline.press/products/salvage-union-beta-quickstart-digital-edition-pdf. This character sheet is made by a third party", + "authors": "chuckzee, Stexinator", + "roll20userid": "1944899", + "instructions": "This is based on the Salvage Union Core Book you can get at https://leyline.press/. This character sheet is made by a third party.", "preview": "SalvageUnion.png" } \ No newline at end of file