/* Legend */ ul.legend { margin: 4px 0 .5rem 0 !important; } .tools ul.legend { margin: 4px 0 0 0 !important; } .legend span{ width:20px; height:12px; left:0; } .legend span.color { border:1px solid #455a64; height:11px; } .legend span[data-img] {image-rendering: -webkit-optimize-contrast;} /*** Range ***/ .legend span[data-color="range001"] { background:#ffffcc;} .legend span[data-color="range002"] { background:#a1dab4;} .legend span[data-color="range003"] { background:#41b6c4;} .legend span[data-color="range004"] { background:#2c7fb8;} .legend span[data-color="range005"] { background:#253494;} .right-sidebar .r-panel-body .tools ul li { padding: unset;} .right-sidebar .r-panel-body .tools .small.muted {display: flex; line-height: normal;} .legend li { padding-left: 26px !important; line-height: 10px; position: relative; font-size: small; padding-top: 2px !important; padding-bottom: 5px !important;} .legend li span { position: absolute; top: unset; } /*** Bland ***/ .legend span[data-img="county-boundary"] { background:url('images/Corporate Boundary.png') no-repeat center center / contain; } .legend span[data-img="town_boundary"] { background:url('images/state_boundary.png') no-repeat center center / contain; } .legend span[data-shape="section_boundaries"] { height: 10px; width: 10px; background-color: rgba(255,255,255,0); border: 2px solid rgba(0,0,0,1); display: inline-block; left: 5px; top: 2px;} .legend span[data-shape="township_and_range_boundaries"] { height: 10px; width: 10px; background-color: rgba(255,255,255,0); border: 2px solid rgba(139,35,35,1); display: inline-block; left: 5px; top: 2px;} .legend span[data-img="parcel_landhooks"] { background:url('images/parcel_landhooks.png') no-repeat center center / contain; } .legend span[data-shape="address_points"] { height: 6px; width: 6px; background-color: rgba(178,34,34,1); border: 0px solid rgba(79,79,79,0); border-radius: 50%; display: inline-block; left: 7px; top: 4px;} .legend span[data-img="corporate-boundaries"] { background:url('images/Corporate Boundary.png') no-repeat center center / contain; } .legend span[data-shape="community_center"] { height: 10px; width: 14px; background-color: rgba(0,0,200,1); border:0px solid rgb(255,254,255); display: inline-block; left:5px;top:2px; } .legend span[data-img="courthouse"] { background:url('images/Courthouse.png') no-repeat center center / contain; } .legend span[data-img="library"] { background:url('images/Library.png') no-repeat center center / contain; } .legend span[data-img="museum"] { background:url('images/Museum.png') no-repeat center center / contain; } .legend span[data-img="park"] { background:url('images/Park.png') no-repeat center center / contain; } .legend span[data-img="school"] { background:url('images/School.png') no-repeat center center / contain; } .legend span[data-img="polling_locations"] { background:url('images/polling.png') no-repeat center center / contain; } .legend span[data-color="p_bastian"] { background:rgba(0,191,255,.6);border:1px solid rgba(151,21,0,.6); } .legend span[data-color="p_ceres"] { background:rgba(255,165,0,.6);border:1px solid rgba(151,21,0,.6); } .legend span[data-color="p_davis"] { background:rgba(132,112,255,.6);border:1px solid rgba(151,21,0,.6); } .legend span[data-color="p_holly"] { background:rgba(112,219,147,.6);border:1px solid rgba(151,21,0,.6); } .legend span[data-color="p_mechanicsburg"] { background:rgba(222,184,135,.6);border:1px solid rgba(151,21,0,.6); } .legend span[data-color="p_rocky"] { background:rgba(152,251,152.6);border:1px solid rgba(151,21,0,.6); } .legend span[data-color="p_seddon"] { background:rgba(255,215,0,.6);border:1px solid rgba(151,21,0,.6); } .legend span[data-color="vd_1"] { background:rgba(0,133,0,.6);border:1px solid rgba(151,21,0,.6); } .legend span[data-color="vd_2"] { background:rgba(166,166,166,.6);border:1px solid rgba(151,21,0,.6); } .legend span[data-color="vd_3"] { background:rgba(255,255,77,.6);border:1px solid rgba(151,21,0,.6); } .legend span[data-color="vd_4"] { background:rgba(230,0,0,.6);border:1px solid rgba(151,21,0,.6); } .legend span[data-img="appalachian_trail"] { background:url('images/Appalachian Trail.png') no-repeat center center / contain; } .legend span[data-shape="appalachian_shelters"] { height: 10px; width: 10px; background-color: rgba(100,128,0,1); border-radius: 50%;border:1px solid rgba(0,0,0,1); display: inline-block; left:5px;top:2px; } .legend span[data-img="elevations"] { background:url('images/Elevations.png') no-repeat center center / contain; } .legend span[data-color="national_forest"] { background:rgba(85,107,47,1);border:1px solid rgba(79,79,79,1); } .legend span[data-shape="recreation_sites"] { height: 10px; width: 10px; background-color: rgba(0,128,0,1); border-radius: 50%;border:1px solid rgba(254,254,254,1); display: inline-block; left:5px;top:2px; } .legend span[data-color="rz-111"] { background:rgba(112,219,147,.6);border:1px solid rgba(151,21,0,.6); } .legend span[data-color="rz-211"] { background:rgba(47,79,47,.6);border:1px solid rgba(151,21,0,.6); } .legend span[data-color="rz-311"] { background:rgba(34,139,34,.6);border:1px solid rgba(151,21,0,.6); } .legend span[data-color="rz-411"] { background:rgba(112,147,219,.6);border:1px solid rgba(151,21,0,.6); } .legend span[data-color="rz-511"] { background:rgba(112,219,219,.6);border:1px solid rgba(151,21,0,.6); } .legend span[data-color="rz-611"] { background:rgba(188,143,143,.6);border:1px solid rgba(151,21,0,.6); } .legend span[data-color="fz-bland"] { background:rgba(112,219,147,.6);border:1px solid rgba(151,21,0,.6); } .legend span[data-color="fz-ceres"] { background:rgba(47,79,47,.6);border:1px solid rgba(151,21,0,.6); } .legend span[data-color="fz-grapefield"] { background:rgba(34,139,34,.6);border:1px solid rgba(151,21,0,.6); } .legend span[data-color="fz-hollybrook"] { background:rgba(112,147,219,.6);border:1px solid rgba(151,21,0,.6); } .legend span[data-color="fz-little"] { background:rgba(188,143,143,.6);border:1px solid rgba(151,21,0,.6); } .legend span[data-color="fz-rocky"] { background:rgba(255,64,64,.6);border:1px solid rgba(151,21,0,.6); } .legend span[data-img="fire"] { background:url('images/Fire.png') no-repeat center center / contain; } .legend span[data-img="rescue"] { background:url('images/Rescue.png') no-repeat center center / contain; } .legend span[data-color="kimberling_creek"] { background:rgba(153,204,50,1);border:1px solid rgba(0,0,0,1); } .legend span[data-shape="e911"] { height: 10px; width: 10px; background-color: rgba(153,204,50,1); border-radius: 50%; display: inline-block; left:5px;top:2px; } .legend span[data-color="buildings"] { background:rgba(205,170,102,1);border:1px solid rgba(0,0,0,1); } .legend span[data-svg="interstate"] {background-image:url("data:image/svg+xml;utf8,line_thin");} .legend span[data-svg="highway"] {background-image:url("data:image/svg+xml;utf8,line_thin");} .legend span[data-svg="st_route"] {background-image:url("data:image/svg+xml;utf8,line_thin");} .legend span[data-svg="local_roads"] {background-image:url("data:image/svg+xml;utf8,line_thin");} .legend span[data-img="driveways"] { background:url('images/Driveway.png') no-repeat center center / contain; } .legend span[data-color="tunnels"] { background:rgba(238,197,145,1);border:1px solid rgba(92,64,51,1); } .legend span[data-color="lakes"] { background:rgba(151,219,242,1);border:1px solid rgba(64,101,235,1); } .legend span[data-color="rivers"] { background:rgba(0,112,255,1);border:1px solid rgba(139,139,139,1); } .legend span[data-color="water_bodies"] { background:rgba(151,219,242,.6);border:1px solid rgba(64,101,235,.6); } .legend span[data-svg="streams"] {background-image:url("data:image/svg+xml;utf8,line_thin");} .legend span[data-color="flood_Zone_A"] { background:rgba(205,102,0,.6);border:1px solid rgba(0,0,0,.6); } .legend span[data-color="flood_Zone_AE"] { background:rgba(233,150,122,.6);border:1px solid rgba(0,0,0,.6); } .legend span[data-color="fld_1per"] { background:rgba(18,155,223,.50);border:1px solid rgba(0,0,0,.6); } .legend span[data-hatch="fld_reg_flood"] { background: repeating-linear-gradient(-45deg,rgba(18,155,223,.5),rgba(18,155,223,.5) 15%,rgba(255,13,0,.5) 15%,rgba(255,13,0,.5) 30%);border:1px solid rgba(85,107,47,1); } .legend span[data-pattern="fld_special_flood"] { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAPElEQVQYlWP4z8vwH4aFZt/HwDA5BmQOumJkcQZsgtj4DLhMQLeBAZeb0J1BuolEuZEoXxMdjvgUISsGAKZS5U19Qd/fAAAAAElFTkSuQmCC) repeat ;background-position: left 3px top 5px; height:11px;margin-top: 0px;opacity:.5 } .legend span[data-color="fld_undetermined"] { background:rgba(241,223,140,.5);border:1px solid rgba(0,0,0,.5); } .legend span[data-color="fld_point2"] { background:rgba(244,147,24,.5);border:1px solid rgba(0,0,0,.5); } .legend span[data-hatch="fld_future_1per"] { background: repeating-linear-gradient(45deg,rgba(0,0,0,.5),rgba(0,0,0,.5) 15%,rgba(129,129,129,.8) 15%,rgba(129,129,129,.8) 30%);border:1px solid rgba(0,0,0,1); } .legend span[data-hatch="fld_reduced_risk"] { background: repeating-linear-gradient(-45deg, rgba(0,0,0,.5),rgba(0,0,0,.5) 15%, rgba(254,130,0,.8) 15%,rgba(254,130,0,.8) 30%); border:1px solid rgba(0,0,0,1); } .legend span[data-color="cover_11"] { background:rgba(0,169,230,.5);border:0px solid rgba(0,0,0,1); } .legend span[data-color="cover_21"] { background:rgba(77, 0, 116,.5);border:0px solid rgba(0,0,0,1); } .legend span[data-color="cover_22"] { background:rgba(51, 51, 51,.5);border:0px solid rgba(0,0,0,1); } .legend span[data-color="cover_31"] { background:rgba(255, 255, 255,.5);border:0px solid rgba(0,0,0,1); } .legend span[data-color="cover_41"] { background:rgba(36, 116, 0,.5);border:0px solid rgba(0,0,0,1); } .legend span[data-color="cover_42"] { background:rgba(55, 168, 0,.5);border:0px solid rgba(0,0,0,1); } .legend span[data-color="cover_51"] { background:rgba(116, 116, 0,.5);border:0px solid rgba(0,0,0,1); } .legend span[data-color="cover_61"] { background:rgba(159, 36, 31,.5);border:0px solid rgba(0,0,0,1); } .legend span[data-color="cover_71"] { background:rgba(206, 169, 102,.5);border:0px solid rgba(0,0,0,1); } .legend span[data-color="cover_81"] { background:rgba(153, 230, 0,.5);border:0px solid rgba(0,0,0,1); } .legend span[data-color="cover_82"] { background:rgba(230, 230, 0,.5);border:0px solid rgba(0,0,0,1); } .legend span[data-color="cover_91"] { background:rgba(136, 69, 100,.5);border:0px solid rgba(0,0,0,1); } .legend span[data-color="cover_92"] { background:rgba(255, 0, 197,.5);border:0px solid rgba(0,0,0,1); } /*2021*/ .legend span[data-color="cover_water"] { background:rgba(0,92,230,.5);border:0px solid rgba(0,0,0,1); } .legend span[data-color="cover_impervious_roads"] { background:rgba(0,0,0,.5);border:0px solid rgba(0,0,0,1); } .legend span[data-color="cover_impervious_structures"] { background:rgba(235,6,2,.5);border:0px solid rgba(0,0,0,1); } .legend span[data-color="cover_impervious_other"] { background:rgba(89,89,89,.5);border:0px solid rgba(0,0,0,1); } .legend span[data-color="cover_tree_canopy_over_impervious"] { background:rgba(138,138,136,.5);border:0px solid rgba(0,0,0,1); } .legend span[data-color="cover_tree_canopy_over_turf_grass"] { background:rgba(115,115,0,.5);border:0px solid rgba(0,0,0,1); } .legend span[data-color="cover_turf_grass"] { background:rgba(233,255,190,.5);border:0px solid rgba(0,0,0,1); } .legend span[data-color="cover_pervious_developed_other"] { background:rgba(255,255,115,.5);border:0px solid rgba(0,0,0,1); } .legend span[data-color="cover_extractive"] { background:rgba(199,62,119,.5);border:0px solid rgba(0,0,0,1); } .legend span[data-color="cover_forest"] { background:rgba(38,115,0,.5);border:0px solid rgba(0,0,0,1); } .legend span[data-color="cover_forested_other"] { background:rgba(56,168,0,.5);border:0px solid rgba(0,0,0,1); } .legend span[data-color="cover_natural_succession"] { background:rgba(170,255,0,.5);border:0px solid rgba(0,0,0,1); } .legend span[data-color="cover_harvested_forest"] { background:rgba(99,59,41,.5);border:0px solid rgba(0,0,0,1); } .legend span[data-color="cover_wetlands_riverine_non-forested"] { background:rgba(77,209,148,.5);border:0px solid rgba(0,0,0,1); } .legend span[data-color="cover_wetlands_terrene_non-forested"] { background:rgba(186,245,217,.5);border:0px solid rgba(0,0,0,1); } .legend span[data-color="cover_cropland"] { background:rgba(255,170,0,.5);border:0px solid rgba(0,0,0,1); } .legend span[data-color="cover_pasture_and_hay"] { background:rgba(255,211,127,.5);border:0px solid rgba(0,0,0,1); } .legend span[data-svg="counties"] {background-image:url("data:image/svg+xml;utf8,line_thin");} .legend span[data-svg="tracts"] {background-image:url("data:image/svg+xml;utf8,line_thin");} .legend span[data-svg="block_groups"] {background-image:url("data:image/svg+xml;utf8,line_thin");} .legend span[data-color="color"] { background: rgba(205,170,102,1); border: 1px solid rgba(79,79,79,1); } .legend span[data-img="image"] { background: url('Rescue.png') no-repeat center center / contain;} .legend span[data-pattern="floodplain"] { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAKUlEQVQImWNImfL2PwMaSJ76zjdlytv/CAa6BLoAhgROHQR14rUTn2sBnTs9xq3SepQAAAAASUVORK5CYII=) repeat ; height:10px;margin-top: 1px; border:1px solid rgba(179,179,179,1);background-position: 1px 4px; } .legend span[data-pattern="floodplain_ae"] { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAARUlEQVQImV2NwQ0AIQzDDGI9GJb7s1pRkFq1l6+dpNk5BjRqJrA7sAAJngdUEPySEECWoOJCgAy9US7GfyoJ77NMxQXYBUBaEtid8uxFAAAAAElFTkSuQmCC) repeat ; height:10px;margin-top: 1px; border:1px solid rgba(179,179,179,1);background-position: 1px 4px; } .legend span[data-pattern="floodplain_2per"] { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAKUlEQVQImWP4z8DwnwEN/GdgaPjPwPAfwUCXQBfAkMCpg6BOvHbicy0A8usqXJhyTUQAAAAASUVORK5CYII=) repeat ; height:10px;margin-top: 1px; border:1px solid rgba(179,179,179,1);background-position: 1px 4px; } .legend span[data-color="fld_1per"] { background:rgba(18,155,223,.50);border:1px solid rgba(0,0,0,.6); } .legend span[data-hatch="fld_reg_flood"] { background: repeating-linear-gradient(-45deg,rgba(18,155,223,.5),rgba(18,155,223,.5) 15%,rgba(255,13,0,.5) 15%,rgba(255,13,0,.5) 30%);border:1px solid rgba(85,107,47,1); } .legend span[data-pattern="fld_special_flood"] { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAPElEQVQYlWP4z8vwH4aFZt/HwDA5BmQOumJkcQZsgtj4DLhMQLeBAZeb0J1BuolEuZEoXxMdjvgUISsGAKZS5U19Qd/fAAAAAElFTkSuQmCC) repeat ;background-position: left 3px top 5px; height:11px;margin-top: 0px;opacity:.5 } .legend span[data-color="fld_undetermined"] { background:rgba(241,223,140,.5);border:1px solid rgba(0,0,0,.5); } .legend span[data-color="fld_point2"] { background:rgba(244,147,24,.5);border:1px solid rgba(0,0,0,.5); } .legend span[data-hatch="fld_future_1per"] { background: repeating-linear-gradient(45deg,rgba(0,0,0,.5),rgba(0,0,0,.5) 15%,rgba(129,129,129,.8) 15%,rgba(129,129,129,.8) 30%);border:1px solid rgba(0,0,0,1); } .legend span[data-hatch="fld_reduced_risk"] { background: repeating-linear-gradient(-45deg, rgba(0,0,0,.5),rgba(0,0,0,.5) 15%, rgba(254,130,0,.8) 15%,rgba(254,130,0,.8) 30%); border:1px solid rgba(0,0,0,1); } .legend span[data-color="paving_inventory"] { background: rgba(0,0,255,1); border: 1px solid rgba(0,99,0,1);height: 3px;top: 5px;border-radius:2px; } .legend span[data-color="paving_excellent"] { background: rgba(0,99,0,1); border: 1px solid rgba(0,99,0,1);height: 3px;top: 5px;border-radius:2px; } .legend span[data-color="paving_good"] { background: rgba(0,199,0,1); border: 1px solid rgba(0,199,0,1);height: 3px;top: 5px;border-radius:2px; } .legend span[data-color="paving_fair"] { background: rgba(255,255,0,1); border: 1px solid rgba(255,255,0,1);height: 3px;top: 5px;border-radius:2px; } .legend span[data-color="paving_critical"] { background: rgba(255,140,0,1); border: 1px solid rgba(255,140,0,1);height: 3px;top: 5px;border-radius:2px; } .legend span[data-color="paving_lost"] { background: rgba(255,0,0,1); border: 1px solid rgba(255,0,0,1);height: 3px;top: 5px;border-radius:2px; } .legend span[data-shape="paving_drain"] { width: 0; height: 0; border-top: 1px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid rgba(255,127,36,1); display: inline-block; left: 5px; top: 2px;} .legend span[data-shape="paving_massstructural"] { height: 8px; width: 8px; background-color: rgba(0,255,255,1); border: 0px solid rgba(79,79,79,1); display: inline-block; left: 6px; top: 3px;transform: rotate(45deg);} .legend span[data-shape="paving_pothole01"] { height: 10px; width: 11px; background-color: rgba(238,201,0,1); border: 2px solid rgba(0,0,0,1); border-radius: 50%; display: inline-block; left: 5px; top: 2px;} .legend span[data-shape="paving_pothole02"] { height: 10px; width: 11px; background-color: rgba(255,48,48,1); border: 2px solid rgba(0,0,0,1); border-radius: 50%; display: inline-block; left: 5px; top: 2px;} .legend span[data-shape="paving_proposedmaint"] { height: 10px; width: 11px; background-color: rgba(72,118,255,1); border: 1px solid rgba(0,0,0,1); border-radius: 50%; display: inline-block; left: 5px; top: 2px;} .legend span[data-shape="paving_structural"] { height: 10px; width: 11px; background-color: rgba(139,102,139,1); border: 1px solid rgba(0,0,0,1); border-radius: 50%; display: inline-block; left: 5px; top: 2px;} .legend span[data-shape="paving_surfacel"] { height: 8px; width: 8px; background-color: rgba(205,92,92,1); border: 1px solid rgba(79,79,79,1); display: inline-block; left: 6px; top: 3px;transform: rotate(45deg);} .legend span[data-img="paving_surfacem"] { background:url('images/paving_surfacem.png') no-repeat center center / contain; } .legend span[data-img="paving_drain"] { background:url('images/paving_drain.png') no-repeat center center / contain; bottom: 4px;} .legend span[data-img="paving_massstructural"] { background:url('images/paving_massstructural.png') no-repeat center center / contain; bottom: 4px;} .legend span[data-img="paving_pothole01"] { background:url('images/paving_pothole01.png') no-repeat center center / contain; bottom: 4px;} .legend span[data-img="paving_pothole02"] { background:url('images/paving_pothole02.png') no-repeat center center / contain; bottom: 4px;} .legend span[data-img="paving_structural"] { background:url('images/paving_structural.png') no-repeat center center / contain; bottom: 4px;} .legend span[data-img="paving_surfacem"] { background:url('images/paving_surfacem.png') no-repeat center center / contain; } .legend span[data-img="paving_surfacel"] { background:url('images/paving_surfacel.png') no-repeat center center / contain; } .legend span[data-img="pro_bridges"] { background: url('images/bridge.png') no-repeat center center / contain;} .legend span[data-img="pro_pipes"] { background: url('images/pipe.png') no-repeat center center / contain;} .legend span[data-img="pro_signs"] { background: url('images/sign.png') no-repeat center center / contain;} /* */ /*** Shapes ***/ .legend span[data-shape="green_box"] { height: 10px; width: 10px; background-color: rgba(59,179,0,1); border: 0px solid rgba(79,79,79,1); display: inline-block; left: 5px; top: 2px;} .legend span[data-shape="blue_triangle_up"] { width: 0; height: 0; border-top: 1px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid rgba(0,0,255,1); display: inline-block; left: 5px; top: 2px;} .legend span[data-shape="yellow_circle"] { height: 10px; width: 11px; background-color: rgba(255, 236, 57,1); border: 0px solid rgba(79,79,79,0); border-radius: 50%; display: inline-block; left: 5px; top: 2px;} /*** Hatch ***/ .legend span[data-hatch="horizontal_lines"] { background: repeating-linear-gradient(0deg,rgba(46,139,87,1),rgba(46,139,87,1) 8%,rgba(255,255,255,.25) 8%,rgba(255,255,255,.25) 33%); border: 1px solid rgba(139,139,139,1); } .legend span[data-hatch="diag_lines"] { background: repeating-linear-gradient(45deg,rgba(0,0,0,1),rgba(0,0,0,1) 2px,rgba(129,129,129,1) 2px,rgba(129,129,129,1) 4px); border: 1px solid rgba(0,0,0,1); } /*** Lines ***/ .legend span[data-svg="solid_line"] { background-image: url("data:image/svg+xml;utf8,line_thin");} .legend span[data-svg="dashed_line"] { background-image: url("data:image/svg+xml;utf8,Legend");} /** "color" line **/ .legend span[data-color="color_line"] { background: rgba(0,0,205,1); border: 2px solid rgba(0,0,205,1); height: 3px; top: 4px; border-radius: 2px;} .legend span[data-color="color_line_border"] { background: #b11600; border: 1px solid #575757; height: 5px; top: 5px; border-radius: 4px;} .legend span[data-hatch="color_line_dashed"] {background: repeating-linear-gradient(90deg, rgba(205,112,84,1),rgba(205,112,84,1) 20%, rgba(79,79,79,1) 20%,rgba(79,79,79,1) 40%); border: 1px solid rgba(205,112,84,1); height: 3px; top: 6px; border-radius: 2px;} /*** Pattern ***/ .legend span[data-pattern="checker_lines"] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAH0lEQVQImWNggILkaW//M6ADFMHkaW//o2PsKrEJAgBOnRoOzeCVVAAAAABJRU5ErkJggg==) repeat; height: 10px; margin-top: 1px;} .legend span[data-color="color"] { background: rgba(205,170,102,1); border: 1px solid rgba(79,79,79,1); } .legend span[data-img="image"] { background: url('Rescue.png') no-repeat center center / contain;}