From 1697145d71a7652e151443ff923363d24834fcfb Mon Sep 17 00:00:00 2001 From: michaelvanweelde <61088388+michaelvanweelde@users.noreply.github.com> Date: Fri, 16 Aug 2024 11:35:59 +0200 Subject: [PATCH 1/2] Add files via upload --- .../100DOSMythicUpdated.css | 2323 +-- .../100DOSMythicUpdated.html | 11966 ++++++++-------- 2 files changed, 7301 insertions(+), 6988 deletions(-) diff --git a/Official_100DOS_Mythic_by_100DOS/100DOSMythicUpdated.css b/Official_100DOS_Mythic_by_100DOS/100DOSMythicUpdated.css index bf5787b2876..8d52a9a783c 100644 --- a/Official_100DOS_Mythic_by_100DOS/100DOSMythicUpdated.css +++ b/Official_100DOS_Mythic_by_100DOS/100DOSMythicUpdated.css @@ -1,1158 +1,1165 @@ -input.sheet-background_switch_1:checked ~ div.sheet-background { background: white } -input.sheet-background_switch_2:checked ~ div.sheet-background { background-image: linear-gradient(#738132, #4b5320); color: white; } -input.sheet-background_switch_3:checked ~ div.sheet-background { background-image: linear-gradient(#8f489d, #59357a); color: white; } -input.sheet-background_switch_5:checked ~ div.sheet-background { background-image: linear-gradient(#aa3f3c, #772C2A); color: white; } -input.sheet-background_switch_4:checked ~ div.sheet-background { background-image: linear-gradient(#C45911, #833C0B); color: white; } -input.sheet-background_switch_6:checked ~ div.sheet-background { background-image: linear-gradient(#266daa, #17466e); color: white; } -input.sheet-background_switch_7:checked ~ div.sheet-background { background-image: linear-gradient(#9c8c60, #695d3f); color: white; } -input.sheet-background_switch_8:checked ~ div.sheet-background { background-image: linear-gradient(#a42444, #66001a); color: white; } -input.sheet-background_switch_9:checked ~ div.sheet-background { background: white; color: black;} - -input.sheet-background_override_switch_1:checked ~ div.sheet-background { background-image: linear-gradient(#738132, #4b5320); color: white; } -input.sheet-background_override_switch_2:checked ~ div.sheet-background { background-image: linear-gradient(#8f489d, #59357a); color: white; } -input.sheet-background_override_switch_3:checked ~ div.sheet-background { background-image: linear-gradient(#C45911, #833C0B); color: white; } -input.sheet-background_override_switch_4:checked ~ div.sheet-background { background-image: linear-gradient(#aa3f3c, #772C2A); color: white; } -input.sheet-background_override_switch_5:checked ~ div.sheet-background { background-image: linear-gradient(#266daa, #17466e); color: white; } -input.sheet-background_override_switch_6:checked ~ div.sheet-background { background-image: linear-gradient(#9c8c60, #695d3f); color: white; } -input.sheet-background_override_switch_7:checked ~ div.sheet-background { background-image: linear-gradient(#a42444, #66001a); color: white; } -input.sheet-background_override_switch_8:checked ~ div.sheet-background { background: white; color: black;} -input.sheet-background_override_switch_9:checked ~ div.sheet-background { background: #4d4d4d; color: white;} -input.sheet-background_override_switch_10:checked ~ div.sheet-background { background: #2E5984; color: white;} -input.sheet-background_override_switch_11:checked ~ div.sheet-background { background: #BFA52B; color: white;} -input.sheet-background_override_switch_12:checked ~ div.sheet-background { background: #696969; color: white;} -input.sheet-background_override_switch_13:checked ~ div.sheet-background { background: #ff00ff; color: black;} -input.sheet-background_override_switch_14:checked ~ div.sheet-background { background-image: linear-gradient(#a0e050, #800020); color: white } -input.sheet-background_override_switch_15:checked ~ div.sheet-background { background-image: linear-gradient(#800020, #3a305b); color: white; } -input.sheet-background_override_switch_16:checked ~ div.sheet-background { background-image: linear-gradient(#15f4ee, #ff08fc); color: darkgreen; } -input.sheet-background_override_switch_17:checked ~ div.sheet-background { background-image: linear-gradient(#019339, #005193); color: white; } - - - -/* ______________________________ start of CSS selectors, patterns used to select element(s) for styling ______________________________ */ - - - -/* Import multiple Google font families; Should ALWAYS be done at the TOP of the page! */ -@import url('https://fonts.googleapis.com/css?family=Orbitron|Saira+Semi+Condensed&display=swap'); -@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400&display=swap'); -/* All input elements that are of type number or type text */ -select, -input[type='number'], -input[type='text'], -button[type='action'] { - background: #394C6A; - color: white; - font-family: Saira Semi Condensed; - text-align: center; - -} - - -/* All horizontal rule elements receive the following CSS property. */ -hr { border-top: 1px dotted black; } - -/* All button elements of type roll */ -button[type='roll'] { - background: black; - color: white; - font-family: Saira Semi Condensed; - text-shadow: none; -} - -/* clear buttons with the clear class */ -button[type="roll"].sheet-clear::before { - content: ""; - display: none; -} - -/* All button elements of type roll when hovered over: */ -button[type='roll']:hover { background: rgb(200, 0, 0) !important; } -button[type='action']:hover {background: rgb(200, 0, 0) !important; } -label:hover { cursor: pointer; } - -/* Both header elements 2 and 3 receive the following CSS properties. */ -h2, h3 { - color: white; - font-family: Orbitron; - letter-spacing: 1px; - text-align: center; - font-size: 16px; -} - -/* Only type-2 headers receive the following CSS properties. */ -h2 { text-decoration: underline; } - -/* Only type-3 headers receive the following CSS properties. */ -h3 { background: #394C6A; } - -/* All instances of the placeholder attribute across all elements */ -::placeholder { - color: white; - opacity: 0.7; -} - -/* All textarea elements (keep width for textarea to prevent stretching off of sheet) */ -textarea { - background: #394C6A; - color: white; - font-family: 'Roboto Mono', monospace; - font-size: 13px; - resize: vertical; - width: calc(100% - 10px); -} - -/* Prevent disabled inputs from consuming mouse clicks */ -input[disabled] { - pointer-events: none; -} - - - - - - -/* ______________________________ end of CSS selectors ______________________________ -______________________________ start of multipurpose or special-use classes such as grey border box on Core and Settings tabs ______________________________ */ - -.sheet-whitetext{ - color: white; -} - -.sheet-compendium-drop-target { - border: 5px solid black; - border-radius: 16px; - margin: -15px; - overflow: hidden; - background-color: black; -} - -.sheet-compendium-drop-target.active-drop-target { - border: 5px solid green; - background-color: green; -} - -.sheet-full_width_49px { width: calc(100% - 49px); } -.sheet-full_width_30px { width: calc(100% - 30px); } - -.sheet-margin_adjust { margin-top: -23px; margin-bottom: 4px; margin-left: -1px;text-align: right; font-size: 16px;} -.sheet-margin_adjust2 { margin-top: -22px; margin-bottom: 4px; margin-left: -26px; text-align: right; font-size: 16px;} -.sheet-margin_adjust_wep { margin-top: -20px; margin-bottom: 2px; margin-left: 2px; text-align: right; font-size: 16px;} -.sheet-margin_adjust_wep2 { margin-top: -20px; margin-bottom: 2px; margin-left: -23px; text-align: right; font-size: 16px;} -.sheet-radius_border_right { border-bottom-right-radius: 7px !important; } -.sheet-radius_border_right_wep { border-bottom-right-radius: 10px !important; } -.sheet-radius_border_left { border-bottom-left-radius: 10px !important; } - -/* These hider checkboxes have names which match the select element on a 1-2-3; -the appropriate element is displayed on a 4 all elements are hidden */ -.sheet-hider:not(:checked) + :not(span) { display: none } -.sheet-hidernot:checked + :not(span) { display: none } - - -.sheet-hidden { display: none; } - -.sheet-input_background { - background: transparent; - border-color: transparent; - color: white; - cursor: pointer; - font-size: 16px; - margin-left: -7px; - margin-top: -3px; - text-align: center; - width: 35px; -} - -.sheet-input_char_background { - margin-top: -4px !important; - margin-bottom: -2px !important; - width: 50px; - margin-left: -12px!important; -} - -.sheet-input_init_background { - margin-top: -3px !important; - margin-bottom: -2px !important; - width: 35px; -} - -.sheet-box { - background: #4d4d4d; - border-top: 3px black solid; - border-radius: 0px; - color: white; - overflow: hidden; - margin-top: -4px -} - -.sheet-table { - background: #4a648c; - color: white; - font-family: Saira Semi Condensed; -} - -.sheet-numerical_field { - margin-right: 20px; - width: 80px !important; -} - -.sheet-end_field { margin-right: 0px } - -.sheet-edge_padding { padding: 2px; } - -/* full height of containing block */ -.sheet-full_height {height: 100%; } -/* 40% width of containing block */ -.sheet-40width { width: 40%; } -/* half width of containing block */ -.sheet-half_width { width: 50%; } -/* 90% width of containing block */ -.sheet-90width { width: 90%; } -/* full width of containing block */ -.sheet-full_width { width: 100%; } - -.sheet-bold_text { font-weight: bold; } -.sheet-border_none { border: none !important; } -.sheet-auto_margin { margin: auto; } -.sheet-huge_text { font-size: 36px; } -.sheet-text_centered { text-align: center; } -.sheet-ssc { font-family: Saira Semi Condensed; } -.sheet-bttn_top_padding { padding-top: 5px } - -.sheet-radius_border { border-radius: 10px; } -.sheet-radius_border_top { - border-top-left-radius: 10px; - border-top-right-radius: 10px; -} -.sheet-radius_border_bottom { - border-bottom-left-radius: 10px; - border-bottom-right-radius: 10px; -} -.sheet-radius_border_heading { - border-top-left-radius: 9px; - border-top-right-radius: 9px; -} - -.sheet-description_rounded_margin { - margin-bottom: -4px; - border-radius: 0px 0px 8px 8px; -} - -.sheet-border_full{ - border-radius: 10px; - border: 3px solid #4a648c; - background: #4a648c; - overflow: hidden; -} - - - -/* ______________________________ end of special-use classes ______________________________ -______________________________ start of grid structure for character information ______________________________ */ - - - -.sheet-gs1 { grid-area: ah1; margin-top: 5px; font-size: 14px; padding-left: 2px } -.sheet-gs2 { grid-area: ah2; margin-top: 5px; font-size: 14px; } -.sheet-gs3 { grid-area: ah3; margin-top: 5px; font-size: 14px; } -.sheet-gs4 { grid-area: ah4; margin-top: 5px; font-size: 14px; } -.sheet-gs5 { grid-area: ah5; margin-top: 5px; font-size: 14px; } -.sheet-gs6 { grid-area: ah6; margin-top: 5px; font-size: 14px; } -.sheet-gs7 { grid-area: ah7; width: calc(100%); text-align: right !important; } -.sheet-gs8 { grid-area: ah8; width: calc(100% + 77px); margin-left: -77px; height: 100%; text-align: right !important; } -.sheet-gs9 { grid-area: ah9; width: calc(100% + 33px); margin-left: -33px; text-align: right !important; } -.sheet-gs10 { grid-area: ah10; width: calc(100% + 97px); margin-left: -97px; text-align: right !important; } -.sheet-gs11 { grid-area: ah11; width: calc(100% + 43px); margin-left: -43px; text-align: right !important; } -.sheet-gs12 { grid-area: ah12; width: calc(100% + 20px); margin-left: -20px; text-align: right !important; } -.sheet-gs13 { grid-area: ah13; margin: 0px 5px; } -.sheet-gs14 { grid-area: ah14; width: calc(100% + 30px); text-align: left !important; } -.sheet-gs15 { grid-area: ah15; width: calc(100% + 78px); text-align: left !important; } -.sheet-gs16 { grid-area: ah16; width: calc(100% + 96px); text-align: left !important; } -.sheet-gs17 { grid-area: ah17; width: calc(100% + 49px); text-align: left !important; } -.sheet-gs18 { grid-area: ah18; width: calc(100% + 30px); text-align: left !important; } -.sheet-gs19 { grid-area: ah19; width: calc(100% + 64px); text-align: left !important; } -.sheet-gs20 { grid-area: ah20; margin-top: 5px; font-size: 14px; text-align: right } -.sheet-gs21 { grid-area: ah21; margin-top: 5px; font-size: 14px; text-align: right } -.sheet-gs22 { grid-area: ah22; margin-top: 5px; font-size: 14px; text-align: right } -.sheet-gs23 { grid-area: ah23; margin-top: 5px; font-size: 14px; text-align: right } -.sheet-gs24 { grid-area: ah24; margin-top: 5px; font-size: 14px; text-align: right } -.sheet-gs25 { grid-area: ah25; margin-top: 5px; font-size: 14px; text-align: right } - -.sheet-header_logo { - font-family: Orbitron; - letter-spacing: 1px; - display: grid; - grid-template-columns: 145px auto 123px auto 145px; - grid-template-rows: 30px 30px 30px 30px 30px 30px; - grid-template-areas: - 'ah1 ah7 ah13 ah14 ah20' - 'ah2 ah8 ah13 ah15 ah21' - 'ah3 ah9 ah13 ah16 ah22' - 'ah4 ah10 ah13 ah17 ah23' - 'ah5 ah11 ah13 ah18 ah24' - 'ah6 ah12 ah13 ah19 ah25'; -} - -/* ______________________________ end of grid structure for character information ______________________________ -______________________________ start of structure for characteristics ______________________________ */ - - - -.sheet-characteristics_background { - background: #404040; - border-top: 3px solid #404040; - border-bottom: 4px solid #404040; - border-left: 2px solid #404040; - border-right: 2px solid #404040; - border-radius: 6px; - display: grid; - grid-column-gap: 0.5%; - grid-template-columns: repeat(9,calc(100%/10 - 0.5%)) calc(100%/10); - grid-template-rows: 26px 40px 26px; -} - -.sheet-characteristics_button { - margin-left: -0.1%!important; - width: calc(100% - 8px); -} -.sheet-characteristics_input { font-size: 30px; } - - - -/* ______________________________ end of structure for characteristics ______________________________ -______________________________ start of grid structure for the mythic characteristics, movement and pushing ______________________________ */ - - -.sheet-characteristics_mythic_movement_carry_header{font-size: 15px; font-family: Orbitron; letter-spacing: 1px; text-align: center;} -.sheet-characteristics_mythic_movement_carry_input{ width: 100%;} -.sheet-characteristics_mythic_movement_carry_text{font-family: Saira Semi Condensed; font-size: 14px; text-align: center; } - -.sheet-characteristics_mythic_movement_carry { - display: grid; - grid-template-columns: 156px auto auto 156px; -} - -.sheet-mythic_grid{ - justify-content: left; - text-align: center; - display: grid; - justify-items: center; - grid-column-gap: 3px; - grid-template-columns: repeat(3,50px); -} - -.sheet-move_grid{ - justify-content: center; - text-align: center; - display: grid; - justify-items: center; - grid-column-gap: 3px; - grid-template-columns: repeat(7,50px); -} - -.sheet-sight_grid{ - justify-content: center; - text-align: center; - display: grid; - justify-items: center; - grid-column-gap: 3px; - grid-template-columns: repeat(1,50px); -} - -.sheet-carry_grid{ - justify-content: right; - text-align: center; - display: grid; - justify-items: center; - grid-column-gap: 3px; - grid-template-columns: repeat(3,50px); -} - - - -/* ______________________________ end of grid structure for the mythic characteristics, movement and pushing ______________________________ -______________________________ start of grid structure for initiative and sheet tabs ______________________________ */ - - - -.sheet-tabs_main { - display: grid; - grid-template-columns: 50% 50%; -} - -.sheet-initiative_container { - display: grid; - grid-template-columns: 100px 78px 16px 50px 16px 70px; -} - -.sheet-init_field { - height: 100%; - margin-right: -60px; - width:100%; -} - -.sheet-init_plus { - font-size: 24px; - font-weight: bold; - padding-top: 12px; - text-align: center; -} - -.sheet-sheet_tabs { - justify-content: right; - margin-right: 3px; - display: grid; - grid-template-columns: 45px 75px 60px 95px 60px 60px 45px; -} - -.sheet-core_bttn:checked + button { - background: rgb(200, 0, 0); - color: white; - vertical-align: center; -} - -/* ______________________________ end of grid structure for initiative and sheet tabs ______________________________ -______________________________ start of tab buttons toggles ______________________________ */ - - - -/* ______________________________ end of tab buttons toggles ______________________________ -______________________________ start of minimisable infographic ______________________________ */ - - - -.sheet-select_text { - background: #394C6A; - border: 1px solid white; - border-radius: 4px; - color: white; - font-family: Saira Semi Condensed; - padding: 0px 4px 0px 4px; -} -.sheet-select_button:checked ~ .sheet-select_text { background: rgb(200, 0, 0); } - -.sheet-infographic_main { margin-left: 5px; } - -.sheet-infographic_buttons{ margin-top: -4px!important; height: 20px; font-weight: bold; border-color: lightgrey;} -.sheet-infographic_select{ margin-top: -4px!important; height: 26px; font-weight: bold; border-color: lightgrey; padding-top: 1px} -.sheet-infographic_toggles { - display: grid; - grid-column-gap: 5px; - grid-template-columns: 54px 82px 90px 113px 84px 82px 64px 88px auto; -} - -.sheet-infographic_grid { - display: grid; - grid-column-gap: 5px; - grid-template-columns: 99px 99px 99px 99px 203px 203px -} - - -.sheet-infographic_header_text { - background: #394C6A !important; - border: 0px solid transparent !important; - border-radius: 0px 0px 0px 3px !important; - font-family: Orbitron !important; - width: 100%; - margin: -1px 0px 0px 0px !important; - box-shadow: none; -} - -.sheet-infographic_header_checkmark { - width: 100%; - text-align: right; - border: 0px solid transparent; - border-radius: 0px 0px 3px 0px; - font-family: Orbitron !important; - font-weight: normal; - font-size: 18px; - margin: 1px 0px 0px -3px; -} -.sheet-infographic_text {color: white; justify-self: right; margin-top: 3px; margin-right: 3px; } -.sheet-infographic_last_element {border-bottom-right-radius: 11px} - -.sheet-infographic_header_grid_checkbox { - display: grid; - grid-template-columns: 65px auto; -} -.sheet-infographic_grid_4x { - background: #4a648c; - display: grid; - grid-template-columns: 50px 50px 50px 50px; - grid-template-rows: 26px 26px; -} - -.sheet-infographic_field_2x { - background: #4a648c; - display: grid; - grid-template-columns: 50px 46px; - grid-template-rows: 26px 26px; -} - - -.sheet-armorgrid_description_container{overflow: hidden;border-radius: 10px} -.sheet-armorgrid_description{height:calc(100% - 11px); border-radius: 10px} -.sheet-armorgrid { - display: grid; - margin-top: 5px; - grid-column-gap: 5px; - grid-template-columns: 203px 203px calc(100% - 203px*2 - 5px*3); -} - -/* ______________________________ end of minimisable infographic ______________________________ -______________________________ start of core tab ______________________________ */ - - - -.sheet-core_lists1 { grid-area: cl1; margin-right: 10px; } -.sheet-core_lists2 { grid-area: cl2; margin-bottom: 5px; } -.sheet-core_lists3 { grid-area: cl3; margin-top: 5px; } -.sheet-core_lists { - display: grid; - grid-template-columns: 400px auto; - grid-template-areas: - 'cl1 cl2' - 'cl1 cl3'; -} - -.sheet-skills_item { margin: 7px 5px; } -.sheet-skills_text { margin: 4px 0px; } -.sheet-skills_diff { margin-left: 8px; } -.sheet-text_left { text-align: left !important; } - -.sheet-skill_header_text {text-align: center;} -.sheet-skill_header { - border-bottom: 1px dotted darkgrey; - margin-top: 7px; - display: grid; - grid-template-columns: auto 50px 55px 50px 30px 30px 30px 35px; - grid-template-rows: 23px; -} - -.sheet-skill_grid { - border-bottom: 1px dotted darkgrey; - padding-top: 1.5px; - padding-bottom: 1.5px; - display: grid; - grid-template-columns: auto 50px 55px 50px 30px 30px 30px 35px; - grid-template-rows: 27px; - -} - -.sheet-education_grid { - border-bottom: 1px dotted darkgrey; - padding-top: 1.5px; - padding-bottom: 1.5px; - display: grid; - grid-template-columns: auto 63px 55px 30px 30px 35px; - grid-template-rows: 27px; -} - -.sheet-education_header { - border-bottom: 1px dotted darkgrey; - margin-top: 7px; - display: grid; - grid-template-columns: auto 63px 55px 25px 38px 30px; - grid-template-rows: 23px; -} - -.sheet-abilities_checkbox_pointer { - margin-top: -21px; - margin-right: 9px; - text-align: right; -} - - - -/* ______________________________ end of core tab ______________________________ -______________________________ start of equipment tab ______________________________ */ - - - -.sheet-equipment_divider { - display: grid; - grid-column-gap: 10px; - grid-template-columns: 49% auto; - grid-template-areas: - 'e1 e2' - 'e3 e3'; -} - -.sheet-equipment_ranged_weapons { grid-area: e1; background:#4a648c;} -.sheet-equipment_melee_weapons { grid-area: e2; background:#4a648c;} -.sheet-equipment_numerics { grid-area: e3; margin-top: 10px; margin-bottom: 10px;} -.sheet-equipment_ranged_weapons_rep { background:#4a648c; border:1px solid white; border-radius: 10px; padding: 2px; } - -.sheet-equipment_ranged_weapons_gs1 { grid-area: rw1; color: white; font-size: 12px; padding: 0px 2px } -.sheet-equipment_ranged_weapons_gs2 { grid-area: rw2; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; } -.sheet-equipment_ranged_weapons_gs3 { grid-area: rw3; color: white; font-size: 12px; padding: 0px 2px } -.sheet-equipment_ranged_weapons_gs4 { grid-area: rw4; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; } -.sheet-equipment_ranged_weapons_gs31 { grid-area: rw31; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; border-top-right-radius: 10px; margin: 0px 0px 0px; height: 27px;} -.sheet-equipment_ranged_weapons_gs5 { grid-area: rw5; color: white; font-size: 12px; padding: 0px 2px } -.sheet-equipment_ranged_weapons_gs6 { grid-area: rw6; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; } -.sheet-equipment_ranged_weapons_gs7 { grid-area: rw7; color: white; font-size: 12px; padding: 0px 2px } -.sheet-equipment_ranged_weapons_gs8 { grid-area: rw8; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; } -.sheet-equipment_ranged_weapons_gs9 { grid-area: rw9; color: white; font-size: 12px; padding: 0px 2px } -.sheet-equipment_ranged_weapons_gs10 { grid-area: rw10; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; } -.sheet-equipment_ranged_weapons_gs11 { grid-area: rw11; color: white; font-size: 12px; padding: 0px 2px } -.sheet-equipment_ranged_weapons_gs12 { grid-area: rw12; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; } -.sheet-equipment_ranged_weapons_gs13 { grid-area: rw13; color: white; font-size: 12px; padding: 0px 2px } -.sheet-equipment_ranged_weapons_gs14 { grid-area: rw14; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; } -.sheet-equipment_ranged_weapons_gs15 { grid-area: rw15; color: white; font-size: 12px; padding: 0px 2px } -.sheet-equipment_ranged_weapons_gs16 { grid-area: rw16; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; } -.sheet-equipment_ranged_weapons_gs17 { grid-area: rw17; color: white; font-size: 30px; margin-top: -27px; text-align: center; height: 12px; } -.sheet-equipment_ranged_weapons_gs18 { grid-area: rw18; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; } -.sheet-equipment_ranged_weapons_gs19 { grid-area: rw19; color: white; font-size: 12px; width: 50px!important;} -.sheet-equipment_ranged_weapons_gs20 { grid-area: rw20; color: white; font-size: 12px; width: 50px!important;} -.sheet-equipment_ranged_weapons_gs21 { grid-area: rw21; color: white; font-size: 12px; padding: 0px 2px } -.sheet-equipment_ranged_weapons_gs22 { grid-area: rw22; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; } -.sheet-equipment_ranged_weapons_gs23 { grid-area: rw23; color: white; font-size: 12px; padding: 0px 2px } -.sheet-equipment_ranged_weapons_gs24 { grid-area: rw24; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; } -.sheet-equipment_ranged_weapons_gs25 { grid-area: rw25; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white;} -.sheet-equipment_ranged_weapons_gs26 { grid-area: rw26; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white;} - -.sheet-equipment_ranged_weapons_grid1 { - align-items: center; - display: grid; - grid-template-columns: auto 45% auto auto auto; - grid-template-areas: - 'rw1 rw2 rw2 rw3 rw4 rw31'; -} - -.sheet-equipment_ranged_weapons_grid2 { - align-items: center; - display: grid; - grid-template-columns: auto auto auto auto auto auto auto auto auto auto; - grid-template-areas: - 'rw5 rw6 rw6 rw7 rw7 rw8 rw9 rw10 rw11 rw12'; -} - -.sheet-equipment_ranged_weapons_grid3 { - align-items: center; - display: grid; - grid-template-columns: auto auto auto auto auto auto 61px 61px; - grid-template-areas: - 'rw13 rw14 rw15 rw16 rw17 rw18 rw19 rw20'; -} - - -.sheet-equipment_ranged_weapons_grid4 { - align-items: center; - display: grid; - grid-template-columns: 23px auto 40px 85px; - grid-template-areas: - 'rw21 rw22 rw23 rw24'; -} -.sheet-equipment_ranged_weapons_grid5 { - padding-top: 1px; - border-top: 1px solid white; - align-items: center; - column-gap: 5px; - display: grid; - grid-template-columns: auto auto; - grid-template-areas: - 'rw25 rw26'; - -} - -.sheet-equipment_melee_weapons_gs1 { grid-area: mw1; color: white; font-size: 12px; padding: 0px 2px } -.sheet-equipment_melee_weapons_gs2 { grid-area: mw2; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; } -.sheet-equipment_melee_weapons_gs3 { grid-area: mw3; color: white; font-size: 12px; padding: 0px 2px } -.sheet-equipment_melee_weapons_gs4 { grid-area: mw4; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; } -.sheet-equipment_melee_weapons_gs5 { grid-area: mw5; color: white; font-size: 12px; padding: 0px 2px } -.sheet-equipment_melee_weapons_gs6 { grid-area: mw6; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; } -.sheet-equipment_melee_weapons_gs7 { grid-area: mw7; color: white; font-size: 30px; margin-top: -27px; text-align: center; height: 12px; } -.sheet-equipment_melee_weapons_gs8 { grid-area: mw8; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; } -.sheet-equipment_melee_weapons_gs9 { grid-area: mw9; color: white; font-size: 12px; width: 50px!important; } -.sheet-equipment_melee_weapons_gs10 { grid-area: mw10; color: white; font-size: 12px; width: 50px!important; } -.sheet-equipment_melee_weapons_gs11 { grid-area: mw11; color: white; font-size: 12px; } -.sheet-equipment_melee_weapons_gs12 { grid-area: mw12; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; height: 27px; margin-left: -8px; margin-bottom: 0px; } -.sheet-equipment_melee_weapons_gs13 { grid-area: mw13; color: white; font-size: 12px; } -.sheet-equipment_melee_weapons_gs14 { grid-area: mw14; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; height: 27px; margin-bottom: 0px; } - -.sheet-equipment_melee_weapons_grid3 { - align-items: center; - display: grid; - grid-template-columns: auto auto auto auto auto auto auto auto 61px 61px; - grid-template-areas: - 'mw1 mw2 mw3 mw4 mw5 mw6 mw7 mw8 mw9 mw10'; -} - -.sheet-equipment_melee_weapons_grid4 { - align-items: center; - display: grid; - grid-template-columns: auto auto auto auto; - grid-template-areas: - 'mw11 mw12 mw13 mw14'; -} - - -.sheet-equipment_header { - background: #394C6A; - font-family: Orbitron; - font-size: 14px; - height: 30px; - letter-spacing: 1px; -} -.sheet-equipment_gear { - display: grid; - grid-template-columns: 30px auto 80px 80px 80px 80px 27px; -} -.sheet-equipment_gear_textarea {margin-left: 0px;} -.sheet-equipment_checkmark {width: 100%; text-align: center; align-self: center; margin-bottom: -1px; font-size: 17px} -.sheet-equipment_default {width: 100%; text-align: center; align-self: center; } -.sheet-equipment_hider {margin-top: 6px !important; font-size: 17px} - - -.sheet-equipment_titles { - font-size: 14px; - text-align: center; - height: 20px; -} - -.sheet-equipment_armor_input { width: 100%; height: 50px; } - - -.sheet-equipment_permutations_grid { - margin: 0px 50.5px 0.6px 0px; - display: grid; - grid-template-columns: auto 250px; -} - - -.sheet-equipment_armor_grid { - display: grid; - grid-template-columns: 12% 12% 12% 12% 4% 12% 12% 12% 12%; -} -.sheet-equipment_armor_headers { - background: #4a648c; - -} - - -/* ______________________________ end of equipment tab ______________________________ -______________________________ start of medical tab ______________________________ */ - -.sheet-medical_damage_effects{ - display: grid; - grid-template-columns: 24.25% 24.25% 24.25% 24.25%; - column-gap: 1%; - row-gap: 5px; - margin-bottom: 5px; - padding-bottom: 3px; -} -.sheet-medical_damage_effects_textarea{ - padding-bottom: 0px !important; - margin-bottom: -4px !important; - border-radius: 0px 0px 9px 9px; -} -.sheet-medical_padding{ - margin-bottom: 5px; -} - -.sheet-medical-grid { - display: grid; - column-gap: 5px; - grid-template-columns: auto 215px; - grid-template-areas: - 'mF mT' -} - -.sheet-medicalHOV{ - border-radius: 9px; - border-bottom: 3px solid transparent; -} -.sheet-medicalHOV_not { - display: grid; - grid-template-columns: auto auto; -} -.sheet-medicalHOV_not { display: none;} -.sheet-medicalHOV:hover .sheet-medicalHOV_not {display: block;} - -.sheet-medical_button{ - border: grey 1px solid; - border-radius: 10px; - box-shadow: none; - background: black!important; - font-size: 20px !important; - font-weight: bold; - margin: 5px 0px 1px 3px; -} -.sheet-medical_header:hover, -.sheet-medical_button:hover { background-color: rgb(200, 0, 0); } - -.sheet-medical_header { - background: black; - font-size: 18px; - font-weight: bold; - height: 30px; - margin-bottom: -10px; -} - -.sheet-medical_text{ - color: white; - font-family: 'Roboto Mono', monospace; - font-size: 12px; -} - -.sheet-medical_table { - border-bottom: 1px dotted #A0A0A0; - color: white; - font-family: 'Roboto Mono', monospace; - font-size: 12px; -} - -.sheet-medical_prosthetics_grid{ - margin: 0px 50.5px 0.6px 0px; - display: grid; - grid-template-columns: auto 100px 100px; -} - - -/* ______________________________ end of medical tab __________________________________________________________ -______________________________ start of advancements tab ______________________________ */ - - - -.sheet-advancements_grid_gs1 {align-self: center; text-align: center; width: 100%; } -.sheet-advancements_grid_gs2 {align-self: center; text-align: center; width: 100% !important; } -.sheet-advancements_grid_gs3 {align-self: center; text-align: center; width: 100% !important; } -.sheet-advancements_grid_gs4 {align-self: center; text-align: center; width: 100%; } -.sheet-advancements_grid_gs5 {align-self: center; text-align: center; width: 100% !important; } -.sheet-advancements_grid_gs6 {align-self: center; text-align: center; width: 100% !important; } -.sheet-advancements_grid_header { - justify-content: center; - display: grid; - grid-template-columns: 29% 10% 10% 1% 29% 10% 10% ; -} - -.sheet-advancements_grid { - justify-content: center; - display: grid; - grid-template-columns: 60% 20% 20% ; -} - -.repcontainer[data-groupname="repeating_traininfaction"], -.repcontainer[data-groupname="repeating_advancements"]{ - display: inline-block; - justify-content: center; - display: grid; - grid-template-columns: 49.5% 49.5%; - grid-column-gap: 1%; -} - -.repcontainer[data-groupname="repeating_trainingweapon"]{ - margin: 0 5px 0 5px; - display: inline-block; - justify-content: center; - display: grid; - grid-template-columns: 19.5% 19.5% 19.5% 19.5% 19.5%; - grid-column-gap: 1%; -} - -.sheet-training { - display: grid; - grid-template-columns: 33% auto; - grid-column-gap: 5px -} - -.sheet-weapon_training_grid { - font-size: 16px; - margin: 2px 0px 0px 20px; - display: grid; - grid-template-columns: 22% 20% 15% 20% 20%; -} - -.sheet-characteristic_spending_number{width: 100%!important; text-align: center; text-indent: 18px;} -.sheet-characteristic_spending_number_total{width: 100%!important; text-align: center; text-indent: 18px; background-color: black !important;} -.sheet-characteristic_spending_text_input{width: 100%!important; text-align: center; font-weight: bold; font-family: Orbitron; letter-spacing: 1px; } - -.sheet-characteristic_spending_window{ - display: grid; - grid-template-columns: 9% 9% 9% 9% 9% 9% 9% 9% 9% 9% auto; -} -.sheet-characteristic_spending_window_button { - background: black; - height: 30px; - border-bottom-left-radius: 10px; -} -.sheet-characteristic_spending_window_button:hover { background-color: rgb(200, 0, 0); } - - -/* ______________________________ end of advancements tab ______________________________ -______________________________ start of vehicles tab ___________________________________________________________ */ - - - -.sheet-vehicles_divider { - display: grid; - grid-template-columns: 49% auto; - grid-column-gap: 10px; -} - -.sheet-vehicle_break{ - margin-bottom: 10px; -} - -.sheet-vehicles_Gn { background: #394C6A; border: none; border-bottom: 1px solid white; border-radius: 0px 0px 0px 0px; color: white; font-family: Saira Semi Condensed; text-align: center; font-size: 16px; } -.sheet-vehicles_Gs { height: 28px; margin-bottom: -8px; margin-top: -1px; border-radius: 0px 0px 0px 4px; border: 0px solid white; border-bottom: 1px solid white; border-right: 1px solid white; } -.sheet-vehicles_Gt { height: 28px; margin-bottom: -8px; margin-top: -1px; border-radius: 0px 0px 4px 0px; border: 0px solid white; border-bottom: 1px solid white; border-left: 1px solid white; } - -.sheet-vehicles_grid_header { - display: grid; - grid-template-columns: 87px auto 87px; -} - -.sheet-vehicles_grid_2x { - display: grid; - grid-template-columns: 50% 50%; - text-align: center; -} - -.sheet-vehicles_grid_4x { - display: grid; - grid-template-columns: 25% 25% 25% 25%; - text-align: center; -} - -.sheet-vehicles_grid_5x { - display: grid; - grid-template-columns: 20% 20% 20% 20% 20%; - text-align: center; -} - -.sheet-vehicles_descriptor{ - border-bottom-left-radius: 8px; -} - -.sheet-vehicle_background{ - background-color: #394c6a; -} - -.sheet-vehicle_smallrollbutton{ - font-size: 12px !important; - height: 15px !important; - border-radius: 7px 7px 0px 0px; - border-bottom: 0px; - padding-top: 0px !important; -} - - - -/* ______________________________ end of vehicles tab ______________________________ -______________________________ start of settings tab _______________________________ */ - -.sheet-settings_grid{ - display: grid; - grid-template-columns: 50% auto; - column-gap: 5px; -} - -.sheet-settings_grid_2x { - display: grid; - grid-template-columns: 50% 50%; - text-align: center; -} - -.sheet-bordered_container{ - border: 2px solid #4a648c; - border-radius: 10px; - background: #4a648c; -} - -.sheet-settings_speciesgrid{ - display: grid; - grid-template-columns: calc(100%/6) calc(100%/6) calc(100%/6) calc(100%/6) calc(100%/6) calc(100%/6); - align-items: center; - justify-items: center; - margin-bottom: 7px; -} - -.sheet-settings_speciesgrid_weight{ - display: grid; - grid-template-columns: calc(100%/6) calc(100%/3) calc(100%/3) calc(100%/6); - align-items: center; - justify-items: center; - margin-bottom: 7px; -} - -.sheet-settings_speciesinputwidth{width: 75%;} - -.sheet-tokenmoddisplay{ height: 82px !important;} - - -/* ______________________________ end of settings tab ______________________________ -______________________________ start of NPC sheet overrides ________________________ */ - -.sheet-NPC_stats_fields { height: 26px !important; font-size: 16px; color: white; width: auto;} -.sheet-NPC_stats_grid{ - padding-top: 2px; - text-align: center; - display: grid; - grid-template-columns: 33% 33% 33%; - grid-template-rows: 18px auto; -} - -.sheet-NPC_core_grid{ - display: grid; - grid-template-columns: 290px 5px auto; -} - -.sheet-NPC_divider{ - display: grid; - grid-template-columns: 52% auto; - grid-column-gap: 10px; -} - -.sheet-NPC_characteristics_fields { height: 26px !important; font-size: 16px; color: white;} -.sheet-NPC_characteristics_roll { width:calc(100% - 10px); height: 20.3px !important; font-size: 16px; } -.sheet-NPC_characteristics_cols { - color: white; - display: grid; - grid-template-columns: 60px 40px 10px 40px 10px 60px 60px; -} -.sheet-NPC_characteristics_rows { - display: grid; - grid-template-columns: 100%; -} - - -.sheet-NPC_pageselect{ - display: grid; - grid-template-columns: 70px 67px 124px auto; -} - -.sheet-NPC_medical { - background: #4a648c; - padding: 2px 2px 2px 2px; - color: white; - font-family: Saira Semi Condensed; - height: 110px; -} -.sheet-NPC_medical_header { - height: 50px; -} - -.sheet-NPC_equipment_gear { - display: grid; - grid-template-columns: 30px auto 60px 27px; -} - -.sheet-NPC_textfield_override { height:300px } - - - - -/* ______________________________ end of NPC sheet overrides ______________________________ -______________________________ start of GM sheet overrides ___________________________________________________________ */ - -.sheet-GM_infographic { - color: white; - text-align: center; - display: grid; - grid-template-columns: auto 3px repeat(10,43px) 3px repeat(7,45px); -} -.sheet-GM_infographic_header { - margin-top: 5px; - margin-bottom: -5px; -} - -.sheet-GM_infographic_element { - align-content: center; - text-align: center; - width: 100% !important; -} - - -/* ______________________________ end of GM sheet overrides ______________________________ -______________________________ start of rolltemplate ___________________________________________________________ */ - - - -.sheet-rolltemplate-mythic .sheet-template-content { - background-image: url(https://github.com/michaelvanweelde/Halo_Mythic_4dot0/blob/master/images/Assets/Mythic_rolltemplate_background.png?raw=true); - background-size: 100%; - border-radius: 10px; - border: 1px solid grey; - overflow: hidden; - color: white; - line-height: 1.6em; - font-size: 1.2em; - font-family: Saira Semi Condensed; - -} - -.sheet-rolltemplate-mythic .sheet-template-header { - border-top: 1px solid grey; - background: #394C6A; - text-align: center; - text-decoration: underline; -} - -.sheet-rolltemplate-mythic .sheet-template-DOS { - transform: translate(0, +4%); -} - - -.sheet-rolltemplate-mythic .sheet-template-right { - text-align: right; - margin-right: 5px -} - -.sheet-rolltemplate-mythic .sheet-template-center { - text-align: center; -} - -.sheet-rolltemplate-mythic .sheet-template-paddedtext { - padding-left: 5px; - padding-right:5px; -} - - -.sheet-rolltemplate-mythic .sheet-template-2xn { - display: grid; - grid-template-columns: auto auto -} - -.sheet-rolltemplate-mythic .sheet-inlineresult { - display: inline-block; - min-width: 1.5em; - text-align: center; - border: 1px solid white!important; - border-radius: 3px 3px 3px 3px; - background: #394C6A !important; - color: white; - line-height: 1.6em; - font-size: 1.2em; - font-family: Saira Semi Condensed; - font-weight: bold; - padding: 0px 4px 0px 4px -} - -.sheet-rolltemplate-mythic .inlinerollresult { - display: inline-block; - min-width: 1.5em; - text-align: center; - border: 1px solid white; - border-radius: 3px 3px 3px 3px; - background: #394C6A -} - -.sheet-rolltemplate-mythic .inlinerollresult.fullcrit { - border: 3px solid #B31515; -} - -.sheet-rolltemplate-mythic .inlinerollresult.fullfail { - border: 3px solid #3FB315; -} - -.sheet-rolltemplate-mythic .inlinerollresult.importantroll { - border: 3px solid #4A57ED; -} - -.sheet-rolltemplate-mythic .sheet-mythic_crit .inlinerollresult.fullcrit { - border: 3px solid #3FB315; -} - -.sheet-rolltemplate-mythic .sheet-mythic_crit .inlinerollresult.fullfail { - border: 3px solid #B31515; -} +input.sheet-background_switch_1:checked ~ div.sheet-background { background: white } +input.sheet-background_switch_2:checked ~ div.sheet-background { background-image: linear-gradient(#738132, #4b5320); color: white; } +input.sheet-background_switch_3:checked ~ div.sheet-background { background-image: linear-gradient(#8f489d, #59357a); color: white; } +input.sheet-background_switch_5:checked ~ div.sheet-background { background-image: linear-gradient(#aa3f3c, #772C2A); color: white; } +input.sheet-background_switch_4:checked ~ div.sheet-background { background-image: linear-gradient(#C45911, #833C0B); color: white; } +input.sheet-background_switch_6:checked ~ div.sheet-background { background-image: linear-gradient(#266daa, #17466e); color: white; } +input.sheet-background_switch_7:checked ~ div.sheet-background { background-image: linear-gradient(#9c8c60, #695d3f); color: white; } +input.sheet-background_switch_8:checked ~ div.sheet-background { background-image: linear-gradient(#a42444, #66001a); color: white; } +input.sheet-background_switch_9:checked ~ div.sheet-background { background: white; color: black;} + +input.sheet-background_override_switch_1:checked ~ div.sheet-background { background-image: linear-gradient(#738132, #4b5320); color: white; } +input.sheet-background_override_switch_2:checked ~ div.sheet-background { background-image: linear-gradient(#8f489d, #59357a); color: white; } +input.sheet-background_override_switch_3:checked ~ div.sheet-background { background-image: linear-gradient(#C45911, #833C0B); color: white; } +input.sheet-background_override_switch_4:checked ~ div.sheet-background { background-image: linear-gradient(#aa3f3c, #772C2A); color: white; } +input.sheet-background_override_switch_5:checked ~ div.sheet-background { background-image: linear-gradient(#266daa, #17466e); color: white; } +input.sheet-background_override_switch_6:checked ~ div.sheet-background { background-image: linear-gradient(#9c8c60, #695d3f); color: white; } +input.sheet-background_override_switch_7:checked ~ div.sheet-background { background-image: linear-gradient(#a42444, #66001a); color: white; } +input.sheet-background_override_switch_8:checked ~ div.sheet-background { background: white; color: black;} +input.sheet-background_override_switch_9:checked ~ div.sheet-background { background: #4d4d4d; color: white;} +input.sheet-background_override_switch_10:checked ~ div.sheet-background { background: #2E5984; color: white;} +input.sheet-background_override_switch_11:checked ~ div.sheet-background { background: #BFA52B; color: white;} +input.sheet-background_override_switch_12:checked ~ div.sheet-background { background: #696969; color: white;} +input.sheet-background_override_switch_13:checked ~ div.sheet-background { background: #ff00ff; color: black;} +input.sheet-background_override_switch_14:checked ~ div.sheet-background { background-image: linear-gradient(#a0e050, #800020); color: white } +input.sheet-background_override_switch_15:checked ~ div.sheet-background { background-image: linear-gradient(#800020, #3a305b); color: white; } +input.sheet-background_override_switch_16:checked ~ div.sheet-background { background-image: linear-gradient(#15f4ee, #ff08fc); color: darkgreen; } +input.sheet-background_override_switch_17:checked ~ div.sheet-background { background-image: linear-gradient(#019339, #005193); color: white; } + + + +/* ______________________________ start of CSS selectors, patterns used to select element(s) for styling ______________________________ */ + + + +/* Import multiple Google font families; Should ALWAYS be done at the TOP of the page! */ +@import url('https://fonts.googleapis.com/css?family=Orbitron|Saira+Semi+Condensed&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400&display=swap'); +/* All input elements that are of type number or type text */ +select, +input[type='number'], +input[type='text'], +button[type='action'] { + background: #394C6A; + color: white; + font-family: Saira Semi Condensed; + text-align: center; + +} + + +/* All horizontal rule elements receive the following CSS property. */ +hr { border-top: 1px dotted black; } + +/* All button elements of type roll */ +button[type='roll'] { + background: black; + color: white; + font-family: Saira Semi Condensed; + text-shadow: none; +} + +/* clear buttons with the clear class */ +button[type="roll"].sheet-clear::before { + content: ""; + display: none; +} + +/* All button elements of type roll when hovered over: */ +button[type='roll']:hover { background: rgb(200, 0, 0) !important; } +button[type='action']:hover {background: rgb(200, 0, 0) !important; } +label:hover { cursor: pointer; } + +/* Both header elements 2 and 3 receive the following CSS properties. */ +h2, h3 { + color: white; + font-family: Orbitron; + letter-spacing: 1px; + text-align: center; + font-size: 16px; +} + +/* Only type-2 headers receive the following CSS properties. */ +h2 { text-decoration: underline; } + +/* Only type-3 headers receive the following CSS properties. */ +h3 { background: #394C6A; } + +/* All instances of the placeholder attribute across all elements */ +::placeholder { + color: white; + opacity: 0.7; +} + +/* All textarea elements (keep width for textarea to prevent stretching off of sheet) */ +textarea { + background: #394C6A; + color: white; + font-family: 'Roboto Mono', monospace; + font-size: 13px; + resize: vertical; + width: calc(100% - 10px); +} + +/* Prevent disabled inputs from consuming mouse clicks */ +input[disabled] { + pointer-events: none; +} + + + + + + +/* ______________________________ end of CSS selectors ______________________________ +______________________________ start of multipurpose or special-use classes such as grey border box on Core and Settings tabs ______________________________ */ + +.sheet-whitetext{ + color: white; +} + +.sheet-compendium-drop-target { + border: 5px solid black; + border-radius: 16px; + margin: -15px; + overflow: hidden; + background-color: black; +} + +.sheet-compendium-drop-target.active-drop-target { + border: 5px solid green; + background-color: green; +} + +.sheet-full_width_49px { width: calc(100% - 49px); } +.sheet-full_width_30px { width: calc(100% - 30px); } + +.sheet-margin_adjust { margin-top: -23px; margin-bottom: 4px; margin-left: -1px;text-align: right; font-size: 16px;} +.sheet-margin_adjust2 { margin-top: -22px; margin-bottom: 4px; margin-left: -26px; text-align: right; font-size: 16px;} +.sheet-margin_adjust_wep { margin-top: -20px; margin-bottom: 2px; margin-left: 2px; text-align: right; font-size: 16px;} +.sheet-margin_adjust_wep2 { margin-top: -20px; margin-bottom: 2px; margin-left: -23px; text-align: right; font-size: 16px;} +.sheet-radius_border_right { border-bottom-right-radius: 7px !important; } +.sheet-radius_border_right_wep { border-bottom-right-radius: 10px !important; } +.sheet-radius_border_left { border-bottom-left-radius: 10px !important; } + +/* These hider checkboxes have names which match the select element on a 1-2-3; +the appropriate element is displayed on a 4 all elements are hidden */ +.sheet-hider:not(:checked) + :not(span) { display: none } +.sheet-hidernot:checked + :not(span) { display: none } + + +.sheet-hidden { display: none; } + +.sheet-input_background { + background: transparent; + border-color: transparent; + color: white; + cursor: pointer; + font-size: 16px; + margin-left: -7px; + margin-top: -3px; + text-align: center; + width: 35px; +} + +.sheet-input_char_background { + margin-top: -4px !important; + margin-bottom: -2px !important; + width: 50px; + margin-left: -12px!important; +} + +.sheet-input_init_background { + margin-top: -3px !important; + margin-bottom: -2px !important; + width: 35px; +} + +.sheet-box { + background: #4d4d4d; + border-top: 3px black solid; + border-radius: 0px; + color: white; + overflow: hidden; + margin-top: -4px +} + +.sheet-table { + background: #4a648c; + color: white; + font-family: Saira Semi Condensed; +} + +.sheet-numerical_field { + margin-right: 20px; + width: 80px !important; +} + +.sheet-end_field { margin-right: 0px } + +.sheet-edge_padding { padding: 2px; } + +/* full height of containing block */ +.sheet-full_height {height: 100%; } +/* 40% width of containing block */ +.sheet-40width { width: 40%; } +/* half width of containing block */ +.sheet-half_width { width: 50%; } +/* 90% width of containing block */ +.sheet-90width { width: 90%; } +/* full width of containing block */ +.sheet-full_width { width: 100%; } + +.sheet-bold_text { font-weight: bold; } +.sheet-border_none { border: none !important; } +.sheet-auto_margin { margin: auto; } +.sheet-huge_text { font-size: 36px; } +.sheet-text_centered { text-align: center; } +.sheet-ssc { font-family: Saira Semi Condensed; } +.sheet-bttn_top_padding { padding-top: 5px } + +.sheet-radius_border { border-radius: 10px; } +.sheet-radius_border_top { + border-top-left-radius: 10px; + border-top-right-radius: 10px; +} +.sheet-radius_border_bottom { + border-bottom-left-radius: 10px; + border-bottom-right-radius: 10px; +} +.sheet-radius_border_heading { + border-top-left-radius: 9px; + border-top-right-radius: 9px; +} + +.sheet-description_rounded_margin { + margin-bottom: -4px; + border-radius: 0px 0px 8px 8px; +} + +.sheet-border_full{ + border-radius: 10px; + border: 3px solid #4a648c; + background: #4a648c; + overflow: hidden; +} + + + +/* ______________________________ end of special-use classes ______________________________ +______________________________ start of grid structure for character information ______________________________ */ + + + +.sheet-gs1 { grid-area: ah1; margin-top: 5px; font-size: 14px; padding-left: 2px } +.sheet-gs2 { grid-area: ah2; margin-top: 5px; font-size: 14px; } +.sheet-gs3 { grid-area: ah3; margin-top: 5px; font-size: 14px; } +.sheet-gs4 { grid-area: ah4; margin-top: 5px; font-size: 14px; } +.sheet-gs5 { grid-area: ah5; margin-top: 5px; font-size: 14px; } +.sheet-gs6 { grid-area: ah6; margin-top: 5px; font-size: 14px; } +.sheet-gs7 { grid-area: ah7; width: calc(100%); text-align: right !important; } +.sheet-gs8 { grid-area: ah8; width: calc(100% + 77px); margin-left: -77px; height: 100%; text-align: right !important; } +.sheet-gs9 { grid-area: ah9; width: calc(100% + 33px); margin-left: -33px; text-align: right !important; } +.sheet-gs10 { grid-area: ah10; width: calc(100% + 97px); margin-left: -97px; text-align: right !important; } +.sheet-gs11 { grid-area: ah11; width: calc(100% + 43px); margin-left: -43px; text-align: right !important; } +.sheet-gs12 { grid-area: ah12; width: calc(100% + 20px); margin-left: -20px; text-align: right !important; } +.sheet-gs13 { grid-area: ah13; margin: 0px 5px; } +.sheet-gs14 { grid-area: ah14; width: calc(100% + 30px); text-align: left !important; } +.sheet-gs15 { grid-area: ah15; width: calc(100% + 78px); text-align: left !important; } +.sheet-gs16 { grid-area: ah16; width: calc(100% + 96px); text-align: left !important; } +.sheet-gs17 { grid-area: ah17; width: calc(100% + 49px); text-align: left !important; } +.sheet-gs18 { grid-area: ah18; width: calc(100% + 30px); text-align: left !important; } +.sheet-gs19 { grid-area: ah19; width: calc(100% + 64px); text-align: left !important; } +.sheet-gs20 { grid-area: ah20; margin-top: 5px; font-size: 14px; text-align: right } +.sheet-gs21 { grid-area: ah21; margin-top: 5px; font-size: 14px; text-align: right } +.sheet-gs22 { grid-area: ah22; margin-top: 5px; font-size: 14px; text-align: right } +.sheet-gs23 { grid-area: ah23; margin-top: 5px; font-size: 14px; text-align: right } +.sheet-gs24 { grid-area: ah24; margin-top: 5px; font-size: 14px; text-align: right } +.sheet-gs25 { grid-area: ah25; margin-top: 5px; font-size: 14px; text-align: right } + +.sheet-header_logo { + font-family: Orbitron; + letter-spacing: 1px; + display: grid; + grid-template-columns: 145px auto 123px auto 145px; + grid-template-rows: 30px 30px 30px 30px 30px 30px; + grid-template-areas: + 'ah1 ah7 ah13 ah14 ah20' + 'ah2 ah8 ah13 ah15 ah21' + 'ah3 ah9 ah13 ah16 ah22' + 'ah4 ah10 ah13 ah17 ah23' + 'ah5 ah11 ah13 ah18 ah24' + 'ah6 ah12 ah13 ah19 ah25'; +} + +/* ______________________________ end of grid structure for character information ______________________________ +______________________________ start of structure for characteristics ______________________________ */ + + + +.sheet-characteristics_background { + background: #404040; + border-top: 3px solid #404040; + border-bottom: 4px solid #404040; + border-left: 2px solid #404040; + border-right: 2px solid #404040; + border-radius: 6px; + display: grid; + grid-column-gap: 0.5%; + grid-template-columns: repeat(9,calc(100%/10 - 0.5%)) calc(100%/10); + grid-template-rows: 26px 40px 26px; +} + +.sheet-characteristics_button { + margin-left: -0.1%!important; + width: calc(100% - 8px); +} +.sheet-characteristics_input { font-size: 30px; } + + + +/* ______________________________ end of structure for characteristics ______________________________ +______________________________ start of grid structure for the mythic characteristics, movement and pushing ______________________________ */ + + +.sheet-characteristics_mythic_movement_carry_header{font-size: 15px; font-family: Orbitron; letter-spacing: 1px; text-align: center;} +.sheet-characteristics_mythic_movement_carry_input{ width: 100%;} +.sheet-characteristics_mythic_movement_carry_text{font-family: Saira Semi Condensed; font-size: 14px; text-align: center; } + +.sheet-characteristics_mythic_movement_carry { + display: grid; + grid-template-columns: 156px auto auto 156px; +} + +.sheet-mythic_grid{ + justify-content: left; + text-align: center; + display: grid; + justify-items: center; + grid-column-gap: 3px; + grid-template-columns: repeat(3,50px); +} + +.sheet-move_grid{ + justify-content: center; + text-align: center; + display: grid; + justify-items: center; + grid-column-gap: 3px; + grid-template-columns: repeat(7,50px); +} + +.sheet-sight_grid{ + justify-content: center; + text-align: center; + display: grid; + justify-items: center; + grid-column-gap: 3px; + grid-template-columns: repeat(1,50px); +} + +.sheet-carry_grid{ + justify-content: right; + text-align: center; + display: grid; + justify-items: center; + grid-column-gap: 3px; + grid-template-columns: repeat(3,50px); +} + + + +/* ______________________________ end of grid structure for the mythic characteristics, movement and pushing ______________________________ +______________________________ start of grid structure for initiative and sheet tabs ______________________________ */ + + + +.sheet-tabs_main { + display: grid; + grid-template-columns: 50% 50%; +} + +.sheet-initiative_container { + display: grid; + grid-template-columns: 100px 78px 16px 50px 16px 70px; +} + +.sheet-init_field { + height: 100%; + margin-right: -60px; + width:100%; +} + +.sheet-init_plus { + font-size: 24px; + font-weight: bold; + padding-top: 12px; + text-align: center; +} + +.sheet-sheet_tabs { + justify-content: right; + margin-right: 3px; + display: grid; + grid-template-columns: 45px 75px 60px 95px 60px 60px 45px; +} + +.sheet-core_bttn:checked + button { + background: rgb(200, 0, 0); + color: white; + vertical-align: center; +} + +/* ______________________________ end of grid structure for initiative and sheet tabs ______________________________ +______________________________ start of tab buttons toggles ______________________________ */ + + + +/* ______________________________ end of tab buttons toggles ______________________________ +______________________________ start of minimisable infographic ______________________________ */ + + + +.sheet-select_text { + background: #394C6A; + border: 1px solid white; + border-radius: 4px; + color: white; + font-family: Saira Semi Condensed; + padding: 0px 4px 0px 4px; +} +.sheet-select_button:checked ~ .sheet-select_text { background: rgb(200, 0, 0); } + +.sheet-infographic_main { margin-left: 5px; } + +.sheet-infographic_buttons{ margin-top: -4px!important; height: 20px; font-weight: bold; border-color: lightgrey;} +.sheet-infographic_select{ margin-top: -4px!important; height: 26px; font-weight: bold; border-color: lightgrey; padding-top: 1px} +.sheet-infographic_toggles { + display: grid; + grid-column-gap: 5px; + grid-template-columns: 54px 82px 90px 113px 84px 82px 64px 88px auto; +} + +.sheet-infographic_grid { + display: grid; + grid-column-gap: 5px; + grid-template-columns: 99px 99px 99px 99px 203px 203px +} + + +.sheet-infographic_header_text { + background: #394C6A !important; + border: 0px solid transparent !important; + border-radius: 0px 0px 0px 3px !important; + font-family: Orbitron !important; + width: 100%; + margin: -1px 0px 0px 0px !important; + box-shadow: none; +} + +.sheet-infographic_header_checkmark { + width: 100%; + text-align: right; + border: 0px solid transparent; + border-radius: 0px 0px 3px 0px; + font-family: Orbitron !important; + font-weight: normal; + font-size: 18px; + margin: 1px 0px 0px -3px; +} +.sheet-infographic_text {color: white; justify-self: right; margin-top: 3px; margin-right: 3px; } +.sheet-infographic_last_element {border-bottom-right-radius: 11px} + +.sheet-infographic_header_grid_checkbox { + display: grid; + grid-template-columns: 65px auto; +} +.sheet-infographic_grid_4x { + background: #4a648c; + display: grid; + grid-template-columns: 50px 50px 50px 50px; + grid-template-rows: 26px 26px; +} + +.sheet-infographic_field_2x { + background: #4a648c; + display: grid; + grid-template-columns: 50px 46px; + grid-template-rows: 26px 26px; +} + + +.sheet-armorgrid_description_container{overflow: hidden;border-radius: 10px} +.sheet-armorgrid_description{height:calc(100% - 11px); border-radius: 10px} +.sheet-armorgrid { + display: grid; + margin-top: 5px; + grid-column-gap: 5px; + grid-template-columns: 203px 203px calc(100% - 203px*2 - 5px*3); +} + +/* ______________________________ end of minimisable infographic ______________________________ +______________________________ start of core tab ______________________________ */ + + + +.sheet-core_lists1 { grid-area: cl1; margin-right: 10px; } +.sheet-core_lists2 { grid-area: cl2; margin-bottom: 5px; } +.sheet-core_lists3 { grid-area: cl3; margin-top: 5px; } +.sheet-core_lists { + display: grid; + grid-template-columns: 400px auto; + grid-template-areas: + 'cl1 cl2' + 'cl1 cl3'; +} + +.sheet-skills_item { margin: 7px 5px; } +.sheet-skills_text { margin: 4px 0px; } +.sheet-skills_diff { margin-left: 8px; } +.sheet-text_left { text-align: left !important; } + +.sheet-skill_header_text {text-align: center;} +.sheet-skill_header { + border-bottom: 1px dotted darkgrey; + margin-top: 7px; + display: grid; + grid-template-columns: auto 50px 55px 50px 30px 30px 30px 35px; + grid-template-rows: 23px; +} + +.sheet-skill_grid { + border-bottom: 1px dotted darkgrey; + padding-top: 1.5px; + padding-bottom: 1.5px; + display: grid; + grid-template-columns: auto 50px 55px 50px 30px 30px 30px 35px; + grid-template-rows: 27px; + +} + +.sheet-education_grid { + border-bottom: 1px dotted darkgrey; + padding-top: 1.5px; + padding-bottom: 1.5px; + display: grid; + grid-template-columns: auto 63px 55px 30px 30px 35px; + grid-template-rows: 27px; +} + +.sheet-education_header { + border-bottom: 1px dotted darkgrey; + margin-top: 7px; + display: grid; + grid-template-columns: auto 63px 55px 25px 38px 30px; + grid-template-rows: 23px; +} + +.sheet-abilities_checkbox_pointer { + margin-top: -21px; + margin-right: 9px; + text-align: right; +} + + + +/* ______________________________ end of core tab ______________________________ +______________________________ start of equipment tab ______________________________ */ + + + +.sheet-equipment_divider { + display: grid; + grid-column-gap: 10px; + grid-template-columns: 49% auto; + grid-template-areas: + 'e1 e2' + 'e3 e3'; +} + +.sheet-equipment_ranged_weapons { grid-area: e1; background:#4a648c;} +.sheet-equipment_melee_weapons { grid-area: e2; background:#4a648c;} +.sheet-equipment_numerics { grid-area: e3; margin-top: 10px; margin-bottom: 10px;} +.sheet-equipment_ranged_weapons_rep { background:#4a648c; border:1px solid white; border-radius: 10px; padding: 2px; } + +.sheet-equipment_ranged_weapons_gs1 { grid-area: rw1; color: white; font-size: 12px; padding: 0px 2px } +.sheet-equipment_ranged_weapons_gs2 { grid-area: rw2; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; } +.sheet-equipment_ranged_weapons_gs3 { grid-area: rw3; color: white; font-size: 12px; padding: 0px 2px } +.sheet-equipment_ranged_weapons_gs4 { grid-area: rw4; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; } +.sheet-equipment_ranged_weapons_gs31 { grid-area: rw31; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; border-top-right-radius: 10px; margin: 0px 0px 0px; height: 27px;} +.sheet-equipment_ranged_weapons_gs5 { grid-area: rw5; color: white; font-size: 12px; padding: 0px 2px } +.sheet-equipment_ranged_weapons_gs6 { grid-area: rw6; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; } +.sheet-equipment_ranged_weapons_gs7 { grid-area: rw7; color: white; font-size: 12px; padding: 0px 2px } +.sheet-equipment_ranged_weapons_gs8 { grid-area: rw8; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; } +.sheet-equipment_ranged_weapons_gs9 { grid-area: rw9; color: white; font-size: 12px; padding: 0px 2px } +.sheet-equipment_ranged_weapons_gs10 { grid-area: rw10; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; } +.sheet-equipment_ranged_weapons_gs11 { grid-area: rw11; color: white; font-size: 12px; padding: 0px 2px } +.sheet-equipment_ranged_weapons_gs12 { grid-area: rw12; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; } +.sheet-equipment_ranged_weapons_gs13 { grid-area: rw13; color: white; font-size: 12px; padding: 0px 2px } +.sheet-equipment_ranged_weapons_gs14 { grid-area: rw14; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; } +.sheet-equipment_ranged_weapons_gs15 { grid-area: rw15; color: white; font-size: 12px; padding: 0px 2px } +.sheet-equipment_ranged_weapons_gs16 { grid-area: rw16; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; } +.sheet-equipment_ranged_weapons_gs17 { grid-area: rw17; color: white; font-size: 30px; margin-top: -27px; text-align: center; height: 12px; } +.sheet-equipment_ranged_weapons_gs18 { grid-area: rw18; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; } +.sheet-equipment_ranged_weapons_gs19 { grid-area: rw19; color: white; font-size: 12px; width: 50px!important;} +.sheet-equipment_ranged_weapons_gs20 { grid-area: rw20; color: white; font-size: 12px; width: 50px!important;} +.sheet-equipment_ranged_weapons_gs21 { grid-area: rw21; color: white; font-size: 12px; padding: 0px 2px } +.sheet-equipment_ranged_weapons_gs22 { grid-area: rw22; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; } +.sheet-equipment_ranged_weapons_gs23 { grid-area: rw23; color: white; font-size: 12px; padding: 0px 2px } +.sheet-equipment_ranged_weapons_gs24 { grid-area: rw24; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; } +.sheet-equipment_ranged_weapons_gs25 { grid-area: rw25; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white;} +.sheet-equipment_ranged_weapons_gs26 { grid-area: rw26; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white;} + +.sheet-equipment_ranged_weapons_grid1 { + align-items: center; + display: grid; + grid-template-columns: auto 45% auto auto auto; + grid-template-areas: + 'rw1 rw2 rw2 rw3 rw4 rw31'; +} + +.sheet-equipment_ranged_weapons_grid2 { + align-items: center; + display: grid; + grid-template-columns: auto auto auto auto auto auto auto auto auto auto; + grid-template-areas: + 'rw5 rw6 rw6 rw7 rw7 rw8 rw9 rw10 rw11 rw12'; +} + +.sheet-equipment_ranged_weapons_grid3 { + align-items: center; + display: grid; + grid-template-columns: auto auto auto auto auto auto 61px 61px; + grid-template-areas: + 'rw13 rw14 rw15 rw16 rw17 rw18 rw19 rw20'; +} + + +.sheet-equipment_ranged_weapons_grid4 { + align-items: center; + display: grid; + grid-template-columns: 23px auto 40px 85px; + grid-template-areas: + 'rw21 rw22 rw23 rw24'; +} +.sheet-equipment_ranged_weapons_grid5 { + padding-top: 1px; + border-top: 1px solid white; + align-items: center; + column-gap: 5px; + display: grid; + grid-template-columns: auto auto; + grid-template-areas: + 'rw25 rw26'; + +} + +.sheet-equipment_melee_weapons_gs1 { grid-area: mw1; color: white; font-size: 12px; padding: 0px 2px } +.sheet-equipment_melee_weapons_gs2 { grid-area: mw2; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; } +.sheet-equipment_melee_weapons_gs3 { grid-area: mw3; color: white; font-size: 12px; padding: 0px 2px } +.sheet-equipment_melee_weapons_gs4 { grid-area: mw4; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; } +.sheet-equipment_melee_weapons_gs5 { grid-area: mw5; color: white; font-size: 12px; padding: 0px 2px } +.sheet-equipment_melee_weapons_gs6 { grid-area: mw6; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; } +.sheet-equipment_melee_weapons_gs7 { grid-area: mw7; color: white; font-size: 30px; margin-top: -27px; text-align: center; height: 12px; } +.sheet-equipment_melee_weapons_gs8 { grid-area: mw8; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; } +.sheet-equipment_melee_weapons_gs9 { grid-area: mw9; color: white; font-size: 12px; width: 50px!important; } +.sheet-equipment_melee_weapons_gs10 { grid-area: mw10; color: white; font-size: 12px; width: 50px!important; } +.sheet-equipment_melee_weapons_gs11 { grid-area: mw11; color: white; font-size: 12px; } +.sheet-equipment_melee_weapons_gs12 { grid-area: mw12; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; height: 27px; margin-left: -8px; margin-bottom: 0px; } +.sheet-equipment_melee_weapons_gs13 { grid-area: mw13; color: white; font-size: 12px; } +.sheet-equipment_melee_weapons_gs14 { grid-area: mw14; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; height: 27px; margin-bottom: 0px; } + +.sheet-equipment_melee_weapons_grid3 { + align-items: center; + display: grid; + grid-template-columns: auto auto auto auto auto auto auto auto 61px 61px; + grid-template-areas: + 'mw1 mw2 mw3 mw4 mw5 mw6 mw7 mw8 mw9 mw10'; +} + +.sheet-equipment_melee_weapons_grid4 { + align-items: center; + display: grid; + grid-template-columns: auto auto auto auto; + grid-template-areas: + 'mw11 mw12 mw13 mw14'; +} + + +.sheet-equipment_header { + background: #394C6A; + font-family: Orbitron; + font-size: 14px; + height: 30px; + letter-spacing: 1px; +} +.sheet-equipment_gear { + display: grid; + grid-template-columns: 30px auto 80px 80px 80px 80px 27px; +} +.sheet-equipment_gear_textarea {margin-left: 0px;} +.sheet-equipment_checkmark {width: 100%; text-align: center; align-self: center; margin-bottom: -1px; font-size: 17px} +.sheet-equipment_default {width: 100%; text-align: center; align-self: center; } +.sheet-equipment_hider {margin-top: 6px !important; font-size: 17px} + + +.sheet-equipment_titles { + font-size: 14px; + text-align: center; + height: 20px; +} + +.sheet-equipment_armor_input { width: 100%; height: 50px; } + + +.sheet-equipment_permutations_grid { + margin: 0px 50.5px 0.6px 0px; + display: grid; + grid-template-columns: auto 250px; +} + + +.sheet-equipment_armor_grid { + display: grid; + grid-template-columns: 12% 12% 12% 12% 4% 12% 12% 12% 12%; +} +.sheet-equipment_armor_headers { + background: #4a648c; + +} + + +/* ______________________________ end of equipment tab ______________________________ +______________________________ start of medical tab ______________________________ */ + +.sheet-medical_damage_effects{ + display: grid; + grid-template-columns: 24.25% 24.25% 24.25% 24.25%; + column-gap: 1%; + row-gap: 5px; + margin-bottom: 5px; + padding-bottom: 3px; +} +.sheet-medical_damage_effects_textarea{ + padding-bottom: 0px !important; + margin-bottom: -4px !important; + border-radius: 0px 0px 9px 9px; +} +.sheet-medical_padding{ + margin-bottom: 5px; +} + +.sheet-medical-grid { + display: grid; + column-gap: 5px; + grid-template-columns: auto 215px; + grid-template-areas: + 'mF mT' +} + +.sheet-medicalHOV{ + border-radius: 9px; + border-bottom: 3px solid transparent; +} +.sheet-medicalHOV_not { + display: grid; + grid-template-columns: auto auto; +} +.sheet-medicalHOV_not { display: none;} +.sheet-medicalHOV:hover .sheet-medicalHOV_not {display: block;} + +.sheet-medical_button{ + border: grey 1px solid; + border-radius: 10px; + box-shadow: none; + background: black!important; + font-size: 20px !important; + font-weight: bold; + margin: 5px 0px 1px 3px; +} +.sheet-medical_header:hover, +.sheet-medical_button:hover { background-color: rgb(200, 0, 0); } + +.sheet-medical_header { + background: black; + font-size: 18px; + font-weight: bold; + height: 30px; + margin-bottom: -10px; +} + +.sheet-medical_text{ + color: white; + font-family: 'Roboto Mono', monospace; + font-size: 12px; +} + +.sheet-medical_table { + border-bottom: 1px dotted #A0A0A0; + color: white; + font-family: 'Roboto Mono', monospace; + font-size: 12px; +} + +.sheet-medical_prosthetics_grid{ + margin: 0px 50.5px 0.6px 0px; + display: grid; + grid-template-columns: auto 100px 100px; +} + + +/* ______________________________ end of medical tab __________________________________________________________ +______________________________ start of advancements tab ______________________________ */ + + + +.sheet-advancements_grid_gs1 {align-self: center; text-align: center; width: 100%; } +.sheet-advancements_grid_gs2 {align-self: center; text-align: center; width: 100% !important; } +.sheet-advancements_grid_gs3 {align-self: center; text-align: center; width: 100% !important; } +.sheet-advancements_grid_gs4 {align-self: center; text-align: center; width: 100%; } +.sheet-advancements_grid_gs5 {align-self: center; text-align: center; width: 100% !important; } +.sheet-advancements_grid_gs6 {align-self: center; text-align: center; width: 100% !important; } +.sheet-advancements_grid_header { + justify-content: center; + display: grid; + grid-template-columns: 29% 10% 10% 1% 29% 10% 10% ; +} + +.sheet-advancements_grid { + justify-content: center; + display: grid; + grid-template-columns: 60% 20% 20% ; +} + +.repcontainer[data-groupname="repeating_traininfaction"], +.repcontainer[data-groupname="repeating_advancements"]{ + display: inline-block; + justify-content: center; + display: grid; + grid-template-columns: 49.5% 49.5%; + grid-column-gap: 1%; +} + +.repcontainer[data-groupname="repeating_trainingweapon"]{ + margin: 0 5px 0 5px; + display: inline-block; + justify-content: center; + display: grid; + grid-template-columns: 19.5% 19.5% 19.5% 19.5% 19.5%; + grid-column-gap: 1%; +} + +.sheet-training { + display: grid; + grid-template-columns: 33% auto; + grid-column-gap: 5px +} + +.sheet-weapon_training_grid { + font-size: 16px; + margin: 2px 0px 0px 20px; + display: grid; + grid-template-columns: 22% 20% 15% 20% 20%; +} + +.sheet-characteristic_spending_number{width: 100%!important; text-align: center; text-indent: 18px;} +.sheet-characteristic_spending_number_total{width: 100%!important; text-align: center; text-indent: 18px; background-color: black !important;} +.sheet-characteristic_spending_text_input{width: 100%!important; text-align: center; font-weight: bold; font-family: Orbitron; letter-spacing: 1px; } + +.sheet-characteristic_spending_window{ + display: grid; + grid-template-columns: 9% 9% 9% 9% 9% 9% 9% 9% 9% 9% auto; +} +.sheet-characteristic_spending_window_button { + background: black; + height: 30px; + border-bottom-left-radius: 10px; +} +.sheet-characteristic_spending_window_button:hover { background-color: rgb(200, 0, 0); } + + +/* ______________________________ end of advancements tab ______________________________ +______________________________ start of vehicles tab ___________________________________________________________ */ + + + +.sheet-vehicles_divider { + display: grid; + grid-template-columns: 49% auto; + grid-column-gap: 10px; +} + +.sheet-vehicle_break{ + margin-bottom: 10px; +} + +.sheet-vehicles_Gn { background: #394C6A; border: none; border-bottom: 1px solid white; border-radius: 0px 0px 0px 0px; color: white; font-family: Saira Semi Condensed; text-align: center; font-size: 16px; } +.sheet-vehicles_Gs { height: 28px; margin-bottom: -8px; margin-top: -1px; border-radius: 0px 0px 0px 4px; border: 0px solid white; border-bottom: 1px solid white; border-right: 1px solid white; } +.sheet-vehicles_Gt { height: 28px; margin-bottom: -8px; margin-top: -1px; border-radius: 0px 0px 4px 0px; border: 0px solid white; border-bottom: 1px solid white; border-left: 1px solid white; } + +.sheet-vehicles_grid_header { + display: grid; + grid-template-columns: 87px auto 87px; +} + +.sheet-vehicles_grid_2x { + display: grid; + grid-template-columns: 50% 50%; + text-align: center; +} + +.sheet-vehicles_grid_4x { + display: grid; + grid-template-columns: 25% 25% 25% 25%; + text-align: center; +} + +.sheet-vehicles_grid_5x { + display: grid; + grid-template-columns: 20% 20% 20% 20% 20%; + text-align: center; +} + +.sheet-vehicles_descriptor{ + border-bottom-left-radius: 8px; +} + +.sheet-vehicle_background{ + background-color: #394c6a; +} + +.sheet-vehicle_smallrollbutton{ + font-size: 12px !important; + height: 15px !important; + border-radius: 7px 7px 0px 0px; + border-bottom: 0px; + padding-top: 0px !important; +} + + + +/* ______________________________ end of vehicles tab ______________________________ +______________________________ start of settings tab _______________________________ */ + +.sheet-settings_grid{ + display: grid; + grid-template-columns: 50% auto; + column-gap: 5px; +} + +.sheet-bordered_container{ + border: 2px solid #4a648c; + border-radius: 10px; + background: #4a648c; +} + +.sheet-settings_speciesgrid{ + display: grid; + grid-template-columns: calc(100%/6) calc(100%/6) calc(100%/6) calc(100%/6) calc(100%/6) calc(100%/6); + align-items: center; + justify-items: center; + margin-bottom: 7px; +} + +.sheet-settings_speciesgrid_weight{ + display: grid; + grid-template-columns: calc(100%/6) calc(100%/3) calc(100%/3) calc(100%/6); + align-items: center; + justify-items: center; + margin-bottom: 7px; +} + +.sheet-settings_speciesinputwidth{width: 75%;} + +.sheet-tokenmoddisplay{ height: 82px !important;} + +.sheet-settings_compendium_grid { + display: grid; + grid-template-columns: 65px calc(100% - 65px); + text-align: center; +} + +.sheet-settings_compendium_text { + background: transparent !important; + border: none; + +} + +/* ______________________________ end of settings tab ______________________________ +______________________________ start of NPC sheet overrides ________________________ */ + +.sheet-NPC_stats_fields { height: 26px !important; font-size: 16px; color: white; width: auto;} +.sheet-NPC_stats_grid{ + padding-top: 2px; + text-align: center; + display: grid; + grid-template-columns: 33% 33% 33%; + grid-template-rows: 18px auto; +} + +.sheet-NPC_core_grid{ + display: grid; + grid-template-columns: 290px auto; + grid-gap: 5px; +} + +.sheet-NPC_divider{ + display: grid; + grid-template-columns: 52% auto; + grid-column-gap: 10px; +} + +.sheet-NPC_characteristics_fields { height: 26px !important; font-size: 16px; color: white;} +.sheet-NPC_characteristics_roll { width:calc(100% - 10px); height: 20.3px !important; font-size: 16px; } +.sheet-NPC_characteristics_cols { + color: white; + display: grid; + grid-template-columns: 60px 40px 10px 40px 10px 60px 60px; +} +.sheet-NPC_characteristics_rows { + display: grid; + grid-template-columns: 100%; +} + + +.sheet-NPC_pageselect{ + display: grid; + grid-template-columns: 70px 67px 124px auto; +} + +.sheet-NPC_medical { + background: #4a648c; + padding: 2px 2px 2px 2px; + color: white; + font-family: Saira Semi Condensed; + height: 110px; +} +.sheet-NPC_medical_header { + height: 50px; +} + +.sheet-NPC_equipment_gear { + display: grid; + grid-template-columns: 30px auto 60px 27px; +} + +.sheet-NPC_textfield_override { height:300px } + + + + +/* ______________________________ end of NPC sheet overrides ______________________________ +______________________________ start of GM sheet overrides ___________________________________________________________ */ + +.sheet-GM_infographic { + color: white; + text-align: center; + display: grid; + grid-template-columns: auto 3px repeat(10,43px) 3px repeat(7,45px); +} +.sheet-GM_infographic_header { + margin-top: 5px; + margin-bottom: -5px; +} + +.sheet-GM_infographic_element { + align-content: center; + text-align: center; + width: 100% !important; +} + + +/* ______________________________ end of GM sheet overrides ______________________________ +______________________________ start of rolltemplate ___________________________________________________________ */ + + + +.sheet-rolltemplate-mythic .sheet-template-content { + background-color: #506b95; + background-image: url(https://github.com/Roll20/roll20-character-sheets/blob/master/Official_100DOS_Mythic_by_100DOS/images/Assets/Mythic_rolltemplate_background.png?raw=true); + background-size: 100%; + border-radius: 10px; + border: 1px solid grey; + overflow: hidden; + color: white; + line-height: 1.6em; + font-size: 1.2em; + font-family: Saira Semi Condensed; + +} + +.sheet-rolltemplate-mythic .sheet-template-header { + border-top: 1px solid grey; + background: #394C6A; + text-align: center; + text-decoration: underline; +} + +.sheet-rolltemplate-mythic .sheet-template-DOS { + transform: translate(0, +4%); +} + + +.sheet-rolltemplate-mythic .sheet-template-right { + text-align: right; + margin-right: 5px +} + +.sheet-rolltemplate-mythic .sheet-template-center { + text-align: center; +} + +.sheet-rolltemplate-mythic .sheet-template-paddedtext { + padding-left: 5px; + padding-right:5px; +} + + +.sheet-rolltemplate-mythic .sheet-template-2xn { + display: grid; + grid-template-columns: auto auto +} + +.sheet-rolltemplate-mythic .sheet-inlineresult { + display: inline-block; + min-width: 1.5em; + text-align: center; + border: 1px solid white!important; + border-radius: 3px 3px 3px 3px; + background: #394C6A !important; + color: white; + line-height: 1.6em; + font-size: 1.2em; + font-family: Saira Semi Condensed; + font-weight: bold; + padding: 0px 4px 0px 4px +} + +.sheet-rolltemplate-mythic .inlinerollresult { + display: inline-block; + min-width: 1.5em; + text-align: center; + border: 1px solid white; + border-radius: 3px 3px 3px 3px; + background: #394C6A +} + +.sheet-rolltemplate-mythic .inlinerollresult.fullcrit { + border: 3px solid #B31515; +} + +.sheet-rolltemplate-mythic .inlinerollresult.fullfail { + border: 3px solid #3FB315; +} + +.sheet-rolltemplate-mythic .inlinerollresult.importantroll { + border: 3px solid #4A57ED; +} + +.sheet-rolltemplate-mythic .sheet-mythic_crit .inlinerollresult.fullcrit { + border: 3px solid #3FB315; +} + +.sheet-rolltemplate-mythic .sheet-mythic_crit .inlinerollresult.fullfail { + border: 3px solid #B31515; +} diff --git a/Official_100DOS_Mythic_by_100DOS/100DOSMythicUpdated.html b/Official_100DOS_Mythic_by_100DOS/100DOSMythicUpdated.html index 482e4b10db8..4c97118965f 100644 --- a/Official_100DOS_Mythic_by_100DOS/100DOSMythicUpdated.html +++ b/Official_100DOS_Mythic_by_100DOS/100DOSMythicUpdated.html @@ -1,5830 +1,6136 @@ -
Mythic
-STR
-TOU
-AGI
-Character Movement
-Half
-Full
-Charge
-Run
-Blur
-Jump
-Leap
-Sight
-Perceptive
-Weight
-Carry
-Lift
-Push
-+
- -+
- -Current
- -Max
- -Current
- -Max
- -Current
- -Max
- -Current
- -Max
- -Head
- -Arms
- -Chest
- -Legs
- -Current
- -Max
- -Delay
- -Charge
- -Name
- -Char
-Mod
-T
-+10
-+20
-Roll
-Appeal
- - - - - - - -Athletics
- - - - - - - -Camouflage
- - - - - - - -Command
- - - - - - - -Cryptography
-Adv.
- - - - - - -Deception
- - - - - - - -Demolition
-Adv.
- - - - - - -Evasion
- - - - - - - -Gambling
- - - - - - - -Interrogation
- - - - - - - -Intimidation
- - - - - - - -Investigation
- - - - - - - -Med Human
-Adv.
- - - - - - -Med Covenant
-Adv.
- - - - - - -Med Xeno
-Adv.
- - - - - - -Nav Land-Air
- - - - - - - -Nav Space
- - - - - - - -Negotiation
- - - - - - - -Pilot Air
- - - - - - - -Pilot Land
- - - - - - - -Pilot Space
-Adv.
- - - - - - -Security
-Adv.
- - - - - - -Stunting
- - - - - - - -Survival
- - - - - - - -Tech Human
-Adv.
- - - - - - -Tech Covenant
-Adv.
- - - - - - -Tech Forerunner
-Adv.
- - - - - - -Name
-Char
-Mod
-+5
-+10
-Roll
-Name
-Location & Hardpts
-Name & Location
-Breakpoints
-Armor
-Half
- - - -Full
- - - -Charge
- - - -Run
- - - -Blur
- - -Jump
- - - -Leap
- - -Fatigue
- - -PER range
- - -Carry
- - - - -Lift
- - - - - -Push
- - - -+
- -+
- -EXPERIENCE
-RANK
-SIZE
- - - -Current
- -Max
- -Current
- -Max
- -Current
- -Max
- -Current
- -Max
- -Head
- -Arms
- -Chest
- -Legs
- -Current
- -Max
- -Delay
- -Charge
- -Characteristics
- - - - - - - - - - -- - - - - - - - - - -
Mythic
- - - --
Movement/carry
-- - - - - - - - - - -
Name
- -Char
-Mod
-T
-+10
-+20
-Roll
-Mythic
+STR
+TOU
+AGI
+Character Movement
+Half
+Full
+Charge
+Run
+Blur
+Jump
+Leap
+Sight
+Perceptive
+Weight
+Carry
+Lift
+Push
++
+ ++
+ +Current
+ +Max
+ +Current
+ +Max
+ +Current
+ +Max
+ +Current
+ +Max
+ +Head
+ +Arms
+ +Chest
+ +Legs
+ +Current
+ +Max
+ +Delay
+ +Charge
+ +Name
+ +Char
+Mod
+T
++10
++20
+Roll
+Appeal
+ + + + + + + +Athletics
+ + + + + + + +Camouflage
+ + + + + + + +Command
+ + + + + + + +Cryptography
+Adv.
+ + + + + + +Deception
+ + + + + + + +Demolition
+Adv.
+ + + + + + +Evasion
+ + + + + + + +Gambling
+ + + + + + + +Interrogation
+ + + + + + + +Intimidation
+ + + + + + + +Investigation
+ + + + + + + +Med Human
+Adv.
+ + + + + + +Med Covenant
+Adv.
+ + + + + + +Med Xeno
+Adv.
+ + + + + + +Nav Land-Air
+ + + + + + + +Nav Space
+ + + + + + + +Negotiation
+ + + + + + + +Pilot Air
+ + + + + + + +Pilot Land
+ + + + + + + +Pilot Space
+Adv.
+ + + + + + +Security
+Adv.
+ + + + + + +Stunting
+ + + + + + + +Survival
+ + + + + + + +Tech Human
+Adv.
+ + + + + + +Tech Covenant
+Adv.
+ + + + + + +Tech Forerunner
+Adv.
+ + + + + + +Name
+Char
+Mod
++5
++10
+Roll
+Name
+Location & Hardpts
+Name & Location
+Breakpoints
+Armor
+Half
+ + + +Full
+ + + +Charge
+ + + +Run
+ + + +Blur
+ + +Jump
+ + + +Leap
+ + +Fatigue
+ + +PER range
+ + +Carry
+ + + + +Lift
+ + + + + +Push
+ + + ++
+ ++
+ +EXPERIENCE
+RANK
+SIZE
+ + + +Current
+ +Max
+ +Current
+ +Max
+ +Current
+ +Max
+ +Current
+ +Max
+ +Head
+ +Arms
+ +Chest
+ +Legs
+ +Current
+ +Max
+ +Delay
+ +Charge
+ +Characteristics
+ + + + + + + + + + ++ + + + + + + + + + +
Mythic
+ + + ++
Movement/carry
++ + + + + + + + + + +
Name
+ +Char
+Mod
+T
++10
++20
+Roll
+Mythic
-STR
-TOU
-AGI
-Character Movement
-Half
-Full
-Charge
-Run
-Blur
-Jump
-Leap
-Sight
-Perceptive
-Weight
-Carry
-Lift
-Push
-+
- -+
- -Current
- -Max
- -Current
- -Max
- -Current
- -Max
- -Current
- -Max
- -Head
- -Arms
- -Chest
- -Legs
- -Current
- -Max
- -Delay
- -Charge
- -Name
- -Char
-Mod
-T
-+10
-+20
-Roll
-Appeal
- - - - - - - -Athletics
- - - - - - - -Camouflage
- - - - - - - -Command
- - - - - - - -Cryptography
-Adv.
- - - - - - -Deception
- - - - - - - -Demolition
-Adv.
- - - - - - -Evasion
- - - - - - - -Gambling
- - - - - - - -Interrogation
- - - - - - - -Intimidation
- - - - - - - -Investigation
- - - - - - - -Med Human
-Adv.
- - - - - - -Med Covenant
-Adv.
- - - - - - -Med Xeno
-Adv.
- - - - - - -Nav Land-Air
- - - - - - - -Nav Space
- - - - - - - -Negotiation
- - - - - - - -Pilot Air
- - - - - - - -Pilot Land
- - - - - - - -Pilot Space
-Adv.
- - - - - - -Security
-Adv.
- - - - - - -Stunting
- - - - - - - -Survival
- - - - - - - -Tech Human
-Adv.
- - - - - - -Tech Covenant
-Adv.
- - - - - - -Tech Forerunner
-Adv.
- - - - - - -Name
-Char
-Mod
-+5
-+10
-Roll
-Name
-Location & Hardpts
-Name & Location
-Breakpoints
-Armor
-Half
- - - -Full
- - - -Charge
- - - -Run
- - - -Blur
- - -Jump
- - - -Leap
- - -Fatigue
- - -PER range
- - -Carry
- - - - -Lift
- - - - - -Push
- - - -+
- -+
- -EXPERIENCE
-RANK
-SIZE
- - - -Current
- -Max
- -Current
- -Max
- -Current
- -Max
- -Current
- -Max
- -Head
- -Arms
- -Chest
- -Legs
- -Current
- -Max
- -Delay
- -Charge
- -Characteristics
- - - - - - - - - - -- - - - - - - - - - -
Mythic
- - - --
Movement/carry
-- - - - - - - - - - -
Name
- -Char
-Mod
-T
-+10
-+20
-Roll
-Mythic
+STR
+TOU
+AGI
+Character Movement
+Half
+Full
+Charge
+Run
+Blur
+Jump
+Leap
+Sight
+Perceptive
+Weight
+Carry
+Lift
+Push
++
+ ++
+ +Current
+ +Max
+ +Current
+ +Max
+ +Current
+ +Max
+ +Current
+ +Max
+ +Head
+ +Arms
+ +Chest
+ +Legs
+ +Current
+ +Max
+ +Delay
+ +Charge
+ +Name
+ +Char
+Mod
+T
++10
++20
+Roll
+Appeal
+ + + + + + + +Athletics
+ + + + + + + +Camouflage
+ + + + + + + +Command
+ + + + + + + +Cryptography
+Adv.
+ + + + + + +Deception
+ + + + + + + +Demolition
+Adv.
+ + + + + + +Evasion
+ + + + + + + +Gambling
+ + + + + + + +Interrogation
+ + + + + + + +Intimidation
+ + + + + + + +Investigation
+ + + + + + + +Med Human
+Adv.
+ + + + + + +Med Covenant
+Adv.
+ + + + + + +Med Xeno
+Adv.
+ + + + + + +Nav Land-Air
+ + + + + + + +Nav Space
+ + + + + + + +Negotiation
+ + + + + + + +Pilot Air
+ + + + + + + +Pilot Land
+ + + + + + + +Pilot Space
+Adv.
+ + + + + + +Security
+Adv.
+ + + + + + +Stunting
+ + + + + + + +Survival
+ + + + + + + +Tech Human
+Adv.
+ + + + + + +Tech Covenant
+Adv.
+ + + + + + +Tech Forerunner
+Adv.
+ + + + + + +Name
+Char
+Mod
++5
++10
+Roll
+Name
+Location & Hardpts
+Name & Location
+Breakpoints
+Armor
+Half
+ + + +Full
+ + + +Charge
+ + + +Run
+ + + +Blur
+ + +Jump
+ + + +Leap
+ + +Fatigue
+ + +PER range
+ + +Carry
+ + + + +Lift
+ + + + + +Push
+ + + ++
+ ++
+ +EXPERIENCE
+RANK
+SIZE
+ + + +Current
+ +Max
+ +Current
+ +Max
+ +Current
+ +Max
+ +Current
+ +Max
+ +Head
+ +Arms
+ +Chest
+ +Legs
+ +Current
+ +Max
+ +Delay
+ +Charge
+ +Characteristics
+ + + + + + + + + + ++ + + + + + + + + + +
Mythic
+ + + ++
Movement/carry
++ + + + + + + + + + +
Name
+ +Char
+Mod
+T
++10
++20
+Roll
+