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, #a80203,#a80203 30%, rgba(226,119,40,0) 30%, rgba(226,119,40,0) 50%, #a80203 50%,#a80203 100% ); border: 0px solid rgba(205,112,84,0); height: 4px; top: 5px; border-radius: 2px; } .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-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-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;} /* array('id' => 'stormwater_headwall', 'title' => 'Stormwater Headwalls','zIndex' => 50,), array('id' => 'stormwater_street_inlet', 'title' => 'Stormwater Drainage Inlets','zIndex' => 50,), array('id' => 'stormwater_pipe', 'title' => 'Stormwater Pipe','zIndex' => 40,), array('id' => 'stormwater_outfall_structure', 'title' => 'Stormwater Outfall Structure','zIndex' => 50,), */ .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_hydrants2.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="fz_ae"] { background:rgba(133,133,133,.60);border:1px solid rgba(80,80,80,.6); } .legend span[data-color="fld_1per"] { background:rgba(18,155,223,.50);border:1px solid rgba(0,0,0,.6); } .legend span[data-hatch="fld_reg_flood"] { background: repeating-linear-gradient(-45deg,rgba(18,155,223,.5),rgba(18,155,223,.5) 15%,rgba(255,13,0,.5) 15%,rgba(255,13,0,.5) 30%);border:1px solid rgba(85,107,47,1); } .legend span[data-pattern="fld_special_flood"] { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAPElEQVQYlWP4z8vwH4aFZt/HwDA5BmQOumJkcQZsgtj4DLhMQLeBAZeb0J1BuolEuZEoXxMdjvgUISsGAKZS5U19Qd/fAAAAAElFTkSuQmCC) repeat ;background-position: left 3px top 5px; height:11px;margin-top: 0px;opacity:.5 } .legend span[data-color="fld_undetermined"] { background:rgba(241,223,140,.5);border:1px solid rgba(0,0,0,.5); } .legend span[data-color="fld_point2"] { background:rgba(244,147,24,.5);border:1px solid rgba(0,0,0,.5); } .legend span[data-hatch="fld_future_1per"] { background: repeating-linear-gradient(45deg,rgba(0,0,0,.5),rgba(0,0,0,.5) 15%,rgba(129,129,129,.8) 15%,rgba(129,129,129,.8) 30%);border:1px solid rgba(0,0,0,1); } .legend span[data-hatch="fld_reduced_risk"] { background: repeating-linear-gradient(-45deg, rgba(0,0,0,.5),rgba(0,0,0,.5) 15%, rgba(254,130,0,.8) 15%,rgba(254,130,0,.8) 30%); border:1px solid rgba(0,0,0,1); } .legend span[data-color="fld_minimal"] { background:rgba(255,165,0,.6);border:0px solid rgba(0,0,0,0); } .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_hydrants2.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-color="trails_sidewalk"] { background: #828282; border: 0px solid #828282; height: 2px; top: 5px; border-radius: 20%; opacity:1; } .legend span[data-color="trails_greenway"] { background: #4c7300; border: 1px solid #4c7300; height: 3px; top: 5px; border-radius: 20%; opacity:1; } .legend span[data-color="approved_trail"] { background: #1d96f2; border: 1px solid #1d96f2; height: 3px; top: 5px; border-radius: 20%; opacity:1; } .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-hatch="urban_growth_boundary"] { background: repeating-linear-gradient(90deg, #0e4306,#0e4306 30%, rgba(226,119,40,0) 30%, rgba(226,119,40,0) 50%, #0e4306 50%,#0e4306 100% ); border: 0px solid rgba(205,112,84,0); height: 4px; top: 5px; border-radius: 2px; } .legend span[data-hatch="proposed_ugb"] { background: repeating-linear-gradient(90deg, rgb(105,139,34),rgb(105,139,34) 30%, rgba(226,119,40,0) 30%, rgba(226,119,40,0) 50%, rgb(105,139,34) 50%,rgb(105,139,34) 100% ); border: 0px solid rgba(205,112,84,0); height: 4px; top: 5px; border-radius: 2px; } .legend span[data-hatch="proposed_ugb_border"] { background: none; border: none; height: 4px; top: 5px; border-radius: 2px; } .legend span[data-hatch="proposed_ugb_border"]::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: repeating-linear-gradient(90deg, #ffc,#ffc 34%, #ffc0 34%, #ffc0 46%, #ffc 46%,#ffc 100% ); opacity:.8; } .legend span[data-hatch="proposed_ugb_border"]::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: repeating-linear-gradient(90deg, #698b22,#698b22 30%, #698b2200 30%, #698b2200 50%, #698b22 50%,#698b22 100% ); margin: 4%; } .legend span[data-color="ugb_border"] { background: #4c81cd; border: 1px solid rgba(0,0,0,1); height: 4px; top: 4px; border-radius: 2px; opacity:.75; } .legend span[data-hatch="ugb_border"] { background: none; border: none; height: 4px; top: 5px; border-radius: 2px; } .legend span[data-hatch="ugb_border"]::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: repeating-linear-gradient(90deg, #ffc,#ffc 34%, #ffc0 34%, #ffc0 46%, #ffc 46%,#ffc 100% ); opacity:.8; } .legend span[data-hatch="ugb_border"]::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: repeating-linear-gradient(90deg, #0e4306,#0e4306 30%, rgba(226,119,40,0) 30%, rgba(226,119,40,0) 50%, #0e4306 50%,#0e4306 100% ); margin: 4%; } .legend span[data-img="address-point"] { background:url('images/Address Point.png') no-repeat center center / contain; } .legend span[data-color="lu_comm"] { background:rgba(135,206,250,.6);border:1px solid rgba(189,189,189,1); } .legend span[data-color="lu_ind"] { background:rgba(207,207,207,.6);border:1px solid rgba(189,189,189,1); } .legend span[data-color="lu_lscomm"] { background:rgba(0,139,0,.6);border:1px solid rgba(189,189,189,1); } .legend span[data-color="lu_ld_res"] { background:rgba(189,183,107,.6);border:1px solid rgba(189,189,189,1); } .legend span[data-color="lu_lmd_res"] { background:rgba(184,134,11,.6);border:1px solid rgba(189,189,189,1); } .legend span[data-color="lu_pub"] { background:rgba(205,200,177,.6);border:1px solid rgba(189,189,189,1); } .legend span[data-color="lu_roadway"] { background:rgba(130,130,130,.6);border:1px solid rgba(189,189,189,1); } .legend span[data-color="lu_smallscale"] { background:rgba(255,236,139,.6);border:1px solid rgba(189,189,189,1); } .legend span[data-color="lu_specdev"] { background:rgba(0,250,154,.6);border:1px solid rgba(189,189,189,1); } .legend span[data-hatch="cm_index"] { background: repeating-linear-gradient(90deg,rgba(151,105,79,1),rgba(151,105,79,1) 25%,rgba(151,105,79,1) 25%,rgba(151,105,79,1) 35%); border: 0px solid rgba(139,139,139,0); height: 2px; top: 7px; border-radius: 2px; } .legend span[data-color="ugb_parcels"] { background:rgba(154,205,50,.6);border:1px solid rgba(189,189,189,1); } .legend span[data-color="zoning_er"] { background:rgba(255,211,127,.6);border:1px solid rgba(0,0,0,1); } .legend span[data-color="zoning_sr1"] { background:rgba(186,165,101,.6);border:1px solid rgba(0,0,0,1); } .legend span[data-color="zoning_sr"] { background:rgba(255,235,190,.6);border:1px solid rgba(0,0,0,1); } .legend span[data-color="zoning_v1"] { background:rgba(255,127,36,.6);border:1px solid rgba(0,0,0,1); } .legend span[data-color="zoning_v2"] { background:rgba(255,165,0,.6);border:1px solid rgba(0,0,0,1); } .legend span[data-color="zoning_cs"] { background:rgba(255,0,0,.6);border:1px solid rgba(0,0,0,1); } .legend span[data-color="zoning_oi"] { background:rgba(178,178,178,.6);border:1px solid rgba(0,0,0,1); } .legend span[data-color="zoning_pi"] { background:rgba(152,230,0,.6);border:1px solid rgba(0,0,0,1); } .legend span[data-color="zoning_commreg"] { background:rgba(197,0,255,.6);border:1px solid rgba(0,0,0,1); } .legend span[data-color="zoning_pd"] { background:rgba(0,197,255,.6);border:1px solid rgba(0,0,0,1); } .legend span[data-color="zoning_cd1"] { background:#4d794e;border:1px solid rgba(0,0,0,1);opacity:.6; } .legend span[data-color="zoning_cd-2l"] { background:#99be00;border:1px solid rgba(0,0,0,1);opacity:.6; } .legend span[data-color="zoning_cd2"] { background:#38a800;border:1px solid rgba(0,0,0,1);opacity:.6; } .legend span[data-color="zoning_cd3l"] { background:#ffb07a;border:1px solid rgba(0,0,0,1); opacity:.6;} .legend span[data-color="zoning_cd4c"] { background:#ff73de;border:1px solid rgba(0,0,0,1);opacity:.6; } .legend span[data-color="zoning_cd3"] { background:#e59800;border:1px solid rgba(0,0,0,1); opacity:.6;} .legend span[data-color="zoning_cd4hv"] { background:#ab65cd;border:1px solid rgba(0,0,0,1);opacity:.6; } .legend span[data-color="zoning_cd4"] { background:#ffbee7;border:1px solid rgba(0,0,0,1);opacity:.6; } .legend span[data-color="zoning_cdhr"] { background:#63cadf;border:1px solid rgba(0,0,0,1);opacity:.6; } .legend span[data-color="zoning_cdhc"] { background:#00ab83;border:1px solid rgba(0,0,0,1);opacity:.6; } .legend span[data-color="zoning_cv"] { background:#005be6;border:1px solid rgba(0,0,0,1);opacity:.6; } .legend span[data-color="zoning_cdoi"] { background:#9c9c9c;border:1px solid rgba(0,0,0,1);opacity:.6; } .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="sc_principal"] { background: rgba(218,0,0,1); border: 2px solid rgba(218,0,0,1);height: 3px;top: 4px;border-radius:2px; } .legend span[data-color="sc_minor"] { background: rgba(95,36,7,1); border: 1px solid rgba(95,36,7,1);height: 3px;top: 4px;border-radius:2px; } .legend span[data-color="sc_collector"] { background: rgba(198,143,37,1); border: 0px solid rgba(237,81,81,1);height: 3px;top: 4px;border-radius:2px; } .legend span[data-color="sc_lci"] { background: rgba(132,0,168,1); border: 0px solid rgba(237,81,81,1);height: 2px;top: 4px;border-radius:2px; } .legend span[data-color="sc_local"] { background: rgba(189,189,189,1); border: 0px solid rgba(237,81,81,1);height: 2px;top: 4px;border-radius:2px; } .legend span[data-color="sc_private"] { background: rgba(214,214,214,1); border: 0px solid rgba(237,81,81,1);height: 2px;top: 4px;border-radius:2px; } .legend span[data-hatch="sc_private"] { background: repeating-linear-gradient(90deg, rgba(189,189,189,1),rgba(189,189,189,1) 40%, rgba(79,79,79,0) 40%,rgba(79,79,79,0) 60% ); border: 0px solid rgba(205,112,84,1); height: 2px; top: 6px; border-radius: 2px; } /* */ .legend span[data-color="floodway"] { background:rgba(30,144,255,.6);border:1px solid rgba(16,78,139,1); } .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__historic_district__hd"] { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAARUlEQVQYV2NkIAIwEqGGgXRFDe3x/xsqF4I1IrMxTGrsSPD9////JphikAYMRSATGBkZ/eorFmyGuRdFEdHWYfMtUb4DAPTXHAqNSdDRAAAAAElFTkSuQmCC) repeat ; height:10px;margin-top: 1px; border:2px solid #80875f;background-position: -2px -2px; } .legend span[data-pattern="overlay_main_street_village"] { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAARUlEQVQYV2NkIAIwEqGGgXRFsxyW/E87EAPWiMzGMGm249K0////z4QpBmnAUAQygZGRMT11f/QsmHtRFBFtHTbfEuU7APifHApIbKQcAAAAAElFTkSuQmCC ) repeat ; height:10px;margin-top: 1px; border:2px solid #9a40a4;background-position: -2px -2px; } .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_hilltop_protection"] { background: repeating-linear-gradient(-45deg, #030303,#030303 7%, rgba(0,197,255,0) 7%,rgba(0,197,255,0) 23%); border: 1px solid #030303; } .legend span[data-hatch="overlay_special_requirements"] { background: repeating-linear-gradient(-45deg, #1d66b2,#1d66b2 7%, rgba(0,197,255,0) 7%,rgba(0,197,255,0) 23%); border: 1px solid #1d66b2; } .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-color="n_alton"] { background:#32af87;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_annecy"] { background:#05fec1;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_asher"] { background:#387261;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_ballanger"] { background:#25d53a;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_baronswood"] { background:#a2d18e;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_belvedere"] { background:#84926c;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_benington"] { background:#6148d5;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_bc"] { background:#471a3a;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_bccottages"] { background:#05dcdd;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_bctownhomes"] { background:#499faa;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_brittain"] { background:#f7ee6c;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_brooksbanks"] { background:#78cef8;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_burberry"] { background:#7384bf;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_burkitt"] { background:#1f64f4;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_catalina"] { background:#25477e;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_dylan"] { background:#dd301b;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_eulas"] { background:#d3c0e1;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_gilchrist"] { background:#7f2387;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_greenbrook"] { background:#976877;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_hadley"] { background:#d5309d;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_kingsbarns"] { background:#dd385a;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_lochridge"] { background:#f28071;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_mccord"] { background:#9e281f;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_mcfarlin"] { background:#d00404;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_nolenmill"] { background:#5e4d28;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_nolenpark"] { background:#7e751a;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_nolenmeade"] { background:#a2af22;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_scales"] { background:#fffbc6;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_sherwood"] { background:#666600;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_stone"] { background:#00279d;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_summerlyn"] { background:#ab8c76;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_sunset"] { background:#eec191;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_telfair"] { background:#c19029;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_woods"] { background:#f8cb1a;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_whitney"] { background:#999900;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_whittmore"] { background:#ea7924;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_winterset"] { background:#592a09;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_burkittplace"] { background:#506af8;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_pasadena"] { background:#ffcc00;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_sinatra"] { background:rgb(112,168,0);border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_willowbrook"] { background:rgb(20,158,206);border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_maupin"] { background:rgb(237,81,81);border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_storyvale"] { background:#848884;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_telluride"] { background:#B2BEB5;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_fairington"] { background:#6a3d9a;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_greenbrook_south"] { background:#33a02c;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_sagebrook"] { background:#1f78b4;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_mill_mcfarlin"] { background:#b15928;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_townsquare"] { background:#ff7f00;border:1px solid rgba(0,0,0,1);opacity:.6 } .legend span[data-color="n_darsey"] { background:#1d1160;border:1px solid rgba(0,0,0,1);opacity:.6 } .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="brentwood_city_limits"] { background:#5c8944;border:1px solid #6e6e6e;opacity:.6 } .legend span[data-color="brentwood_proposed_ugb"] { background:#cdf57a;border:1px solid #a3ff73;opacity:.6 } .legend span[data-shape="historical_commission_sites"] { height: 10px; width: 11px; background-color: #FFBF00; border: 1px solid #8B8000; border-radius: 50%; display: inline-block; left: 5px; top: 2px;} .legend span[data-shape="projects_capital"] { width: 0; height: 0; border-top: 1px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #F8DE7E; display: inline-block; left: 5px; top: 2px;} .legend span[data-shape="projects_development"] { width: 0; height: 0; border-top: 1px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #63ffff; display: inline-block; left: 5px; top: 2px;} .legend span[data-shape="tracker_status_budgeted"] { width: 0; height: 0; border-top: 1px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid #B39DDB; display: inline-block; left: 4px; top: 2px;} .legend span[data-shape="tracker_status_ontrack"] { width: 0; height: 0; border-top: 1px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid #64B5F6; display: inline-block; left: 4px; top: 2px;} .legend span[data-shape="tracker_status_delay"] { width: 0; height: 0; border-top: 1px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid #EF5350; display: inline-block; left: 4px; top: 2px;} .legend span[data-shape="tracker_status_onhold"] { width: 0; height: 0; border-top: 1px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid #FFD54F; display: inline-block; left: 4px; top: 2px;} .legend span[data-shape="tracker_status_complete"] { width: 0; height: 0; border-top: 1px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid #66BB6A; display: inline-block; left: 4px; top: 2px;} /*** tracker_status Budgeted/Future Project #B39DDB On Track #64B5F6 Delay #EF5350 On Hold #FFD54F Complete #66BB6A ***/ /*** 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;}