diff --git a/APOCTHULHU/apocthulhu.css b/APOCTHULHU/apocthulhu.css new file mode 100644 index 0000000000..f7b1c9485a --- /dev/null +++ b/APOCTHULHU/apocthulhu.css @@ -0,0 +1,1257 @@ +@import url('https://fonts.googleapis.com/css?family=Teko:wght@700&display=swap'); + +/* GLOBAL SETTINGS + ============================= */ +* { + box-sizing: border-box; + font-family: sans-serif; +} + +.charsheet { + min-width: 850px; + max-width: 950px; +} +.charsheet button:before { + display: none; +} +.charsheet button:focus > h3, .charsheet button:hover > h3, .charsheet button:active > h3 { + color: whitesmoke; + text-shadow: 1px 1px 2px black, 0 0 25px #f6efe9, 0 0 5px whitesmoke; +} +.charsheet button[type=roll], .charsheet button[type=action] { + background: #dac8d0; + border-bottom: 0.01em solid #666; + border-bottom-right-radius: 0.01em; + border-color: #b3b3b3; + border-radius: 0.25em; + border-right: 0.02em solid #333333; + border-style: outset; + margin: 0.2em !important; + padding: 0.1em !important; +} +.charsheet button[type=action] { + background: #d9d9d9; +} +.charsheet button[type=action]:focus, .charsheet button[type=action]:hover, .charsheet button[type=action]:active { + background-color: #4d4d4d; + color: whitesmoke; +} +.charsheet button[type=roll] { + background: #dac8d0; +} +.charsheet button[type=roll]:focus, .charsheet button[type=roll]:hover, .charsheet button[type=roll]:active { + background-color: #56062b; + color: whitesmoke; +} +.charsheet div { + background: transparent; + width: 100%; +} +.charsheet fieldset { + background: transparent; +} +.charsheet h1 { + text-transform: uppercase; +} +.charsheet h2 { + font-size: 0.8em; + line-height: 2em; + text-transform: uppercase; +} +.charsheet h2.sheet-label { + font-size: 1.1em; + font-weight: bold; + text-transform: capitalize; + text-align: center; + margin-left: 3%; +} +.charsheet h3 { + font-size: 0.8em; + line-height: 2em; + text-transform: capitalize; +} +.charsheet input[type=text], .charsheet input[type=number] { + background: transparent; + border: none; + border-radius: 0em; + color: black; + height: 2.1em; + text-align: center; +} +.charsheet input[type=text]:placeholder-shown, .charsheet input[type=number]:placeholder-shown { + background: #f6efe9; +} +.charsheet label { + margin-bottom: 0px; + padding-right: 0px; +} +.charsheet span { + word-break: break-word; +} +.charsheet textarea { + background: transparent; + color: black; + font-size: 1em; + font-weight: normal; + height: 50px; + margin: 0.5%; + margin-bottom: 2%; + min-height: 8em; + overflow: scroll; + overflow-wrap: break-word; + padding: 2px; + resize: vertical; + text-align: left; + vertical-align: top; + white-space: pre-line; + width: 99%; +} +.charsheet textarea:placeholder-shown { + background: #f6efe9; +} + +.repcontrol { + display: inline-grid; + grid-template-columns: 1fr 1fr; + margin: 1%; + width: 98%; +} +.repcontrol .btn { + color: transparent !important; + float: unset; + padding: 0px; + text-shadow: none; + width: 2.5em; +} +.repcontrol .repcontrol_add { + position: relative; +} +.repcontrol .repcontrol_edit:after, +.repcontrol .repcontrol_add:after { + background: transparent; + color: black; + font-family: pictos; + font-size: 1.5em; + position: relative; + width: 0.2em; +} +.repcontrol .repcontrol_edit:after { + content: "("; + left: -100%; +} +.repcontrol .repcontrol_add:after { + content: "&"; + left: -70%; +} +.repcontrol .repcontrol_edit:hover, +.repcontrol .repcontrol_add:hover, +.repcontrol .repcontrol_edit:focus, +.repcontrol .repcontrol_add:focus { + background: #06562b; +} +.repcontrol .repcontrol_edit:hover:after, +.repcontrol .repcontrol_add:hover:after, +.repcontrol .repcontrol_edit:focus:after, +.repcontrol .repcontrol_add:focus:after { + color: #f6efe9; +} + +.editmode ~ .repcontrol .repcontrol_edit:after { + content: ")"; +} + +.itemcontrol { + z-index: 10; +} +.itemcontrol .repcontrol_del, +.itemcontrol .repcontrol_move { + font-size: 1em; + height: 2em; + padding: 0px; + width: 2em; +} +.itemcontrol .repcontrol_del { + background-color: darkred; + font-family: pictos; +} +.itemcontrol .repcontrol_del:before { + display: none; +} + +div.sheet-npc .repcontrol .repcontrol_add { + left: 90%; +} + +/* ROLL TEMPLATE +============================= */ +.sheet-rolltemplate-rolls, .sheet-rolltemplate-damage, .sheet-rolltemplate-lethality, .sheet-rolltemplate-lethality_critical, .sheet-rolltemplate-sanloss, .sheet-rolltemplate-luck { + /* ROLL TEMPLATE STYLE + ----------------------------- */ +} +.sheet-rolltemplate-rolls div.sheet-template-container, .sheet-rolltemplate-damage div.sheet-template-container, .sheet-rolltemplate-lethality div.sheet-template-container, .sheet-rolltemplate-lethality_critical div.sheet-template-container, .sheet-rolltemplate-sanloss div.sheet-template-container, .sheet-rolltemplate-luck div.sheet-template-container { + border: 2px solid black; + border-radius: 0.3em; + box-shadow: inset 0px 0px 3px 1px black; + text-align: center; + /* DICE ROLL STYLES + ----------------------------- */ +} +.sheet-rolltemplate-rolls div.sheet-template-container .inlinerollresult.fullfail, +.sheet-rolltemplate-rolls div.sheet-template-container .inlinerollresult.fullcrit, +.sheet-rolltemplate-rolls div.sheet-template-container .inlinerollresult.importantroll, .sheet-rolltemplate-damage div.sheet-template-container .inlinerollresult.fullfail, +.sheet-rolltemplate-damage div.sheet-template-container .inlinerollresult.fullcrit, +.sheet-rolltemplate-damage div.sheet-template-container .inlinerollresult.importantroll, .sheet-rolltemplate-lethality div.sheet-template-container .inlinerollresult.fullfail, +.sheet-rolltemplate-lethality div.sheet-template-container .inlinerollresult.fullcrit, +.sheet-rolltemplate-lethality div.sheet-template-container .inlinerollresult.importantroll, .sheet-rolltemplate-lethality_critical div.sheet-template-container .inlinerollresult.fullfail, +.sheet-rolltemplate-lethality_critical div.sheet-template-container .inlinerollresult.fullcrit, +.sheet-rolltemplate-lethality_critical div.sheet-template-container .inlinerollresult.importantroll, .sheet-rolltemplate-sanloss div.sheet-template-container .inlinerollresult.fullfail, +.sheet-rolltemplate-sanloss div.sheet-template-container .inlinerollresult.fullcrit, +.sheet-rolltemplate-sanloss div.sheet-template-container .inlinerollresult.importantroll, .sheet-rolltemplate-luck div.sheet-template-container .inlinerollresult.fullfail, +.sheet-rolltemplate-luck div.sheet-template-container .inlinerollresult.fullcrit, +.sheet-rolltemplate-luck div.sheet-template-container .inlinerollresult.importantroll { + border: none; +} +.sheet-rolltemplate-rolls div.sheet-template-container .inlinerollresult.fullfail, .sheet-rolltemplate-rolls div.sheet-template-container .inlinerollresult.fullcrit, .sheet-rolltemplate-damage div.sheet-template-container .inlinerollresult.fullfail, .sheet-rolltemplate-damage div.sheet-template-container .inlinerollresult.fullcrit, .sheet-rolltemplate-lethality div.sheet-template-container .inlinerollresult.fullfail, .sheet-rolltemplate-lethality div.sheet-template-container .inlinerollresult.fullcrit, .sheet-rolltemplate-lethality_critical div.sheet-template-container .inlinerollresult.fullfail, .sheet-rolltemplate-lethality_critical div.sheet-template-container .inlinerollresult.fullcrit, .sheet-rolltemplate-sanloss div.sheet-template-container .inlinerollresult.fullfail, .sheet-rolltemplate-sanloss div.sheet-template-container .inlinerollresult.fullcrit, .sheet-rolltemplate-luck div.sheet-template-container .inlinerollresult.fullfail, .sheet-rolltemplate-luck div.sheet-template-container .inlinerollresult.fullcrit { + color: black; +} +.sheet-rolltemplate-rolls div.sheet-template-container .inlinerollresult, .sheet-rolltemplate-damage div.sheet-template-container .inlinerollresult, .sheet-rolltemplate-lethality div.sheet-template-container .inlinerollresult, .sheet-rolltemplate-lethality_critical div.sheet-template-container .inlinerollresult, .sheet-rolltemplate-sanloss div.sheet-template-container .inlinerollresult, .sheet-rolltemplate-luck div.sheet-template-container .inlinerollresult { + background-color: transparent; + border: none; + font-weight: unset; + font-size: unset; + padding: unset; +} +.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-header, .sheet-rolltemplate-damage div.sheet-template-container div.sheet-template-header, .sheet-rolltemplate-lethality div.sheet-template-container div.sheet-template-header, .sheet-rolltemplate-lethality_critical div.sheet-template-container div.sheet-template-header, .sheet-rolltemplate-sanloss div.sheet-template-container div.sheet-template-header, .sheet-rolltemplate-luck div.sheet-template-container div.sheet-template-header { + background-color: black; + border-bottom: 2px solid #4d4d4d; + padding: 2%; + text-transform: capitalize; +} +.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-header h1, .sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-header h2, .sheet-rolltemplate-damage div.sheet-template-container div.sheet-template-header h1, .sheet-rolltemplate-damage div.sheet-template-container div.sheet-template-header h2, .sheet-rolltemplate-lethality div.sheet-template-container div.sheet-template-header h1, .sheet-rolltemplate-lethality div.sheet-template-container div.sheet-template-header h2, .sheet-rolltemplate-lethality_critical div.sheet-template-container div.sheet-template-header h1, .sheet-rolltemplate-lethality_critical div.sheet-template-container div.sheet-template-header h2, .sheet-rolltemplate-sanloss div.sheet-template-container div.sheet-template-header h1, .sheet-rolltemplate-sanloss div.sheet-template-container div.sheet-template-header h2, .sheet-rolltemplate-luck div.sheet-template-container div.sheet-template-header h1, .sheet-rolltemplate-luck div.sheet-template-container div.sheet-template-header h2 { + display: inline; + line-height: 1.2em; +} +.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-header h1, .sheet-rolltemplate-damage div.sheet-template-container div.sheet-template-header h1, .sheet-rolltemplate-lethality div.sheet-template-container div.sheet-template-header h1, .sheet-rolltemplate-lethality_critical div.sheet-template-container div.sheet-template-header h1, .sheet-rolltemplate-sanloss div.sheet-template-container div.sheet-template-header h1, .sheet-rolltemplate-luck div.sheet-template-container div.sheet-template-header h1 { + color: whitesmoke; + font-variant: small-caps; + font-size: 1.6em; +} +.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-header h2, .sheet-rolltemplate-damage div.sheet-template-container div.sheet-template-header h2, .sheet-rolltemplate-lethality div.sheet-template-container div.sheet-template-header h2, .sheet-rolltemplate-lethality_critical div.sheet-template-container div.sheet-template-header h2, .sheet-rolltemplate-sanloss div.sheet-template-container div.sheet-template-header h2, .sheet-rolltemplate-luck div.sheet-template-container div.sheet-template-header h2 { + color: #d9d9d9; + font-size: 1.15em; +} +.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body div.sheet-template-row, .sheet-rolltemplate-damage div.sheet-template-container div.sheet-template-body div.sheet-template-row, .sheet-rolltemplate-lethality div.sheet-template-container div.sheet-template-body div.sheet-template-row, .sheet-rolltemplate-lethality_critical div.sheet-template-container div.sheet-template-body div.sheet-template-row, .sheet-rolltemplate-sanloss div.sheet-template-container div.sheet-template-body div.sheet-template-row, .sheet-rolltemplate-luck div.sheet-template-container div.sheet-template-body div.sheet-template-row { + background-color: whitesmoke; + padding: 3%; +} +.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body div.sheet-template-row:nth-child(2n+0), .sheet-rolltemplate-damage div.sheet-template-container div.sheet-template-body div.sheet-template-row:nth-child(2n+0), .sheet-rolltemplate-lethality div.sheet-template-container div.sheet-template-body div.sheet-template-row:nth-child(2n+0), .sheet-rolltemplate-lethality_critical div.sheet-template-container div.sheet-template-body div.sheet-template-row:nth-child(2n+0), .sheet-rolltemplate-sanloss div.sheet-template-container div.sheet-template-body div.sheet-template-row:nth-child(2n+0), .sheet-rolltemplate-luck div.sheet-template-container div.sheet-template-body div.sheet-template-row:nth-child(2n+0) { + background-color: #f6efe9; +} +.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body div.sheet-template-row a[href^="~"], .sheet-rolltemplate-damage div.sheet-template-container div.sheet-template-body div.sheet-template-row a[href^="~"], .sheet-rolltemplate-lethality div.sheet-template-container div.sheet-template-body div.sheet-template-row a[href^="~"], .sheet-rolltemplate-lethality_critical div.sheet-template-container div.sheet-template-body div.sheet-template-row a[href^="~"], .sheet-rolltemplate-sanloss div.sheet-template-container div.sheet-template-body div.sheet-template-row a[href^="~"], .sheet-rolltemplate-luck div.sheet-template-container div.sheet-template-body div.sheet-template-row a[href^="~"] { + background-color: #c8dad0 !important; + font-weight: bold !important; + color: black; + font-size: 0.8em; + border-bottom: 0.01em solid #666; + border-bottom-right-radius: 0.01em; + border-color: #b3b3b3; + border-radius: 0.25em; + border-right: 0.02em solid #333333; + border-style: outset; +} +.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-inlinerollresult, .sheet-rolltemplate-damage div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-inlinerollresult, .sheet-rolltemplate-lethality div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-inlinerollresult, .sheet-rolltemplate-lethality_critical div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-inlinerollresult, .sheet-rolltemplate-sanloss div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-inlinerollresult, .sheet-rolltemplate-luck div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-inlinerollresult { + color: black; + font-size: 1.5em; + font-weight: bold; + cursor: help; + padding: 0 3px 0 3px; +} +.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-percent, .sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-template-desc, .sheet-rolltemplate-damage div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-percent, .sheet-rolltemplate-damage div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-template-desc, .sheet-rolltemplate-lethality div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-percent, .sheet-rolltemplate-lethality div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-template-desc, .sheet-rolltemplate-lethality_critical div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-percent, .sheet-rolltemplate-lethality_critical div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-template-desc, .sheet-rolltemplate-sanloss div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-percent, .sheet-rolltemplate-sanloss div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-template-desc, .sheet-rolltemplate-luck div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-percent, .sheet-rolltemplate-luck div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-template-desc { + color: black; + font-size: 1.2em; +} + +.sheet-rolltemplate-stats { + /* ROLL TEMPLATE STYLE + ----------------------------- */ +} +.sheet-rolltemplate-stats div.sheet-template-container { + border: 2px solid black; + border-radius: 0.3em; + box-shadow: inset 0px 0px 3px 1px black; + text-align: center; + /* DICE ROLL STYLES + ----------------------------- */ +} +.sheet-rolltemplate-stats div.sheet-template-container .inlinerollresult.fullfail, +.sheet-rolltemplate-stats div.sheet-template-container .inlinerollresult.fullcrit, +.sheet-rolltemplate-stats div.sheet-template-container .inlinerollresult.importantroll { + border: none; +} +.sheet-rolltemplate-stats div.sheet-template-container .inlinerollresult.fullfail, .sheet-rolltemplate-stats div.sheet-template-container .inlinerollresult.fullcrit { + color: black; +} +.sheet-rolltemplate-stats div.sheet-template-container .inlinerollresult { + background-color: transparent; + border: none; + font-weight: unset; + font-size: unset; + padding: unset; +} +.sheet-rolltemplate-stats div.sheet-template-container div.sheet-template-header { + background-color: black; + border-bottom: 2px solid #4d4d4d; + padding: 2%; + text-transform: capitalize; +} +.sheet-rolltemplate-stats div.sheet-template-container div.sheet-template-header h1, .sheet-rolltemplate-stats div.sheet-template-container div.sheet-template-header h2 { + display: inline; + line-height: 1.2em; +} +.sheet-rolltemplate-stats div.sheet-template-container div.sheet-template-header h1 { + color: whitesmoke; + font-variant: small-caps; + font-size: 1.6em; +} +.sheet-rolltemplate-stats div.sheet-template-container div.sheet-template-header h2 { + color: #d9d9d9; + font-size: 1.15em; +} +.sheet-rolltemplate-stats div.sheet-template-container div.sheet-template-body div.sheet-template-row { + background-color: whitesmoke; + padding: 3%; +} +.sheet-rolltemplate-stats div.sheet-template-container div.sheet-template-body div.sheet-template-row:nth-child(2n+0) { + background-color: #f6efe9; +} +.sheet-rolltemplate-stats div.sheet-template-container div.sheet-template-body div.sheet-template-row a[href^="~"] { + background-color: #c8dad0 !important; + font-weight: bold !important; + color: black; + font-size: 0.8em; + border-bottom: 0.01em solid #666; + border-bottom-right-radius: 0.01em; + border-color: #b3b3b3; + border-radius: 0.25em; + border-right: 0.02em solid #333333; + border-style: outset; +} +.sheet-rolltemplate-stats div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-inlinerollresult { + color: black; + font-size: 1.5em; + font-weight: bold; + cursor: help; + padding: 0 3px 0 3px; +} +.sheet-rolltemplate-stats div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-percent, .sheet-rolltemplate-stats div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-template-desc { + color: black; + font-size: 1.2em; +} + +/* HIDE DIFFERENT SHEET TYPES BY DEFAULT +============================= */ +div.sheet-npc { + display: none; +} + +input.sheet-type[value=npc] ~ div.sheet-npc, +div.sheet-pc { + display: grid; +} + +/* HIDE PC SECTIONS NOT NEEDED ON NPC PAGE +----------------------------- */ +input.sheet-type[value=npc] ~ div.sheet-pc div.sheet-personal-data { + display: none; +} + +input.sheet-type[value=npc] ~ div.sheet-pc div.sheet-statistical-data { + display: none; +} + +input.sheet-type[value=npc] ~ div.sheet-pc div.sheet-pyschological-data { + display: none; +} + +input.sheet-type[value=npc] ~ div.sheet-pc div.sheet-applicable-skill-sets { + display: none; +} + +input.sheet-type[value=npc] ~ div.sheet-pc div.sheet-injuries { + display: none; +} + +input.sheet-type[value=npc] ~ div.sheet-pc div.sheet-remarks { + display: none; +} + +input.sheet-type[value=npc] ~ div.sheet-pc div.sheet-authorizing-officer { + display: none; +} + +input.sheet-type[value=npc] ~ div.sheet-pc div.sheet-section-bottom-decor { + display: none; +} + +input.sheet-type[value=npc] ~ div.sheet-pc div.sheet-equipment { + display: none; +} + +/* NPC PAGE IS NOT AS WIDE A PC +----------------------------- */ +div.sheet-npc, +input.sheet-type[value=npc] ~ div.sheet-tabs { + min-width: 850px; + max-width: 950px; +} + +/* SWITCHES +============================= */ +/* The switch - the box around the slider */ +.sheet-switch { + position: relative; + display: inline-block; + width: 50px; + height: 24px; +} + +/* Hide default HTML checkbox */ +.sheet-switch input { + opacity: 0; + width: 0; + height: 0; +} + +/* The slider */ +.sheet-slider { + -webkit-transition: 0.4s; + background-color: #ccc; + border-radius: 34px; + bottom: 0; + cursor: pointer; + left: 0; + position: absolute; + right: 0; + top: 0; + transition: 0.4s; +} + +.sheet-slider:before { + -webkit-transition: 0.4s; + background-color: white; + border-radius: 50%; + bottom: 4px; + content: ""; + height: 16px; + left: 4px; + position: absolute; + transition: 0.4s; + width: 16px; +} + +input:checked + .sheet-slider { + background-color: #c8dad0; +} + +input:focus + .sheet-slider { + box-shadow: 0 0 1px #c8dad0; +} + +input:checked + .sheet-slider:before { + -webkit-transform: translateX(26px); + -ms-transform: translateX(26px); + transform: translateX(26px); +} + +/* HIGHLIGHT BUTTONS +============================= */ +input.sheet-display_string[value*=settings] ~ div.sheet-tabs button[name=act_toggle_settings] { + background-color: #4d4d4d; + box-shadow: inset 0px 0px 3px 1px whitesmoke; + color: whitesmoke; +} + +/* GRID +============================= */ +div.sheet-grid { + display: inline-grid; +} + +div.sheet-grid-tab-inputs label:nth-of-type(1) { + grid-area: 2/2/1/1; +} +div.sheet-grid-tab-inputs span:nth-of-type(1) { + grid-area: 1/1/1/1; +} +div.sheet-grid-tab-inputs label:nth-of-type(2) { + grid-area: 2/2/2/2; +} +div.sheet-grid-tab-inputs span:nth-of-type(2) { + grid-area: 1/1/2/2; +} +div.sheet-grid-tab-inputs label:nth-of-type(3) { + grid-area: 2/2/3/3; +} +div.sheet-grid-tab-inputs span:nth-of-type(3) { + grid-area: 1/1/3/3; +} + +/* TABS & LOGO SECTION +============================= */ +div.sheet-tabs { + grid-template-columns: 8em 1fr 6em; + margin-bottom: 0.5%; + background-color: black; +} +div.sheet-tabs label > input { + width: 100%; +} +div.sheet-tabs label.sheet-switch { + grid-column: 1; + margin-left: 5%; + margin-top: 2%; +} +div.sheet-tabs img { + grid-area: 1/2/3/2; + height: 99%; +} +div.sheet-tabs button[name=attr_gm_toggle] { + grid-area: 1/1/1/1; +} +div.sheet-tabs button[name=act_toggle_character] { + grid-area: 1/3/1/3; +} +div.sheet-tabs button[name=act_toggle_npc] { + grid-area: 2/3/2/3; +} +div.sheet-tabs select { + background-color: black; + border: none; + color: whitesmoke; + font-weight: bold; + width: 4em; +} +div.sheet-tabs span { + color: whitesmoke; + font-weight: bold; +} +div.sheet-tabs span:nth-of-type(1) { + padding: 5% 1% 0px 5%; + grid-area: 1/1/1/1; +} +div.sheet-tabs span:nth-of-type(2) { + padding: 5% 1% 0px 5%; + grid-area: 1/3/1/3; +} + +/* GENERIC CLASSES +============================= */ +.sheet-border { + border: 0.15em solid black; +} + +.sheet-border-bottom { + border-bottom: 0.15em solid black; +} + +.sheet-center { + text-align: center; +} + +.sheet-header-body { + grid-template-columns: 3em 1fr; +} + +.sheet-italic { + font-style: italic; +} + +.sheet-margin-left { + margin-left: 2%; +} + +.sheet-pictos { + font-family: "pictos"; +} + +.sheet-none { + display: none; +} + +.sheet-text-align-left { + text-align: left; +} + +.sheet-short { + size: 1em; +} + +.sheet-dicefontd10 { + color: black; + font-family: "dicefontd10"; +} + +h2.sheet-aligned-left, +h3.sheet-aligned-left { + margin-left: 0.5em; + text-align: left; +} + +/* STYLED CHECKBOXES +============================= */ +label.sheet-styled-checkbox input[type=checkbox] { + height: 1.5em; + width: 1.5em; +} + +/* NPC SHEET +============================= */ +div.sheet-npc input[type=text], +div.sheet-npc input[type=number] { + width: 100%; +} +div.sheet-npc div.sheet-section-header input[name=attr_name] { + color: black; + font-size: 1.2em; + text-align: left; +} +div.sheet-npc div.sheet-section-body { + grid-template-columns: 4em 1fr 4em 1fr 4em 1fr 4em 1fr 4em 1fr 4em 1fr; + margin-left: 2%; + max-width: 98%; + /* HIT POINTS & WILLPOWER POINTS & SAN LOSS + ----------------------------- */ + /* ARMOR + ----------------------------- */ + /* SKILLS + ----------------------------- */ + /* ATTACKS + ----------------------------- */ + /* OTHER NOTES + ----------------------------- */ +} +div.sheet-npc div.sheet-section-body h1 { + font-size: 1em; +} +div.sheet-npc div.sheet-section-body h2 { + text-align: center; + text-decoration: underline; +} +div.sheet-npc div.sheet-section-body button > h1 { + font-size: 0.8em; + line-height: 1.8em; +} +div.sheet-npc div.sheet-section-body button > h1:hover, div.sheet-npc div.sheet-section-body button > h1:focus { + color: whitesmoke; +} +div.sheet-npc div.sheet-section-body input { + height: 100%; +} +div.sheet-npc div.sheet-section-body input:placeholder-shown { + border: 0.1em dashed #06562b; +} +div.sheet-npc div.sheet-section-body input[type=text] { + text-align: left; + margin-left: 1%; +} +div.sheet-npc div.sheet-section-body textarea { + grid-column: 1/13; + min-height: 4em; +} +div.sheet-npc div.sheet-section-body div.sheet-repeating-container, +div.sheet-npc div.sheet-section-body label.sheet-row { + grid-column: 1/13; +} +div.sheet-npc div.sheet-section-body h1[data-i18n=HP] { + grid-area: 3/1/3/1; +} +div.sheet-npc div.sheet-section-body label[data-i18n-title="enter hit points"] { + grid-area: 3/2/3/2; +} +div.sheet-npc div.sheet-section-body h1[data-i18n=WP] { + grid-area: 3/3/3/3; +} +div.sheet-npc div.sheet-section-body label[data-i18n-title="enter willpower points"] { + grid-area: 3/4/3/4; +} +div.sheet-npc div.sheet-section-body div.sheet-sanloss { + grid-area: 4/1/4/8; + grid-template-columns: 7em 6em 1em 6em 8em; +} +div.sheet-npc div.sheet-section-body div.sheet-sanloss button[data-i18n-title="san loss roll"] { + display: inline-block; + height: 90%; +} +div.sheet-npc div.sheet-section-body div.sheet-sanloss h1[data-i18n="SAN LOSS"] { + grid-area: 3/5/3/6; +} +div.sheet-npc div.sheet-section-body div.sheet-sanloss input[type=text] { + height: 100%; + width: 5em; + text-align: center; +} +div.sheet-npc div.sheet-section-body div.sheet-sanloss select { + height: 100%; + width: 8em; +} +div.sheet-npc div.sheet-section-body div.sheet-sanloss span.sheet-slash { + color: black; + font-size: 1.2em; + height: 100%; + display: flex; + justify-content: center; + align-items: center; +} +div.sheet-npc div.sheet-section-body h1[data-i18n=armor] { + grid-area: 5/1/5/1; +} +div.sheet-npc div.sheet-section-body label[data-i18n-title="enter armor text"] { + grid-area: 5/2/5/13; + grid-column: 2/13; +} +div.sheet-npc div.sheet-section-body h1[data-i18n=skills] { + grid-area: 6/1/6/1; +} +div.sheet-npc div.sheet-section-body div.sheet-skills { + grid-row: 6/6; + margin-left: 2%; +} +div.sheet-npc div.sheet-section-body div.sheet-skills div.sheet-section-skills, +div.sheet-npc div.sheet-section-body div.sheet-skills div.sheet-section-header { + grid-column-gap: 1%; + grid-template-columns: 1fr 4em 2.5em; +} +div.sheet-npc div.sheet-section-body h1[data-i18n=attacks] { + grid-area: 7/1/7/3; +} +div.sheet-npc div.sheet-section-body div.sheet-attacks { + grid-row: 8/8; + margin-left: 2%; +} +div.sheet-npc div.sheet-section-body div.sheet-attacks input[type=text][name=attr_damage] { + text-align: center; +} +div.sheet-npc div.sheet-section-body div.sheet-attacks div.sheet-section-weapons, +div.sheet-npc div.sheet-section-body div.sheet-attacks div.sheet-section-header { + grid-column-gap: 1%; + grid-template-columns: 6em 4em 7em 4em 8em 8em 6em 6em 3em 1fr 2.5em; +} +div.sheet-npc div.sheet-section-body h1[data-i18n="other notes"] { + grid-area: 9/1/9/3; +} +div.sheet-npc div.sheet-section-body div.sheet-notes { + grid-row: 10/10; + margin-left: 2%; +} +div.sheet-npc div.sheet-section-body div.sheet-notes div.sheet-section-header, +div.sheet-npc div.sheet-section-body div.sheet-notes div.sheet-section { + grid-column-gap: 1%; + grid-template-columns: 10em 1fr; +} + +/* PC SHEET +============================= */ +div.sheet-pc { + grid-column-gap: 0.2em; + grid-row-gap: 0.2em; + grid-template-columns: 1fr 1fr; + /* PERSONAL DATA + ----------------------------- */ + /* STATISTICAL DATA + ----------------------------- */ + /* PSYCHOLOGICAL DATA + ----------------------------- */ + /* APPLICABLE SKILL SET + ----------------------------- */ + /* INJURIES + ----------------------------- */ + /* EQUIPMENT + ----------------------------- */ + /* REMARKS + ----------------------------- */ + /* AUTHORIZING OFFICER + ----------------------------- */ + /* BOTTOM DECORATION + ----------------------------- */ +} +div.sheet-pc h1 { + color: #ff6666; + font-size: 1.5em; + font-family: 'Teko', sans-serif; + text-align: center; + transform: rotate(180deg); +} +div.sheet-pc input[type=text], div.sheet-pc input[type=number] { + width: 100%; +} +div.sheet-pc div.sheet-section-header { + background-color: black; + font-weight: bold; + grid-area: 1/1/1/1; + text-orientation: sideways; + writing-mode: vertical-lr; + height: 100%; +} +div.sheet-pc div.sheet-vert-line, +div.sheet-pc div.sheet-horz-line { + background-color: black; +} +div.sheet-pc div.sheet-horz-line { + height: 2px; +} +div.sheet-pc span.sheet-para:before { + content: "("; +} +div.sheet-pc span.sheet-para:after { + content: ")"; +} +div.sheet-pc div.sheet-personal-data { + grid-column: 1/3; + /* PERSONAL DATA + ----------------------------- */ +} +div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(1) { + grid-row: 1; +} +div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(2) { + grid-row: 1; +} +div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(3) { + grid-row: 1; +} +div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(1), div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(2) { + grid-template-columns: 1fr 0.155em 1fr; +} +div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(1) h2:nth-of-type(1), div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(2) h2:nth-of-type(1) { + grid-area: 1/1/1/3; +} +div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(1) label:nth-of-type(1), div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(2) label:nth-of-type(1) { + grid-area: 2/1/2/3; +} +div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(1) div.sheet-vert-line, div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(2) div.sheet-vert-line { + grid-area: 1/2/3/2; +} +div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(1) h2:nth-of-type(2), div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(2) h2:nth-of-type(2) { + grid-area: 1/3/1/5; +} +div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(1) label:nth-of-type(2), div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(2) label:nth-of-type(2) { + grid-area: 2/3/2/5; +} +div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(3) { + grid-template-columns: 1fr 0.155em 1fr 0.155em 2.01fr; +} +div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(3) h2:nth-of-type(1) { + grid-area: 1/1/1/2; +} +div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(3) label:nth-of-type(1) { + grid-area: 2/1/2/2; +} +div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(3) div.sheet-vert-line:nth-of-type(1) { + grid-area: 1/2/3/2; +} +div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(3) h2:nth-of-type(2) { + grid-area: 1/3/1/5; +} +div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(3) label:nth-of-type(2) { + grid-area: 2/3/2/5; +} +div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(3) div.sheet-vert-line:nth-of-type(2) { + grid-area: 1/4/3/4; +} +div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(3) h2:nth-of-type(3) { + grid-area: 1/5/1/5; +} +div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(3) label:nth-of-type(3) { + grid-area: 2/5/2/5; +} +div.sheet-pc div.sheet-personal-data input[type=text] { + text-align: left; +} +div.sheet-pc div.sheet-statistical-data { + grid-area: 2/1/2/1; +} +div.sheet-pc div.sheet-statistical-data div.sheet-section-body { + grid-template-rows: min-content; +} +div.sheet-pc div.sheet-statistical-data button[type=roll], +div.sheet-pc div.sheet-statistical-data div.sheet-derived-attr { + font-size: 1em; +} +div.sheet-pc div.sheet-statistical-data button[type=roll] span, +div.sheet-pc div.sheet-statistical-data div.sheet-derived-attr span { + font-size: 0.8em; +} +div.sheet-pc div.sheet-statistical-data h3 { + display: inline; + margin-right: 2%; + text-transform: capitalize; +} +div.sheet-pc div.sheet-statistical-data div.sheet-section-stats { + grid-template-columns: 9em 0.155em 2fr 0.155em 1fr 0.155em 14em; +} +div.sheet-pc div.sheet-statistical-data div.sheet-section-stats button[type=roll] { + text-align: left; +} +div.sheet-pc div.sheet-statistical-data div.sheet-section-stats div.sheet-horz-line { + grid-column: 1/8; +} +div.sheet-pc div.sheet-statistical-data div.sheet-section-stats span.sheet-center { + background-color: #d9d9d9; + padding-top: 25%; +} +div.sheet-pc div.sheet-statistical-data div.sheet-section-derived { + grid-template-rows: min-content; +} +div.sheet-pc div.sheet-statistical-data div.sheet-section-derived div.sheet-section { + grid-template-columns: 12em 0.155em 1fr 0.155em 1fr; +} +div.sheet-pc div.sheet-statistical-data div.sheet-section-derived div.sheet-section button[type=roll] { + text-align: left; +} +div.sheet-pc div.sheet-statistical-data div.sheet-section-derived div.sheet-section div.sheet-horz-line { + grid-column: 1/6; +} +div.sheet-pc div.sheet-statistical-data div.sheet-section-derived input[name=attr_sanity_points_max] { + padding-left: 4%; +} +div.sheet-pc div.sheet-statistical-data div.sheet-section-derived span { + padding: 4%; +} +div.sheet-pc div.sheet-statistical-data div.sheet-section-derived span.sheet-center { + background-color: #d9d9d9; +} +div.sheet-pc div.sheet-statistical-data div.sheet-section-physical { + grid-template-rows: min-content; + /*h2 {grid-row: 1 / 1}*/ +} +div.sheet-pc div.sheet-statistical-data div.sheet-section-physical textarea { + /* grid-row: 2 / 2;*/ + min-height: 14em; + height: 100%; +} +div.sheet-pc div.sheet-pyschological-data { + grid-area: 2/2/2/2; + /*grid-template-rows: min-content; + */ +} +div.sheet-pc div.sheet-pyschological-data div.sheet-section-body { + grid-template-rows: min-content; +} +div.sheet-pc div.sheet-pyschological-data textarea { + min-height: 11.5em; +} +div.sheet-pc div.sheet-pyschological-data div.sheet-section-bonds input[type=text] { + text-align: center; +} +div.sheet-pc div.sheet-pyschological-data div.sheet-section-bonds div.sheet-max-height { + max-height: 1.8em; +} +div.sheet-pc div.sheet-pyschological-data div.sheet-section-bonds div.sheet-section { + grid-template-columns: 25em 0.155em 1fr; +} +div.sheet-pc div.sheet-pyschological-data div.sheet-section-bonds div.sheet-repeating-container { + margin-bottom: 0%; + min-height: 14.5em; +} +div.sheet-pc div.sheet-pyschological-data div.sheet-section-bonds div.sheet-repeating-container .repcontrol .repcontrol_add { + right: -84%; +} +div.sheet-pc div.sheet-pyschological-data div.sheet-incidents-body { + grid-template-columns: 6em 2em 2em 2em 4em 6em 2em 2em 2em 4em; + padding-top: 1%; +} +div.sheet-pc div.sheet-pyschological-data div.sheet-incidents-body h3 { + text-transform: capitalize; +} +div.sheet-pc div.sheet-applicable-skill-sets { + grid-column: 1/3; +} +div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body { + grid-template-columns: 1fr 1fr 1fr; +} +div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-skill-col:nth-of-type(1) { + grid-column: 1/1; +} +div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-skill-col:nth-of-type(2) { + grid-column: 2/2; +} +div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-skill-col:nth-of-type(3) { + grid-column: 3/3; +} +div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-skill-col { + grid-template-columns: 2em 15em 0.155em 2fr; +} +div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-skill-col:nth-of-type(1), div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-skill-col:nth-of-type(2) { + border-right: 0.15em solid black; +} +div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-skill-col div.sheet-horz-line { + grid-column: 1/5; +} +div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-skill-col button { + display: inline; + text-align: left; +} +div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-skill-col button h3 { + display: inline; + margin-right: 5%; + padding-left: 2%; +} +div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-skill-col button.sheet-dicefontd10[type=roll] { + text-align: center; +} +div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-skill-col input[type=number] { + height: 100%; +} +div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-skill-col input[type=checkbox] { + margin-left: 10%; + margin-top: 50%; +} +div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-skill-col span { + font-size: 0.8em; + text-align: center; +} +div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-skill-col label.sheet-custom-label { + grid-column: 1/5; +} +div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-skill-col textarea { + margin-bottom: 0em; + margin-left: 1%; + min-height: 2em; + width: 98%; +} +div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-skill-col div.sheet-repeating-container { + grid-column: 1/5; + min-height: 285px; +} +div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-skill-col div.sheet-repeating-container input[type=checkbox] { + margin-top: 20%; +} +div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-skill-col div.sheet-repeating-container .repcontrol .repcontrol_add { + right: -75%; +} +div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-skill-col div.sheet-repeating-container div.sheet-section-repeating { + grid-template-columns: 1fr 12.5em 2.5em 0.155em 2fr; +} +div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-directions { + grid-column: 1/4; +} +div.sheet-pc div.sheet-injuries { + grid-column: 1/3; +} +div.sheet-pc div.sheet-injuries h1 { + grid-row: 1; +} +div.sheet-pc div.sheet-injuries label { + display: inline; +} +div.sheet-pc div.sheet-injuries div.border-bottom { + grid-row: 2; +} +div.sheet-pc div.sheet-equipment { + grid-column: 1/3; +} +div.sheet-pc div.sheet-armor-resources { + grid-template-columns: 60% 0.155em 39%; +} +div.sheet-pc div.sheet-armor-resources div.sheet-section-armor { + grid-column: 1; +} +div.sheet-pc div.sheet-armor-resources div.sheet-section-armor h2 { + display: inline; +} +div.sheet-pc div.sheet-armor-resources div.sheet-section-armor h3 { + display: inline; +} +div.sheet-pc div.sheet-armor-resources div.sheet-section-armor textarea { + min-height: 85%; + margin-bottom: 2%; +} +div.sheet-pc div.sheet-armor-resources div.sheet-section-resources { + grid-column: 3; +} +div.sheet-pc div.sheet-armor-resources div.sheet-section-resources div.sheet-section-perm-resources { + grid-template-columns: 12em 12em; +} +div.sheet-pc div.sheet-armor-resources div.sheet-section-resources div.sheet-section-perm-resources h2 { + grid-row: 1; + grid-column: 1; + font-size: 0.9em; + font-weight: bold; + text-transform: capitalize; + margin-left: 0.5em; +} +div.sheet-pc div.sheet-armor-resources div.sheet-section-resources div.sheet-section-perm-resources label { + grid-row: 1; + grid-column: 2; +} +div.sheet-pc div.sheet-armor-resources div.sheet-section-resources div.sheet-section-resource-checks { + grid-template-columns: 8em 2em 2em 2em 7em 3em; + border-bottom: 0.3em solid; +} +div.sheet-pc div.sheet-armor-resources div.sheet-section-resources div.sheet-section-resource-checks h2 { + grid-row: 1; + margin-left: 1em; +} +div.sheet-pc div.sheet-armor-resources div.sheet-section-resources div.sheet-section-resource-checks label { + font-size: 1em; + display: inline; +} +div.sheet-pc div.sheet-armor-resources div.sheet-section-resources div.sheet-section-resource-allocations { + grid-template-columns: 8em 0.155em 8em 0.155em 8em; + margin-top: 0%; +} +div.sheet-pc div.sheet-armor-resources div.sheet-section-resources div.sheet-section-resource-allocations div.sheet-section-resources-at-hand { + grid-column: 1; + grid-template-columns: 1fr 1fr; +} +div.sheet-pc div.sheet-armor-resources div.sheet-section-resources div.sheet-section-resource-allocations div.sheet-section-resources-at-hand h3 { + line-height: 1em; + grid-row: 1; + grid-column: 1/2; +} +div.sheet-pc div.sheet-armor-resources div.sheet-section-resources div.sheet-section-resource-allocations div.sheet-section-resources-at-hand label { + grid-row: 2; + grid-column: 1; +} +div.sheet-pc div.sheet-armor-resources div.sheet-section-resources div.sheet-section-resource-allocations div.sheet-section-resources-at-hand button { + grid-row: 2; + grid-column: 2; +} +div.sheet-pc div.sheet-armor-resources div.sheet-section-resources div.sheet-section-resource-allocations div.sheet-section-resources-stowed { + grid-column: 3; + grid-template-columns: 1fr 1fr; +} +div.sheet-pc div.sheet-armor-resources div.sheet-section-resources div.sheet-section-resource-allocations div.sheet-section-resources-stowed h3 { + line-height: 1em; + grid-row: 1; + grid-column: 1/2; +} +div.sheet-pc div.sheet-armor-resources div.sheet-section-resources div.sheet-section-resource-allocations div.sheet-section-resources-stowed label { + grid-row: 2; + grid-column: 1; +} +div.sheet-pc div.sheet-armor-resources div.sheet-section-resources div.sheet-section-resource-allocations div.sheet-section-resources-stowed button { + grid-row: 2; + grid-column: 2; +} +div.sheet-pc div.sheet-armor-resources div.sheet-section-resources div.sheet-section-resource-allocations div.sheet-section-resources-in-storage { + grid-column: 5; + grid-template-columns: 1fr 1fr; +} +div.sheet-pc div.sheet-armor-resources div.sheet-section-resources div.sheet-section-resource-allocations div.sheet-section-resources-in-storage h3 { + line-height: 1em; + grid-row: 1; + grid-column: 1/2; +} +div.sheet-pc div.sheet-armor-resources div.sheet-section-resources div.sheet-section-resource-allocations div.sheet-section-resources-in-storage label { + grid-row: 2; + grid-column: 1; +} +div.sheet-pc div.sheet-armor-resources div.sheet-section-resources div.sheet-section-resource-allocations div.sheet-section-resources-in-storage button { + grid-row: 2; + grid-column: 2; +} +div.sheet-pc div.sheet-equipment div.sheet-section-weapons { + grid-template-columns: 15em 0.155em 1.2fr 0.155em 2fr 0.155em 2fr 0.155em 2fr 0.155em 2.5fr 0.155em 2fr 0.155em 2fr 0.155em 1fr 0.155em 2em; +} +div.sheet-pc div.sheet-equipment h2:nth-of-type(1) { + margin-left: 2%; +} +div.sheet-pc div.sheet-equipment h2:nth-of-type(1n+2) { + text-align: center; +} +div.sheet-pc div.sheet-equipment div.sheet-repeating-container .repcontrol .repcontrol_add { + right: -93%; +} +div.sheet-pc div.sheet-equipment div.sheet-repeating-container input[name=attr_weapons] { + text-align: left; +} +div.sheet-pc div.sheet-remarks { + grid-column: 1/3; +} +div.sheet-pc div.sheet-remarks div.sheet-section-body textarea { + min-height: 10em; + margin-bottom: 2%; +} +div.sheet-pc div.sheet-remarks div.sheet-section-body div.sheet-section-19 { + grid-template-columns: 1fr 0.155em 1fr; +} +div.sheet-pc div.sheet-remarks div.sheet-section-body div.sheet-section-19 input[type=text][name=attr_special_training] { + text-align: left; +} +div.sheet-pc div.sheet-remarks div.sheet-section-body div.sheet-section-19 input[type=text][name=attr_skill_or_stat_used] { + text-align: center; +} +div.sheet-pc div.sheet-remarks div.sheet-section-body div.sheet-repeating-container .repcontrol .repcontrol_add { + right: -83%; +} +div.sheet-pc div.sheet-remarks div.sheet-section-directions { + grid-column: 1/4; +} +div.sheet-pc div.sheet-authorizing-officer { + grid-column: 1/3; + grid-template-columns: 1fr 0.155em 1fr; +} +div.sheet-pc div.sheet-authorizing-officer h2 { + grid-row: 1; +} +div.sheet-pc div.sheet-authorizing-officer label { + grid-row: 2; +} +div.sheet-pc div.sheet-section-bottom-decor { + grid-column: 1/3; + grid-template-columns: 3em 1fr 20em 3fr 5em; + margin-top: 2%; +} +div.sheet-pc div.sheet-section-bottom-decor span { + text-transform: uppercase; +} +div.sheet-pc div.sheet-section-bottom-decor span:nth-of-type(odd) { + color: black; + font-size: 1.5em; + font-weight: bolder; +} +div.sheet-pc div.sheet-section-bottom-decor span:nth-of-type(even) { + color: #4d4d4d; + opacity: 0.8; + text-align: center; +} + +/* PLAYS THE ROLE OF a non breaking space at the beginning of the line to circumvent pug removal*/ +div.sheet-nbsp { + text-indent: 0.5em; +} + +/* SETTINGS SHEET +============================= */ +button[name=act_sheet_select] { + height: 2em; + width: 2em; +} + +/* ACCESSIBILITY ADJUSTMENTS +============================= */ +.sheet-hidden { + clip: rect(1px, 1px, 1px, 1px); + clip-path: inset(50%); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} + +/* REMVOE WEBKIT +============================= */ +input[type=number]::-webkit-outer-spin-button, +input[type=number]::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0; +} + +input[type=number] { + -moz-appearance: textfield; +} + +/*# sourceMappingURL=deltagreen.css.map */ diff --git a/APOCTHULHU/apocthulhu.html b/APOCTHULHU/apocthulhu.html new file mode 100644 index 0000000000..900360dc41 --- /dev/null +++ b/APOCTHULHU/apocthulhu.html @@ -0,0 +1,3590 @@ + + + + + + + + + + + + + +
+ Sheet Type
+
+