diff --git a/Alien Roleplaying Game/Alien-Roleplaying-Game.css b/Alien Roleplaying Game/Alien-Roleplaying-Game.css index fd1180b462..2a18021681 100644 --- a/Alien Roleplaying Game/Alien-Roleplaying-Game.css +++ b/Alien Roleplaying Game/Alien-Roleplaying-Game.css @@ -3,8 +3,11 @@ .sheet-background-wrap{ background-color: black; + -background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Alien%20Roleplaying%20Game/Images/bg.png?raw=true"); + background-repeat: repeat; padding: 5px; min-width: 1128px; + -min-width: 830px; } .sheet-header-image{ background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Alien%20Roleplaying%20Game/Images/Weyland-Yutani.png?raw=true"); @@ -12,10 +15,22 @@ background-repeat: no-repeat; background-size: contain; padding-top: 25px; - margin-bottom: 10px; + -margin-bottom: 10px; margin-top: 2px; } +.sheet-header-tabs { + display: flex; + flex-direction: column; + -align-items: flex-end; + justify-items: right; + justify-content: flex-end; + align-self: end; + align-items: flex-end; + justify-self: flex-end; + margin-right: 0 !important; +} + .sheet-footer-text{ display: block; text-align: center; @@ -46,6 +61,15 @@ border-color: transparent; } +.sheet-contains-fourteen-columns { + grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; +} + +.sheet-contains-seven-columns { + grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; + grid-gap: 2px; +} + .sheet-roll-buttons{ display: grid; grid-gap: 5px; @@ -63,121 +87,91 @@ grid-template-columns: 1fr 1fr; } -.sheet-span-one-two { - grid-column: 1 / 3; -} +.sheet-span-one-two { grid-column: 1 / 3;} +.sheet-span-one-thru-three { grid-column: 1 / 4;} +.sheet-span-one-thru-four { grid-column: 1 / 5;} +.sheet-span-one-thru-five { grid-column: 1 / 6;} +.sheet-span-one-thru-six { grid-column: 1 / 7;} +.sheet-span-one-thru-seven { grid-column: 1 / 8;} +.sheet-span-two-three { grid-column: 2 / 4;} +.sheet-span-three-four { grid-column: 3 / 5;} +.sheet-span-three-thru-five { grid-column: 3 / 6;} +.sheet-span-four-five { grid-column: 4 / 6;} +.sheet-span-four-thru-six { grid-column: 4 / 7;} +.sheet-span-five-six { grid-column: 5 / 7;} +.sheet-span-five-thru-seven { grid-column: 5 / 8;} +.sheet-span-five-thru-nine { grid-column: 5 / 10;} +.sheet-span-five-thru-ten { grid-column: 5 / 11;} +.sheet-span-six-seven { grid-column: 6 / 8;} +.sheet-span-six-thru-eight { grid-column: 6 / 9;} +.sheet-span-six-thru-nine { grid-column: 6 / 10;} +.sheet-span-six-thru-fourteen { grid-column: 6 / 15;} +.sheet-span-seven-eight { grid-column: 7 / 9;} +.sheet-span-seven-thru-nine { grid-column: 7 / 10;} +.sheet-span-seven-thru-fourteen { grid-column: 7 / 15;} +.sheet-span-eight-nine { grid-column: 8 / 10;} +.sheet-span-eight-thru-ten { grid-column: 8 / 11;} +.sheet-span-eight-thru-eleven { grid-column: 8 / 12;} +.sheet-span-eight-thru-twelve { grid-column: 8 / 13;} +.sheet-span-eight-thru-fourteen { grid-column: 8 / 15;} +.sheet-span-nine-ten { grid-column: 9 / 11;} +.sheet-span-nine-thru-eleven { grid-column: 9 / 12;} +.sheet-span-nine-thru-thirteen { grid-column: 9 / 14;} +.sheet-span-nine-thru-fourteen { grid-column: 9 / 15;} +.sheet-span-ten { grid-column: 10;} +.sheet-span-ten-eleven { grid-column: 10 / 12;} +.sheet-span-ten-thru-twelve { grid-column: 10 / 13;} +.sheet-span-ten-thru-thirteen { grid-column: 10 / 14;} +.sheet-span-ten-thru-fourteen { grid-column: 10 / 15;} +.sheet-span-eleven { grid-column: 11;} +.sheet-span-eleven-thru-thirteen { grid-column: 11 / 14;} +.sheet-span-eleven-thru-fourteen { grid-column: 11 / 15;} +.sheet-span-twelve { grid-column: 12;} +.sheet-span-twelve-thirteen { grid-column: 12 / 14;} +.sheet-span-twelve-thru-fourteen { grid-column: 12 / 15;} +.sheet-span-thirteen { grid-column: 13;} +.sheet-span-thirteen-fourteen { grid-column: 13 / 15;} +.sheet-span-fourteen { grid-column: 14;} +.sheet-span-personal-agenda { grid-row: 1 / 3;} +.sheet-span-talents { grid-row: 1 / 5;} +.sheet-span-modules { grid-row: 1 / 9;} +.sheet-span-log { grid-row: 1 / 9;} +.sheet-span-relationships { grid-row: 3 / 5;} +.sheet-span-radiation { grid-row: 7 / 9;} +.sheet-span-critical-injuries { grid-row: 9 / 11;} +.sheet-span-gear { grid-row: 10 / 16;} +.sheet-span-conditions { grid-row: 11 / 14;} +.sheet-span-weapons { grid-row: 13 / 16;} +.sheet-span-comp-dmg { grid-row: 9;} +.sheet-span-upg-arm { grid-row: 10;} +.sheet-span-row1 { grid-row: 1;} +.sheet-span-row2 { grid-row: 2;} +.sheet-span-row3 { grid-row: 3;} +.sheet-span-row4 { grid-row: 4;} +.sheet-span-row5 { grid-row: 5;} +.sheet-span-row6 { grid-row: 6;} +.sheet-span-row7 { grid-row: 7;} +.sheet-span-row8 { grid-row: 8;} +.sheet-span-row9 { grid-row: 9;} +.sheet-span-row10 { grid-row: 10;} +.sheet-span-row11 { grid-row: 11;} +.sheet-span-row12 { grid-row: 12;} +.sheet-span-row13 { grid-row: 13;} -.sheet-span-one-thru-three { - grid-column: 1 / 4; -} +.sheet-cover-100-flex { width: 100% !important; display: flex; } +.sheet-cover-100 { width: 100% !important; } +.sheet-cover-80 { width: 80% !important; } +.sheet-cover-75 { width: 75% !important; } +.sheet-cover-70 { width: 70% !important; } +.sheet-cover-60 { width: 60% !important; } +.sheet-cover-40 { width: 40% !important; } +.sheet-cover-25 { width: 25% !important; } +.sheet-cover-20 { width: 20% !important; } +.sheet-cover-15 { width: 15% !important; } +.sheet-cover-10 { width: 10% !important; } -.sheet-span-one-thru-four { - grid-column: 1 / 5; -} - -.sheet-span-two-three { - grid-column: 2 / 4; -} - -.sheet-span-three-four { - grid-column: 3 / 5; -} - -.sheet-span-three-thru-five { - grid-column: 3 / 6; -} - -.sheet-span-four-five { - grid-column: 4 / 6; -} - -.sheet-span-four-thru-six { - grid-column: 4 / 7; -} - -.sheet-span-five-six { - grid-column: 5 / 7; -} - -.sheet-span-five-thru-nine { - grid-column: 5 / 10; -} - -.sheet-span-six-thru-eight { - grid-column: 6 / 9; -} - -.sheet-span-seven-eight { - grid-column: 7 / 9; -} - -.sheet-span-seven-thru-nine { - grid-column: 7 / 10; -} - -.sheet-span-eight-nine { - grid-column: 8 / 10; -} - -.sheet-span-nine-ten { - grid-column: 9 / 11; -} - -.sheet-span-nine-thru-eleven { - grid-column: 9 / 12; -} - -.sheet-span-ten-eleven { - grid-column: 10 / 12; -} - -.sheet-span-ten-thru-twelve { - grid-column: 10 / 13; -} - -.sheet-span-ten-thru-thirteen { - grid-column: 10 / 14; -} - -.sheet-span-eleven-thru-thirteen { - grid-column: 11 / 14; -} - -.sheet-span-twelve-thirteen { - grid-column: 12 / 14; -} - -.sheet-span-personal-agenda { - grid-row: 1 / 3; -} - -.sheet-span-talents { - grid-row: 1 / 5; -} - -.sheet-span-relationships { - grid-row: 3 / 5; -} - -.sheet-span-radiation { - grid-row: 7 / 9; -} - -.sheet-span-critical-injuries { - grid-row: 9 / 11; -} - -.sheet-span-gear { - grid-row: 10 / 16; -} - -.sheet-span-conditions { - grid-row: 11 / 14; -} - -.sheet-span-weapons { - grid-row: 13 / 16; -} +.sheet-pad-left { padding-left: 8px !important; } +.sheet-pad-right { padding-right: 8px !important; } .sheet-grid-item { background-color: rgba(204, 217, 207, 1); @@ -188,15 +182,80 @@ vertical-align: bottom; } +.sheet-clip-edges { + clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px), 0 8px); + margin-top: 10; +} + +.sheet-flex { display: flex; } +.sheet-flex-column { display: flex; flex-direction: column; } +.sheet-flex-row { display: flex; flex-direction: row; } +.sheet-flex-wrap { flex-wrap: wrap; } +.sheet-flex-break { flex-basis: 100%; height: 0; } + +.sheet-flex-center { display: flex; align-self: center; justify-self: center; } +.sheet-flex-items-center { display: flex; justify-items: center; align-self: center; } +.sheet-flex-items-right { display: flex; justify-items: right; } +.sheet-flex-items-left { display: flex; justify-items: left; } +.sheet-flex-items-align-center { display: flex; align-items: center; } +.sheet-flex-items-justify-center { display: flex; justify-items: center; } +.sheet-flex-content-center { display: flex; justify-content: center; align-self: center; } +.sheet-flex-content-right { display: flex; justify-content: right; } +.sheet-flex-content-end { display: flex; justify-content: flex-end; } +.sheet-flex-content-left { display: flex; justify-content: left; } +.sheet-flex-content-align-center { display: flex; align-items: center; } +.sheet-flex-content-justify-center { display: flex; justify-items: center; } +.sheet-flex-content-spaceeven { display: flex; justify-content: space-evenly; } +.sheet-flex-content-spacebetween { display: flex; justify-content:space-between; } +.sheet-flex-content-spacearound { display: flex; justify-content:space-around; } +.sheet-flex-self-center { display: flex; justify-self: center; align-self: center; } +.sheet-flex-self-right { display: flex; justify-self: right; } +.sheet-flex-self-left { display: flex; justify-self: left; } +.sheet-flex-self-align-center { display: flex; align-items: center; } +.sheet-flex-self-justify-center { display: flex; justify-items: center; } +.sheet-flex-self-align-end { display: flex; align-items: flex-end; } +.sheet-flex-self-justify-end { display: flex; justify-items: flex-end; } +.sheet-flex-self-align-start { display: flex; align-items: flex-start; } +.sheet-flex-self-justify-start { display: flex; justify-items: flex-start; } + .sheet-black-item { background-color: transparent; border: 1px solid transparent; } -.sheet-what-padding { - padding: 0px; +.sheet-what-padding { padding: 0px; } +.sheet-some-padding { padding: 4px; } + +.sheet-shift-up-5 { margin-top: -5px; } +.sheet-shift-up-8 { margin-top: -8px; } +.sheet-shift-up-10 { margin-top: -10px; } +.sheet-shift-down-5 { margin-top: 5px; } +.sheet-shift-down-8 { margin-top: 8px; } +.sheet-shift-down-10 { margin-top: 10px; } +.sheet-shift-down-15 { margin-top: 15px; } +.sheet-shift-down-17 { margin-top: 17px; } + +.sheet-centered { + text-align: center; + align-self: center; } +.sheet-w40 { max-width: 40px; min-width: 40px; } +.sheet-w60 { max-width: 60px; min-width: 60px; } +.sheet-w80 { max-width: 80px; min-width: 80px; } +.sheet-w120 { max-width: 120px; min-width: 120px; } +.sheet-w130 { max-width: 130px; min-width: 130px; } +.sheet-w140 { max-width: 140px; min-width: 140px; } +.sheet-w150 { max-width: 150px; min-width: 150px; } +.sheet-w160 { max-width: 160px; min-width: 160px; } +.sheet-w170 { max-width: 170px; min-width: 170px; } +.sheet-w180 { max-width: 180px; min-width: 180px; } +.sheet-w200 { max-width: 200px; min-width: 200px; } +.sheet-w220 { max-width: 220px; min-width: 220px; } +.sheet-w250 { max-width: 250px; min-width: 250px; } +.sheet-w300 { max-width: 300px; min-width: 300px; } +.sheet-w-fit { width: fit-content; } + .sheet-weapon-item { padding: 0px; text-align: center; @@ -235,7 +294,7 @@ visibility: hidden; white-space: pre-wrap; display: block; - font-family: + -font-family: Serif; } .sheet-auto-expand textarea { @@ -274,11 +333,17 @@ margin: 3px; } +.sheet-dotted-underline { + border-bottom: 1px dashed rgba(0, 139, 139, 1) !important; /* Dark Cyan #008b8b */ +} + .sheet-span-relationships .sheet-dotted-line, .sheet-span-critical-injuries .sheet-dotted-line{ margin: 8px; } +/* --- HEADERS ---- */ + .sheet-teal-header { color: rgba(204, 217, 207, 1); /* Teal Varient */ font-family: 'Graduate', cursive; @@ -287,7 +352,54 @@ letter-spacing: .1em; } -button[type="roll"].sheet-button-skill, .sheet-medium-teal-header, .sheet-dark-teal-header{ +.sheet-darkest-teal-header { + color: #354b44; /* Darkest Teal Varient */ + font-family: 'Graduate', cursive; + text-transform: uppercase; + font-size: 9px; + letter-spacing: .1em; +} + +.sheet-ship-header { + background-color: rgba(204, 217, 207, 1); /* Teal Varient */ + -position: relative; + align-self: start; + -top: -9px; + position: relative; + z-index: 10; + padding-top: 2px; + clip-path: polygon(8px 0%, calc(100% - 8px) 0%, 100% 100%, 0% 100%); +} +.sheet-ship-header-black { + background-color: black; + color: rgba(204, 217, 207, 1); /* Teal Varient */ + top: -8px; + position: relative; + z-index: 10; + clip-path: polygon(0 0%, 100% 0%, calc(100% - 8px) 100%, 8px 100%); +} +.sheet-ship-attribute { + margin-top: 10px; +} +.sheet-ship-header-name { + width: 70px; +} +.sheet-ship-header-manufacturer{ + width: 120px; +} +.sheet-ship-header-ai { + width: 50px; +} +.sheet-ship-attribute-name { + width: 80%; + justify-self: center; +} +.sheet-ship-attribute-ai { + width: 80%; + justify-self: center; +} + +button[type="roll"].sheet-button-skill, .sheet-medium-teal-header, .sheet-dark-teal-header { color: #008b8b; /* Dark Cyan #008b8b */ font-family: 'Montserrat'; text-transform: uppercase; @@ -305,7 +417,10 @@ button[type="roll"].sheet-button-skill, .sheet-medium-teal-header, .sheet-dark-t font-weight: bold; } .sheet-vertical-adjust-one { - margin-top: 5px; + margin-top: 6px; +} +.sheet-vertical-adjust-one-more { + margin-top: 9px; } .sheet-vertical-balance { @@ -324,6 +439,33 @@ button[type="roll"].sheet-button-skill, .sheet-medium-teal-header, .sheet-dark-t text-align: left; padding: 0px 0px 0px 5px; +} +.sheet-black-floating-header-clipped { + background-color: rgba(0, 0, 0, 1); /* Black #000000 */ + border: 1px solid rgba(0, 0, 0, 1); /* Black #000000 */ + float: left; + height: 1.2em; + -width: 80%; + line-height: 1em; + margin: -10px 15% 0px -7px; + text-align: left; + padding: 0px 15px 0px 5px; + border-radius: unset; + clip-path: polygon(0 0, 100% 0, calc(100% - 8px) 100%, 0 100%); +} + +.sheet-floating-header { + -background-color: rgba(0, 0, 0, 1); /* Black #000000 */ + -border: 1px solid rgba(0, 0, 0, 1); /* Black #000000 */ + -border-radius: 0px 20px 20px 0px; + float: center; + height: 1em; + width: 100%; + line-height: 1em; + margin: -20px 0 0 0; + -text-align: left; + padding: 0px 0px 7px 0px; + } .sheet-more-curves { @@ -415,7 +557,7 @@ button[type="roll"].sheet-button-skill, .sheet-medium-teal-header, .sheet-dark-t /* - - - - - Remove Number Spinner - - - - - */ input[type="number"].sheet-no-spin-input::-webkit-outer-spin-button, input[type="number"].sheet-number-input::-webkit-outer-spin-button, -input[type="number"].sheet-no-spin-input::-webkit-inner-spin-button, input[type="number"].sheet-number-input::-webkit-inner-spin-button, { +input[type="number"].sheet-no-spin-input::-webkit-inner-spin-button, input[type="number"].sheet-number-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } @@ -440,6 +582,26 @@ input[type="number"].sheet-no-spin-input { border-radius: 50%; box-shadow: 1px 1px 7px rgba(0, 139, 139, 1), -1px -1px 7px rgba(0, 139, 139, 1), 1px 1px 10px white, -1px -1px 10px white; } +div.sheet-no-spin-input { + display: flex; + height: 1.5em; + width: 1.5em; + background-color: White; + border: 1px solid White; + align-self: center; + align-content: center; + justify-self: center; + justify-content: center; + border-radius: 50%; + box-shadow: 1px 1px 7px rgba(0, 139, 139, 1), -1px -1px 7px rgba(0, 139, 139, 1), 1px 1px 10px white, -1px -1px 10px white; +} +div.sheet-no-spin-input input[type="number"].sheet-no-spin-input { + background-color: transparent; + border: unset; + border-radius: unset; + box-shadow: unset; + width: 2em; +} input[type="number"].sheet-number-input { text-align: center; @@ -480,6 +642,10 @@ input[type="number"].sheet-low-visibility-number { padding: 0px; } +input[type="number"].sheet-small { + font-size: 1em; +} + .sheet-skinny-div { height: 18px; } @@ -496,6 +662,12 @@ button[type="action"].sheet-action-tab { color: rgba(105, 105, 105, 0.33); padding: 0px 0px 2px 0px; } +button[type="action"].sheet-action-tab.sheet-fit-five { + width: 15%; +} +button[type="action"].sheet-action-tab.sheet-fit-two { + width: 35%; +} button[type="action"].sheet-action-tab:hover { color: #ffffff; @@ -516,7 +688,7 @@ button[type="action"].sheet-action-tab:focus { } button[type="action"].sheet-tab-weapon { - width: 15%; + width: 15% !important; } /* TABS */ @@ -524,6 +696,32 @@ div.sheet-tab-content, div.sheet-box-under-the-bed { display: none; } +input.sheet-tab-sheet[value="Character"] ~ div .sheet-ship, +input.sheet-tab-sheet[value="Ship"] ~ div .sheet-character { + display: none; +} + +input.sheet-tab-sheet[value="Character"] ~ div .sheet-character, +input.sheet-tab-sheet[value="Ship"] ~ div .sheet-ship { + display: grid; +} + +.sheet-header-tabs button[type=action].sheet-action-tab { + width: 65px; + color: rgb(204, 204, 204); + background-color: #696969; + -border: 1px solid #696969; + border: 0; + border-radius: 0; + margin-right: 0; +} + +input.sheet-tab-sheet[value="Character"] ~ div .sheet-header-tabs button[name="act_tab_character"], +input.sheet-tab-sheet[value="Ship"] ~ div .sheet-header-tabs button[name="act_tab_ship"] { + color: black; + background-color: #d3d3d3; +} + input.sheet-tab-one:checked ~ div.sheet-tab-one-contents, input.sheet-tab-two:checked ~ div.sheet-tab-two-contents, input.sheet-tab-three:checked ~ div.sheet-tab-three-contents, @@ -540,6 +738,28 @@ input.sheet-tab-zeta:checked ~ div.sheet-tab-zeta-contents{ display: block; } +input.sheet-tab-modules1:checked ~ div.sheet-tab-modules1-contents, +input.sheet-tab-modules2:checked ~ div.sheet-tab-modules2-contents, +input.sheet-tab-modules3:checked ~ div.sheet-tab-modules3-contents, +input.sheet-tab-modules4:checked ~ div.sheet-tab-modules4-contents { + display: block; +} + +input.sheet-tab-log1:checked ~ div.sheet-tab-log1-contents, +input.sheet-tab-log2:checked ~ div.sheet-tab-log2-contents, +input.sheet-tab-log3:checked ~ div.sheet-tab-log3-contents, +input.sheet-tab-log4:checked ~ div.sheet-tab-log4-contents { + display: block; +} + +input.sheet-tab-armament1:checked ~ div.sheet-tab-armament1-contents, +input.sheet-tab-armament2:checked ~ div.sheet-tab-armament2-contents, +input.sheet-tab-armament3:checked ~ div.sheet-tab-armament3-contents, +input.sheet-tab-armament4:checked ~ div.sheet-tab-armament4-contents, +input.sheet-tab-armament5:checked ~ div.sheet-tab-armament5-contents { + display: block; +} + input.sheet-tab { opacity: 0; display: none; @@ -582,6 +802,20 @@ input.sheet-condition + span::before { margin-right: 10px; /* Indent the conditions on the right-hand side */ } +input[type=radio].sheet-red-radio { + width: 20px; + height: 20px; + top: 3px; + left: 6px; +} + +input[type=radio].sheet-clear-radio { + width: 20px; + height: 20px; + top: 3px; + left: 6px; +} + input.sheet-numbered-box:checked + span::before { color: #ffffff; background: #cc0000; @@ -589,6 +823,30 @@ input.sheet-numbered-box:checked + span::before { box-shadow: 0px 0px 10px #b30000; } +input.sheet-red-radio:checked + span::before { + color: #ffffff; + background: #cc0000; + border: solid 1px #cc0000; + box-shadow: 0px 0px 10px #b30000; +} +input.sheet-blue-box { + width: 40px; +} +input.sheet-blue-box + span::before { + width: 40px; + margin-left: -40px; + color: #696969; + background: #a0dfdf; + border: solid 1px #09c2c2; + box-shadow: 0px 0px 5px #008b8b; +} +input.sheet-blue-box:checked + span::before { + color: #696969; + background: transparent; + border: solid 1px #bfbfbf; + box-shadow: unset; +} + input.sheet-grey-box:checked + span::before { color: #ffffff; background: #808080; @@ -647,8 +905,96 @@ input.sheet-letter-box:checked + span::before { box-shadow: 0px 0px 10px #008b8b; } +/* Only show radios up to the max value */ +input[name="attr_shipdamage_max"][value="0"] ~ div .sheet-shipdamage:nth-of-type(1n+3), +input[name="attr_shipdamage_max"][value="0"] ~ div .sheet-shipdamage:nth-of-type(1n+3) + span, +input[name="attr_shipdamage_max"][value="1"] ~ div .sheet-shipdamage:nth-of-type(1n+4), +input[name="attr_shipdamage_max"][value="1"] ~ div .sheet-shipdamage:nth-of-type(1n+4) + span, +input[name="attr_shipdamage_max"][value="2"] ~ div .sheet-shipdamage:nth-of-type(1n+5), +input[name="attr_shipdamage_max"][value="2"] ~ div .sheet-shipdamage:nth-of-type(1n+5) + span, +input[name="attr_shipdamage_max"][value="3"] ~ div .sheet-shipdamage:nth-of-type(1n+6), +input[name="attr_shipdamage_max"][value="3"] ~ div .sheet-shipdamage:nth-of-type(1n+6) + span, +input[name="attr_shipdamage_max"][value="4"] ~ div .sheet-shipdamage:nth-of-type(1n+7), +input[name="attr_shipdamage_max"][value="4"] ~ div .sheet-shipdamage:nth-of-type(1n+7) + span, +input[name="attr_shipdamage_max"][value="5"] ~ div .sheet-shipdamage:nth-of-type(1n+8), +input[name="attr_shipdamage_max"][value="5"] ~ div .sheet-shipdamage:nth-of-type(1n+8) + span, +input[name="attr_shipdamage_max"][value="6"] ~ div .sheet-shipdamage:nth-of-type(1n+9), +input[name="attr_shipdamage_max"][value="6"] ~ div .sheet-shipdamage:nth-of-type(1n+9) + span, +input[name="attr_shipdamage_max"][value="7"] ~ div .sheet-shipdamage:nth-of-type(1n+10), +input[name="attr_shipdamage_max"][value="7"] ~ div .sheet-shipdamage:nth-of-type(1n+10) + span, +input[name="attr_shipdamage_max"][value="8"] ~ div .sheet-shipdamage:nth-of-type(1n+11), +input[name="attr_shipdamage_max"][value="8"] ~ div .sheet-shipdamage:nth-of-type(1n+11) + span, +input[name="attr_shipdamage_max"][value="9"] ~ div .sheet-shipdamage:nth-of-type(1n+12), +input[name="attr_shipdamage_max"][value="9"] ~ div .sheet-shipdamage:nth-of-type(1n+12) + span, +input[name="attr_shipdamage_max"][value="10"] ~ div .sheet-shipdamage:nth-of-type(1n+13), +input[name="attr_shipdamage_max"][value="10"] ~ div .sheet-shipdamage:nth-of-type(1n+13) + span, +input[name="attr_shipdamage_max"][value="11"] ~ div .sheet-shipdamage:nth-of-type(1n+14), +input[name="attr_shipdamage_max"][value="11"] ~ div .sheet-shipdamage:nth-of-type(1n+14) + span, +input[name="attr_shipdamage_max"][value="12"] ~ div .sheet-shipdamage:nth-of-type(1n+15), +input[name="attr_shipdamage_max"][value="12"] ~ div .sheet-shipdamage:nth-of-type(1n+15) + span, +input[name="attr_shipdamage_max"][value="13"] ~ div .sheet-shipdamage:nth-of-type(1n+16), +input[name="attr_shipdamage_max"][value="13"] ~ div .sheet-shipdamage:nth-of-type(1n+6) + span, +input[name="attr_shipdamage_max"][value="14"] ~ div .sheet-shipdamage:nth-of-type(1n+17), +input[name="attr_shipdamage_max"][value="14"] ~ div .sheet-shipdamage:nth-of-type(1n+17) + span, +input[name="attr_shipdamage_max"][value="15"] ~ div .sheet-shipdamage:nth-of-type(1n+18), +input[name="attr_shipdamage_max"][value="15"] ~ div .sheet-shipdamage:nth-of-type(1n+18) + span, +input[name="attr_shipdamage_max"][value="16"] ~ div .sheet-shipdamage:nth-of-type(1n+19), +input[name="attr_shipdamage_max"][value="16"] ~ div .sheet-shipdamage:nth-of-type(1n+19) + span, +input[name="attr_shipdamage_max"][value="17"] ~ div .sheet-shipdamage:nth-of-type(1n+20), +input[name="attr_shipdamage_max"][value="17"] ~ div .sheet-shipdamage:nth-of-type(1n+20) + span, +input[name="attr_shipdamage_max"][value="18"] ~ div .sheet-shipdamage:nth-of-type(1n+21), +input[name="attr_shipdamage_max"][value="18"] ~ div .sheet-shipdamage:nth-of-type(1n+21) + span, +input[name="attr_shipdamage_max"][value="19"] ~ div .sheet-shipdamage:nth-of-type(1n+22), +input[name="attr_shipdamage_max"][value="19"] ~ div .sheet-shipdamage:nth-of-type(1n+22) + span, +input[name="attr_shipdamage_max"][value="20"] ~ div .sheet-shipdamage:nth-of-type(1n+23), +input[name="attr_shipdamage_max"][value="20"] ~ div .sheet-shipdamage:nth-of-type(1n+23) + span { + display: none; +} +input[name="attr_shipdamage"][value="0"] ~ .sheet-shipdamage + span::before, +input.sheet-shipdamage1:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before, +input.sheet-shipdamage2:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before, +input.sheet-shipdamage3:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before, +input.sheet-shipdamage4:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before, +input.sheet-shipdamage5:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before, +input.sheet-shipdamage6:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before, +input.sheet-shipdamage7:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before, +input.sheet-shipdamage8:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before, +input.sheet-shipdamage9:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before, +input.sheet-shipdamage10:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before, +input.sheet-shipdamage11:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before, +input.sheet-shipdamage12:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before, +input.sheet-shipdamage13:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before, +input.sheet-shipdamage14:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before, +input.sheet-shipdamage15:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before, +input.sheet-shipdamage16:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before, +input.sheet-shipdamage17:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before, +input.sheet-shipdamage18:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before, +input.sheet-shipdamage19:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before, +input.sheet-shipdamage20:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before { + color: #ffffff; + background: #808080; + border: solid 1px #808080; + box-shadow: 0px 0px 10px #008b8b; +} +input.sheet-shipdamage + span:before { + color: #ffffff; + background: #cc0000; + border: solid 1px #cc0000; + box-shadow: 0px 0px 10px #b30000; +} +.sheet-hullpoints-missing { + display: none; +} +input[name="attr_shipdamage_max"][value="0"] ~ .sheet-hullpoints-missing { + display: inline-flex !important; + justify-self: center; + font-style: italic; +} +.sheet-ship-damage-row { + padding-top: 0; +} /* WOOHOO BUTTONS */ @@ -725,6 +1071,25 @@ button[type="roll"].sheet-button-skill:focus { padding: 5px; } +.sheet-rolltemplate-alien .sheet-template-wrap { + counter-reset: hit stress; +} +/* .sheet-rolltemplate-alien .sheet-template-wrap ::after { + content: "Results hits: " counter(hit) " stress: " counter(stress); +} */ +.sheet-rolltemplate-alien .sheet-template-success::after { + content: counter(hit); +} +.sheet-rolltemplate-alien .sheet-template-stress::after { + content: counter(stress); +} +.sheet-rolltemplate-alien .sheet-hit { + counter-increment: hit; +} +.sheet-rolltemplate-alien .sheet-stress { + counter-increment: stress; +} + .sheet-rolltemplate-alien .sheet-template-background { background: url(https://s3.amazonaws.com/files.d20.io/images/83147486/YCuEWUzaudOcg2mNHbiFCw/max.png?1559667169); background-repeat: no-repeat; @@ -753,6 +1118,14 @@ button[type="roll"].sheet-button-skill:focus { grid-column: 1 / 7; } +.sheet-rolltemplate-alien .sheet-template-span-half1 { + grid-column: 1 / 4; +} + +.sheet-rolltemplate-alien .sheet-template-span-half2 { + grid-column: 4 / 7; +} + .sheet-rolltemplate-alien .sheet-template-span-left { grid-column: 1 / 3; } diff --git a/Alien Roleplaying Game/Alien-Roleplaying-Game.html b/Alien Roleplaying Game/Alien-Roleplaying-Game.html index 269a7f1d51..0e8e9fe949 100644 --- a/Alien Roleplaying Game/Alien-Roleplaying-Game.html +++ b/Alien Roleplaying Game/Alien-Roleplaying-Game.html @@ -3,10 +3,29 @@ v1.01 The Quick Start Rules Adjustments 8/04/2019 v1.02 Updated some of the layout, adjusted to mirror the layout/tone of the game's character sheet and to make it a bit more understandable after play session feedback 15/08/2020 V1.03 Yann : adding i18n 21/11/2020 + v1.04 Richard W: Added ship tab --> + + +
-
 
-
+
+
 
+
+ +
+ + +
+ +
+
+ + + +
Personal Agenda @@ -683,6 +702,626 @@
+ + + +
+ +
+
+ INTERNAL MODULES +
+
+ + +
+ + +
 Size
+
+ + + + + + + + + + + + + + + + +
+
+ + + + + + + + + + + + + + + +
+
+ +
Name
+
+ +
+ + Manufacturer +
+ +
+ + AI +
+ +
+ +
+
+ +
+
Crew
+
+
+
Passengers
+
+ +
+
+ +
+
+ +
+
Length
+
+
+
FTL Rating
+
+ +
+
+ +
+
+ +
+
Signature
+
+
+
Thrusters
+
+ +
+
+ +
+
+ +
+
Hull
+
+
+ +
+ +
+
+ +
+
+ Damage +
+
+ +
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + No hull points entered +
+
+
+ + +
+ +
+
+
+ +
+
+ SHIP'S LOG +
+
+ + + + +
+ + + + +
DateLocation
+
+ + + + + + + + + + + + + + + +
+
+ + + + + + + + + + + + + + + +
+
+ + + + + + + + + + + + + + + +
+
+ + +
+
+ MINOR COMPONENT DAMAGE +
+ EFFECT +
+
+ + + +
+
+
+
+ + + +
+
+
+ +
+
+ MAJOR COMPONENT DAMAGE +
+ EFFECT +
+
+ + + +
+
+
+
+ + + +
+
+ +
+ + + +
+
+ UPGRADES +
+ EFFECT +
+
+ + + + + + +
+
+
+
+ + + + + + +
+
+
+ +
+
+ ARMAMENTS +
+
+ + + + + +
+ + + + + + +
+ +
+
+
+ Bonus + +
+
+ Damage + +
+
+ Max Range + +
+
+ + +
+
+
+
+
+ Gunner Ranged + +
+
+ Gunner stress + +
+
+ Target Range + +
+
+ + +
+
+
+ + +
+
+ +
+ +
+
+
+ Bonus + +
+
+ Damage + +
+
+ Max Range + +
+
+ + +
+
+
+
+
+ Gunner Ranged + +
+
+ Gunner stress + +
+
+ Target Range + +
+
+ + +
+
+
+ + +
+
+ +
+ +
+
+
+ Bonus + +
+
+ Damage + +
+
+ Max Range + +
+
+ + +
+
+
+
+
+ Gunner Ranged + +
+
+ Gunner stress + +
+
+ Target Range + +
+
+ + +
+
+
+ + +
+
+ +
+ +
+
+
+ Bonus + +
+
+ Damage + +
+
+ Max Range + +
+
+ + +
+
+
+
+
+ Gunner Ranged + +
+
+ Gunner stress + +
+
+ Target Range + +
+
+ + +
+
+
+ + +
+
+ +
+ +
+
+
+ Bonus + +
+
+ Damage + +
+
+ Max Range + +
+
+ + +
+
+
+
+
+ Gunner Ranged + +
+
+ Gunner stress + +
+
+ Target Range + +
+
+ + +
+
+
+ + +
+
+ +
+ +
+
"Building Better Worlds"
@@ -690,6 +1329,7 @@
+
@@ -699,7 +1339,7 @@ {{character-name}}
- {{roll-name}} + {{roll-name}} {{#roll-type}} ({{roll-type}}) {{/roll-type}}
{{#roll-dice}} @@ -718,7 +1358,7 @@
{{/rollBetween() base-roll-one 1 5}} {{#rollWasCrit() base-roll-one}} -
+
{{/rollWasCrit() base-roll-one}}
{{/rollGreater() base-dice 0}} @@ -729,7 +1369,7 @@
{{/rollBetween() base-roll-two 1 5}} {{#rollWasCrit() base-roll-two}} -
+
{{/rollWasCrit() base-roll-two}}
{{/rollGreater() base-dice 1}} @@ -740,7 +1380,7 @@
{{/rollBetween() base-roll-three 1 5}} {{#rollWasCrit() base-roll-three}} -
+
{{/rollWasCrit() base-roll-three}} {{/rollGreater() base-dice 2}} @@ -751,7 +1391,7 @@
{{/rollBetween() base-roll-four 1 5}} {{#rollWasCrit() base-roll-four}} -
+
{{/rollWasCrit() base-roll-four}} {{/rollGreater() base-dice 3}} @@ -762,7 +1402,7 @@
{{/rollBetween() base-roll-five 1 5}} {{#rollWasCrit() base-roll-five}} -
+
{{/rollWasCrit() base-roll-five}} {{/rollGreater() base-dice 4}} @@ -773,7 +1413,7 @@
{{/rollBetween() base-roll-six 1 5}} {{#rollWasCrit() base-roll-six}} -
+
{{/rollWasCrit() base-roll-six}} {{/rollGreater() base-dice 5}} @@ -784,7 +1424,7 @@
{{/rollBetween() base-roll-seven 1 5}} {{#rollWasCrit() base-roll-seven}} -
+
{{/rollWasCrit() base-roll-seven}} {{/rollGreater() base-dice 6}} @@ -795,7 +1435,7 @@
{{/rollBetween() base-roll-eight 1 5}} {{#rollWasCrit() base-roll-eight}} -
+
{{/rollWasCrit() base-roll-eight}} {{/rollGreater() base-dice 7}} @@ -806,7 +1446,7 @@
{{/rollBetween() base-roll-nine 1 5}} {{#rollWasCrit() base-roll-nine}} -
+
{{/rollWasCrit() base-roll-nine}} {{/rollGreater() base-dice 8}} @@ -817,7 +1457,7 @@
{{/rollBetween() base-roll-ten 1 5}} {{#rollWasCrit() base-roll-ten}} -
+
{{/rollWasCrit() base-roll-ten}} {{/rollGreater() base-dice 9}} @@ -828,7 +1468,7 @@
{{/rollBetween() base-roll-eleven 1 5}} {{#rollWasCrit() base-roll-eleven}} -
+
{{/rollWasCrit() base-roll-eleven}} {{/rollGreater() base-dice 10}} @@ -839,7 +1479,7 @@
{{/rollBetween() base-roll-twelve 1 5}} {{#rollWasCrit() base-roll-twelve}} -
+
{{/rollWasCrit() base-roll-twelve}} {{/rollGreater() base-dice 11}} @@ -850,7 +1490,7 @@
{{/rollBetween() base-roll-thirteen 1 5}} {{#rollWasCrit() base-roll-thirteen}} -
+
{{/rollWasCrit() base-roll-thirteen}} {{/rollGreater() base-dice 12}} @@ -861,7 +1501,7 @@
{{/rollBetween() base-roll-fourteen 1 5}} {{#rollWasCrit() base-roll-fourteen}} -
+
{{/rollWasCrit() base-roll-fourteen}} {{/rollGreater() base-dice 13}} @@ -872,7 +1512,7 @@
{{/rollBetween() base-roll-fifteen 1 5}} {{#rollWasCrit() base-roll-fifteen}} -
+
{{/rollWasCrit() base-roll-fifteen}} {{/rollGreater() base-dice 14}} @@ -883,7 +1523,7 @@
{{/rollBetween() base-roll-sixteen 1 5}} {{#rollWasCrit() base-roll-sixteen}} -
+
{{/rollWasCrit() base-roll-sixteen}} {{/rollGreater() base-dice 15}} @@ -894,7 +1534,7 @@
{{/rollBetween() base-roll-seventeen 1 5}} {{#rollWasCrit() base-roll-seventeen}} -
+
{{/rollWasCrit() base-roll-seventeen}} {{/rollGreater() base-dice 16}} @@ -905,7 +1545,7 @@
{{/rollBetween() base-roll-eighteen 1 5}} {{#rollWasCrit() base-roll-eighteen}} -
+
{{/rollWasCrit() base-roll-eighteen}} {{/rollGreater() base-dice 17}} @@ -913,7 +1553,7 @@ {{#rollGreater() stress-dice 0}}
{{#rollWasFumble() stress-roll-one}} -
+
{{/rollWasFumble() stress-roll-one}} {{#rollBetween() stress-roll-one 2 5}}
@@ -927,7 +1567,7 @@ {{#rollGreater() stress-dice 1}}
{{#rollWasFumble() stress-roll-two}} -
+
{{/rollWasFumble() stress-roll-two}} {{#rollBetween() stress-roll-two 2 5}}
@@ -941,7 +1581,7 @@ {{#rollGreater() stress-dice 2}}
{{#rollWasFumble() stress-roll-three}} -
+
{{/rollWasFumble() stress-roll-three}} {{#rollBetween() stress-roll-three 2 5}}
@@ -955,7 +1595,7 @@ {{#rollGreater() stress-dice 3}}
{{#rollWasFumble() stress-roll-four}} -
+
{{/rollWasFumble() stress-roll-four}} {{#rollBetween() stress-roll-four 2 5}}
@@ -969,7 +1609,7 @@ {{#rollGreater() stress-dice 4}}
{{#rollWasFumble() stress-roll-five}} -
+
{{/rollWasFumble() stress-roll-five}} {{#rollBetween() stress-roll-five 2 5}}
@@ -983,7 +1623,7 @@ {{#rollGreater() stress-dice 5}}
{{#rollWasFumble() stress-roll-six}} -
+
{{/rollWasFumble() stress-roll-six}} {{#rollBetween() stress-roll-six 2 5}}
@@ -997,7 +1637,7 @@ {{#rollGreater() stress-dice 6}}
{{#rollWasFumble() stress-roll-seven}} -
+
{{/rollWasFumble() stress-roll-seven}} {{#rollBetween() stress-roll-seven 2 5}}
@@ -1011,7 +1651,7 @@ {{#rollGreater() stress-dice 7}}
{{#rollWasFumble() stress-roll-eight}} -
+
{{/rollWasFumble() stress-roll-eight}} {{#rollBetween() stress-roll-eight 2 5}}
@@ -1025,7 +1665,7 @@ {{#rollGreater() stress-dice 8}}
{{#rollWasFumble() stress-roll-nine}} -
+
{{/rollWasFumble() stress-roll-nine}} {{#rollBetween() stress-roll-nine 2 5}}
@@ -1039,7 +1679,7 @@ {{#rollGreater() stress-dice 9}}
{{#rollWasFumble() stress-roll-ten}} -
+
{{/rollWasFumble() stress-roll-ten}} {{#rollBetween() stress-roll-ten 2 5}}
@@ -1053,7 +1693,7 @@ {{#rollGreater() supply-dice 0}}
{{#rollWasFumble() supply-roll-one}} -
+
{{/rollWasFumble() supply-roll-one}} {{#rollBetween() supply-roll-one 2 6}}
@@ -1064,7 +1704,7 @@ {{#rollGreater() supply-dice 1}}
{{#rollWasFumble() supply-roll-two}} -
+
{{/rollWasFumble() supply-roll-two}} {{#rollBetween() supply-roll-two 2 6}}
@@ -1075,7 +1715,7 @@ {{#rollGreater() supply-dice 2}}
{{#rollWasFumble() supply-roll-three}} -
+
{{/rollWasFumble() supply-roll-three}} {{#rollBetween() supply-roll-three 2 6}}
@@ -1086,7 +1726,7 @@ {{#rollGreater() supply-dice 3}}
{{#rollWasFumble() supply-roll-four}} -
+
{{/rollWasFumble() supply-roll-four}} {{#rollBetween() supply-roll-four 2 6}}
@@ -1097,7 +1737,7 @@ {{#rollGreater() supply-dice 4}}
{{#rollWasFumble() supply-roll-five}} -
+
{{/rollWasFumble() supply-roll-five}} {{#rollBetween() supply-roll-five 2 6}}
@@ -1108,7 +1748,7 @@ {{#rollGreater() supply-dice 5}}
{{#rollWasFumble() supply-roll-six}} -
+
{{/rollWasFumble() supply-roll-six}} {{#rollBetween() supply-roll-six 2 6}}
@@ -1116,7 +1756,15 @@
{{/rollGreater() supply-dice 5}} - + +
+ Success: +
+ +
+ Stress: +
+ {{#current-bonus}}
Bonus: {{current-bonus}} @@ -1128,28 +1776,58 @@
{{/current-damage}} {{#current-range}} -
- {{current-range}} -
+
{{current-range}}
{{/current-range}} {{#current-comment}}
{{current-comment}}
{{/current-comment}} - - {{#allprops() character-name roll-name roll-dice base-dice base-roll-one base-roll-two base-roll-three base-roll-four base-roll-five base-roll-six base-roll-seven base-roll-eight base-roll-nine base-roll-ten base-roll-eleven base-roll-twelve base-roll-thirteen base-roll-fourteen base-roll-fifteen base-roll-sixteen base-roll-seventeen base-roll-eighteen stress-dice stress-roll-one stress-roll-two stress-roll-three stress-roll-four stress-roll-five stress-roll-six stress-roll-seven stress-roll-eight stress-roll-nine stress-roll-ten supply-dice supply-roll-one supply-roll-two supply-roll-three supply-roll-four supply-roll-five supply-roll-six show-weapon current-bonus current-damage current-range current-comment }} + + + + +
- + + + + + + + + + \ No newline at end of file diff --git a/Alien Roleplaying Game/Images/bg.png b/Alien Roleplaying Game/Images/bg.png new file mode 100644 index 0000000000..14792bbf08 Binary files /dev/null and b/Alien Roleplaying Game/Images/bg.png differ diff --git a/Alien Roleplaying Game/translation.json b/Alien Roleplaying Game/translation.json index 6eb1e6b4f3..310b734b66 100644 --- a/Alien Roleplaying Game/translation.json +++ b/Alien Roleplaying Game/translation.json @@ -80,6 +80,12 @@ "weapon-four-name-place": "Weapon four name", "weapon-five-name-place": "Weapon five name", "weapon-six-name-place": "Weapon six name", + "armament1-name-place": "Armament one name", + "armament2-name-place": "Armament two name", + "armament3-name-place": "Armament three name", + "armament4-name-place": "Armament four name", + "armament5-name-place": "Armament five name", + "armament6-name-place": "Armament six name", "attack-u": "Attack", "bonus-u": "Bonus", "damage-u": "Damage",