/* 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: #c8dad0; 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: #c8dad0; } .charsheet button[type=roll]:focus, .charsheet button[type=roll]:hover, .charsheet button[type=roll]:active { background-color: #06562b; 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-sanloss1, .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-sanloss1 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-sanloss1 div.sheet-template-container .inlinerollresult.fullfail, .sheet-rolltemplate-sanloss1 div.sheet-template-container .inlinerollresult.fullcrit, .sheet-rolltemplate-sanloss1 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-sanloss1 div.sheet-template-container .inlinerollresult.fullfail, .sheet-rolltemplate-sanloss1 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-sanloss1 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-sanloss1 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-sanloss1 div.sheet-template-container div.sheet-template-header h1, .sheet-rolltemplate-sanloss1 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-sanloss1 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-sanloss1 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-sanloss1 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-sanloss1 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-sanloss1 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-sanloss1 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-sanloss1 div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-percent, .sheet-rolltemplate-sanloss1 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 h1[data-i18n=SAN] { grid-area: 3/5/3/5; } div.sheet-npc div.sheet-section-body label[data-i18n-title="enter sanity points"] { grid-area: 3/6/3/6; } div.sheet-npc div.sheet-section-body h1[data-i18n=BP] { grid-area: 3/7/3/7; } div.sheet-npc div.sheet-section-body label[data-i18n-title="enter breaking point"] { grid-area: 3/8/3/8; } div.sheet-npc div.sheet-section-body div.sheet-sanloss { grid-area: 4/1/4/11; grid-template-columns: 7em 6em 1em 6em 8em 2em 15em; } 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 6em 6em 4em 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 ============================= */ /* SUMMARY UPDATE */ div.sheet-datahide { display: none; } div[data-groupname=repeating_summary].repcontrol { display: none; } div.sheet-summary { position: absolute; bottom: 40px; right: 10px; display: none; z-index: 1000; background: white; border: 0.01em solid black; width: 30%; min-height: 20%; overflow-y: scroll; } .sheet-section-summary { grid-column-gap: 0.2em; grid-row-gap: 0.2em; grid-template-columns: 4fr 1fr 1fr 1fr; display: grid; justify-items: start; } div.sheet-updateinfo { position: relative; } div.sheet-updateinfo input[type=checkbox] { opacity: 0; width: 16px; height: 16px; position: relative; top: 5px; left: 6px; margin: -10px; cursor: pointer; z-index: 1; } div.sheet-updateinfo input[type=checkbox] + span::before { margin-right: 4px; line-height: 14px; text-align: center; display: inline-block; vertical-align: middle; content: "?"; font-weight: bold; color: black; width: 14px; height: 14px; font-size: 12px; } div.sheet-updateinfo input[type=checkbox]:checked ~ div.sheet-summary { display: grid; } div.sheet-updateinfo input[type=checkbox]:checked + span::before { content: "?"; font-weight: bold; color: gray; } /* MAIN 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: whitesmoke; font-size: 1em; 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; 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 3fr; } 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: 5em; 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: 2%; 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-equipment div.sheet-section-weapons { grid-template-columns: 15em 0.155em 1fr 0.155em 2fr 0.155em 2fr 0.155em 3fr 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 { grid-template-columns: 1fr 0.155em 1fr; } div.sheet-pc div.sheet-remarks div.sheet-section-body textarea { min-height: 83%; 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; } span.sheet-switch-a, input.sheet-switchblock:checked ~ span.sheet-switch-b { display: grid; } span.sheet-switch-b, input.sheet-switchblock:checked ~ span.sheet-switch-a { display: none; } /*# sourceMappingURL=deltagreen.css.map */