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;} /*** Default ***/ .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-svg="interstate_highways"] { background-image: url("data:image/svg+xml;utf8,");} .legend span[data-svg="major_roads"] { background-image: url("data:image/svg+xml;utf8,");} .legend span[data-svg="local_roads"] { background-image: url("data:image/svg+xml;utf8,");} .legend span[data-svg="roads"] { background-image: url("data:image/svg+xml;utf8,");} .legend span[data-svg="driveways"] { background-image: url("data:image/svg+xml;utf8,");} .legend span[data-img="railroad"] { background:url('images/Railroad.png') no-repeat center center / contain; } .legend span[data-hatch="driveways"] { background: repeating-linear-gradient(90deg, rgba(46,46,46,1),rgba(46,46,46,1) 37%, rgba(46,46,46,0) 37%,rgba(46,46,46,0) 50%); border: 0px solid rgba(46,46,46,1); height: 2px; top: 6px; border-radius: 8px; } .legend span[data-hatch="driveway_outlines"] { background: repeating-linear-gradient(90deg, #696868,#696868 37%, rgba(46,46,46,0) 37%,rgba(46,46,46,0) 50%); border: 0px solid rgba(46,46,46,1); height: 2px; top: 6px; border-radius: 8px; } .legend span[data-hatch="cm_index"] { background: repeating-linear-gradient(90deg,rgba(221,168,64,1),rgba(221,168,64,1) 25%,rgba(221,168,64,1) 25%,rgba(221,168,64,1) 35%); border: 0px solid rgba(139,139,139,0); height: 2px;top: 7px;border-radius:2px; } .legend span[data-hatch="cm_indexdepression"] { background: repeating-linear-gradient(90deg,rgba(221,168,64,0),rgba(221,168,64,0) 10%,rgba(221,168,64,1) 10%,rgba(221,168,64,1) 20%); border: 1px solid rgba(221,168,64,1); height: 3px;top: 6px;border-radius:2px; } .legend span[data-hatch="cm_general"] { background: repeating-linear-gradient(90deg,rgba(178,178,178,1),rgba(178,178,178,1) 25%,rgba(178,178,178,1) 25%,rgba(178,178,178,1) 35%); border: 0px solid rgba(178,178,178,0); height: 2px;top: 7px;border-radius:2px; } .legend span[data-hatch="cm_generaldepression"] { background: repeating-linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,0) 10%,rgba(0,0,0,1) 10%,rgba(0,0,0,1) 20%); border: 1px solid rgba(0,0,0,1); height: 3px;top: 6px;border-radius:2px; } .legend span[data-hatch="cf_index"] { background: repeating-linear-gradient(90deg,rgba(221,168,64,1),rgba(221,168,64,1) 25%,rgba(221,168,64,1) 25%,rgba(221,168,64,1) 35%); border: 0px solid rgba(139,139,139,0); height: 2px;top: 7px;border-radius:2px; } .legend span[data-hatch="cf_intermediate"] { background: repeating-linear-gradient(90deg,rgba(178,178,178,1),rgba(178,178,178,1) 25%,rgba(178,178,178,1) 25%,rgba(178,178,178,1) 35%); border: 0px solid rgba(178,178,178,0); height: 2px;top: 7px;border-radius:2px; } .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-svg="streams"] { background-image: url("data:image/svg+xml;utf8,");} .legend span[data-hatch="fz_levee"] { background: repeating-linear-gradient(45deg, rgba(0,0,0,0),rgba(0,0,0,0) 2px, rgba(255,150,0,.6) 2px,rgba(255,150,0,.6) 4px); border: 1px solid rgba(179,179,179,1); } .legend span[data-hatch="fz_100"] { background: repeating-linear-gradient(45deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(102,205,170,1) 2px,rgba(102,205,170,1) 4px); border: 1px solid rgba(74,112,139,1); } .legend span[data-pattern="fz_100_base"] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHElEQVQImWNwbdrynwEK4GzXpi3/kSVQBdC1AACYghPRDWf0mgAAAABJRU5ErkJggg==) repeat; border:1px solid rgba(74,112,139,1); height: 10px; margin-top: 1px;} .legend span[data-hatch="fz_500"] { background: repeating-linear-gradient(-45deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(0,0,238,1) 2px,rgba(0,0,238,1) 4px); border: 1px solid rgba(74,112,139,1); } .legend span[data-color="fz_a"] { background:#9ee4eb;border:1px solid #ffffff;opacity:.6; } .legend span[data-pattern="fz_ae"] { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAI0lEQVQIW2NMnvb2/9wsYUYGKADxwRyYBIxGUQHTgV0lNjMB4Hwh0GvPnj8AAAAASUVORK5CYII=) repeat ;background-position: left 3px top 5px; height:11px;margin-top: 0px;opacity:.5 } .legend span[data-color="fz_ae"] { background:#9ee4eb;border:1px solid #ffffff;opacity:.6; } .legend span[data-color="fz_floodway"] { background:#ff0000;border:1px solid #ffffff;opacity:.6; } .legend span[data-pattern="fz_2per"] { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJUlEQVQIW2P8z8Dwn5GBAYggAMqHMxhhCtBVgPlgAqYCrhKbmQCx5xICxe5hQgAAAABJRU5ErkJggg==) repeat ;background-position: left 3px top 5px; height:11px;margin-top: 0px;opacity:.5 } .legend span[data-color="fz_2per"] { background:#ff8900;border:1px solid #ffffff;opacity:.6; } .legend span[data-hatch="fz_ae"] { background: repeating-linear-gradient(-45deg, #9ee4eb,#9ee4eb 20%, #ff0000 20%,#ff0000 40%); border: 1px solid #ffffff; opacity:.6; } .legend span[data-svg="base_flood_elevation"] { background-image: url("data:image/svg+xml;utf8,");} .legend span[data-shape="firm_index"] { height: 10px; width: 10px; background-color: rgba(0,0,156,0); border: 2px solid rgba(0,0,156,1); display: inline-block; left: 5px; top: 2px;} /* */ .legend span[data-color="structures"] { background: #CDAA66;} .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-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/fire_line_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-img="wf_cross"] { background:url('images/water_fittings.png') no-repeat center center / contain; } .legend span[data-img="wf_tee"] { background:url('images/tee.png') no-repeat center center / contain; } .legend span[data-img="wf_fhtee"] { background:url('images/fhtee.png') no-repeat center center / contain; } .legend span[data-img="wf_wye"] { background:url('images/wye.png') no-repeat center center / contain; } .legend span[data-shape="miscellaneous_fire_suppression"] { height: 10px; width: 10px; background-color: rgba(100,170,185,1); border-radius: 50%; display: inline-block; left:5px;top:2px; } /* */ .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-img="sewer_gravity_lines_flow"] { background:url('images/sewer_gravity_lines_flow.png') no-repeat center center / contain; } .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="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="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="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-svg="forcemains"] { background-image: url("data:image/svg+xml;utf8,%3Csvg version='1.0' 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' enable-background='new 0 0 21 14' xml:space='preserve'%3E%3Cimage display='none' overflow='visible' width='18' height='10' xlink:href='E1355E3.jpg' transform='matrix(0.9999 0 0 0.9999 1.5011 2.0006)'%3E%3C/image%3E%3Cpath id='FAT' display='none' fill='none' stroke='%23E6B600' 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='%23000000' 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='%23008000' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-dasharray='4,3,6,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-svg="sewerlines"] { 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="pump_station_purple"] { background:url('images/pump_station_purple.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="grease_traps_orange"] { background:url('images/grease_traps_orange.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-shape="metal_plates"] { height: 10px; width: 10px; background-color: rgba(204,204,204,1);border:1px solid #000; border-radius: 50%; display: inline-block; left:5px;top:2px; } /* */ .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="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); } .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-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;} .legend span[data-hatch="creeper_trail"] { background: repeating-linear-gradient(90deg, rgba(226,119,40,1),rgba(226,119,40,1) 30%, rgba(226,119,40,0) 30%,rgba(226,119,40,0) 50%); border: 0px solid rgba(205,112,84,0); height: 4px; top: 6px; border-radius: 2px; } .legend span[data-shape="creeper_inv"] { height: 10px; width: 11px; background-color: rgba(226,119,40,1); border: 0px solid rgba(79,79,79,0); border-radius: 50%; display: inline-block; left: 5px; top: 2px;} .legend span[data-color="town_creepertrestles"] { background: rgba(139,35,35,1); border: 0px solid rgba(0,0,0,1); height: 5px; margin-top: 3px; border-radius: 0px; } .legend span[data-color="creeper_trail_trestles"] { background: #7B3F00; border: 0px solid rgba(0,0,0,1); height: 5px; margin-top: 3px; border-radius: 0px; } .legend span[data-color="trestles"] { background: #947250; border: 0px solid rgba(0,0,0,1); height: 5px; margin-top: 3px; border-radius: 0px; } .legend span[data-color="trails"] { background: rgba(255,0,0,1); border: 0px solid rgba(0,0,0,1); height: 4px; margin-top: 3px; border-radius: 4px; } .legend span[data-color="urbanpathway"] { background: rgba(0,112,255,1); border: 0px solid rgba(0,0,0,1); height: 4px; margin-top: 3px; border-radius: 4px; } .legend span[data-color="entrance_parcels"] { background: rgba(255,167,167,.6); border: 1px solid rgba(0,0,0,.6); } .legend span[data-color="dhr_historic"] { background: rgba(255,195,165,.6); border: 1px solid rgba(0,0,0,.6); } .legend span[data-color="enterprise_zones"] { background: #ACE1AF; border: 1px solid rgba(0,0,0,1);opacity:.6; } .legend span[data-color="msp_area"] { background: #967BB6; border: 1px solid rgba(0,0,0,1);opacity:.6; } .legend span[data-color="revitalization_zones"] { background: #7CB9E8; border: 1px solid rgba(0,0,0,1);opacity:.6; } .legend span[data-color="entrance_corridor"] { background: #4ce600; border: 1px solid #000000; height: 3px; top: 4px; border-radius: 2px;} .legend span[data-color="toa_islands"] { background: #E97451; border: 1px solid #dddddd;opacity:.6; } .legend span[data-color="flightpath"] { background: #ff3300; border: 1px solid #ff3300; height: 3px; top: 4px; border-radius: 2px;} .legend span[data-color="airport_overlay_elev"] { background: #cdb79e; border: 0px solid #ff3300; height: 3px; top: 4px; border-radius: 2px;} .legend span[data-color="oh_hisdisprog"] { background: rgba(173,209,255,.6); border: 1px solid rgba(0,0,0,.6); } .legend span[data-shape="tree_inventory"] { height: 7px; width: 7px; background-color: rgba(56,168,0,1); border: 1px solid rgba(48,111,17,1); display: inline-block; left: 5px; top: 2px; transform: rotate(45deg);} .legend span[data-shape="tree_memorial"] { height: 7px; width: 7px; background-color: rgba(76,230,0,1); border: 1px solid rgba(48,111,17,1); display: inline-block; left: 5px; top: 2px; transform: rotate(45deg);} .legend span[data-shape="tree_vt"] { height: 7px; width: 7px; background-color: rgba(167,0,0,1); border: 1px solid rgba(94,0,0,1); display: inline-block; left: 5px; top: 2px; transform: rotate(45deg);} .legend span[data-shape="kiosk"] { height: 10px; width: 10px; background-color: rgba(76,230,0,1); border: 1px solid rgba(48,111,17,1); display: inline-block; left: 5px; top: 2px; } .legend span[data-shape="mustergrounds_appletrees"] { height: 7px; width: 7px; background-color: #FF033E; border: 1px solid rgba(94,0,0,1); display: inline-block; left: 5px; top: 2px; transform: rotate(45deg);} .legend span[data-color="tps_fri"] { background: #f17474; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-color="tps_thu"] { background: #43b1d8; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-color="tps_tue"] { background: #b9d15e; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-color="tps_wed"] { background: #b177b0; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-shape="headstones"] { height: 10px; width: 10px; background-color: rgba(195,195,195,1); border: 1px solid rgba(33,33,33,1); display: inline-block; left: 5px; top: 2px; } .legend span[data-color="sinkingsprings_sections"] { background: rgba(76,76,76,0); border: 2px solid rgba(76,76,76,1); height: 10px; margin-top: 0px; border-radius: 2px; } .legend span[data-color="sinkingsprings_familysections"] { background: rgba(76,76,76,0); border: 2px solid rgba(76,76,76,1); height: 10px; margin-top: 0px; border-radius: 2px; } .legend span[data-shape="animal_waste_bags"] { height: 11px; width: 11px; background-color: rgba(73,151,242,1); border: 1px solid rgba(79,79,79,1); border-radius: 50%; display: inline-block; left: 5px; top: 2px;} .legend span[data-color="z_r3"] { background: #f06d6d; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-color="z_b2"] { background: #3dafd6; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-color="z_oh"] { background: #b5cf56; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-color="z_r2"] { background: #af72ad; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-color="z_oi"] { background: #fca443; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-color="z_r1"] { background: #ffe35c; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-color="z_afos"] { background: #f89bde; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-color="z_b3"] { background: #c39567; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-color="z_m1"] { background: #5bbca9; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-color="z_b1"] { background: #8383dd; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-color="z_r4"] { background: #c26790; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-color="z_pud"] { background: #949494; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-color="z_ptd"] { background: #70ff29; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-color="flu_ag"] { background: #f1ffd5; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-color="flu_low"] { background: #ffff59; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-color="flu_med"] { background: #ffc859; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-color="flu_hi"] { background: #c6a259; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-color="flu_mix"] { background: #ff9059; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-color="flu_cbd"] { background: #c65959; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-color="flu_gate"] { background: #ffd5d5; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-color="flu_cor"] { background: #ff5959; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-color="flu_off"] { background: #ffa4ea; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-color="flu_bus"] { background: #d959ff; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-color="flu_pub"] { background: #59a2ff; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-color="flu_cem"] { background: #7dc659; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-color="fz_abi"] { background: #f49191; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-color="fz_bru"] { background: #6bc2e0; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-color="fz_cli"] { background: #c7db80; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-color="fz_dam"] { background: #c294c0; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-color="fz_gla"] { background: #fdba72; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-color="fz_goo"] { background: #ffea85; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-color="fz_gre"] { background: #fab4e6; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-color="fz_mea"] { background: #d2af8d; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-color="fz_mtr"] { background: #84ccbf; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-color="fz_sal"] { background: #a2a2e5; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-color="fz_was"] { background: #d08baa; border: 1px solid rgba(0,0,0,.6);opacity:.6; } .legend span[data-color="subdistricts"] { background: rgba(167,201,98,.6); border: 2px solid rgba(48,58,28,.6);top: 0px;} .legend span[data-color="structures_other"] { background: rgba(145,145,145,1);} .legend span[data-color="demo"] { background: #ff4040;} .legend span[data-color="road_is"] { background: #002673; border: 0px solid rgba(0,0,0,1); height: 5px; margin-top: 3px; border-radius: 4px; } .legend span[data-color="road_us"] { background: #6a040f; border: 0px solid rgba(0,0,0,1); height: 4px; margin-top: 3px; border-radius: 4px; } .legend span[data-color="road_sr"] { background: #98c1d9; border: 1px solid #495057; height: 4px; margin-top: 3px; border-radius: 4px; } .legend span[data-color="road"] { background: #8b8b8b; border: 0px solid #000000; height: 2px; top: 5px; border-radius: 2px; } .legend span[data-color="entrance_corridors"] { background: rgba(76,230,0,1); border: 1px solid rgba(0,0,0,1); height: 4px; margin-top: 3px; border-radius: 4px; } .legend span[data-color="roads_unad"] { background: rgba(139,139,139,1); border: 0px solid rgba(0,0,0,1); height: 3px; margin-top: 3px; border-radius: 4px; } .legend span[data-img="outfalls"] { background: url('images/outfalls.png') no-repeat center center / contain;} .legend span[data-shape="outfall_inspections"] { height: 10px; width: 11px; background-color: rgba(0, 77, 168,1); border: 0px solid rgba(33,33,33,0); border-radius: 50%; display: inline-block; left: 5px; top: 2px;} .legend span[data-img="greasetrap"] { background: url('images/greasetrap.png') no-repeat center center / contain;} .legend span[data-color="streams"] { background: rgba(51,153,204,1); border: 0px solid rgba(0,0,0,1); height: 3px; margin-top: 3px; border-radius: 4px; } .legend span[data-color="ss_lines"] { background: rgba(56,168,0,1); border: 1px solid rgba(0,0,0,1); height: 4px; margin-top: 3px; border-radius: 4px; } .legend span[data-color="flightpath"] { background: #ff3300; border: 0px solid rgba(0,0,0,1); height: 3px; margin-top: 3px; border-radius: 4px;} .legend span[data-color="airport_overlay_elev"] { background: #cdb79e; border: 0px solid rgba(0,0,0,1); height: 3px; margin-top: 3px; border-radius: 4px;} .legend span[data-color="air_approach"] { background:#ffa500;border:1px solid #000000;opacity:.6; } .legend span[data-color="air_runway"] { background:#ffc1c1;border:1px solid #000000;opacity:.6; } .legend span[data-color="subd"] { background: #6c7b8b; border: 2px solid #6c7b8b; height: 3px; top: 4px; border-radius: 2px;} .legend span[data-color="contours_index"] { background: #dda840; border: 0px solid #dda840; height: 3px; top: 4px; border-radius: 2px;} .legend span[data-color="contours_intermediate"] { background: #b2b2b2; border: 0px solid rgba(0,0,205,1); height: 2px; top: 4px; border-radius: 2px;} .legend span[data-color="easements"] { background:#698b22;border:1px solid #8b8b8b;opacity:.6; } .legend span[data-shape="fire_incidents"] { height: 6px; width: 6px; background-color: #ffcc00; border: 1px solid #000000; display: inline-block; left: 5px; top: 4px;} .legend span[data-color="itracker_aoi"] { background:#7FFF00;border:1px solid #000000;opacity:.6; } .legend span[data-color="retaining_walls"] { background: #20b2aa; border: 1px solid #20b2aa; height: 2px; top: 5px; border-radius: 2px;} .legend span[data-color="soil_01"] { background: #eeeeee; border: 1px solid #8b8b8b; opacity:.6; } .legend span[data-color="soil_02"] { background: #E1C16E; border: 1px solid #8b8b8b; opacity:.6; } .legend span[data-color="soil_03"] { background: #ffc980; border: 1px solid #8b8b8b; opacity:.6; } .legend span[data-color="soil_04"] { background: #fff280; border: 1px solid #8b8b8b; opacity:.6; } .legend span[data-color="soil_05"] { background: #f0feb8; border: 1px solid #8b8b8b; opacity:.6; } .legend span[data-color="soil_06"] { background: #cefce4; border: 1px solid #8b8b8b; opacity:.6; } .legend span[data-color="soil_07"] { background: #a1eaff; border: 1px solid #8b8b8b; opacity:.6; } .legend span[data-color="soil_08"] { background: #C19A6B; border: 1px solid #8b8b8b; opacity:.6; } .legend span[data-color="soil_09"] { background: #808c6c; border: 1px solid #8b8b8b; opacity:.6; } .legend span[data-color="soil_10"] { background: #aed09e; border: 1px solid #8b8b8b; opacity:.6; } .legend span[data-color="soil_11"] { background: #5585b5; border: 1px solid #8b8b8b; opacity:.6; } .legend span[data-color="soil_12"] { background: #f3a333; border: 1px solid #8b8b8b; opacity:.6; } .legend span[data-color="soil_13"] { background: #53a8b6; border: 1px solid #8b8b8b; opacity:.6; } .legend span[data-color="vacations"] { background:#899499;border:1px solid #000000;opacity:.6; } .legend span[data-shape="manhole_inspections"] { width: 0; height: 0; border-top: 1px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid #000000; display: inline-block; left: 5px; top: 2px;} .legend span[data-shape="manhole_inspections"]::after { content: ''; width: 0; height: 0; position: relative; border-top: 0px solid transparent;border-left: 4px solid transparent;border-right: 4px solid transparent; border-bottom: 7px solid #6CB4EE; display: inline-block; left: -4px; top: -1px;} .legend span[data-shape="traffic_signals"] { height: 10px; width: 11px; background-color: #FFFF00; border: 1px solid #000000; border-radius: 50%; display: inline-block; left: 5px; top: 2px;} .legend span[data-img="clean_outs"] { background: url('images/clean_outs.png') no-repeat center center / contain;} .legend span[data-shape="combined"] { height: 7px; width: 7px; background-color: #A3C1AD; border: 1px solid #000000; display: inline-block; left: 5px; top: 2px; transform: rotate(45deg);} .legend span[data-color="crosswalks"] { background:#E1EBEE;border:1px solid #000000;opacity:.6; } .legend span[data-color="curbing"] { background: #00538C; border: 1px solid #00538C; height: 2px; top: 5px; border-radius: 2px;} .legend span[data-img="inlets"] { background: url('images/headwall.png') no-repeat center center / contain;} .legend span[data-color="fence"] { background: #4B5320; border: 1px solid #4B5320; height: 2px; top: 5px; border-radius: 2px;} .legend span[data-color="guardrail"] { background: #848884; border: 1px solid #848884; height: 2px; top: 5px; border-radius: 2px;} .legend span[data-shape="macp"] { height: 10px; width: 11px; background-color: #FFA07A; border: 1px solid #000000; border-radius: 50%; display: inline-block; left: 5px; top: 2px;} .legend span[data-shape="meadows_streetlights"] { height: 11px; width: 11px; background-color: #FFFF00; border: 1px solid #000000; border-radius: 50%; display: inline-block; left: 5px; top: 2px;} .legend span[data-shape="meadows_streetlights"]::after { content: ''; width: 0; height: 0; position: relative; height: 3px; width: 3px; background-color: #000000; border: 0px solid #000000; border-radius: 100%; display: inline-block; left: 3px; top: -3px;} .legend span[data-shape="memorial_trees"] { height: 7px; width: 7px; background-color: #03C03C; border: 1px solid #000000; display: inline-block; left: 5px; top: 2px; transform: rotate(45deg);} .legend span[data-img="outfalls"] { background: url('images/outfalls.png') no-repeat center center / contain;} .legend span[data-img="bridge"] { background: url('images/bridge.png') no-repeat center center / 80%;top:1px;} .legend span[data-color="roadedging"] { background: #ACE1AF; border: 1px solid #ACE1AF; height: 2px; top: 5px; border-radius: 2px;} .legend span[data-color="service_lines"] { background: #0000ff; border: 1px solid #0000ff; height: 2px; top: 5px; border-radius: 2px;} .legend span[data-color="sidewalks"] { background: #818589; border: 1px solid #818589; height: 2px; top: 5px; border-radius: 2px;} .legend span[data-shape="signs"] { height: 10px; width: 10px; background-color: #ffffff; border: 1px solid #000000; display: inline-block; left: 5px; top: 2px;} .legend span[data-color="storm_bridge"] { background: #191970; border: 1px solid #EDEADE; opacity:1; } .legend span[data-color="storm_channel"] { background: #6082B6; border: 1px solid #EDEADE; opacity:1; } .legend span[data-color="storm_culvert"] { background: #48D1CC; border: 1px solid #EDEADE; opacity:1; } .legend span[data-color="storm_pipes"] { background: #CCCCFF; border: 1px solid #EDEADE; height: 4px; top: 5px; border-radius: 2px;} .legend span[data-color="storm_waterbody"] { background: #003153; border: 1px solid #EDEADE; opacity:.6; } .legend span[data-shape="storm_nodes"] { height: 10px; width: 11px; background-color: #EDEADE; border: 1px solid #6082B6; border-radius: 50%; display: inline-block; left: 5px; top: 2px;} .legend span[data-shape="streetlights"] { height: 11px; width: 11px; background-color: #FFFDD0; border: 1px solid #000000; border-radius: 50%; display: inline-block; left: 5px; top: 2px;} .legend span[data-shape="streetlights"]::after { content: ''; width: 0; height: 0; position: relative; height: 3px; width: 3px; background-color: #000000; border: 0px solid #000000; border-radius: 100%; display: inline-block; left: 3px; top: -3px;} .legend span[data-shape="town_facilities"] { height: 10px; width: 10px; background-color: #ffff00; border: 1px solid #000000; display: inline-block; left: 5px; top: 1px; transform: rotate(45deg);} .legend span[data-shape="util_poles"] { width: 0; height: 0; border-top: 1px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid #000000; display: inline-block; left: 5px; top: 2px;} .legend span[data-shape="util_poles"]::after { content: ''; width: 0; height: 0; position: relative; border-top: 0px solid transparent;border-left: 4px solid transparent;border-right: 4px solid transparent; border-bottom: 7px solid #ffff00; display: inline-block; left: -4px; top: -1px;} .legend span[data-hatch="water_lines"] { background: repeating-linear-gradient(90deg, #4f4f4f,#4f4f4f 50%, #00b2ee 50%,#00b2ee 100%); border: 0px solid rgba(46,46,46,1); height: 3px; top: 6px; border-radius: 8px; } .legend span[data-hatch="sewer_lines"] { background: repeating-linear-gradient(90deg, #4f4f4f,#4f4f4f 50%, #00c700 50%,#00c700 100%); border: 0px solid rgba(46,46,46,1); height: 3px; top: 6px; border-radius: 8px; } .legend span[data-color="sewer_gravity_main"] { 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="sewer_flow_direction"] { background: url('images/sewer_gravity_lines_flow.png') no-repeat center center / contain; } .legend span[data-color="sewer_force_main"] { background: rgba(0,0,0,1); border: 2px solid rgba(0,255,127,1); height: 5px; top: 5px; border-radius: 2px; } .legend span[data-shape="sewer_smoke_testing_smoke_test"] { height: 10px; width: 11px; background-color: #6A5ACD; border: 1px solid #000000; border-radius: 50%; display: inline-block; left: 5px; top: 2px;} .legend span[data-shape="sewer_smoke_testing_smoke_test_results"] { height: 10px; width: 11px; background-color: #B0C4DE; border: 1px solid #000000; border-radius: 50%; display: inline-block; left: 5px; top: 2px;} .legend span[data-color="taplines"] { background: #008000; border: 1px solid #008000; height: 2px; top: 5px; border-radius: 2px;} .legend span[data-color="historic_district_progress"] { background: #E0FFFF; border: 1px solid #000000; opacity:.6; } .legend span[data-shape="sewer_fitting"] { height: 10px; width: 11px; background-color: #002D62; border: 0px solid rgba(79,79,79,0); border-radius: 50%; display: inline-block; left: 5px; top: 2px;} .legend span[data-shape="sewer_facility"] { height: 10px; width: 11px; background-color: #ff6600; border: 0px solid "#ff6600"; border-radius: 0%; display: inline-block; left: 5px; top: 2px;} .legend span[data-shape="wwtp"] { height: 10px; width: 11px; background-color: #0033cc; border: 0px solid "#0033cc"; border-radius: 0%; display: inline-block; left: 5px; top: 2px;} .legend span[data-color="paved_red"] { background: #333333; border: 2px solid #ff0000; height: 5px; top: 3px; border-radius: 4px;} .legend span[data-color="paved_org"] { background: #333333; border: 2px solid #F28C28; height: 5px; top: 3px; border-radius: 4px;} .legend span[data-color="paved_ylw"] { background: #333333; border: 2px solid #ffff00; height: 5px; top: 3px; border-radius: 4px;} .legend span[data-color="paved_grn"] { background: #333333; border: 2px solid #00ff00; height: 5px; top: 3px; border-radius: 4px;} .legend span[data-color="paved_gry"] { background: #333333; border: 2px solid #C0C0C0; height: 5px; top: 3px; border-radius: 4px;} .legend span[data-color="developable_parcels"] { background: #966919; border: 1px solid #dddddd;opacity:.6; } /* Districts */ .legend span[data-color="harrison"] { background:#d3d3d3; } .legend span[data-color="jefferson"] { background:#ffff33; } .legend span[data-color="madison"] { background:#ebc79e; } .legend span[data-color="monroe"] { background:#ccedfc; } .legend span[data-color="taylor"] { background:#ffdbf3; } .legend span[data-color="tyler"] { background:#ffe8ba; } .legend span[data-color="wilson"] { background:#e3fcd7; } .legend span[data-hatch="ms4_boundary"] { background: repeating-linear-gradient(90deg, #0E3386,#0E3386 40%, rgba(79,79,79,0) 40%,rgba(79,79,79,0) 60% ); border: 0px solid rgba(205,112,84,1); height: 4px; top: 4px; border-radius: 2px; } .legend span[data-color="ms4_15m"] { background: #88cad9; border: 1px solid #8b8b8b; opacity:.6; } .legend span[data-color="ms4_spring"] { background: #4cb7a2; border: 1px solid #8b8b8b; opacity:.6; } .legend span[data-color="ms4_wolf"] { background: #4c87de; border: 1px solid #8b8b8b; opacity:.6; } .legend span[data-color="wolf_creek_drainage_area"] { background: #005f69; border: 1px solid #8b8b8b; opacity:.6; } .legend span[data-color="pz_east"] { background: #c7d79e; border: 1px solid #000000; opacity:.6; } .legend span[data-color="pz_west"] { background: #ffffbe; border: 1px solid #000000; opacity:.6; } .legend span[data-color="non_urban_maint_streets"] { background: #ff0000; border: 0px solid rgba(0,0,0,1); height: 4px; margin-top: 3px; border-radius: 4px; } .legend span[data-color="vdot_responsibility_master_route"] { background: #00ff00; border: 0px solid rgba(0,0,0,1); height: 4px; margin-top: 3px; border-radius: 4px; } /* */ /*** 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,");} .legend span[data-svg="dashed_line"] { background-image: url("data:image/svg+xml;utf8,");} /** "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;}