line_thin

/* 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-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;} .legend span[data-img] {image-rendering: -webkit-optimize-contrast;} .legend span[data-img="county-boundary"] { background:url('images/Corporate Boundary.png') no-repeat center center / contain; } .legend span[data-hatch="county-boundary"] { background: repeating-linear-gradient(90deg, #4CBB17,#4CBB17 30%, rgba(226,119,40,0) 30%, rgba(226,119,40,0) 30%, #4CBB17 30%,#4CBB17 100% ); border: 0px solid rgba(205,112,84,0); height: 4px; top: 5px; border-radius: 2px; } .legend span[data-img="town_boundary"] { background: url('images/state_boundary.png') no-repeat center center / contain;} .legend span[data-img="town_boundary_blue"] { background: url('images/town_boundary_blue.png') no-repeat center center / contain;} .legend span[data-img="town_boundary_yellow"] { background: url('images/town_boundary_yellow.png') no-repeat center center / contain;} .legend span[data-img="town_boundary_green"] { background: url('images/town_boundary_green.png') no-repeat center center / contain;} .legend span[data-img="town_boundary_orange"] { background: url('images/town_boundary_orange.png') no-repeat center center / contain;} .legend span[data-img="town_boundary_maroon"] { background: url('images/town_boundary_maroon.png') no-repeat center center / contain;} .legend span[data-img="poi"] { background:url('images/Point of Interest.png') no-repeat center center / contain; } .legend span[data-img="folder"] { background:url('images/folder.png') no-repeat center center / contain; top: 1px;} .legend span[data-color="structures"] { background: #CDAA66;} .legend span[data-img="roads"] { background:url('images/Roads.png') no-repeat center center / contain; } .legend span[data-svg="roads"] { background-image: url("data:image/svg+xml;utf8,");} .legend span[data-color="roads"] { background: #98c1d9; border: 1px solid #495057; height: 3px; top: 5px; border-radius: 2px; } .legend span[data-img="driveways"] { background:url('images/Driveways.png') no-repeat center center / contain; } .legend span[data-svg="driveways"] { background-image: url("data:image/svg+xml;utf8,");} .legend span[data-hatch="driveways"] { background: repeating-linear-gradient(90deg, #98c1d9,#98c1d9 45%, rgba(226,119,40,0) 45%, rgba(226,119,40,0) 55% ); border: 0px solid #495057; height: 2px; top: 5px; border-radius: 2px; } .legend span[data-img="railroad"] { background:url('images/Railroad.png') no-repeat center center / contain; } .legend span[data-svg="water_mains"] { background-image: url("data:image/svg+xml;utf8,");} .legend span[data-svg="water_laterals"] { background-image: url("data:image/svg+xml;utf8,");} .legend span[data-svg="water_bodies"] { background-image: url("data:image/svg+xml;utf8,");} .legend span[data-svg="streams"] { background-image: url("data:image/svg+xml;utf8,");} .legend span[data-img="water_storage_tank"] { background:url('images/water_storage_tank.png') no-repeat center center / contain; } .legend span[data-svg="waterlines"] { background-image: url("data:image/svg+xml;utf8,")} .legend span[data-shape="master_water_meters"] { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 11px solid rgb(51,153,204);display: inline-block; left:5px;top: 2px;} .legend span[data-img="water_meters"] { background:url('images/water_meters.png') no-repeat center center / contain; } .legend span[data-img="water_valves"] { background:url('images/water_valves.png') no-repeat center center / contain; top: 1px; } .legend span[data-img="fire_hydrants"] { background:url('images/Fire Hydrant.png') no-repeat center center / contain; } .legend span[data-shape="fire_line_meters"] { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 11px solid rgb(139,0,0);display: inline-block; left:5px;top: 2px;} .legend span[data-img="fire_line_valves"] { background:url('images/fire_line_valves.png') no-repeat center center / contain; max-height: 10px;} .legend span[data-shape="blow_off_valves"] { height: 10px; width: 10px; background-color: rgba(51,153,204,1); border-radius: 0; display: inline-block; left:5px;top:2px; } .legend span[data-img="back_flow"] { background:url('images/back_flow.png') no-repeat center center / contain; } .legend span[data-shape="air_release_valves"] { height: 10px; width: 10px; background-color: rgba(51,153,204,1); border-radius: 50%; display: inline-block; left:5px;top:2px; } .legend span[data-shape="air_release_valves"] { height: 10px; width: 10px; background-color: rgba(51,153,204,1); border-radius: 50%; display: inline-block; left:5px;top:2px; } .legend span[data-shape="post_indicator_valve"] { height: 10px; width: 10px; background-color: rgba(51,153,204,1); border-radius: 0; display: inline-block; left:5px;top:2px; } .legend span[data-color="low_pressure_zone"] { background:rgba(211,255,190,1);border:1px solid rgba(0,0,0,1); } .legend span[data-color="high_pressure_zone"] { background:rgba(190,232,255,1);border:1px solid rgba(0,0,0,1); } .legend span[data-img="isolation_valves"] { background:url('images/fire_line_valves.png') no-repeat center center / contain; } .legend span[data-img="water_storage_tank2"] { background:url('images/water_storage_tank2.png') no-repeat center center / contain; } .legend span[data-img="booster_station"] { background:url('images/booster_station.png') no-repeat center center / contain; } .legend span[data-img="water_master_meter"] { background:url('images/water_master_meter.png') no-repeat center center / contain; } .legend span[data-shape="water_treatment_plant"] { height: 12px; width: 12px; background-color: rgba(0,112,255,1); border-radius: 0; display: inline-block; left:4px;top:0px; } .legend span[data-color="wd_cpws"] { background:rgba(0,191,255,1);border:1px solid rgba(0,0,0,1); } .legend span[data-color="wd_hbts"] { background:rgba(255,165,0,1);border:1px solid rgba(0,0,0,1); } .legend span[data-color="wd_hbts_meter"] { background:rgba(132,112,255,1);border:1px solid rgba(0,0,0,1); } .legend span[data-color="wd_maury"] { background:rgba(112,219,147,1);border:1px solid rgba(0,0,0,1); } .legend span[data-img="manholes"] { background:url('images/manholes.png') no-repeat center center / contain; } .legend span[data-img="force_main_valves"] { background:url('images/force_main_valves.png') no-repeat center center / contain; } .legend span[data-img="force_main_check_valve"] { background:url('images/force_main_check_valve.png') no-repeat center center / contain; } .legend span[data-svg="sewer_gravity_lines"] { background-image: url("data:image/svg+xml;utf8,")} .legend span[data-svg="sewer_force_mains"] { background-image: url("data:image/svg+xml;utf8,")} .legend span[data-svg="abandoned_sewer_force_mains"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.54 10.88'%3E%3Cpath d='M1.87,11.73c0-.11,6-8.37,6-8.37l4.63,7.74,6.35-8.23' transform='translate(-0.99 -2)' fill='none' stroke='%23458b2e' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' stroke-dasharray='3 3'/%3E%3C/svg%3E");} .legend span[data-svg="casement_pipes"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.02 13.13'%3E%3Cpath d='M1.87,11.57c0-.1,6-8.36,6-8.36L12.53,11l6.35-8.23' transform='translate(-0.37 -0.49)' fill='none' stroke='%23cdaf95' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3'/%3E%3Cpath d='M1.87,11.73c0-.11,6-8.37,6-8.37l4.63,7.74,6.35-8.23' transform='translate(-0.37 -0.49)' fill='none' stroke='%23ffdab9' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1.75'/%3E%3C/svg%3E");background-repeat: no-repeat;} .legend span[data-shape="sewer_facilities"] { height: 12px; width: 12px; background-color: rgba(0,139,0,1); border-radius: 0; display: inline-block; left:4px;top:1px; } .legend span[data-img="air_release_manholes"] { background:url('images/air_release_manholes.png') no-repeat center center / contain; } .legend span[data-color="ep_cpws"] { background:rgba(213,232,188,1);border:1px solid rgba(0,0,0,1); } .legend span[data-color="ep_dremc"] { background:rgba(0,113,99,1);border:1px solid rgba(0,0,0,1); } .legend span[data-color="ep_mtemc"] { background:rgba(122,193,67,1);border:1px solid rgba(0,0,0,1); } .legend span[data-shape="storm_shelter"] { height: 12px; width: 12px; background-color: rgba(127,255,212,1); border:1px solid black; border-radius: 0; display: inline-block; left:4px;top:1px; } .legend span[data-img="outfall"] { background:url('images/outfall.png') no-repeat center center / contain; } .legend span[data-img="outfall2020"] { background:url('images/outfall2020.png') no-repeat center center / contain; } .legend span[data-img="stormwater_headwall"] { background: url('images/sw_headwall.png') no-repeat center center / contain;} .legend span[data-shape="stormwater_street_inlet"] { height: 10px; width: 10px; background-color: rgba(255,170,0,1); border: 2px solid rgba(79,79,79,1); border-radius: 50%; display: inline-block; left: 5px; top: 2px;} .legend span[data-color="stormwater_pipe"] { background: rgba(79,79,79,1); border: 1px solid rgba(255,170,0,1);height: 20%;top: 5px; border-radius: 4px;} .legend span[data-shape="stormwater_outfall_structure"] { height: 9px; width: 9px; background-color: rgba(255,170,0,1); border: 2px solid rgba(79,79,79,1); display: inline-block; left: 5px; top: 2px;} /* */ .legend span[data-img="sv_arv"] { background:url('images/arv.png') no-repeat center center / contain; } .legend span[data-img="sv_gate"] { background:url('images/water_valves.png') no-repeat center center / contain; } .legend span[data-img="sv_hydrant"] { background:url('images/fire_line_valves.png') no-repeat center center / contain; } .legend span[data-img="sv_hydrant"] { background:url('images/fire_line_valves.png') no-repeat center center / contain; } .legend span[data-img="water_tank"] { background:url('images/water_storage_tank2.png') no-repeat center center / contain; } .legend span[data-shape="water_well"] { height: 10px; width: 11px; background-color: rgba(0,112,255,1); border: 0px solid rgba(79,79,79,0); border-radius: 50%; display: inline-block; left: 5px; top: 2px;} .legend span[data-img="water_meters"] { background:url('images/water_meters2.png') no-repeat center center / contain; } .legend span[data-img="fire_hydrants"] { background:url('images/fire_hydrant.png') no-repeat center center / contain; } .legend span[data-img="blow_off_hydrant"] { background:url('images/blow_off_hydrant.png') no-repeat center center / contain; } .legend span[data-img="water_fittings"] { background:url('images/water_fittings.png') no-repeat center center / contain; } .legend span[data-img="sewer_lines"] { background:url('images/sewer_lines2.png') no-repeat center center / contain; } .legend span[data-img="gravity_flow_direction"] { background:url('images/sewer_gravity_lines_flow.png') no-repeat center center / contain; } .legend span[data-img="sewer_force_mains"] { background:url('images/sewer_force_mains.png') no-repeat center center / contain; } .legend span[data-svg="sewer_laterals"] { background-image: url("data:image/svg+xml;utf8,");} .legend span[data-img="pump_station"] { background:url('images/pump_station.png') no-repeat center center / contain; } .legend span[data-img="sewer_manholes"] { background:url('images/manholes.png') no-repeat center center / contain; } .legend span[data-img="miscellaneous_junctions"] { background:url('images/miscellaneous_junctions.png') no-repeat center center / contain; } .legend span[data-img="grease_traps"] { background:url('images/grease_traps.png') no-repeat center center / contain; } .legend span[data-img="clean_outs"] { background:url('images/clean_outs.png') no-repeat center center / contain; } .legend span[data-img="stubs"] { background:url('images/stubs.png') no-repeat center center / contain; } .legend span[data-img="air_release_valve"] { background:url('images/air_release_valve.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(255,0,0,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="fld_minimal"] { background:rgba(255,165,0,.6);border:0px solid rgba(0,0,0,0); } .legend span[data-color="fz_a"] { background:#edc76c;border:1px solid rgba(80,80,80,1); opacity:.6;} .legend span[data-color="fz_ae"] { background:#c7f5fd;border:1px solid rgba(80,80,80,1); opacity:.6; } .legend span[data-color="fz_x"] { background:#e1fcd9;border:1px solid rgba(80,80,80,1); opacity:.6; } .legend span[data-color="fz_x_un"] { background:#f4cdca;border:1px solid rgba(80,80,80,1); opacity:.6; } .legend span[data-svg="dam_retention"] { background-image: url("data:image/svg+xml;utf8,"); opacity:.6;} .legend span[data-color="dr_nobreach"] { background:rgba(16,78,139,.6);border:0px solid rgba(0,0,0,0); } .legend span[data-color="dr_pmf"] { background:rgba(24,116,205,.6);border:0px solid rgba(0,0,0,0); } .legend span[data-color="dr_pmfbreach"] { background:rgba(30,144,255,.6);border:0px solid rgba(0,0,0,0); } .legend span[data-color="dr_sdf"] { background:rgba(0,154,205,.6);border:0px solid rgba(0,0,0,0); } .legend span[data-color="dr_sdfbreach"] { background:rgba(0,191,255,.6);border:0px solid rgba(0,0,0,0); } .legend span[data-color="dr_sunnybreach"] { background:rgba(0,206,209,.6);border:0px solid rgba(0,0,0,0); } .legend span[data-img="counties"] { background:url('images/Counties.png') no-repeat center center / contain; } .legend span[data-img="tracts"] { background:url('images/Tracts.png') no-repeat center center / contain; } .legend span[data-img="block-groups"] { background:url('images/Block Groups.png') no-repeat center center / contain; } .legend span[data-svg="counties"] { background-image: url("data:image/svg+xml;utf8,");} .legend span[data-svg="tracts"] { background-image: url("data:image/svg+xml;utf8,");} .legend span[data-svg="block_groups"] { background-image: url("data:image/svg+xml;utf8,");} .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;} .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="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); } /*** Digitized ***/ /*** Water ***/ .legend span[data-color="water_mains"] { background: rgba(0,0,255,1); border: 2px solid rgba(0,0,255,1);height: 3px;top: 5px;border-radius:2px; } .legend span[data-color="water_laterals"] { background: rgba(0,0,255,1); border: 0px solid rgba(0,0,255,1);height: 2px;top: 6px;border-radius:2px; } .legend span[data-img="wv_arv"] { background:url('images/wv_arv.png') no-repeat center center / contain; } .legend span[data-img="wv_hydrant"] { background:url('images/wv_hydrant.png') no-repeat center center / contain; } .legend span[data-img="wv_ball"] { background:url('images/wv_ball.png') no-repeat center center / contain; } .legend span[data-img="wv_butterfly"] { background:url('images/wv_butterfly.png') no-repeat center center / contain; } .legend span[data-img="wv_gate"] { background:url('images/wv_gate.png') no-repeat center center / contain; } .legend span[data-img="wv_pressurereducer"] { background:url('images/wv_pressurereducer.png') no-repeat center center / contain; } .legend span[data-img="wv_airrelease"] { background:url('images/wv_airrelease.png') no-repeat center center / contain; } .legend span[data-img="wv_postindicator"] { background:url('images/wv_postindicator.png') no-repeat center center / contain; } .legend span[data-img="wv_isolation"] { background:url('images/wv_isolation.png') no-repeat center center / contain; } .legend span[data-img="water_storage"] { background:url('images/water_storage.png') no-repeat center center / contain; } .legend span[data-img="ws_well"] { background:url('images/ws_well.png') no-repeat center center / contain; } .legend span[data-img="ws_treatment"] { background:url('images/ws_treatment.png') no-repeat center center / contain; } .legend span[data-img="wm_master"] { background:url('images/wm_master.png') no-repeat center center / contain; } .legend span[data-img="wm_service"] { background:url('images/wm_service.png') no-repeat center center / contain; } .legend span[data-img="fire_hydrants"] { background:url('images/Fire Hydrant.png') no-repeat center center / contain; } .legend span[data-img="wf_cross"] { background:url('images/wf_cross.png') no-repeat center center / contain; } .legend span[data-img="wf_endcap"] { background:url('images/wf_endcap.png') no-repeat center center / contain; } .legend span[data-img="wf_reducer"] { background:url('images/wf_reducer.png') no-repeat center center / contain; } .legend span[data-img="wf_tapping"] { background:url('images/wf_tapping.png') no-repeat center center / contain; } .legend span[data-img="wf_tee"] { background:url('images/wf_tee.png') no-repeat center center / contain; } .legend span[data-img="wf_stub"] { background:url('images/wf_stub.png') no-repeat center center / contain; } .legend span[data-img="wf_fhtee"] { background:url('images/wf_fhtee.png') no-repeat center center / contain; } .legend span[data-svg="water_lines_proposed"] { background-image: url("data:image/svg+xml,%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 21 14' overflow='visible' xml:space='preserve'%3E%3Cpath id='FAT' display='none' fill='none' stroke='rgba(169,0,230,1)' stroke-width='4' stroke-miterlimit='10' d='M3.27,10.82 c0.03-0.08,5.04-6.98,5.04-6.98l3.86,6.46l5.3-6.87'/%3E%3Cpath id='_x33_' display='none' fill='none' stroke='rgba(169,0,230,1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d=' M1.87,11.57C1.9,11.47,7.9,3.21,7.9,3.21l4.63,7.75l6.35-8.23'/%3E%3Cpath id='_x32_.25' display='none' fill='none' stroke='%2300FA9A' stroke-width='2.25' stroke-miterlimit='10' d='M1.87,11.73 C1.9,11.62,7.9,3.36,7.9,3.36l4.63,7.75l6.35-8.23'/%3E%3Cpath id='_x31_.75' display='none' fill='none' stroke='%23FFDAB9' stroke-width='1.75' stroke-linecap='round' stroke-miterlimit='10' d=' M1.87,11.73C1.9,11.62,7.9,3.36,7.9,3.36l4.63,7.75l6.35-8.23'/%3E%3Cpath id='_x31_.75_Dashed' fill='none' stroke='rgba(169,0,230,1)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-dasharray='12.5,5,14,3,7,3' d=' M1.87,11.73C1.9,11.62,7.9,3.36,7.9,3.36l4.63,7.75l6.35-8.23'/%3E%3Cpath id='_x31_.75_Dashed_1_' display='none' fill='none' stroke='%23458B2E' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-dasharray='4,3' d=' M1.87,11.73C1.9,11.62,7.9,3.36,7.9,3.36l4.63,7.75l6.35-8.23'/%3E%3Cpath id='Long_dash_dash' display='none' fill='none' stroke='%239ACD32' stroke-width='3' stroke-miterlimit='10' stroke-dasharray='21,1.5,3,1.5,3' d=' M1.87,11.73C1.9,11.62,7.9,3.36,7.9,3.36l4.63,7.75l6.35-8.23'/%3E%3Cpath display='none' fill='none' stroke='%232E2E2E' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-dasharray='12,4' d=' M1.87,11.73C1.9,11.62,7.9,3.36,7.9,3.36l4.63,7.75l6.35-8.23'/%3E%3Cpath display='none' fill='none' stroke='%232E2E2E' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-dasharray='12,4' d=' M1.87,11.73C1.9,11.62,7.9,3.36,7.9,3.36l4.63,7.75l6.35-8.23'/%3E%3C/svg%3E"); background-repeat: no-repeat; } .legend span[data-img="wns_manhole"] { background:url('images/wns_manhole.png') no-repeat center center / contain; } .legend span[data-img="wo_rawwater"] { background:url('images/wo_rawwater.png') no-repeat center center / contain; } .legend span[data-img="wo_fillstation"] { background:url('images/wo_fillstation.png') no-repeat center center / contain; } .legend span[data-img="wo_generator"] { background:url('images/wo_generator.png') no-repeat center center / contain; } .legend span[data-img="wo_bends"] { background:url('images/wo_bends.png') no-repeat center center / contain; } .legend span[data-img="wo_pumpstation"] { background:url('images/wo_pumpstation.png') no-repeat center center / contain; } .legend span[data-img="wo_backflow"] { background:url('images/wo_backflow.png') no-repeat center center / contain; } .legend span[data-img="wo_tap"] { background:url('images/wo_tap.png') no-repeat center center / contain; } /*** Sewer ***/ .legend span[data-color="sewer_gravity_mains"] { background: rgba(0,139,69,1); border: 2px solid rgba(0,139,69,1);height: 3px;top: 5px;border-radius:2px; } .legend span[data-img="gravity_flow_direction"] { background:url('images/sewer_gravity_lines_flow.png') no-repeat center center / contain; } .legend span[data-color="sewer_force_mains"] { background: rgba(0,0,0,1); border: 2px solid rgba(0,255,127,1);height: 5px;top: 5px;border-radius:2px; } .legend span[data-color="sewer_laterals"] { background: rgba(0,205,102,1); border: 0px solid rgba(0,139,69,1);height: 1px;top: 6px;border-radius:2px; } .legend span[data-color="sewer_lines"] { background: rgba(133,0,99,1); border: 0px solid rgba(133,0,99,1);height: 2px;top: 6px;border-radius:2px; } .legend span[data-img="sewer_manholes"] { background:url('images/manholes.png') no-repeat center center / contain; } .legend span[data-img="pump_station"] { background:url('images/pump_station.png') no-repeat center center / contain; } .legend span[data-img="sewer_misc_junctions"] { background:url('images/sewer_misc_junctions.png') no-repeat center center / contain; } .legend span[data-img="sewer_grease_traps"] { background:url('images/sewer_grease_traps.png') no-repeat center center / contain; } .legend span[data-img="sewer_clean_outs"] { background:url('images/sewer_clean_outs.png') no-repeat center center / contain; } .legend span[data-img="sewer_stubs"] { background:url('images/sewer_stubs.png') no-repeat center center / contain; } .legend span[data-img="sewer_air_release_valves"] { background:url('images/sewer_air_release_valves.png') no-repeat center center / contain; } .legend span[data-img="so_fmv"] { background:url('images/so_fmv.png') no-repeat center center / contain; } .legend span[data-img="so_dishpans"] { background:url('images/so_dishpans.png') no-repeat center center / contain; } /*** newmarket addendum ***/ .legend span[data-img="blow_off_hydrant"] { background:url('images/blow_off_hydrant.png') no-repeat center center / contain; } .legend span[data-img="sewer_manholes"] { background:url('images/manholes.png') no-repeat center center / contain; } .legend span[data-color="parks"] { background:rgba(162,205,90,.6);border:1px solid rgba(79,79,79,1); } .legend span[data-img="schools_elementary"] { background:url('images/school_green.png') no-repeat center center / contain; } .legend span[data-img="schools_middle"] { background:url('images/school_aqua.png') no-repeat center center / contain; } .legend span[data-img="schools_high"] { background:url('images/school_tan.png') no-repeat center center / contain; } .legend span[data-hatch="trails"] { background: repeating-linear-gradient(90deg, rgba(139,139,139,1),rgba(139,139,139,1) 41%, rgba(139,139,139,0) 41%,rgba(139,139,139,0) 50%); border: 0px solid rgba(107,142,35,1); height: 3px;top: 5px;border-radius:2px; } .legend span[data-hatch="proposed_trail"] { background: repeating-linear-gradient(90deg, #F88379,#F88379 41%, rgba(139,139,139,0) 41%,rgba(139,139,139,0) 50%); border: 0px solid rgba(107,142,35,1); height: 3px; top: 5px; border-radius: 2px; } .legend span[data-hatch="updated_greenway_plan"] { background: repeating-linear-gradient(90deg, #ffba08,#ffba08 56%, rgba(110,139,61,0) 56%,rgba(110,139,61,0) 64%, #ffba08 64%,#ffba08 100%); border: 0px solid #ffba08; height: 5px;top: 4px;border-radius:2px; } .legend span[data-hatch="ugp_greenway"] { background: repeating-linear-gradient(90deg, RGB(112, 168, 0),RGB(112, 168, 0) 56%, rgba(110,139,61,0) 56%,rgba(110,139,61,0) 64%, RGB(112, 168, 0) 64%,RGB(112, 168, 0) 100%); border: 0px solid RGB(112, 168, 0); height: 3px;top: 4px;border-radius:2px; } .legend span[data-hatch="ugp_sidepath"] { background: repeating-linear-gradient(90deg, RGB(255, 170, 0),RGB(255, 170, 0) 56%, rgba(110,139,61,0) 56%,rgba(110,139,61,0) 64%, RGB(255, 170, 0) 64%,RGB(255, 170, 0) 100%); border: 0px solid RGB(255, 170, 0); height: 3px;top: 4px;border-radius:2px; } .legend span[data-img="urban_growth_boundary"] { background:url('images/urban_growth_boundary.png') no-repeat center center / contain; } .legend span[data-img="proposed_ugb"] { background:url('images/proposed_ugb.png') no-repeat center center / contain; } .legend span[data-img="address-point"] { background:url('images/Address Point.png') no-repeat center center / contain; } .legend span[data-color="mtp_devcon"] { background: rgba(124,252,0,1); border: 2px solid rgba(124,252,0,1);height: 3px;top: 4px;border-radius:2px; } .legend span[data-color="mtp_longrange"] { 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="mtp_shortterm"] { background: rgba(205,55,0,1); border: 2px solid rgba(205,55,0,1);height: 3px;top: 4px;border-radius:2px; } .legend span[data-color="mtp_rangenotset"] { background: rgba(139,0,139,1); border: 2px solid rgba(139,0,139,1);height: 3px;top: 4px;border-radius:2px; } .legend span[data-color="mtp_improve"] { background: rgba(237,81,81,1); border: 2px solid rgba(237,81,81,1);height: 3px;top: 4px;border-radius:2px; } .legend span[data-color="mtp_newalign"] { background: rgba(20,158,206,1); border: 2px solid rgba(20,158,206,1);height: 3px;top: 4px;border-radius:2px; } .legend span[data-img="area_under_consideration_for_collector_road"] { background: rgba(238,220,130,1); border: 2px solid rgba(79,79,79,1); height: 9px;top: 4px;border-radius:2px; } .legend span[data-img="intersections"] { background:url('images/cond_vent.png') no-repeat center center / contain; } .legend span[data-svg="nolensville_town_roads"] { background-image: url("data:image/svg+xml;utf8,");} .legend span[data-color="floodway"] { background:rgba(30,144,255,.6);border:1px solid rgba(16,78,139,1); } .legend span[data-color="road_us"] { background: rgba(255,170,0,1); border: 1px solid rgba(0,0,0,1); height: 4px; margin-top: 3px; border-radius: 4px; } .legend span[data-color="mtp22_improve_existing"] { background: rgba(237,81,81,1); border: 2px solid rgba(237,81,81,1);height: 3px;top: 4px;border-radius:2px; } .legend span[data-color="mtp22_new_facility"] { background: rgba(138,43,226,1); border: 2px solid rgba(138,43,226,1);height: 3px;top: 4px;border-radius:2px; } .legend span[data-color="mtp22_31a3lane"] { background: rgba(0,128,0,1); border: 2px solid rgba(0,128,0,1);height: 3px;top: 4px;border-radius:2px; } .legend span[data-color="mtp22_31a2lane"] { background: rgba(154,205,50,1); border: 2px solid rgba(154,205,50,1);height: 3px;top: 4px;border-radius:2px; } .legend span[data-color="mtp22_improve_existing_2"] { background: #e79a23; border: 2px solid #e79a23;height: 3px;top: 4px;border-radius:2px; } .legend span[data-color="mtp22_improve_existing_3"] { background: #2193c9; border: 2px solid #2193c9;height: 3px;top: 4px;border-radius:2px; } .legend span[data-hatch="mtp22_31a"] {background: repeating-linear-gradient(90deg, #80d4f5,#80d4f5 20%, rgba(79,79,79,0) 20%,rgba(79,79,79,0) 40%); border: 0px solid rgba(205,112,84,1); height: 3px; top: 6px; border-radius: 2px;} .legend span[data-color="mtp22_dev"] { background: rgba(255,204,0,1); border: 2px solid rgba(2255,204,0,1);height: 3px;top: 4px;border-radius:2px; } .legend span[data-hatch="mtp22_dev"] {background: repeating-linear-gradient(90deg, #f37d7e,#f37d7e 20%, rgba(79,79,79,0) 20%,rgba(79,79,79,0) 40%); border: 0px solid rgba(205,112,84,1); height: 3px; top: 6px; border-radius: 2px;} .legend span[data-color="mtp22_regional"] { background: #7e3193; border: 2px solid #7e3193;height: 3px;top: 4px;border-radius:2px; } .legend span[data-hatch="mtp22_regional_alt"] {background: repeating-linear-gradient(90deg, #7e3193,#7e3193 20%, rgba(79,79,79,0) 20%,rgba(79,79,79,0) 40%); border: 0px solid rgba(205,112,84,1); height: 3px; top: 6px; border-radius: 2px;} .legend span[data-hatch="overlay__historic_district__hd"] { background: repeating-linear-gradient(-45deg, rgba(79,79,79,1),rgba(79,79,79,1) 7%, rgba(79,79,79,0) 7%,rgba(79,79,79,0) 23%); border: 1px solid rgba(79,79,79,1); } .legend span[data-pattern="overlay__open_space_development__osd"] { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAKUlEQVQImWP4z8DwnwEN/GdgaPjPwPAfwUCXQBfAkMCpg6BOvHbicy0A8usqXJhyTUQAAAAASUVORK5CYII=) repeat ; height:10px;margin-top: 1px; border:1px solid rgba(255,0,0,1);background-position: 1px 4px; } .legend span[data-hatch="overlay__planned_unit_development__pud"] { background: repeating-linear-gradient(-45deg, rgba(0,197,255,1),rgba(0,197,255,1) 7%, rgba(0,197,255,0) 7%,rgba(0,197,255,0) 23%); border: 1px solid rgba(0,197,255,1); } .legend span[data-hatch="overlay__annexation_buffer_district__abo"] { background: repeating-linear-gradient(45deg, rgba(57,168,2,1),rgba(57,168,2,1) 7%, rgba(57,168,2,0) 7%,rgba(57,168,2,0) 23%); border: 1px solid rgba(57,168,2,1); } .legend span[data-hatch="overlay__commercial_corridor_district__cco"] { background: repeating-linear-gradient(-45deg, rgba(200,255,235,1),rgba(200,255,235,1) 7%, rgba(200,255,235,0) 7%,rgba(200,255,235,0) 23%); border: 1px solid rgba(200,255,235,1); } .legend span[data-color="san_force"] { background: rgba(153,50,204,1); border: 2px solid rgba(153,50,204,1);height: 3px;top: 4px;border-radius:2px; } .legend span[data-color="san_grav"] { background: rgba(76,230,0,1); border: 2px solid rgba(76,230,0,1);height: 3px;top: 4px;border-radius:2px; } .legend span[data-img="san_grav"] { background: url('images/san_grav.png') no-repeat center center / contain;} .legend span[data-img="sewer_gravity_lines_flow"] { background:url('images/sewer_gravity_lines_flow.png') no-repeat center center / contain; } .legend span[data-img="san_man"] { background:url('images/manholes.png') no-repeat center center / contain; } .legend span[data-img="san_pump"] { background:url('images/pump_station.png') no-repeat center center / contain; } .legend span[data-color="traf_0"] { background: #fbefd7; border: 1px solid #575757; height: 5px; top: 5px; border-radius: 4px;} .legend span[data-color="traf_1"] { background: #f9cc88; border: 1px solid #575757; height: 5px; top: 5px; border-radius: 4px;} .legend span[data-color="traf_2"] { background: #f98e59; border: 1px solid #575757; height: 5px; top: 5px; border-radius: 4px;} .legend span[data-color="traf_3"] { background: #e14f35; border: 1px solid #575757; height: 5px; top: 5px; border-radius: 4px;} .legend span[data-color="traf_4"] { background: #b11600; border: 1px solid #575757; height: 5px; top: 5px; border-radius: 4px;} .legend span[data-shape="hydro_net_junctions"] { height: 10px; width: 11px; background-color: rgba(255, 0, 0,1); border: 0px solid rgba(79,79,79,0); border-radius: 50%; display: inline-block; left: 5px; top: 2px;} .legend span[data-svg="nhdflowline"] { background-image: url("data:image/svg+xml;utf8,");} .legend span[data-img="nhdflowline_flow"] { background:url('images/nhd_flow.png') no-repeat center center / contain; } .legend span[data-svg="nhdpluscatchment"] { background-image: url("data:image/svg+xml;utf8,");} .legend span[data-svg="wbdhu12"] { background-image: url("data:image/svg+xml;utf8,");} .legend span[data-color="zip_24260"] { background: #c1a2a8; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zip_24314"] { background: #aac7cc; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zip_24316"] { background: #b6c9f4; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zip_24318"] { background: #d6f9de; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zip_24366"] { background: #bae1bb; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zip_24370"] { background: #e1c6a8; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zip_24377"] { background: #b5ccbc; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zip_24602"] { background: #bfadc2; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zip_24605"] { background: #f5d5e5; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zip_24609"] { background: #e6e0c7; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zip_24613"] { background: #e9e7b0; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zip_24622"] { background: #ddaef6; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zip_24630"] { background: #c3eeee; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zip_24635"] { background: #c2f2b2; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zip_24637"] { background: #a5a4df; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zip_24639"] { background: #d5ecfa; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zip_24641"] { background: #c1c69d; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zip_24649"] { background: #9ca2bf; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zip_24651"] { background: #daf6b7; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zip_24657"] { background: #acc2a2; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zip_24701"] { background: #deb1a5; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zip_24715"] { background: #f1b5cf; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zip_24815"] { background: #d0beeb; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zip_24848"] { background: #b69bc6; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zip_24861"] { background: #caa3c1; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zip_24866"] { background: #c5bdb0; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zip_24871"] { background: #b3bccc; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zip_24884"] { background: #b5d2e8; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="atv_har"] { background: rgba(34,34,34,1); border: 1px solid rgba(34,34,34,1);height: 3px;top: 5px;border-radius:2px; } .legend span[data-color="atv_int"] { background: rgba(52,94,227,1); border: 1px solid rgba(52,94,227,1);height: 3px;top: 5px;border-radius:2px; } .legend span[data-color="atv_eas"] { background: rgba(131,228,55,1); border: 1px solid rgba(131,228,55,1);height: 3px;top: 5px;border-radius:2px; } .legend span[data-img="star_red_blk"] { background: url('images/star_red_blk.png') no-repeat center center / contain;} .legend span[data-img="star_green_blk"] { background: url('images/star_green_blk.png') no-repeat center center / contain;} .legend span[data-color="sites"] { background: none; border: 3px solid #005BE6;border-radius:2px;top:1px; } .legend span[data-color="ez"] { background: rgb(204,237,249); border: 1px solid rgba(160,178,246,1);opacity:.6; } .legend span[data-color="ez_existing"] { background: #FFFF00; border: 1px solid rgba(0,0,0,1);opacity:.6; } .legend span[data-color="ez_add"] { background: #03C03C; border: 1px solid rgba(0,0,0,1);opacity:.6; } .legend span[data-color="ez_remove"] { background: #dc3545; border: 1px solid rgba(0,0,0,1);opacity:.6; } .legend span[data-color="tourism_zones"] { background: rgb( 186,217,186); border: 1px solid rgba(76,76,76,1);opacity:.6; } .legend span[data-color="opportunity_zones"] { background: rgb( 131,212,194); border: 1px solid rgba(170,255,131,1);opacity:.6; } .legend span[data-img="hospitals"] { background: url('images/hospitals.png') no-repeat center center / contain;} .legend span[data-img="police_stations"] { background: url('images/police.png') no-repeat center center / contain;} .legend span[data-img="schools"] { background: url('images/schools.png') no-repeat center center / contain;} .legend span[data-shape="address-point"] { height: 6px; width: 6px; background-color: #b22222; border: 0px solid rgba(79,79,79,0); border-radius: 50%; display: inline-block; left: 5px; top: 3px;} .legend span[data-shape="address-label"] { height: 6px; width: 6px; background-color: #2c59e2; border: 0px solid rgba(79,79,79,0); border-radius: 50%; display: inline-block; left: 5px; top: 3px;} .legend span[data-color="zb_a5"] { background: #cffbea; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zb_b1"] { background: #eab7fb; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zb_b2"] { background: #faf1cc; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zb_cz1b2"] { background: #f7dcd7; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zb_cz2"] { background: #c4f3fc; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zb_e1"] { background: #f2b9e0; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zb_m1"] { background: #f0fdbe; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zb_m2"] { background: #f5d4b6; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zb_o1"] { background: #ded7fc; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zb_r1"] { background: #d8fcc0; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zb_r1cz"] { background: #f2c0b7; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zb_r2"] { background: #d2e4fc; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zb_r3"] { background: #b7b8fb; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zb_r4"] { background: #f6d8f5; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zb_ra1"] { background: #f4cad6; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zb_sc1"] { background: #dac9fb; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zb_scop"] { background: #e9fcd4; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zt_a1"] { background: #c4fbb7; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zt_b1"] { background: #bcbdfb; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zt_b2"] { background: #d5e1fc; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zt_c1"] { background: #f2b9e3; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zt_m1"] { background: #ddb8fb; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zt_pud"] { background: #f8e6c2; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zt_r1"] { background: #f4ccbe; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zt_r2"] { background: #cafbfd; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zt_r3"] { background: #fcfcb8; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zt_r4"] { background: #e7fcd9; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zr_a1"] { background: #f3c5de; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zr_b2"] { background: #f8e6b8; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zr_b2r2"] { background: #d3d5fc; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zr_b3"] { background: #c4b4fb; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zr_m1"] { background: #f6d7ce; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zr_m1b2"] { background: #f4fdb8; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zr_m1r2"] { background: #dffcdc; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zr_r1"] { background: #c8fbbd; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="zr_r2"] { background: #c6ecfc; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p22_amonate"] { background: #fbf4cc; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p22_bandy"] { background: #e5fcd9; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p22_baptist"] { background: #d6b5fb; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p22_bishop"] { background: #bccffb; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p22_burkes"] { background: #e8cefb; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p22_cedar"] { background: #e8fcc3; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p22_clear"] { background: #c4fbb7; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p22_falls"] { background: #c6fbd7; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p22_freestone"] { background: #f7ddd4; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p22_graham"] { background: #d9fced; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p22_indian"] { background: #fcfcba; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p22_jeffersonville"] { background: #d5e1fc; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p22_jewell"] { background: #f1b7ea; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p22_mundy"] { background: #f3c2b5; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p22_paint"] { background: #b6bcfb; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p22_pocahontas"] { background: #b4f6fd; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p22_richlands"] { background: #b6e6fd; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p22_springville"] { background: #dbfcb7; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p22_thompson"] { background: #f5cfe1; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p22_tip"] { background: #f1b7cb; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p15_amonate"] { background: #c3d8fc; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p15_bandy"] { background: #c3f2fc; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p15_baptist"] { background: #f7e0bd; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p15_bishop"] { background: #c9b5fb; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p15_burkes"] { background: #fcfbcc; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p15_cedar"] { background: #f6d9e9; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p15_clear"] { background: #e9fcd4; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p15_falls"] { background: #e9fcb8; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p15_freestone"] { background: #c9fbb7; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p15_graham"] { background: #dcf0fc; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p15_indian"] { background: #f1b9be; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p15_jeffersonville"] { background: #f3c8b5; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p15_jewell"] { background: #ecb7fb; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p15_mundy"] { background: #d5fbda; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p15_paint"] { background: #c6fbe9; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p15_pocahontas"] { background: #c6c5fb; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p15_richlands"] { background: #f5ccf6; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p15_springville"] { background: #c5fbc9; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p15_thompson"] { background: #e0d2fc; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="p15_tip"] { background: #dbfcf1; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-img="star_purple_pink"] { background: url('images/star_purple_pink.png') no-repeat center center / contain;} .legend span[data-color="vd_eastern"] { background: #fdc1b9; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="vd_northern"] { background: #bdfdfc; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="vd_northwestern"] { background: #b6d5fd; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="vd_southern"] { background: #fdb6fc; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="vd_western"] { background: #e4fdd2; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="esn_320"] { background: #f4efba; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="esn_321"] { background: #aabfb2; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="esn_322"] { background: #f2fcb4; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="esn_323"] { background: #b1d0b5; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="esn_324"] { background: #aaa2c6; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="esn_325"] { background: #bca9ac; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="esn_327"] { background: #c2bffa; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="esn_328"] { background: #b9c0ab; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="esn_329"] { background: #c6f5cc; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="esn_330"] { background: #c3bcd9; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="esn_331"] { background: #e5c4fa; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="esn_960"] { background: #b1c4db; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="esn_961"] { background: #c1b59b; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="esn_962"] { background: #f5edd0; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="esn_963"] { background: #cdfafa; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="esn_964"] { background: #cdd8aa; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="esn_965"] { background: #e4fcd4; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="esn_966"] { background: #e7c7bf; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="esn_967"] { background: #ebd6ab; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="esn_968"] { background: #ada6e9; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="esn_969"] { background: #c9a3ad; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="esn_970"] { background: #b3cca3; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="esn_971"] { background: #f2b6b2; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="esn_972"] { background: #daaff4; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="esn_973"] { background: #eacde8; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="esn_975"] { background: #c5f5b2; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="esn_976"] { background: #cea9ce; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="esn_977"] { background: #b9d2d1; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="esn_978"] { background: #ecb8ca; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="esn_979"] { background: #abb8e0; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="esn_980"] { background: #dabfa6; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="fr_abbvs"] { background: #d9f9ea; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="fr_bandy"] { background: #c2b5d0; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="fr_baptist"] { background: #cfadb2; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="fr_bishop"] { background: #acc4cb; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="fr_bluefield"] { background: #a8c8ad; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="fr_burks"] { background: #b2c3f9; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="fr_cedar"] { background: #cbeeae; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="fr_clearfork"] { background: #d2bca2; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="fr_cove"] { background: #cee3f9; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="fr_dad"] { background: #e9d2fa; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="fr_jewell"] { background: #c6cca5; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="fr_poco"] { background: #a39dc0; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="fr_rich"] { background: #baadfb; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="fr_tanner"] { background: #c8f5d0; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="fr_tazco"] { background: #c1bead; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="fr_tazfire"] { background: #d6aad1; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="fr_thompson"] { background: #faf7c5; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="mr_rich"] { background: #c1d1b1; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="mr_tanner"] { background: #ceafce; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="mr_taze1"] { background: #ccfbba; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="mr_taze2"] { background: #f5dab7; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="mr_thomp"] { background: #bcdde3; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="mr_tazeems"] { background: #b2c0fb; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="lr_blue"] { background: #eac2aa; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="lr_cedar"] { background: #f2f2b0; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="lr_poco"] { background: #bfe9c7; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="lr_rich"] { background: #ebb5f5; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="lr_taze1"] { background: #aec3e1; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="lr_taze2"] { background: #bfc1ab; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="lr_taze3"] { background: #d7f2f6; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-color="lr_tazepo"] { background: #bc9faf; border: 1px solid rgba(79,79,79,1);opacity:.6; } .legend span[data-img="rescue"] { background: url('images/Rescue.png') no-repeat center center / contain;} .legend span[data-img="fire"] { background: url('images/Fire.png') no-repeat center center / contain;} .legend span[data-svg="base_flood_elevation"] { background-image: url("data:image/svg+xml;utf8,"); } .legend span[data-hatch="census_tracts_labels"] { background: repeating-linear-gradient(90deg, rgba(0,132,61,1),rgba(0,132,61) 35%, rgba(0,132,61,1) 35%,rgba(0,132,61,1) 50%); border: 0px solid rgba(205,112,84,1); height: 5px; top: 4px; border-radius: 0px; } .legend span[data-color="wl_waterlines"] { background: rgba(0,0,255,1); border: 2px solid rgba(0,0,255,1); height: 3px; top: 5px; border-radius: 2px; } .legend span[data-img="wv_butterfly"] { background: url('images/wv_butterfly.png') no-repeat center center / contain; } .legend span[data-img="wv_airrelease"] { background: url('images/wv_airrelease.png') no-repeat center center / contain; } .legend span[data-img="wl_blowoff"] { background: url('images/blow_off_hydrant.png') no-repeat center center / contain; } .legend span[data-img="wl_gatevalve"] { background: url('images/water_valves.png') no-repeat center center / contain; } .legend span[data-img="wl_manhole"] { background: url('images/manholes.png') no-repeat center center / contain; } .legend span[data-shape="wl_home_referenceonly"] { height: 10px; width: 10px; background-color: rgba(15,139,255,1); border: 0px solid rgba(79,79,79,1); display: inline-block; left: 5px; top: 2px;} .legend span[data-shape="wl_metervaults"] { height: 11px; width: 11px; background-color: #375f58; border: 4px solid #247BA0; border-radius: 0; display: inline-block; left: 5px; top: 1px; } .legend span[data-img="wl_pressurereducer"] { background: url('images/wv_pressurereducer.png') no-repeat center center / contain; } .legend span[data-shape="wl_prv"] { width: 0; height: 0; border-top: 1px solid transparent; border-top: 4px solid transparent; border-right: 10px solid black; border-bottom: 4px solid transparent; display: inline-block; left: 5px; top: 2px;} .legend span[data-img="wl_pumpstations"] { background: url('images/wo_pumpstation.png') no-repeat center center / contain; } .legend span[data-shape="wl_sampletap"] { height: 10px; width: 11px; background-color: rgba(15, 139,255,1); border: 0px solid rgba(79,79,79,0); border-radius: 50%; display: inline-block; left: 5px; top: 2px;} .legend span[data-img="wl_watermeter"] { background: url('images/wm_service.png') no-repeat center center / contain; } .legend span[data-color="ww_sewer_lines"] { background: rgba(0,139,69,1); border: 2px solid rgba(0,139,69,1); height: 3px; top: 5px; border-radius: 2px; } .legend span[data-color="ww_laterals"] { background: rgba(0,205,102,1); border: 0px solid rgba(0,205,102,1); height: 2px; top: 6px; border-radius: 2px; } .legend span[data-color="ww_forcemain"] { background: rgba(0,0,0,1); border: 2px solid rgba(0,255,127,1); height: 5px; top: 5px; border-radius: 2px; } .legend span[data-img="ww_manholes"] { background: url('images/wns_manhole.png') no-repeat center center / contain; } .legend span[data-img="ww_aarv"] { background: url('images/air_release_valve.png') no-repeat center center / contain; } .legend span[data-img="sewer_clean_outs"] { background: url('images/clean_outs.png') no-repeat center center / contain; } .legend span[data-shape="ww_drain"] { height: 10px; width: 11px; background-color: rgba(0,255,127,1); border: 0px solid rgba(79,79,79,0); border-radius: 50%; display: inline-block; left: 5px; top: 2px;} .legend span[data-color="ww_npw"] { background: rgba(133,0,99,1); border: 0px solid rgba(133,0,99,1); height: 3px; top: 5px; border-radius: 2px; } .legend span[data-color="ww_sludge"] { background: rgba(70,70,70,1); border: 0px solid rgba(70,70,70,1); height: 3px; top: 5px; border-radius: 2px; } .legend span[data-color="ww_supernate"] { background: rgba(157,152,0,1); border: 0px solid rgba(157,152,0,1); height: 3px; top: 5px; border-radius: 2px; } .legend span[data-color="ww_wasteactivatedsludge"] { background: rgba(99,0,0,1); border: 0px solid rgba(99,0,0,1); height: 3px; top: 5px; border-radius: 2px; } .legend span[data-color="reassessment_2022"] { background: #00CED1; border: 1px solid rgba(0,0,0,1);opacity:.6; } .legend span[data-color="reassessment_2023"] { background: #EE82EE; border: 1px solid rgba(0,0,0,1);opacity:.6; } .legend span[data-color="school_original_line"] { background: #47964f; border: 2px solid #47964f; height: 3px; top: 4px; border-radius: 2px;} .legend span[data-color="sd_abbs"] { background: #dfb5a8; border: 1px solid rgba(0,0,0,1);opacity:.6; } .legend span[data-color="sd_bluefield"] { background: #94231b; border: 1px solid rgba(0,0,0,1);opacity:.6; } .legend span[data-color="sd_cedar"] { background: #9fa7bd; border: 1px solid rgba(0,0,0,1);opacity:.6; } .legend span[data-color="sd_richlands"] { background: #1853aa; border: 1px solid rgba(0,0,0,1);opacity:.6; } .legend span[data-color="sd_tazewell"] { background: #3b8410; border: 1px solid rgba(0,0,0,1);opacity:.6; } .legend span[data-img="school_elementary"] { background: url('images/school_elementary.png') no-repeat center center / contain;} .legend span[data-img="school_middle"] { background: url('images/school_middle.png') no-repeat center center / contain;} .legend span[data-img="school_intermediate"] { background: url('images/school_intermediate.png') no-repeat center center / contain;} .legend span[data-img="school_high"] { background: url('images/school_high.png') no-repeat center center / contain;} .legend span[data-color="floodway_structures"] { background: #F08080; border: 1px solid rgba(0,0,0,1);opacity:.6; } .legend span[data-shape="floodway_addresses"] { height: 6px; width: 6px; background-color: #b22222; border: 0px solid rgba(79,79,79,0); border-radius: 50%; display: inline-block; left: 5px; top: 3px;} /*** ***/ /*** ***/ /*** 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,.8) 4px,rgba(129,129,129,.8) 6px); border: 1px solid rgba(0,0,0,1); } /*** Lines ***/ .legend span[data-svg="solid_line"] { background-image: url("data:image/svg+xml;utf8,");} .legend span[data-svg="dashed_line"] { background-image: url("data:image/svg+xml;utf8,");} /*** 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('images/Rescue.png') no-repeat center center / contain;}