From 0ca45ccc519625c171a654398360a9cd61518b0d Mon Sep 17 00:00:00 2001 From: michaelvanweelde <61088388+michaelvanweelde@users.noreply.github.com> Date: Fri, 27 Aug 2021 16:29:26 +0200 Subject: [PATCH] Add files via upload --- Halo_Mythic_3dot5/HaloMythic4dot0.css | 2249 ++--- Halo_Mythic_3dot5/HaloMythic4dot0.html | 7248 ++++++++++------- Halo_Mythic_3dot5/README.md | 14 +- .../images/Logos/faction_logo_ONI.png | Bin 0 -> 76352 bytes .../images/Logos/faction_logo_URF_.png | Bin 0 -> 120045 bytes Halo_Mythic_3dot5/sheet.json | 2 +- 6 files changed, 5263 insertions(+), 4250 deletions(-) create mode 100644 Halo_Mythic_3dot5/images/Logos/faction_logo_ONI.png create mode 100644 Halo_Mythic_3dot5/images/Logos/faction_logo_URF_.png diff --git a/Halo_Mythic_3dot5/HaloMythic4dot0.css b/Halo_Mythic_3dot5/HaloMythic4dot0.css index e0d6d1aaa0..09cb20857c 100644 --- a/Halo_Mythic_3dot5/HaloMythic4dot0.css +++ b/Halo_Mythic_3dot5/HaloMythic4dot0.css @@ -1,1100 +1,1149 @@ -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_4:checked ~ div.sheet-background { background-image: linear-gradient(#C45911, #833C0B); color: white; } -input.sheet-background_switch_5:checked ~ div.sheet-background { background-image: linear-gradient(#aa3f3c, #772C2A); color: white; } -input.sheet-background_switch_6:checked ~ div.sheet-background { background: 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'); - -/* 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; } -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; -} - -/* 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: Saira Semi Condensed; - font-size: 14px; - 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-background_radius { - border: 2px solid black; - border-radius: 11px; -} - -.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; text-align: right; } -.sheet-margin_adjust2 { margin-top: -22px; margin-bottom: 4px; margin-left: -25px; text-align: right; } -.sheet-margin_adjust_wep { margin-top: -19px; margin-bottom: 2px; margin-left: 3px; text-align: right; } -.sheet-margin_adjust_wep2 { margin-top: -20px; margin-bottom: 2px; margin-left: -22px; text-align: right; } -.sheet-radius_border_right { border-bottom-right-radius: 7px !important; } -.sheet-radius_border_right_wep { border-bottom-right-radius: 10px !important; } - -.sheet-collapsible_entity_toggle { display: block; } -.sheet-collapsible_entity_block { display: none; } -.sheet-collapsible_entity_switch:checked ~ .sheet-collapsible_entity_block { display: block; } -.sheet-collapsible_entity_switch:checked ~ .sheet-collapsible_entity_toggle { 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-color: black; - border-style: solid; - border-width: 1px; - color: white; -} - -.sheet-table { - background: #506b95; - 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-radius_border_box { - border-bottom-left-radius: 8px; - border-bottom-right-radius: 8px; -} -.sheet-description_rounded_margin { - margin-bottom: 0px; - border-radius: 0px 0px 8px 8px; -} - - - -/* ______________________________ 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%; } -.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: black; - padding: 3px 0px 6px 3px; - display: grid; - grid-column-gap: 0.5%; - grid-template-columns: 9.53% 9.53% 9.53% 9.53% 9.53% 9.53% 9.53% 9.53% 9.53% 9.53%; - 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 { - display: grid; - grid-template-columns: 10% 80% 10%; -} - -.sheet-mythicgs_width { width: 40px; } -.sheet-mythicgs1 { grid-area: amy1; font-size: 15px; font-family: Orbitron; letter-spacing: 1px; text-align: center; } -.sheet-mythicgs2 { grid-area: amy2; z-index: 1; position: relative; } -.sheet-mythicgs3 { grid-area: amy3; z-index: 1; position: relative; } -.sheet-mythicgs4 { grid-area: amy4; z-index: 1; position: relative; } -.sheet-mythicgs5 { grid-area: amy5; font-family: Saira Semi Condensed; font-size: 14px; text-align: center; } -.sheet-mythicgs6 { grid-area: amy6; font-family: Saira Semi Condensed; font-size: 14px; text-align: center; } -.sheet-mythicgs7 { grid-area: amy7; font-family: Saira Semi Condensed; font-size: 14px; text-align: center; } -.sheet-characteristics2_mythic { - display: grid; - justify-items: center; - grid-template-columns: 50px 50px 50px; - grid-template-areas: - 'amy1 amy1 amy1' - 'amy2 amy3 amy4' - 'amy5 amy6 amy7'; -} - -.sheet-movementgs1 { grid-area: amm1; font-size: 15px; font-family: Orbitron; letter-spacing: 1px; } -.sheet-movementgs2 { grid-area: amm2; } -.sheet-movementgs3 { grid-area: amm3; } -.sheet-movementgs4 { grid-area: amm4; } -.sheet-movementgs5 { grid-area: amm5; } -.sheet-movementgs6 { grid-area: amm6; } -.sheet-movementgs7 { grid-area: amm7; } -.sheet-movementgs8 { grid-area: amm8; } -.sheet-movementgs9 { grid-area: amm9; 3px; font-size: 14px; font-family: Saira Semi Condensed; } -.sheet-movementgs10 { grid-area: amm10; 5px; font-size: 14px; font-family: Saira Semi Condensed; } -.sheet-movementgs11 { grid-area: amm11; 5px; font-size: 14px; font-family: Saira Semi Condensed; } -.sheet-movementgs12 { grid-area: amm12; font-size: 14px; font-family: Saira Semi Condensed; } -.sheet-movementgs13 { grid-area: amm13; font-size: 14px; font-family: Saira Semi Condensed; } -.sheet-movementgs14 { grid-area: amm14; font-size: 14px; font-family: Saira Semi Condensed; } -.sheet-movementgs15 { grid-area: amm15; font-size: 14px; font-family: Saira Semi Condensed; } -.sheet-characteristics2_movement { - justify-content: center; - text-align: center; - display: grid; - justify-items: center; - grid-template-columns: 50px 50px 50px 50px 50px 50px 50px; - grid-template-areas: - 'amm1 amm1 amm1 amm1 amm1 amm1 amm1' - 'amm2 amm3 amm4 amm5 amm6 amm7 amm8' - 'amm9 amm10 amm11 amm12 amm13 amm14 amm15'; -} - -.sheet-carrygs1 { grid-area: ac1; font-size: 15px; font-family: Orbitron; letter-spacing: 1px; } -.sheet-carrygs2 { grid-area: ac2; width: 50px; } -.sheet-carrygs3 { grid-area: ac3; width: 50px; } -.sheet-carrygs4 { grid-area: ac4; width: 50px; } -.sheet-carrygs5 { grid-area: ac5; font-size: 14px; font-family: Saira Semi Condensed; } -.sheet-carrygs6 { grid-area: ac6; font-size: 14px; font-family: Saira Semi Condensed; } -.sheet-carrygs7 { grid-area: ac7; font-size: 14px; font-family: Saira Semi Condensed; } -.sheet-characteristics2_carry { - justify-content: right; - text-align: center; - display: grid; - justify-items: center; - grid-template-columns: 60px 60px 60px; - grid-template-areas: - 'ac1 ac1 ac1' - 'ac2 ac3 ac4' - 'ac5 ac6 ac7'; -} - - - -/* ______________________________ 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 90px 18px 50px 18px 90px; -} - -.sheet-init_field { - height: 100%; - margin-right: -60px; - width:85px; -} - -.sheet-init_plus { - font-size: 24px; - font-weight: bold; - padding-top: 12px; -} - -.sheet-sheet_tabs { - justify-content: right; - margin-right: 3px; - display: grid; - grid-template-columns: 45px 75px 60px 95px 60px 60px 45px; -} - - - -/* ______________________________ end of grid structure for initiative and sheet tabs ______________________________ -______________________________ start of tab buttons toggles ______________________________ */ - - - -.sheet-core, -.sheet-medical, -.sheet-equipment, -.sheet-advancements, -.sheet-journal, -.sheet-vehicles, -.sheet-settings { display: none } -/* show the selected tab */ - -.sheet-tabstoggle[value='core'] ~ div.sheet-core, -.sheet-tabstoggle[value='equipment'] ~ div.sheet-equipment, -.sheet-tabstoggle[value='medical'] ~ div.sheet-medical, -.sheet-tabstoggle[value='advancements'] ~ div.sheet-advancements, -.sheet-tabstoggle[value='journal'] ~ div.sheet-journal, -.sheet-tabstoggle[value='vehicles'] ~ div.sheet-vehicles, -.sheet-tabstoggle[value='settings'] ~ div.sheet-settings { display: block } -.sheet-core_bttn:checked + button { - background: rgb(200, 0, 0); - color: white; - vertical-align: center; -} - - - -/* ______________________________ 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-minimisable_infographic_main { margin-left: 5px; } - -.sheet-minimisable_infographic_override{ margin-top: -4px!important; height: 20px; font-weight: bold;} -.sheet-minimisable_infographic_toggles { - display: grid; - grid-column-gap: 10px; - grid-template-columns: 82px 52px 80px 78px 113px 66px auto; -} - -.sheet-minimisable_infographic_grid { - display: grid; - grid-template-columns: 103px 103px 103px 103px 185px 185px; -} - -.sheet-minimisable_infographic_g1 { grid-area: mi1; background: #394C6A !important; border: 0px solid transparent; font-family: Orbitron !important; letter-spacing: 1px; justify-self: center; width: calc(100% - 6px); } -.sheet-minimisable_infographic_g2 { grid-area: mi2; color: white; justify-self: right; margin-top: 3px; margin-right: 3px; } -.sheet-minimisable_infographic_g3 { grid-area: mi3; border-right: 1px solid #394C6A; } -.sheet-minimisable_infographic_g4 { grid-area: mi4; color: white; justify-self: right; margin-top: 3px; margin-right: 3px; } -.sheet-minimisable_infographic_g5 { grid-area: mi5; border-right: 1px solid #394C6A; border-bottom: 1px solid #394C6A; border-bottom-right-radius: 10px; } -.sheet-minimisable_infographic_field2x3 { - background: #506b95; - margin-right: 10px; - display: grid; - grid-template-columns: 53px 40px; - grid-template-rows: 25px 25px 25px; - grid-template-areas: - 'mi1 mi1' - 'mi2 mi3' - 'mi4 mi5'; -} - -.sheet-minimisable_infographic_g6 { grid-area: mi6; color: white; font-family: Saira Semi Condensed; justify-self: right; margin-top: 3px; margin-right: 3px; } -.sheet-minimisable_infographic_g7 { grid-area: mi7; } -.sheet-minimisable_infographic_g8 { grid-area: mi8; color: white; font-family: Saira Semi Condensed; justify-self: right; margin-top: 3px; margin-right: 3px; } -.sheet-minimisable_infographic_g9 { grid-area: mi9; border-bottom: 1px solid #394C6A; } -.sheet-minimisable_infographic_field4x3 { - background: #506b95; - margin-right: 10px; - display: grid; - grid-template-columns: 50px 40px 45px 40px; - grid-template-rows: 25px 25px 25px; - grid-template-areas: - 'mi1 mi1 mi1 mi1' - 'mi6 mi7 mi2 mi3' - 'mi8 mi9 mi4 mi5'; -} - - - -/* ______________________________ 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 { - border-bottom: 1px dotted darkgrey; - margin-top: 7px; - display: grid; - grid-template-columns: auto 28px 63px 56px 21px 30px 38px 30px; - 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 53px 64px 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-template-columns: 49.5% 1% 49.5%; - grid-template-areas: - 'e1 e0 e2' - 'e3 e3 e3'; -} - -.sheet-equipment_ranged_weapons { grid-area: e1; background:#475f85; border-radius: 10px; padding: 2px; z-index: 1;} -.sheet-equipment_melee_weapons { grid-area: e2; background:#475f85; border-radius: 10px; padding: 2px; } -.sheet-equipment_numerics { grid-area: e3; margin-top: 10px; } -.sheet-equipment_ranged_weapons_rep { background:#475f85; 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; border-top-right-radius: 10px; } -.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: 30px; margin-top: -27px; text-align: center; height: 12px; } -.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: 30px; margin-top: -27px; text-align: center; height: 12px; } -.sheet-equipment_ranged_weapons_gs26 { grid-area: rw26; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; } -.sheet-equipment_ranged_weapons_gs27 { grid-area: rw27; color: white; font-size: 12px; padding: 0px 2px } -.sheet-equipment_ranged_weapons_gs28 { grid-area: rw28; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; } -.sheet-equipment_ranged_weapons_gs29 { grid-area: rw29; color: white; font-size: 12px; padding: 0px 2px } -.sheet-equipment_ranged_weapons_gs30 { grid-area: rw30; 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 auto auto auto auto auto auto auto auto auto; - grid-template-areas: - 'rw1 rw2 rw2 rw2 rw2 rw2 rw2 rw3 rw4 rw4'; -} - -.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: auto 8% 4% 8% 4% 8% auto auto auto auto; - grid-template-areas: - 'rw21 rw22 rw23 rw24 rw25 rw26 rw27 rw28 rw29 rw30'; -} - -.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_gear_gs1 { grid-area: eg1; width: 100%; text-align: center; align-self: center; } -.sheet-equipment_gear_gs2 { grid-area: eg2; width: 100%; text-align: center; align-self: center; } -.sheet-equipment_gear_gs3 { grid-area: eg3; width: 100%; text-align: center; align-self: center; } -.sheet-equipment_gear_gs4 { grid-area: eg4; width: 100%; text-align: center; align-self: center; } -.sheet-equipment_gear_gs5 { grid-area: eg5; width: 100%; text-align: center; align-self: center; } -.sheet-equipment_gear_gs6 { grid-area: eg6; width: 100%; text-align: center; align-self: center; } -.sheet-equipment_gear_gs7 { margin-top: 5px !important; } -.sheet-equipment_gear { - display: grid; - grid-template-columns: auto 60px 80px 80px 80px 80px 25px; - grid-template-areas: - 'eg1 eg2 eg3 eg4 eg5 eg6 eg7'; -} - -.sheet-equipment_header { - background: #394C6A; - border: 2px solid #475f85; - border-bottom: none; - border-radius: 10px 10px 0px 0px; - font-family: Orbitron; - font-size: 14px; - height: 30px; - letter-spacing: 1px; -} -.sheet-equipment_titles { - font-size: 14px; - text-align: center; - height: 20px; -} - -.sheet-equipment_armor_input { width: 100%; height: 50px; } -.sheet-equipment_armor_gs1 { background: #475f85; padding: 2px; } -.sheet-equipment_armor_gs2 { background: #475f85; padding: 2px; } -.sheet-equipment_armor_gs3 { background: #475f85; padding: 2px; } -.sheet-equipment_armor_grid { - display: grid; - grid-gap: 10px; - grid-template-columns: 300px 90px auto; -} - -.sheet-equipment_permutations_grid { - margin: 0px 50.5px 0.6px 0px; - position: relative; - z-index: 0; - display: grid; - grid-template-columns: auto 100px 40px 40px; -} - - - -/* ______________________________ end of equipment tab ______________________________ -______________________________ start of medical tab ______________________________ */ - - - -.sheet-medicalG { - background: #475f85; - border-left: 15px solid #475f85; - border-right: 15px solid #475f85; - color: white; - font-family: Saira Semi Condensed; -} - -.sheet-medicalg1 { grid-area: m1; border-top-left-radius: 10px; } -.sheet-medicalg2 { grid-area: m2; } -.sheet-medicalg3 { grid-area: m3; border-top-right-radius: 10px; } -.sheet-medicalg4 { grid-area: m4; } -.sheet-medicalg5 { grid-area: m5; } -.sheet-medicalg6 { grid-area: m6; } -.sheet-medicalg7 { grid-area: m7; } -.sheet-medicalg8 { grid-area: m8; } -.sheet-medicalg9 { grid-area: m9; } -.sheet-medicalg10 { grid-area: m10; } -.sheet-medicalg11 { grid-area: m11; } -.sheet-medicalg12 { grid-area: m12; } -.sheet-medicalg13 { grid-area: m13; } -.sheet-medicalg14 { grid-area: m14; } -.sheet-medicalg15 { grid-area: m15; border-bottom-left-radius: 10px; } -.sheet-medicalg16 { grid-area: m16; } -.sheet-medicalg17 { grid-area: m17; border-bottom-right-radius: 10px; } -.sheet-medicalgT { grid-area: mT; margin-left: 10px; } -.sheet-medicalgR { grid-area: mR; margin-top: 10px; } -.sheet-medical-grid { - display: grid; - grid-template-columns: 25% 25% 25% 25%; - grid-template-rows: 120px 120px 120px 120px 120px 170px auto; - grid-template-areas: - 'm1 m2 m3 mT' - 'm4 m5 m6 mT' - 'm7 m8 m9 mT' - 'm10 m8 m11 mT' - 'm12 m13 m14 mT' - 'm15 m16 m17 mT' - 'mR mR mR mT'; -} - -.sheet-medical_h2 { - background: #394C6A; - color: white; -} -.sheet-medical_h2_rollable:hover { background-color: rgb(200, 0, 0); } -.sheet-medical_initial_label { margin-bottom: -5px; } -.sheet-medical_table { - border-bottom: 1px dotted grey; - color: white; - font-family: Saira Semi Condensed; - text-align: center; - text-indent: 5px; -} -.sheet-medical_h2_background, -.sheet-medical_background { - background: #475f85; - margin-bottom: 10px; - border-radius: 10px; - padding: 2px; -} -.sheet-medical_h2_background { - border-radius: 10px 10px 0px 0px; - margin-bottom: 0; -} - - - -/* ______________________________ end of medical tab __________________________________________________________ -______________________________ start of advancements tab ______________________________ */ - - - -.sheet-advancements_grid_gs1 { grid-area: e1; align-self: center; text-align: center; width: 100%; } -.sheet-advancements_grid_gs2 { grid-area: e2; align-self: center; text-align: center; width: 100% !important; } -.sheet-advancements_grid_gs3 { grid-area: e3; align-self: center; text-align: center; width: 100% !important; } -.sheet-advancements_grid_gs4 { grid-area: e4; align-self: center; text-align: center; width: 100%; } -.sheet-advancements_grid_gs5 { grid-area: e5; align-self: center; text-align: center; width: 100% !important; } -.sheet-advancements_grid_gs6 { grid-area: e6; align-self: center; text-align: center; width: 100% !important; } -.sheet-advancements_grid { - justify-content: center; - display: grid; - grid-template-columns: 29% 10% 10% 2% 29% 10% 10% ; - grid-template-areas: - 'e1 e2 e3 e0 e4 e5 e6'; -} - -.sheet-faction_training { grid-area: t1; padding: 2px; background: #475f85; } -.sheet-weapon_training { grid-area: t2; padding: 2px; background: #475f85; } -.sheet-training { - margin: 10px 0px 10px 1.5%; - display: grid; - grid-template-columns: 33% 67%; - grid-template-areas: - 't1 t2'; -} - -.sheet-faction_training_grid_g1{ grid-area: ft1; } -.sheet-faction_training_grid_g2{ grid-area: ft2; } -.sheet-faction_training_grid_g3{ grid-area: ft3; } -.sheet-faction_training_grid { - font-size: 16px; - margin: 2px 0px 0px 20px; - display: grid; - grid-template-columns: 50% 50%; - grid-template-areas: - 'ft1 ft2' - 'ft3 ft3'; -} - -.sheet-weapon_training_grid { - font-size: 16px; - margin: 2px -5px 0px 25px; - display: grid; - grid-template-columns: 20% 25% 30% 25%; -} - - - -/* ______________________________ end of advancements tab ______________________________ -______________________________ start of vehicles tab ___________________________________________________________ */ - - - -.sheet-vehicles_grid1 { margin-right: 10px; background: #506b95; border-top: 2px solid #506b95; border-left: 2px solid #506b95; border-right: 2px solid #506b95; border-top-left-radius: 10px; border-top-right-radius: 10px; color: white; font-family: Saira Semi Condensed; } -.sheet-vehicles_grid2 { margin-right: 10px; background: #506b95; border-left: 2px solid #506b95; border-right: 2px solid #506b95; color: white; font-family: Saira Semi Condensed; } -.sheet-vehicles_grid3 { margin-right: 10px; background: #506b95; border-left: 2px solid #506b95; border-right: 2px solid #506b95; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; color: white; font-family: Saira Semi Condensed; } -.sheet-vehicle_weapons { grid-area: vgw; } -.sheet-vehicles_divider { - display: grid; - grid-template-columns: 50% 50%; - grid-template-areas: - 'vg1 vgw' - 'vg2 vgw' - 'vg3 vgw' - 'vg0 vgw'; -} -.sheet-vehicles_Gn { grid-area: vn; background: #394C6A; border: none; border-bottom: 1px solid white; border-radius: 9px 9px 0px 0px; color: white; font-family: Saira Semi Condensed; text-align: center; font-size: 16px; } -.sheet-vehicles_Gs { grid-area: vs; height: 28.5px; margin-bottom: -8px; margin-top: -1px; border-top: 1px solid white; } -.sheet-vehicles_Gt { grid-area: vt; height: 28.5px; margin-bottom: -8px; margin-top: -1px; border-top: 1px solid white; } -.sheet-vehicles_G1 { grid-area: v1 } -.sheet-vehicles_G2 { grid-area: v2; text-align: center } -.sheet-vehicles_G3 { grid-area: v3; text-align: center } -.sheet-vehicles_G4 { grid-area: v4; text-align: center } -.sheet-vehicles_G5 { grid-area: v5; text-align: center } -.sheet-vehicles_G6 { grid-area: v6 } -.sheet-vehicles_G7 { grid-area: v7 } -.sheet-vehicles_G8 { grid-area: v8 } -.sheet-vehicles_G9 { grid-area: v9 } -.sheet-vehicles_G10 { grid-area: v10 } -.sheet-vehicles_G11 { grid-area: v11; text-align: center } -.sheet-vehicles_G12 { grid-area: v12; text-align: center } -.sheet-vehicles_G13 { grid-area: v13; text-align: center } -.sheet-vehicles_G14 { grid-area: v14; text-align: center } -.sheet-vehicles_G15 { grid-area: v15 } -.sheet-vehicles_G16 { grid-area: v16 } -.sheet-vehicles_G17 { grid-area: v17 } -.sheet-vehicles_G18 { grid-area: v18 } -.sheet-vehicles_G19 { grid-area: v19; text-align: center } -.sheet-vehicles_G20 { grid-area: v20; text-align: center } -.sheet-vehicles_G21 { grid-area: v21; text-align: center } -.sheet-vehicles_G22 { grid-area: v22; text-align: center } -.sheet-vehicles_G23 { grid-area: v23 } -.sheet-vehicles_G24 { grid-area: v24 } -.sheet-vehicles_G25 { grid-area: v25 } -.sheet-vehicles_G26 { grid-area: v26 } -.sheet-vehicles_G27 { grid-area: v27; text-align: center } -.sheet-vehicles_G28 { grid-area: v28; text-align: center } -.sheet-vehicles_G29 { grid-area: v29 } -.sheet-vehicles_G30 { grid-area: v30 } -.sheet-vehicles_G31 { grid-area: v31 } -.sheet-vehicles_G32 { grid-area: v32; margin-top: 6px } -.sheet-vehicles_G33 { grid-area: v33 } -.sheet-vehicles_G34 { grid-area: v34; text-align: center } -.sheet-vehicles_G35 { grid-area: v35; text-align: center } -.sheet-vehicles_G36 { grid-area: v36 } -.sheet-vehicles_G37 { grid-area: v37 } -.sheet-vehicles_G38 { grid-area: v38 } -.sheet-vehicles_G39 { grid-area: v39; text-align: center } -.sheet-vehicles_G40 { grid-area: v40 } -.sheet-vehicles_grid1 { - display: grid; - grid-template-columns: 25% 25% 25% 25%; - grid-template-areas: - 'vn vn vn vn' - 'vs v1 v1 vt' - 'v2 v3 v4 v5' - 'v6 v7 v8 v9' - 'v10 v10 v10 v10' - 'v11 v12 v13 v14' - 'v15 v16 v17 v18' - 'v19 v20 v21 v22' - 'v23 v24 v25 v26' - 'v27 v28 v28 v28' - 'v29 v30 v30 v30' - 'v31 v32 v32 v32' - 'v33 v33 v33 v33' - 'v34 v34 v35 v35' - 'v36 v36 v37 v37' - 'v38 v38 v38 v38' - 'v39 v39 v39 v39' - 'v40 v40 v40 v40'; -} -.sheet-vehicles_G41 { grid-area: v41 } -.sheet-vehicles_G42 { grid-area: v42; text-align: center } -.sheet-vehicles_G43 { grid-area: v43; text-align: center } -.sheet-vehicles_G44 { grid-area: v44; text-align: center } -.sheet-vehicles_G45 { grid-area: v45; text-align: center } -.sheet-vehicles_G46 { grid-area: v46; text-align: center } -.sheet-vehicles_G47 { grid-area: v47 } -.sheet-vehicles_G48 { grid-area: v48 } -.sheet-vehicles_G49 { grid-area: v49 } -.sheet-vehicles_G50 { grid-area: v50 } -.sheet-vehicles_G51 { grid-area: v51 } -.sheet-vehicles_G52 { grid-area: v52; text-align: center } -.sheet-vehicles_G53 { grid-area: v53; text-align: center } -.sheet-vehicles_G54 { grid-area: v54; text-align: center } -.sheet-vehicles_G55 { grid-area: v55; text-align: center } -.sheet-vehicles_G56 { grid-area: v56; text-align: center } -.sheet-vehicles_G57 { grid-area: v57; text-align: center } -.sheet-vehicles_G58 { grid-area: v58 } -.sheet-vehicles_G59 { grid-area: v59 } -.sheet-vehicles_G60 { grid-area: v60 } -.sheet-vehicles_G61 { grid-area: v61 } -.sheet-vehicles_G62 { grid-area: v62 } -.sheet-vehicles_grid2 { - display: grid; - grid-template-columns: 20% 20% 20% 20% 20%; - grid-template-areas: - 'v41 v41 v41 v41 v41' - 'v42 v43 v44 v45 v46' - 'v47 v48 v49 v50 v51' - 'v52 v52 v52 v52 v52' - 'v53 v54 v55 v56 v57' - 'v58 v59 v60 v61 v62'; -} -.sheet-vehicles_G63 { grid-area: v63 } -.sheet-vehicles_G64 { grid-area: v64; text-align: center } -.sheet-vehicles_G65 { grid-area: v65; text-align: center } -.sheet-vehicles_G66 { grid-area: v66 } -.sheet-vehicles_G67 { grid-area: v67 } -.sheet-vehicles_G68 { grid-area: v68; text-align: center } -.sheet-vehicles_G69 { grid-area: v69; text-align: center } -.sheet-vehicles_G70 { grid-area: v70; text-align: center } -.sheet-vehicles_G71 { grid-area: v71; text-align: center } -.sheet-vehicles_G72 { grid-area: v72 } -.sheet-vehicles_G73 { grid-area: v73 } -.sheet-vehicles_G74 { grid-area: v74 } -.sheet-vehicles_G75 { grid-area: v75 } -.sheet-vehicles_G76 { grid-area: v76; padding-bottom: 2px; } -.sheet-vehicles_grid3 { - display: grid; - grid-template-columns: 25% 25% 25% 25%; - grid-template-areas: - 'v63 v63 v63 v63' - 'v64 v64 v65 v65' - 'v66 v66 v67 v67' - 'v68 v69 v70 v71' - 'v72 v73 v74 v75' - 'v76 v76 v76 v76'; -} - -.sheet-vehicles_descriptor { border-bottom-left-radius: 8px; } - -/* 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) + div { display: none } -.sheet-hider:not(:checked) + input { display: none } -.sheet-hidernot:checked + div { display: none } -.sheet-hidernot:checked + input { display: none } - - - -/* ______________________________ end of vehicles tab ______________________________ -______________________________ start of NPC sheet overrides ___________________________________________________________ */ - -.sheet-NPC_characteristics_fields { height: 26px !important; font-size: 16px; color: white;} -.sheet-NPC_characteristics_roll { width:calc(100% - 10px); height: 20px !important; font-size: 16px; } -.sheet-NPC_characteristics { - color: white; - display: grid; - grid-template-columns: 60px 40px 40px 10px 60px 60px 5px auto -} - -.sheet-NPC_textfield_override { height:300px } - - - - -/* ______________________________ end of NPC sheet overrides ______________________________ -______________________________ start of rolltemplate ___________________________________________________________ */ - - - -.sheet-rolltemplate-mythic .sheet-template-header, -.sheet-rolltemplate-mythic .sheet-template-row { - color: white; - line-height: 1.6em; - font-size: 1.2em; - font-family: Saira Semi Condensed; -} - -.sheet-rolltemplate-mythic .sheet-template-header { - background: #394C6A; - border-radius: 10px 10px 0px 0px; - border-left: 2px solid grey; - border-right: 2px solid grey; - border-top: 2px solid grey; - text-align: center; - text-decoration: underline; -} - -.sheet-rolltemplate-mythic .sheet-template-content { - background: #506b95; - background-image: url(https://cdn.discordapp.com/attachments/676016722939084800/689454608283729965/yxN94xs.png); - border-radius: 0px 0px 10px 10px; - border-left: 2px solid grey; - border-right: 2px solid grey; - border-bottom: 2px solid grey; - padding: 2px -} - -.sheet-rolltemplate-mythic .sheet-template-content_top { - border-radius: 0px 0px 0px 0px; - border-bottom: 3px solid #394C6A; -} - -.sheet-rolltemplate-mythic .sheet-template-round { - border-radius: 10px 10px 10px 10px; -} - -.sheet-rolltemplate-mythic .sheet-template-2x2 { - display: grid; - grid-template-columns: auto auto -} - -.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-break { - margin-top: 10px; -} - -.sheet-rolltemplate-mythic .sheet-inlineresult { - display: inline-block; - min-width: 1.5em; - text-align: center; - border: 1px solid white; - border-radius: 3px 3px 3px 3px; - background: #394C6A; - 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_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_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_8: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: white; color: black;} +input.sheet-background_override_switch_8:checked ~ div.sheet-background { background: #4d4d4d; color: white;} +input.sheet-background_override_switch_9:checked ~ div.sheet-background { background: #2E5984; color: white;} +input.sheet-background_override_switch_10:checked ~ div.sheet-background { background: #BFA52B; color: white;} +input.sheet-background_override_switch_11:checked ~ div.sheet-background { background: #696969; color: white;} +input.sheet-background_override_switch_12:checked ~ div.sheet-background { background: #ff00ff; color: black;} + + + + +/* ______________________________ 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; } +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; +} + +/* 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-background_radius { + border: 2px solid black; + border-radius: 11px; +} + +.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; text-align: right; font-size: 16px;} +.sheet-margin_adjust2 { margin-top: -22px; margin-bottom: 4px; margin-left: -25px; text-align: right; font-size: 16px;} +.sheet-margin_adjust_wep { margin-top: -20px; margin-bottom: 2px; margin-left: 3px; text-align: right; font-size: 16px;} +.sheet-margin_adjust_wep2 { margin-top: -20px; margin-bottom: 2px; margin-left: -22px; 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; } + +.sheet-collapsible_entity_toggle { display: block; } +.sheet-collapsible_entity_block { display: none; } +.sheet-collapsible_entity_switch:checked ~ .sheet-collapsible_entity_block { display: block; } +.sheet-collapsible_entity_switch:checked ~ .sheet-collapsible_entity_toggle { 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-color: black; + border-style: solid; + border-width: 1px; + color: white; +} + +.sheet-table { + background: #506b95; + 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-radius_border_box { + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; +} +.sheet-description_rounded_margin { + margin-bottom: 0px; + border-radius: 0px 0px 8px 8px; +} + + + +/* ______________________________ 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%; } +.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: black; + padding: 3px 0px 6px 3px; + display: grid; + grid-column-gap: 0.5%; + grid-template-columns: 9.53% 9.53% 9.53% 9.53% 9.53% 9.53% 9.53% 9.53% 9.53% 9.53%; + 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 { + display: grid; + grid-template-columns: 10% 80% 10%; +} + +.sheet-mythicgs_width { width: 40px; } +.sheet-mythicgs1 { grid-area: amy1; font-size: 15px; font-family: Orbitron; letter-spacing: 1px; text-align: center; } +.sheet-mythicgs2 { grid-area: amy2; z-index: 1; position: relative; } +.sheet-mythicgs3 { grid-area: amy3; z-index: 1; position: relative; } +.sheet-mythicgs4 { grid-area: amy4; z-index: 1; position: relative; } +.sheet-mythicgs5 { grid-area: amy5; font-family: Saira Semi Condensed; font-size: 14px; text-align: center; } +.sheet-mythicgs6 { grid-area: amy6; font-family: Saira Semi Condensed; font-size: 14px; text-align: center; } +.sheet-mythicgs7 { grid-area: amy7; font-family: Saira Semi Condensed; font-size: 14px; text-align: center; } +.sheet-characteristics2_mythic { + display: grid; + justify-items: center; + grid-template-columns: 50px 50px 50px; + grid-template-areas: + 'amy1 amy1 amy1' + 'amy2 amy3 amy4' + 'amy5 amy6 amy7'; +} + +.sheet-movementgs1 { grid-area: amm1; font-size: 15px; font-family: Orbitron; letter-spacing: 1px; } +.sheet-movementgs2 { grid-area: amm2; } +.sheet-movementgs3 { grid-area: amm3; } +.sheet-movementgs4 { grid-area: amm4; } +.sheet-movementgs5 { grid-area: amm5; } +.sheet-movementgs6 { grid-area: amm6; } +.sheet-movementgs7 { grid-area: amm7; } +.sheet-movementgs8 { grid-area: amm8; } +.sheet-movementgs9 { grid-area: amm9; 3px; font-size: 14px; font-family: Saira Semi Condensed; } +.sheet-movementgs10 { grid-area: amm10; 5px; font-size: 14px; font-family: Saira Semi Condensed; } +.sheet-movementgs11 { grid-area: amm11; 5px; font-size: 14px; font-family: Saira Semi Condensed; } +.sheet-movementgs12 { grid-area: amm12; font-size: 14px; font-family: Saira Semi Condensed; } +.sheet-movementgs13 { grid-area: amm13; font-size: 14px; font-family: Saira Semi Condensed; } +.sheet-movementgs14 { grid-area: amm14; font-size: 14px; font-family: Saira Semi Condensed; } +.sheet-movementgs15 { grid-area: amm15; font-size: 14px; font-family: Saira Semi Condensed; } +.sheet-characteristics2_movement { + justify-content: center; + text-align: center; + display: grid; + justify-items: center; + grid-template-columns: 50px 50px 50px 50px 50px 50px 50px; + grid-template-areas: + 'amm1 amm1 amm1 amm1 amm1 amm1 amm1' + 'amm2 amm3 amm4 amm5 amm6 amm7 amm8' + 'amm9 amm10 amm11 amm12 amm13 amm14 amm15'; +} + +.sheet-carrygs1 { grid-area: ac1; font-size: 15px; font-family: Orbitron; letter-spacing: 1px; } +.sheet-carrygs2 { grid-area: ac2; width: 50px; } +.sheet-carrygs3 { grid-area: ac3; width: 50px; } +.sheet-carrygs4 { grid-area: ac4; width: 50px; } +.sheet-carrygs5 { grid-area: ac5; font-size: 14px; font-family: Saira Semi Condensed; } +.sheet-carrygs6 { grid-area: ac6; font-size: 14px; font-family: Saira Semi Condensed; } +.sheet-carrygs7 { grid-area: ac7; font-size: 14px; font-family: Saira Semi Condensed; } +.sheet-characteristics2_carry { + justify-content: right; + text-align: center; + display: grid; + justify-items: center; + grid-template-columns: 60px 60px 60px; + grid-template-areas: + 'ac1 ac1 ac1' + 'ac2 ac3 ac4' + 'ac5 ac6 ac7'; +} + + + +/* ______________________________ 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 90px 18px 50px 18px 90px; +} + +.sheet-init_field { + height: 100%; + margin-right: -60px; + width:85px; +} + +.sheet-init_plus { + font-size: 24px; + font-weight: bold; + padding-top: 12px; +} + +.sheet-sheet_tabs { + justify-content: right; + margin-right: 3px; + display: grid; + grid-template-columns: 45px 75px 60px 95px 60px 60px 45px; +} + + + +/* ______________________________ end of grid structure for initiative and sheet tabs ______________________________ +______________________________ start of tab buttons toggles ______________________________ */ + + + +.sheet-core, +.sheet-medical, +.sheet-equipment, +.sheet-advancements, +.sheet-journal, +.sheet-vehicles, +.sheet-settings { display: none } +/* show the selected tab */ + +.sheet-tabstoggle[value='core'] ~ div.sheet-core, +.sheet-tabstoggle[value='equipment'] ~ div.sheet-equipment, +.sheet-tabstoggle[value='medical'] ~ div.sheet-medical, +.sheet-tabstoggle[value='advancements'] ~ div.sheet-advancements, +.sheet-tabstoggle[value='journal'] ~ div.sheet-journal, +.sheet-tabstoggle[value='vehicles'] ~ div.sheet-vehicles, +.sheet-tabstoggle[value='settings'] ~ div.sheet-settings { display: block } +.sheet-core_bttn:checked + button { + background: rgb(200, 0, 0); + color: white; + vertical-align: center; +} + + + +/* ______________________________ 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-minimisable_infographic_main { margin-left: 5px; } + +.sheet-minimisable_infographic_override{ margin-top: -4px!important; height: 20px; font-weight: bold;} +.sheet-minimisable_infographic_toggles { + display: grid; + grid-column-gap: 10px; + grid-template-columns: 82px 52px 80px 78px 113px 86px 66px auto; +} + +.sheet-minimisable_infographic_grid { + display: grid; + grid-template-columns: 103px 103px 103px 103px 185px 185px; +} + +.sheet-minimisable_infographic_g1 { grid-area: mi1; background: #394C6A !important; border: 0px solid transparent; font-family: Orbitron !important; letter-spacing: 1px; justify-self: center; width: calc(100% - 6px); } +.sheet-minimisable_infographic_g2 { grid-area: mi2; color: white; justify-self: right; margin-top: 3px; margin-right: 3px; } +.sheet-minimisable_infographic_g3 { grid-area: mi3; border-right: 1px solid #394C6A; } +.sheet-minimisable_infographic_g4 { grid-area: mi4; color: white; justify-self: right; margin-top: 3px; margin-right: 3px; } +.sheet-minimisable_infographic_g5 { grid-area: mi5; border-right: 1px solid #394C6A; border-bottom: 1px solid #394C6A; border-bottom-right-radius: 10px; } +.sheet-minimisable_infographic_field2x3 { + background: #506b95; + margin-right: 10px; + display: grid; + grid-template-columns: 53px 40px; + grid-template-rows: 25px 25px 25px; + grid-template-areas: + 'mi1 mi1' + 'mi2 mi3' + 'mi4 mi5'; +} + +.sheet-minimisable_infographic_g6 { grid-area: mi6; color: white; font-family: Saira Semi Condensed; justify-self: right; margin-top: 3px; margin-right: 3px; } +.sheet-minimisable_infographic_g7 { grid-area: mi7; } +.sheet-minimisable_infographic_g8 { grid-area: mi8; color: white; font-family: Saira Semi Condensed; justify-self: right; margin-top: 3px; margin-right: 3px; } +.sheet-minimisable_infographic_g9 { grid-area: mi9; border-bottom: 1px solid #394C6A; } +.sheet-minimisable_infographic_field4x3 { + background: #506b95; + margin-right: 10px; + display: grid; + grid-template-columns: 50px 40px 45px 40px; + grid-template-rows: 25px 25px 25px; + grid-template-areas: + 'mi1 mi1 mi1 mi1' + 'mi6 mi7 mi2 mi3' + 'mi8 mi9 mi4 mi5'; +} + + + +/* ______________________________ 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 { + border-bottom: 1px dotted darkgrey; + margin-top: 7px; + display: grid; + grid-template-columns: auto 28px 63px 56px 21px 30px 38px 30px; + 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 53px 64px 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-template-columns: 49.5% 1% 49.5%; + grid-template-areas: + 'e1 e0 e2' + 'e3 e3 e3'; +} + +.sheet-equipment_ranged_weapons { grid-area: e1; background:#475f85; border-radius: 10px; padding: 2px; z-index: 1;} +.sheet-equipment_melee_weapons { grid-area: e2; background:#475f85; border-radius: 10px; padding: 2px; } +.sheet-equipment_numerics { grid-area: e3; margin-top: 10px; } +.sheet-equipment_ranged_weapons_rep { background:#475f85; 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: 30px; margin-top: -27px; text-align: center; height: 12px; } +.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: 30px; margin-top: -27px; text-align: center; height: 12px; } +.sheet-equipment_ranged_weapons_gs26 { grid-area: rw26; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; } +.sheet-equipment_ranged_weapons_gs27 { grid-area: rw27; color: white; font-size: 12px; padding: 0px 2px } +.sheet-equipment_ranged_weapons_gs28 { grid-area: rw28; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; } +.sheet-equipment_ranged_weapons_gs29 { grid-area: rw29; color: white; font-size: 12px; padding: 0px 2px } +.sheet-equipment_ranged_weapons_gs30 { grid-area: rw30; 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 auto auto auto auto auto auto auto auto auto; + grid-template-areas: + 'rw1 rw2 rw2 rw2 rw2 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: auto 8% 4% 8% 4% 8% auto auto auto auto; + grid-template-areas: + 'rw21 rw22 rw23 rw24 rw25 rw26 rw27 rw28 rw29 rw30'; +} + +.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_gear_gs1 { grid-area: eg1; width: 100%; text-align: center; align-self: center; } +.sheet-equipment_gear_gs2 { grid-area: eg2; width: 100%; text-align: center; align-self: center; } +.sheet-equipment_gear_gs3 { grid-area: eg3; width: 100%; text-align: center; align-self: center; } +.sheet-equipment_gear_gs4 { grid-area: eg4; width: 100%; text-align: center; align-self: center; } +.sheet-equipment_gear_gs5 { grid-area: eg5; width: 100%; text-align: center; align-self: center; } +.sheet-equipment_gear_gs6 { grid-area: eg6; width: 100%; text-align: center; align-self: center; } +.sheet-equipment_gear_gs7 { margin-top: 5px !important; } +.sheet-equipment_gear { + display: grid; + padding-right: 2px; + grid-template-columns: auto 60px 80px 80px 80px 80px 25px; + grid-template-areas: + 'eg1 eg2 eg3 eg4 eg5 eg6 eg7'; +} + +.sheet-equipment_header { + background: #394C6A; + border: 2px solid #475f85; + border-bottom: none; + border-radius: 10px 10px 0px 0px; + font-family: Orbitron; + font-size: 14px; + height: 30px; + letter-spacing: 1px; +} +.sheet-equipment_titles { + font-size: 14px; + text-align: center; + height: 20px; +} + +.sheet-equipment_armor_input { width: 100%; height: 50px; } +.sheet-equipment_armor_gs1 { background: #475f85; padding: 2px; } +.sheet-equipment_armor_gs2 { background: #475f85; padding: 2px; } +.sheet-equipment_armor_gs3 { background: #475f85; padding: 2px; } +.sheet-equipment_armor_grid { + width: 100%; + display: grid; + grid-gap: 10px; + grid-template-columns: 300px 90px auto; +} + +.sheet-equipment_permutations_grid { + margin: 0px 50.5px 0.6px 0px; + display: grid; + grid-template-columns: auto 100px 40px 40px; +} + + + +/* ______________________________ end of equipment tab ______________________________ +______________________________ start of medical tab ______________________________ */ + + + +.sheet-medicalG { + background: #475f85; + border-left: 15px solid #475f85; + border-right: 15px solid #475f85; + color: white; + font-family: Saira Semi Condensed; +} + +.sheet-medicalg1 { grid-area: m1; border-top-left-radius: 10px; } +.sheet-medicalg2 { grid-area: m2; } +.sheet-medicalg3 { grid-area: m3; border-top-right-radius: 10px; } +.sheet-medicalg4 { grid-area: m4; } +.sheet-medicalg5 { grid-area: m5; } +.sheet-medicalg6 { grid-area: m6; } +.sheet-medicalg7 { grid-area: m7; } +.sheet-medicalg8 { grid-area: m8; } +.sheet-medicalg9 { grid-area: m9; } +.sheet-medicalg10 { grid-area: m10; } +.sheet-medicalg11 { grid-area: m11; } +.sheet-medicalg12 { grid-area: m12; } +.sheet-medicalg13 { grid-area: m13; } +.sheet-medicalg14 { grid-area: m14; } +.sheet-medicalg15 { grid-area: m15; border-bottom-left-radius: 10px; } +.sheet-medicalg16 { grid-area: m16; } +.sheet-medicalg17 { grid-area: m17; border-bottom-right-radius: 10px; } +.sheet-medicalgT { grid-area: mT; margin-left: 10px; } +.sheet-medicalgR { grid-area: mR; margin-top: 10px; } +.sheet-medical-grid { + display: grid; + grid-template-columns: 25% 25% 25% 25%; + grid-template-rows: 120px 120px 120px 120px 120px 170px auto; + grid-template-areas: + 'm1 m2 m3 mT' + 'm4 m5 m6 mT' + 'm7 m8 m9 mT' + 'm10 m8 m11 mT' + 'm12 m13 m14 mT' + 'm15 m16 m17 mT' + 'mR mR mR mT'; +} + +.sheet-medical_h2 { + background: #394C6A; + color: white; +} +.sheet-medical_h2_rollable:hover { background-color: rgb(200, 0, 0); } +.sheet-medical_initial_label { margin-bottom: -5px; } +.sheet-medical_table { + border-bottom: 1px dotted grey; + color: white; + font-family: Saira Semi Condensed; + text-align: center; + text-indent: 5px; +} +.sheet-medical_h2_background, +.sheet-medical_background { + background: #475f85; + margin-bottom: 10px; + border-radius: 10px; + padding: 2px; +} +.sheet-medical_h2_background { + border-radius: 10px 10px 0px 0px; + margin-bottom: 0; +} + + + +/* ______________________________ end of medical tab __________________________________________________________ +______________________________ start of advancements tab ______________________________ */ + + + +.sheet-advancements_grid_gs1 { grid-area: e1; align-self: center; text-align: center; width: 100%; } +.sheet-advancements_grid_gs2 { grid-area: e2; align-self: center; text-align: center; width: 100% !important; } +.sheet-advancements_grid_gs3 { grid-area: e3; align-self: center; text-align: center; width: 100% !important; } +.sheet-advancements_grid_gs4 { grid-area: e4; align-self: center; text-align: center; width: 100%; } +.sheet-advancements_grid_gs5 { grid-area: e5; align-self: center; text-align: center; width: 100% !important; } +.sheet-advancements_grid_gs6 { grid-area: e6; align-self: center; text-align: center; width: 100% !important; } +.sheet-advancements_grid { + justify-content: center; + display: grid; + grid-template-columns: 29% 10% 10% 2% 29% 10% 10% ; + grid-template-areas: + 'e1 e2 e3 e0 e4 e5 e6'; +} + +.sheet-faction_training { grid-area: t1; padding: 2px; background: #475f85; } +.sheet-weapon_training { grid-area: t2; padding: 2px; background: #475f85; } +.sheet-training { + margin: 10px 0px 10px 1.5%; + display: grid; + grid-template-columns: 33% 67%; + grid-template-areas: + 't1 t2'; +} + +.sheet-faction_training_grid_g1{ grid-area: ft1; } +.sheet-faction_training_grid_g2{ grid-area: ft2; } +.sheet-faction_training_grid_g3{ grid-area: ft3; } +.sheet-faction_training_grid { + font-size: 16px; + margin: 2px 0px 0px 20px; + display: grid; + grid-template-columns: 50% 50%; + grid-template-areas: + 'ft1 ft2' + 'ft3 ft3'; +} + +.sheet-weapon_training_grid { + font-size: 16px; + margin: 2px -5px 0px 25px; + display: grid; + grid-template-columns: 20% 25% 30% 25%; +} + + + +/* ______________________________ end of advancements tab ______________________________ +______________________________ start of vehicles tab ___________________________________________________________ */ + + + +.sheet-vehicles_grid1 { margin-right: 10px; background: #506b95; border-top: 2px solid #506b95; border-left: 2px solid #506b95; border-right: 2px solid #506b95; border-top-left-radius: 10px; border-top-right-radius: 10px; color: white; font-family: Saira Semi Condensed; } +.sheet-vehicles_grid2 { margin-right: 10px; background: #506b95; border-left: 2px solid #506b95; border-right: 2px solid #506b95; color: white; font-family: Saira Semi Condensed; } +.sheet-vehicles_grid3 { margin-right: 10px; background: #506b95; border-left: 2px solid #506b95; border-right: 2px solid #506b95; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; color: white; font-family: Saira Semi Condensed; } +.sheet-vehicle_weapons { grid-area: vgw; } +.sheet-vehicles_divider { + display: grid; + grid-template-columns: 50% 50%; + grid-template-areas: + 'vg1 vgw' + 'vg2 vgw' + 'vg3 vgw' + 'vg0 vgw'; +} +.sheet-vehicles_Gn { grid-area: vn; background: #394C6A; border: none; border-bottom: 1px solid white; border-radius: 9px 9px 0px 0px; color: white; font-family: Saira Semi Condensed; text-align: center; font-size: 16px; } +.sheet-vehicles_Gs { grid-area: vs; height: 28.5px; margin-bottom: -8px; margin-top: -1px; border-top: 1px solid white; } +.sheet-vehicles_Gt { grid-area: vt; height: 28.5px; margin-bottom: -8px; margin-top: -1px; border-top: 1px solid white; } +.sheet-vehicles_G1 { grid-area: v1 } +.sheet-vehicles_G2 { grid-area: v2; text-align: center } +.sheet-vehicles_G3 { grid-area: v3; text-align: center } +.sheet-vehicles_G4 { grid-area: v4; text-align: center } +.sheet-vehicles_G5 { grid-area: v5; text-align: center } +.sheet-vehicles_G6 { grid-area: v6 } +.sheet-vehicles_G7 { grid-area: v7 } +.sheet-vehicles_G8 { grid-area: v8 } +.sheet-vehicles_G9 { grid-area: v9 } +.sheet-vehicles_G10 { grid-area: v10 } +.sheet-vehicles_G11 { grid-area: v11; text-align: center } +.sheet-vehicles_G12 { grid-area: v12; text-align: center } +.sheet-vehicles_G13 { grid-area: v13; text-align: center } +.sheet-vehicles_G14 { grid-area: v14; text-align: center } +.sheet-vehicles_G15 { grid-area: v15 } +.sheet-vehicles_G16 { grid-area: v16 } +.sheet-vehicles_G17 { grid-area: v17 } +.sheet-vehicles_G18 { grid-area: v18 } +.sheet-vehicles_G19 { grid-area: v19; text-align: center } +.sheet-vehicles_G20 { grid-area: v20; text-align: center } +.sheet-vehicles_G21 { grid-area: v21; text-align: center } +.sheet-vehicles_G22 { grid-area: v22; text-align: center } +.sheet-vehicles_G23 { grid-area: v23 } +.sheet-vehicles_G24 { grid-area: v24 } +.sheet-vehicles_G25 { grid-area: v25 } +.sheet-vehicles_G26 { grid-area: v26 } +.sheet-vehicles_G27 { grid-area: v27; text-align: center } +.sheet-vehicles_G28 { grid-area: v28; text-align: center } +.sheet-vehicles_G29 { grid-area: v29 } +.sheet-vehicles_G30 { grid-area: v30 } +.sheet-vehicles_G31 { grid-area: v31 } +.sheet-vehicles_G32 { grid-area: v32; margin-top: 6px } +.sheet-vehicles_G33 { grid-area: v33 } +.sheet-vehicles_G34 { grid-area: v34; text-align: center } +.sheet-vehicles_G35 { grid-area: v35; text-align: center } +.sheet-vehicles_G36 { grid-area: v36 } +.sheet-vehicles_G37 { grid-area: v37 } +.sheet-vehicles_G38 { grid-area: v38 } +.sheet-vehicles_G39 { grid-area: v39; text-align: center } +.sheet-vehicles_G40 { grid-area: v40 } +.sheet-vehicles_grid1 { + display: grid; + grid-template-columns: 25% 25% 25% 25%; + grid-template-areas: + 'vn vn vn vn' + 'vs v1 v1 vt' + 'v2 v3 v4 v5' + 'v6 v7 v8 v9' + 'v10 v10 v10 v10' + 'v11 v12 v13 v14' + 'v15 v16 v17 v18' + 'v19 v20 v21 v22' + 'v23 v24 v25 v26' + 'v27 v28 v28 v28' + 'v29 v30 v30 v30' + 'v31 v32 v32 v32' + 'v33 v33 v33 v33' + 'v34 v34 v35 v35' + 'v36 v36 v37 v37' + 'v38 v38 v38 v38' + 'v39 v39 v39 v39' + 'v40 v40 v40 v40'; +} +.sheet-vehicles_G41 { grid-area: v41 } +.sheet-vehicles_G42 { grid-area: v42; text-align: center } +.sheet-vehicles_G43 { grid-area: v43; text-align: center } +.sheet-vehicles_G44 { grid-area: v44; text-align: center } +.sheet-vehicles_G45 { grid-area: v45; text-align: center } +.sheet-vehicles_G46 { grid-area: v46; text-align: center } +.sheet-vehicles_G47 { grid-area: v47 } +.sheet-vehicles_G48 { grid-area: v48 } +.sheet-vehicles_G49 { grid-area: v49 } +.sheet-vehicles_G50 { grid-area: v50 } +.sheet-vehicles_G51 { grid-area: v51 } +.sheet-vehicles_G52 { grid-area: v52; text-align: center } +.sheet-vehicles_G53 { grid-area: v53; text-align: center } +.sheet-vehicles_G54 { grid-area: v54; text-align: center } +.sheet-vehicles_G55 { grid-area: v55; text-align: center } +.sheet-vehicles_G56 { grid-area: v56; text-align: center } +.sheet-vehicles_G57 { grid-area: v57; text-align: center } +.sheet-vehicles_G58 { grid-area: v58 } +.sheet-vehicles_G59 { grid-area: v59 } +.sheet-vehicles_G60 { grid-area: v60 } +.sheet-vehicles_G61 { grid-area: v61 } +.sheet-vehicles_G62 { grid-area: v62 } +.sheet-vehicles_grid2 { + display: grid; + grid-template-columns: 20% 20% 20% 20% 20%; + grid-template-areas: + 'v41 v41 v41 v41 v41' + 'v42 v43 v44 v45 v46' + 'v47 v48 v49 v50 v51' + 'v52 v52 v52 v52 v52' + 'v53 v54 v55 v56 v57' + 'v58 v59 v60 v61 v62'; +} +.sheet-vehicles_G63 { grid-area: v63 } +.sheet-vehicles_G64 { grid-area: v64; text-align: center } +.sheet-vehicles_G65 { grid-area: v65; text-align: center } +.sheet-vehicles_G66 { grid-area: v66 } +.sheet-vehicles_G67 { grid-area: v67 } +.sheet-vehicles_G68 { grid-area: v68; text-align: center } +.sheet-vehicles_G69 { grid-area: v69; text-align: center } +.sheet-vehicles_G70 { grid-area: v70; text-align: center } +.sheet-vehicles_G71 { grid-area: v71; text-align: center } +.sheet-vehicles_G72 { grid-area: v72 } +.sheet-vehicles_G73 { grid-area: v73 } +.sheet-vehicles_G74 { grid-area: v74 } +.sheet-vehicles_G75 { grid-area: v75 } +.sheet-vehicles_G76 { grid-area: v76; padding-bottom: 2px; } +.sheet-vehicles_grid3 { + display: grid; + grid-template-columns: 25% 25% 25% 25%; + grid-template-areas: + 'v63 v63 v63 v63' + 'v64 v64 v65 v65' + 'v66 v66 v67 v67' + 'v68 v69 v70 v71' + 'v72 v73 v74 v75' + 'v76 v76 v76 v76'; +} + +.sheet-vehicles_descriptor { border-bottom-left-radius: 8px; } + +/* 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) + div { display: none } +.sheet-hider:not(:checked) + input { display: none } +.sheet-hidernot:checked + div { display: none } +.sheet-hidernot:checked + input { display: none } + + + +/* ______________________________ end of vehicles 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_characteristics_fields { height: 26px !important; font-size: 16px; color: white;} +.sheet-NPC_characteristics_roll { width:calc(100% - 10px); height: 20px !important; font-size: 16px; } +.sheet-NPC_characteristics { + color: white; + display: grid; + grid-template-columns: 60px 40px 10px 40px 10px 60px 60px; +} +.sheet-NPC_pageselect{ + display: grid; + grid-template-columns: 70px 67px 120px; +} + +.sheet-NPC_medical { + background: #475f85; + margin-right: 10px; + padding: 2px 2px 2px 2px; + color: white; + font-family: Saira Semi Condensed; +} + +.sheet-NPC_margin{ margin-right: 10px; } + +.sheet-NPC_textfield_override { height:300px } + + + + +/* ______________________________ end of NPC sheet overrides ______________________________ +______________________________ start of rolltemplate ___________________________________________________________ */ + + + +.sheet-rolltemplate-mythic .sheet-template-header, +.sheet-rolltemplate-mythic .sheet-template-row { + color: white; + line-height: 1.6em; + font-size: 1.2em; + font-family: Saira Semi Condensed; +} + +.sheet-rolltemplate-mythic .sheet-template-header { + background: #394C6A; + border-radius: 10px 10px 0px 0px; + border-left: 2px solid grey; + border-right: 2px solid grey; + border-top: 2px solid grey; + text-align: center; + text-decoration: underline; +} + +.sheet-rolltemplate-mythic .sheet-template-content { + background: #506b95; + background-image: url(https://github.com/michaelvanweelde/Halo_Mythic_4dot0/blob/master/images/Assets/Mythic_rolltemplate_background.png?raw=true); + border-radius: 0px 0px 10px 10px; + border-left: 2px solid grey; + border-right: 2px solid grey; + border-bottom: 2px solid grey; + padding: 2px +} + +.sheet-rolltemplate-mythic .sheet-template-content_top { + border-radius: 0px 0px 0px 0px; + border-bottom: 3px solid #394C6A; +} + +.sheet-rolltemplate-mythic .sheet-template-round { + border-radius: 10px 10px 10px 10px; +} + +.sheet-rolltemplate-mythic .sheet-template-2x2 { + display: grid; + grid-template-columns: auto auto +} + +.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-break { + margin-top: 10px; +} + +.sheet-rolltemplate-mythic .sheet-inlineresult { + display: inline-block; + min-width: 1.5em; + text-align: center; + border: 1px solid white; + border-radius: 3px 3px 3px 3px; + background: #394C6A; + 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/Halo_Mythic_3dot5/HaloMythic4dot0.html b/Halo_Mythic_3dot5/HaloMythic4dot0.html index 83b7736e0d..c6205bb52a 100644 --- a/Halo_Mythic_3dot5/HaloMythic4dot0.html +++ b/Halo_Mythic_3dot5/HaloMythic4dot0.html @@ -1,3142 +1,4106 @@ - - - -






Mythic
- - - -STR
-TOU
-AGI
-Character Movement
- - - - - - - -Half
-Full
-Charge
-Run
-Sprint
-Jump
-Leap
-Weight Capacity
- - - -Carry
-Lift
-Push
-+
- -+
- -- - -
Current
- -Max
- -Current
- -Max
- -Current
- -Max
- -Current
- -Max
- -Current
- -Max
- -Delay
- -Charge
- -Head
- -Arms
- -Chest
- -Legs
- -Name
- -Char
-Mod
-T
-+10
-+20
-Roll
-Appeal
- - - - - - - -Athletics
- - - - - - - -Camouflage
- - - - - - - -Command
- - - - - - - -Cryptography
-Adv.
- - - - - - -Deception
- - - - - - - -Demolition
-Adv.
- - - - - - -Evasion
- - - - - - - -Gambling
- - - - - - - -Interrogation
- - - - - - - -Intimidation
- - - - - - - -Investigation
- - - - - - - -Medication
-Adv.
- - - - - - -Nav Air
- - - - - - - -Nav Land
- - - - - - - -Nav Space
- - - - - - - -Negotiation
- - - - - - - -Pilot Air
- - - - - - - -Pilot Land
- - - - - - - -Pilot Space
- - - - - - - -Security
-Adv.
- - - - - - -Stunting
- - - - - - - -Survival
- - - - - - - -Technology
-Adv.
- - - - - - -Name
-Char
-Mod
-+5
-+10
-Roll
-Expand or collapse ability's descriptor block ⯆
-
- Name
-Location
-Hpts
-Pg#
-+
- -+
- -Current
- -Max
- -Current
- -Max
- -Current
- -Max
- -Current
- -Max
- -Current
- -Max
- -Delay
- -Charge
- -Head
- -Arms
- -Chest
- -Legs
- -
{{/rollBetween() scatter-direction 1 2}}
- {{#rollBetween() scatter-direction 3 3}}
{{/rollBetween() scatter-direction 3 3}}
- {{#rollBetween() scatter-direction 4 4}}
{{/rollBetween() scatter-direction 4 4}}
- {{#rollBetween() scatter-direction 5 5}}
{{/rollBetween() scatter-direction 5 5}}
- {{#rollBetween() scatter-direction 6 7}}
{{/rollBetween() scatter-direction 6 7}}
- {{#rollBetween() scatter-direction 8 8}}
{{/rollBetween() scatter-direction 8 8}}
- {{#rollBetween() scatter-direction 9 9}}
{{/rollBetween() scatter-direction 9 9}}
- {{#rollBetween() scatter-direction 10 10}}
{{/rollBetween() scatter-direction 10 10}}
-
- 







Mythic
+ + + +STR
+TOU
+AGI
+Character Movement
+ + + + + + + +Half
+Full
+Charge
+Run
+Sprint
+Jump
+Leap
+Weight Capacity
+ + + +Carry
+Lift
+Push
++
+ ++
+ ++ + + +
Current
+ +Max
+ +Current
+ +Max
+ +Current
+ +Max
+ +Current
+ +Max
+ +Current
+ +Max
+ +Delay
+ +Charge
+ +Head
+ +Arms
+ +Chest
+ +Legs
+ +Name
+ +Char
+Mod
+T
++10
++20
+Roll
+Appeal
+ + + + + + + +Athletics
+ + + + + + + +Camouflage
+ + + + + + + +Command
+ + + + + + + +Cryptography
+Adv.
+ + + + + + +Deception
+ + + + + + + +Demolition
+Adv.
+ + + + + + +Evasion
+ + + + + + + +Gambling
+ + + + + + + +Interrogation
+ + + + + + + +Intimidation
+ + + + + + + +Investigation
+ + + + + + + +Medication
+Adv.
+ + + + + + +Nav Air
+ + + + + + + +Nav Land
+ + + + + + + +Nav Space
+ + + + + + + +Nav Slipspace
+ + + + + + + +Negotiation
+ + + + + + + +Pilot Air
+ + + + + + + +Pilot Land
+ + + + + + + +Pilot Space
+ + + + + + + +Security
+Adv.
+ + + + + + +Stunting
+ + + + + + + +Survival
+ + + + + + + +Technology
+Adv.
+ + + + + + +Name
+Char
+Mod
++5
++10
+Roll
+Expand or collapse ability's descriptor block ⯆
+
+ Name
+Location
+Hpts
+Pg#
++
+ ++
+ +EXPERIENCE
+RANK
+SIZE
+ + + +Characteristics
+ + + + + + + + + + ++ + + + + + + + + + +
Mythic
+ + + ++
Movement/carry
++ + + + + + + + + + +
Name
+ +Char
+Mod
+T
++10
++20
+Roll
+Current
+ +Max
+ +Current
+ +Max
+ +Current
+ +Max
+ +Current
+ +Max
+ +Current
+ +Max
+ +Delay
+ +Charge
+ +Head
+ +Arms
+ +Chest
+ +Legs
+ +
{{/rollBetween() scatter-direction 1 2}}
+ {{#rollBetween() scatter-direction 3 3}}
{{/rollBetween() scatter-direction 3 3}}
+ {{#rollBetween() scatter-direction 4 4}}
{{/rollBetween() scatter-direction 4 4}}
+ {{#rollBetween() scatter-direction 5 5}}
{{/rollBetween() scatter-direction 5 5}}
+ {{#rollBetween() scatter-direction 6 7}}
{{/rollBetween() scatter-direction 6 7}}
+ {{#rollBetween() scatter-direction 8 8}}
{{/rollBetween() scatter-direction 8 8}}
+ {{#rollBetween() scatter-direction 9 9}}
{{/rollBetween() scatter-direction 9 9}}
+ {{#rollBetween() scatter-direction 10 10}}
{{/rollBetween() scatter-direction 10 10}}
+
+ geKFgO1OXtS$
zH>%6iI6(H0P+y96cKhus%LUgz0+kDm@Ht)%O*YpadZ>rCSYKvKODRq@F52h3HVSY`
z&;K+{IYc|-;F!mmPNvY}G#Ud2_dq?XdhMpfH9c&+4|vAe_kX(A2!osUq-*WV(
K5QTl;P@?%$>_o(wy#4g|Up4)E4V1n#fw-KH7WfJ}yT58i7{r@@|R3GzY
zxv3>Ga@HpRVZC<_EKxDXrFcYM9Uz`^jO-K=QvYo{6N908p{pF3-8W^DXW|CW-Xa2M
zhXOnrI+y7T(=NL%>_g!ZBDg%+zpXx`Qug@>Ro<5{M14ahCDfrDX_s(c&c2K*;C*U<
zA6apPMFdS1mgHEf51>Ajqc#NRAi`7ro?{@{3;}`5_Lhz^VEC=C7_!QN?A!9rFne}A
zzFt+(j&P=ijRPKjJLCtPqi$!lU)$@?5d_