diff --git a/ShadowbaneInquisition/Shadowbane.css b/ShadowbaneInquisition/Shadowbane.css index 99d552eece..94d7d7f898 100644 --- a/ShadowbaneInquisition/Shadowbane.css +++ b/ShadowbaneInquisition/Shadowbane.css @@ -77,7 +77,10 @@ h2, h3 { h2 { text-decoration: underline; } /* Only type-3 headers receive the following CSS properties. */ -h3 { background: #52682d; } +h3 { + background: #52682d38; + box-shadow: 0px 2px 5px black; +} /* All normal text receives the following CSS properties. */ p { @@ -92,7 +95,7 @@ p { /* All textarea elements (keep width for textarea to prevent stretching off of sheet) */ textarea { - background: #52682d; + background: #52682d38; color: white; font-family: inherit; font-size: 14px; @@ -163,8 +166,8 @@ ______________________________ start of multipurpose or special-use classes such } .sheet-table { - background: #6e8b3d; - color: white; + background: #6e8b3d38; + /* color: white; */ font-family: inherit; } @@ -488,13 +491,17 @@ ______________________________ start of minimisable infographic ________________ .sheet-select_text { - background: #52682d; + /* background: #52682d38; */ + box-shadow: inset 0px 0px 10px 5px black; border: 1px solid white; border-radius: 4px; - color: white; font-family: inherit; + /* color: white; font-family: inherit; */ padding: 0px 4px 0px 4px; } -.sheet-select_button:checked ~ .sheet-select_text { background: rgb(200, 0, 0); } +.sheet-select_button:checked ~ .sheet-select_text { + text-shadow: -1px -1px 5px white, 1px 1px 5px white; +/*background: rgb(200, 0, 0); */ +} .sheet-minimisable_infographic_main { margin-left: 5px; } @@ -512,11 +519,11 @@ ______________________________ start of minimisable infographic ________________ .sheet-minimisable_infographic_g1 { grid-area: mi1; background: #52682d !important; border: 0px solid transparent; font-family: inherit !important; letter-spacing: 0px; 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 #52682d; } +.sheet-minimisable_infographic_g3 { grid-area: mi3; border-right: 1px solid #52682d38; } .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 #52682d; border-bottom: 1px solid #52682d; border-bottom-right-radius: 10px; } +.sheet-minimisable_infographic_g5 { grid-area: mi5; border-right: 1px solid #52682d38; border-bottom: 1px solid #52682d38; border-bottom-right-radius: 10px; } .sheet-minimisable_infographic_field2x3 { - background: #6e8b3d; + background: #6e8b3d38; margin-right: 10px; display: grid; grid-template-columns: 53px 40px; @@ -531,7 +538,7 @@ ______________________________ start of minimisable infographic ________________ .sheet-minimisable_infographic_g7 { grid-area: mi7; } .sheet-minimisable_infographic_field4x3a { - background: #6e8b3d; + background: #6e8b3d38; margin-right: 10px; display: grid; grid-template-columns: 50px 40px 45px 40px; @@ -543,9 +550,9 @@ ______________________________ start of minimisable infographic ________________ } .sheet-minimisable_infographic_g8 { grid-area: mi8; color: white; font-family: inherit; justify-self: right; margin-top: 3px; margin-right: 3px; } -.sheet-minimisable_infographic_g9 { grid-area: mi9; border-bottom: 1px solid #52682d; } +.sheet-minimisable_infographic_g9 { grid-area: mi9; border-bottom: 1px solid #52682d38; } .sheet-minimisable_infographic_field4x3b { - background: #6e8b3d; + background: #6e8b3d38; margin-right: 10px; display: grid; grid-template-columns: 60px 40px 65px 40px; @@ -622,10 +629,16 @@ ______________________________ start of equipment tab __________________________ 'e3 e3 e3'; } -.sheet-equipment_ranged_weapons { grid-area: e1; background:#6E8B3D; border-radius: 10px; padding: 2px; } -.sheet-equipment_melee_weapons { grid-area: e2; background:#6E8B3D; border-radius: 10px; padding: 2px; } +.sheet-equipment_ranged_weapons { grid-area: e1; background:#6E8B3D38; border-radius: 10px; padding: 2px; } +.sheet-equipment_melee_weapons { grid-area: e2; background:#6E8B3D38; border-radius: 10px; padding: 2px; } .sheet-equipment_numerics { grid-area: e3; margin-top: 10px; } -.sheet-equipment_ranged_weapons_rep, .sheet-equipment_melee_weapons_rep { background:#6E8B3D; border:1px solid white; border-radius: 10px; padding: 2px; } +.sheet-equipment_ranged_weapons_rep, .sheet-equipment_melee_weapons_rep { + background:#6E8B3D50; + /* border:1px solid white; */ + box-shadow: 0px 2px 5px black; + 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; } @@ -774,8 +787,9 @@ ______________________________ start of equipment tab __________________________ } .sheet-equipment_header { - background: #52682d; - border: 2px solid #6E8B3D; + background: #52682d38; + box-shadow: 0px 5px 9px black; + border: 2px solid #6e8b3d38; border-bottom: none; border-radius: 10px 10px 0px 0px; font-family: inherit; @@ -789,8 +803,8 @@ ______________________________ start of equipment tab __________________________ height: 20px; } -.sheet-equipment_armor_gs1 { background: #6E8B3D; padding: 2px; } -.sheet-equipment_armor_gs2 { background: #6E8B3D; padding: 2px; } +.sheet-equipment_armor_gs1 { background: #6E8B3D38; padding: 2px; } +.sheet-equipment_armor_gs2 { background: #6E8B3D38; padding: 2px; } .sheet-equipment_armor_grid { display: grid; grid-gap: 10px; @@ -860,9 +874,9 @@ ______________________________ start of comrade tab ____________________________ 'e1 e0 e2'; } -.sheet-comrade_name_status { grid-area: e1; background:#6E8B3D; border-radius: 10px; padding: 2px; } -.sheet-comrade_ability { grid-area: e2; background:#6E8B3D; border-radius: 10px; padding: 2px; } -.sheet-comrade_name_status_rep, .sheet-comrade_ability_rep { background:#6E8B3D; border:1px solid white; border-radius: 10px; padding: 2px; } +.sheet-comrade_name_status { grid-area: e1; background:#6E8B3D38; border-radius: 10px; padding: 2px; } +.sheet-comrade_ability { grid-area: e2; background:#6E8B3D38; border-radius: 10px; padding: 2px; } +.sheet-comrade_name_status_rep, .sheet-comrade_ability_rep { background:#6E8B3D38; border:1px solid white; border-radius: 10px; padding: 2px; } .sheet-comrade_name_status_gs1 { grid-area: cn1; color: white; font-size: 13px; padding: 0px 2px; } .sheet-comrade_name_status_gs2 { grid-area: cn2; color: white; font-size: 13px; border: none; border-bottom: 1px dotted white; } @@ -897,6 +911,7 @@ ______________________________ start of advancements tab _______________________ .sheet-aptitudes_grid_gs2 { grid-area: ap2; align-self: center; text-align: center; width: 100%; } .sheet-aptitudes_grid_gs3 { grid-area: ap3; align-self: center; text-align: center; width: 100%; } .sheet-aptitudes_grid { + box-shadow: 0px 5px 9px black; justify-content: center; display: grid; grid-template-columns: auto auto auto; @@ -920,10 +935,15 @@ ______________________________ start of advancements tab _______________________ 'e1 e2 e3 e0 e4 e5 e6 e7'; } -.sheet-weapon_training { padding: 2px; background: #6E8B3D; } +.repcontainer { + box-shadow: 0px 5px 9px black; +} + +.sheet-weapon_training { padding: 2px; background: #6E8B3D38; } .sheet-weapon_training_grid { padding: 2px 0px 2px 40px; - background: #6E8B3D; + background: #6E8B3D38; + box-shadow: 0px 5px 9px black; font-size: 15px; margin: 2px; display: grid; @@ -937,8 +957,8 @@ ______________________________ start of advancements tab _______________________ ______________________________ start of Journal tab ___________________________________________________________ */ /* Journal sections didn't need their own CSS; this covers only the insanity/corruption portion of the page */ -.sheet-insanity_side { grid-area: e1; background:#6E8B3D; border-radius: 10px; padding: 2px; } -.sheet-corruption_side { grid-area: e2; background:#6E8B3D; border-radius: 10px; padding: 2px; } +.sheet-insanity_side { grid-area: e1; background:#6E8B3D38; border-radius: 10px; padding: 2px; } +.sheet-corruption_side { grid-area: e2; background:#6E8B3D38; border-radius: 10px; padding: 2px; } .sheet-insanity_corruption_divider { display: grid; grid-template-columns: 49.5% 1% 49.5%; @@ -997,11 +1017,11 @@ ______________________________ start of Psykana tab ____________________________ 'e2 . e3'; } -.sheet-psykana_info { grid-area: e1; background:#6E8B3D; border-radius: 10px; padding: 2px; margin-bottom: 5px; } -.sheet-psykana_minor { grid-area: e2; background:#6E8B3D; border-radius: 10px; padding: 2px; margin-top: 5px; } -.sheet-psykana_ability { grid-area: e3; background:#6E8B3D; border-radius: 10px; padding: 2px; } +.sheet-psykana_info { grid-area: e1; background:#6E8B3D38; border-radius: 10px; padding: 2px; margin-bottom: 5px; } +.sheet-psykana_minor { grid-area: e2; background:#6E8B3D38; border-radius: 10px; padding: 2px; margin-top: 5px; } +.sheet-psykana_ability { grid-area: e3; background:#6E8B3D38; border-radius: 10px; padding: 2px; } -.sheet-minormanifestation_rep, .sheet-psykana_ability_rep { background:#6E8B3D; border:1px solid white; border-radius: 10px; padding: 2px; } +.sheet-minormanifestation_rep, .sheet-psykana_ability_rep { background:#6E8B3D38; border:1px solid white; border-radius: 10px; padding: 2px; } .sheet-psykana_info_gs1 { grid-area: pi1; color: white; font-size: 14px; padding: 0px 2px; } .sheet-psykana_info_gs2 { grid-area: pi2; color: white; font-size: 14px; margin-top: 5px; } @@ -1103,8 +1123,8 @@ ______________________________ start of vehicles page __________________________ -.sheet-vehicles_grid1 { margin-right: 10px; background: #6e8b3d; border-top: 2px solid #6e8b3d; border-left: 2px solid #6e8b3d; border-right: 2px solid #6e8b3d; border-top-left-radius: 10px; border-top-right-radius: 10px; color: white; font-family: inherit; } -.sheet-vehicles_grid2 { margin-right: 10px; background: #6e8b3d; border-left: 2px solid #6e8b3d; border-right: 2px solid #6e8b3d; color: white; font-family: inherit; } +.sheet-vehicles_grid1 { margin-right: 10px; background: #6e8b3d38; border-top: 2px solid #6e8b3d38; border-left: 2px solid #6e8b3d38; border-right: 2px solid #6e8b3d38; border-top-left-radius: 10px; border-top-right-radius: 10px; color: white; font-family: inherit; } +.sheet-vehicles_grid2 { margin-right: 10px; background: #6e8b3d38; border-left: 2px solid #6e8b3d38; border-right: 2px solid #6e8b3d38; color: white; font-family: inherit; } .sheet-vehicle_weapons { grid-area: vgw; } .sheet-vehicles_divider { display: grid; @@ -1113,7 +1133,7 @@ ______________________________ start of vehicles page __________________________ 'vg1 vgw' 'vg2 vgw'; } -.sheet-vehicles_Gn { grid-area: vn; background: #52682d; border: none; border-bottom: 1px solid white; border-radius: 9px 9px 0px 0px; color: white; font-family: inherit; text-align: center; font-size: 15px; } +.sheet-vehicles_Gn { grid-area: vn; background: #52682d38; border: none; border-bottom: 1px solid white; border-radius: 9px 9px 0px 0px; color: white; font-family: inherit; text-align: center; font-size: 15px; } .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 }