diff --git a/Alien Roleplaying Game/Alien-Roleplaying-Game.css b/Alien Roleplaying Game/Alien-Roleplaying-Game.css new file mode 100644 index 0000000000..eab3fd9bcf --- /dev/null +++ b/Alien Roleplaying Game/Alien-Roleplaying-Game.css @@ -0,0 +1,782 @@ +.sheet-background-wrap { + background-color: #000000; /* Black */ + background-image: url("https://s3.amazonaws.com/files.d20.io/images/83962668/aql4wSUsWrVe8vCKDZ0biA/max.jpg?1560542445"); + background-size: cover; + background-repeat: no-repeat; + min-width: 1000px; + padding: 5px 7px 5px 7px; +} + +.sheet-header-image { + background-color: #000000; /* Black */ + background-image: url("https://s3.amazonaws.com/files.d20.io/images/83962780/wLaJCHNbNqb3qufrt8kMmA/max.png?1560542538"); + background-size: cover; + background-repeat: no-repeat; + min-height: 20px; + padding: 0px 0px 15px 0px; +} + +.sheet-footer-image { + background-color: #000000; /* Black */ + background-image: url("https://s3.amazonaws.com/files.d20.io/images/83963842/vHV8mHeJTy1_9qv9lKDS4g/max.png?1560543345"); + background-size: cover; + background-repeat: no-repeat; + min-height: 10px; + padding: 0px 0px 5px 0px; +} + +.sheet-grid-container { + display: grid; + background-color: transparent; + /* border: 1px solid rgba(211, 211, 211, 1); LightGrey */ + border: 1px solid transparent; + border-radius: 5px; + grid-gap: 10px; + padding: 3px 10px 3px 10px; + text-align: center; +} + +.sheet-contains-thirteen-columns { + grid-template-columns: 6.75% 6.75% 6.75% 6.75% 6.75% 6.75% 6.75% 6.75% 6.75% 6.75% 6.75% 6.75% 6.75%; +} + +.sheet-contains-four-columns { + grid-template-columns: 20% 20% auto auto; + padding: 0px; + text-align: left; +} + +.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-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-grid-item { + background-color: rgba(204, 217, 207, 1); + border: 1px solid rgba(211, 211, 211, 1); /* LightGrey */ + border-radius: 5px; + padding: 5px; + line-height: 24px; +} + +.sheet-black-item { + background-color: transparent; + border: 1px solid transparent; +} + +.sheet-what-padding { + padding: 0px; +} + +.sheet-weapon-item { + padding: 0px; +} + +/* - - - - - - - - - - AUTO EXPAND TEXTAREAS - - - - - - - - - - */ +.sheet-auto-expand { + position: relative; + cursor: text; + word-wrap: break-word; + min-height: 1em; + border: 1px Dashed #bfbfbf; + text-align: left; + font-size: 0.9em; + line-height: 1em; + padding: 2px; +} + +.sheet-auto-expand span { + visibility: hidden; + white-space: pre-wrap; + display: block; +} + +.sheet-auto-expand textarea { + position: absolute; + z-index: 1; + top: 0; + left: 0; + margin: 0; + overflow: hidden; + resize: none; + height: 100%; + width: 100%; + display: block; + box-sizing: border-box; + background: transparent; + border: none; + border-radius: 0; + box-shadow: none; + color: inherit; + font: inherit; + letter-spacing: inherit; + padding: inherit; + text-align: inherit; + text-transform: inherit; +} + +.sheet-textarea-margin-correct { + margin: 6px 0px 0px 0px; +} + +.sheet-dotted-line { + height: 0px; + border-bottom: 1px dashed rgba(0, 139, 139, 1); /* Dark Cyan #008b8b */ + padding: 0px; + margin: 3px; +} + +.sheet-teal-header { + color: rgba(204, 217, 207, 1); /* Teal Varient */ +} + +.sheet-medium-teal-header { + color: rgba(113, 142, 135, 1); /* Medium Teal #718e87 */ +} + +.sheet-dark-teal-header { + color: rgba(0, 139, 139, 1); /* Dark Cyan #008b8b */ + font-weight: bold; +} +.sheet-vertical-adjust-one { + margin-top: 3px; +} + +.sheet-vertical-balance { + margin-top: 12px; +} + +.sheet-black-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: left; + width: 85%; + height: 1em; + line-height: 1em; + margin: -14px 15% 0px -7px; + text-align: left; + padding: 0px 0px 0px 5px; +} + +.sheet-more-curves { + border-radius: 20px 20px 20px 0px; +} + +.sheet-black-header { + background-color: rgba(0, 0, 0, 1); /* Black #000000 */ + border: 1px solid rgba(0, 0, 0, 1); /* Black #000000 */ + border-radius: 20px; + width: 90%; + height: 18px; + margin: -18px 0px 0px -7px; + padding: 0px 0px 0px 5px; +} + +.sheet-mini-header { + font-size: .75em; + line-height: .75em; +} + +.sheet-bold { + font-weight: bold; +} + +.sheet-align-left { + text-align: left; +} + +.sheet-float-left { + float: left; + margin-left: 0px; +} + +.sheet-float-right { + float: right; + margin-right: 0px; +} + +.sheet-fake-float { + margin-right: 65%; +} + +.sheet-fake-float-two { + margin-right: 64%; +} + +.sheet-fake-float-three { + margin-right: 57%; +} + +.sheet-fake-float-four { + margin-right: 59.5%; +} + +.sheet-text-input { + color: #000000; + width: 99%; + background: transparent; + border: 1px solid transparent; + padding: 3px; +} + +.sheet-seventy-seven-percent { + width: 77%; +} + +.sheet-make-it-shorter { + width: 89%; +} + +/* - - - - - 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, { + -webkit-appearance: none; + margin: 0; +} + +input[type="number"].sheet-no-spin-input, input[type="number"].sheet-number-input { + -moz-appearance: textfield; +} + +input[type="number"].sheet-no-spin-input { + font-size: 1.5em; + font-weight: bold; + height: 1.5em; + width: 1.5em; + background-color: White; + border: 1px solid White; + border-radius: 50%; + text-align: center; + margin-top: -2px; + margin-left: -3px; + 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; +} + +input[type="number"].sheet-number-input { + text-align: center; + background: transparent; + border: 1px solid transparent; + padding: 3px; +} + +input[type="number"].sheet-shorter-number { + width: 22px; +} + +input[type="number"].sheet-pool-number { + font-size: 1.75em; + font-weight: bold; + height: 1.75em; + width: 1.75em; + background-color: white; + border: 1px solid transparent; + border-radius: 50%; + text-align: center; + + margin-left: -3px; + box-shadow: 1px 1px 10px white, -1px -1px 10px white; +} + +input[type="number"].sheet-low-visibility-number { + color: #bfbfbf; + font-size: 1.25em; + font-weight: bold; + height: 1.5em; + width: 1.5em; + background-color: transparent; + border: 1px solid #bfbfbf; + border-radius: 5px; + text-align: center; + margin-top: 1px; + margin-left: 1px; + box-shadow: none; + padding: 0px; +} + +.sheet-skinny-div { + height: 18px; +} + +/* ACTION BUTTONS FOR TABULAR SHEET */ +button[type="action"].sheet-action-tab { + width: 20%; + height: 10px; + background-color: transparent; + border: 1px solid rgba(105, 105, 105, 0.33); + border-radius: 5px; + font-size: 12px; + line-height: 12px; + color: rgba(105, 105, 105, 0.33); + padding: 0px 0px 2px 0px; +} + +button[type="action"].sheet-action-tab:hover { + color: #ffffff; + background-color: #696969; + border: 1px solid #696969; +} + +button[type="action"].sheet-action-tab:active { + color: #ffffff; + background-color: #696969; + border: 1px solid #696969; +} + +button[type="action"].sheet-action-tab:focus { + color: #ffffff; + background-color: #696969; + border: 1px solid #696969; +} + +button[type="action"].sheet-tab-weapon { + width: 15%; +} + +/* TABS */ +div.sheet-tab-content, div.sheet-box-under-the-bed { + display: none; +} + +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, +input.sheet-tab-four:checked ~ div.sheet-tab-four-contents { + display: block; +} + +input.sheet-tab-alpha:checked ~ div.sheet-tab-alpha-contents, +input.sheet-tab-beta:checked ~ div.sheet-tab-beta-contents, +input.sheet-tab-gamma:checked ~ div.sheet-tab-gamma-contents, +input.sheet-tab-delta:checked ~ div.sheet-tab-delta-contents, +input.sheet-tab-epsilon:checked ~ div.sheet-tab-epsilon-contents, +input.sheet-tab-zeta:checked ~ div.sheet-tab-zeta-contents{ + display: block; +} + +input.sheet-tab { + opacity: 0; + display: none; +} + +/* CUSTOM CHECKBOXES FOR ALIEN RPG */ +input.sheet-numbered-box { + width: 14px; + height: 14px; + position: relative; + top: 0px; + left: 0px; + margin: 0px; + cursor: pointer; + z-index: 5; + opacity: 0; +} + +input.sheet-numbered-box + span::before { + content: attr(title); + color: #dcdcdc; + border: solid 1px #f5f5f5; + text-align: center; + display: inline-block; + background: #f5f5f5; + width: 14px; + height: 14px; + font-size: 9px; + margin-left: -14px; + margin-right: 2px; + padding: 0px 0px 0px 0px; + line-height: 14px; + box-shadow: 0px 0px 5px #008b8b; +} + +input.sheet-numbered-box:checked + span::before { + color: #ffffff; + background: #cc0000; + border: solid 1px #cc0000; + box-shadow: 0px 0px 10px #b30000; +} + +input.sheet-grey-box:checked + span::before { + color: #ffffff; + background: #808080; + border: solid 1px #808080; + box-shadow: 0px 0px 10px #008b8b; +} + +input.sheet-green-box:checked + span::before { + color: #000000; + background: #7cfc00; + border: solid 1px #7cfc00; + box-shadow: 0px 0px 10px #008000; +} + +input.sheet-gold-box:checked + span::before { + color: #000000; + background: #ffd700; + border: solid 1px #ffd700; + box-shadow: 0px 0px 10px #ffd700; +} + +input.sheet-letter-box { + width: 28px; + height: 14px; + position: relative; + top: 0px; + left: 0px; + margin: 0px; + cursor: pointer; + z-index: 5; + opacity: 0; +} + +input.sheet-letter-box + span::before { + content: attr(title); + color: #dcdcdc; + border: solid 1px #f5f5f5; + text-align: center; + display: inline-block; + background: #f5f5f5; + width: 28px; + height: 14px; + font-size: 9px; + margin-left: -28px; + margin-right: 2px; + padding: 0px 0px 0px 0px; + line-height: 14px; + box-shadow: 0px 0px 5px #008b8b; +} + +input.sheet-letter-box:checked + span::before { + color: #ffffff; + background: #808080; + border: solid 1px #808080; + box-shadow: 0px 0px 10px #008b8b; +} + +/* WOOHOO BUTTONS */ +button[type="roll"].sheet-button-alpha:before, button[type="roll"].sheet-button-skill:before, button[type="action"].sheet-action-modifier:before { + content: ""!important; + display: none; + border: none; + background-image: none; + text-shadow: none; +} + +button[type="roll"].sheet-button-skill { + color: #008b8b; /* Dark Cyan #008b8b */ + font-size: 14px; + font-weight: bold; + height: 14px; + line-height: 14px; + width: 60%; + margin: 1px; + background-color: transparent; + border: 1px solid rgb(204, 217, 207); /* Teal Varient */ + border-radius: 5px; + background-image: none; + display: inline; + text-shadow: none; +} + +button[type="roll"].sheet-button-skill:hover { + color: rgb(204, 217, 207); /* Teal Varient */ + background-color: rgba(0, 139, 139, 1); /* Dark Cyan #008b8b */ + border: #008b8b; + text-shadow: none; +} + +button[type="roll"].sheet-button-skill:active { + color: rgb(204, 217, 207); /* Teal Varient */ + background-color: #008b8b; /* Dark Cyan #008b8b */ + border: 1px solid #008b8b; /* Dark Cyan #008b8b */ + box-shadow: 0px 0px 10px #008b8b; +} + +button[type="roll"].sheet-bigger-skill { + width: 75%; +} + +button[type="roll"].sheet-smaller-skill { + width: 16%; +} + +button[type="roll"].sheet-button-alpha { + width: 16%; + border: 1px solid #008b8b; +} + +button[type="roll"].sheet-button-beta { + width: 29.5%; + border: 1px solid #008b8b; +} + +button[type="roll"].sheet-button-gamma { + width: 46%; + border: 1px solid #008b8b; +} + +button[type="roll"].sheet-button-skill:focus { + outline:0; +} + +/* ROLL TEMPLATE STYLING */ +.sheet-rolltemplate-alien .sheet-template-wrap { + background-color: hsl(0, 0%, 22%); + border: 1px solid #404040; + border-radius: 5px; + width: 100%; + margin-left: -10px; + padding: 5px; +} + +.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; + background-size: contain; + background-position: center center; +} + +.sheet-rolltemplate-alien .sheet-template-grid { + display: grid; + grid-gap: 3px; + background-color: transparent; + padding: 3px; + grid-template-columns: 15.75% 15.75% 15.75% 15.75% 15.75% 15.75%; +} + +.sheet-rolltemplate-alien .sheet-template-grid-item { + background-color: rgba(259, 259, 259, 0.05); + color: #ffffff; + border: none; + border-radius: 5px; + padding: 3px; + text-align: center; +} + +.sheet-rolltemplate-alien .sheet-template-span-six { + grid-column: 1 / 7; +} + +.sheet-rolltemplate-alien .sheet-template-span-left { + grid-column: 1 / 3; +} + +.sheet-rolltemplate-alien .sheet-template-span-center { + grid-column: 3 / 5; +} + +.sheet-rolltemplate-alien .sheet-template-span-right { + grid-column: 5 / 7; +} + +.sheet-rolltemplate-alien .sheet-template-span-one { + grid-column: 1 / 2; +} + +.sheet-rolltemplate-alien .sheet-template-span-two { + grid-column: 2 / 3; +} + +.sheet-rolltemplate-alien .sheet-template-span-three { + grid-column: 3 / 4; +} + +.sheet-rolltemplate-alien .sheet-template-span-four { + grid-column: 4 / 5; +} + +.sheet-rolltemplate-alien .sheet-template-span-five { + grid-column: 5 / 6; +} + +.sheet-rolltemplate-alien .sheet-template-span-shix { + grid-column: 6 / 7; +} + +.sheet-rolltemplate-alien .sheet-template-to-the-left { + text-align: left; +} + +.sheet-rolltemplate-alien .sheet-template-to-the-center { + padding-left: 43%; +} + +.sheet-rolltemplate-alien .inlinerollresult { + color: #000000; + font-size: 1.9em; + line-height: 35px; + background-color: transparent; + border: none; + padding: 0px; +} + +.sheet-rolltemplate-alien .inlinerollresult.fullcrit { + color: #000000; + border: none; +} + +.sheet-rolltemplate-alien .inlinerollresult.fullfail { + color: #000000; + border: none; +} + +.sheet-rolltemplate-alien .inlinerollresult.importantroll { + color: #000000; + border: none; +} + +.sheet-rolltemplate-alien .sheet-template-base-between { + height: 35px; + width: 35px; + background-image: url(https://s3.amazonaws.com/files.d20.io/images/87740733/4eYtGQy8lBv64yLyHmmdgA/max.png?1564367828); + background-size: 100% 100%; + +} + +.sheet-rolltemplate-alien .sheet-template-base-success { + height: 35px; + width: 35px; + background-image: url(https://s3.amazonaws.com/files.d20.io/images/87740829/LRc0DPeNN9FHiYP_HzoQfQ/max.png?1564367901); + background-size: 100% 100%; +} + +.sheet-rolltemplate-alien .sheet-template-stress-fail { + height: 35px; + width: 35px; + background-image: url(https://s3.amazonaws.com/files.d20.io/images/87739900/NplRyhIPhIxWYMnzO94flQ/max.png?1564366923); + background-size: 100% 100%; +} + +.sheet-rolltemplate-alien .sheet-template-stress-between { + height: 35px; + width: 35px; + background-image: url(https://s3.amazonaws.com/files.d20.io/images/87740308/KY70aZz89y05m_6Bxn6e5A/max.png?1564367339); + background-size: 100% 100%; +} + +.sheet-rolltemplate-alien .sheet-template-stress-success { + height: 35px; + width: 35px; + background-image: url(https://s3.amazonaws.com/files.d20.io/images/87740381/pKvEx53UKaLkfHlNYi9HPg/max.png?1564367434); + background-size: 100% 100%; +} + +.sheet-rolltemplate-alien .sheet-template-yellow { + height: 35px; + width: 35px; + background-color: #ffe600; + border: none; + border-radius: 5px; + background-position: center; +} \ No newline at end of file diff --git a/Alien Roleplaying Game/Alien-Roleplaying-Game.html b/Alien Roleplaying Game/Alien-Roleplaying-Game.html new file mode 100644 index 0000000000..629e6e953a --- /dev/null +++ b/Alien Roleplaying Game/Alien-Roleplaying-Game.html @@ -0,0 +1,1203 @@ + + +