/* narrow width miscellanous things */ path.line.shadow.tag-aerialway, path.line.shadow.tag-attraction-summer_toboggan, path.line.shadow.tag-attraction-water_slide, path.line.shadow.tag-golf-cartpath, path.line.shadow.tag-man_made-pipeline, path.line.shadow.tag-natural-tree_row, path.line.shadow.tag-piste { stroke-width: 16; } path.line.casing.tag-aerialway, path.line.casing.tag-attraction-summer_toboggan, path.line.casing.tag-attraction-water_slide, path.line.casing.tag-golf-cartpath, path.line.casing.tag-man_made-pipeline, path.line.casing.tag-natural-tree_row, path.line.casing.tag-piste { stroke-width: 7; } path.line.stroke.tag-aerialway, path.line.stroke.tag-attraction-summer_toboggan, path.line.stroke.tag-attraction-water_slide, path.line.stroke.tag-golf-cartpath, path.line.stroke.tag-man_made-pipeline, path.line.stroke.tag-natural-tree_row, path.line.stroke.tag-piste { stroke-width: 5; } .low-zoom path.line.shadow.tag-aerialway, .low-zoom path.line.shadow.tag-attraction-summer_toboggan, .low-zoom path.line.shadow.tag-attraction-water_slide, .low-zoom path.line.shadow.tag-golf-cartpath, .low-zoom path.line.shadow.tag-man_made-pipeline, .low-zoom path.line.shadow.tag-natural-tree_row, .low-zoom path.line.shadow.tag-piste { stroke-width: 12; } .low-zoom path.line.casing.tag-aerialway, .low-zoom path.line.casing.tag-attraction-summer_toboggan, .low-zoom path.line.casing.tag-attraction-water_slide, .low-zoom path.line.casing.tag-golf-cartpath, .low-zoom path.line.casing.tag-man_made-pipeline, .low-zoom path.line.casing.tag-natural-tree_row, .low-zoom path.line.casing.tag-piste { stroke-width: 5; } .low-zoom path.line.stroke.tag-aerialway, .low-zoom path.line.stroke.tag-attraction-summer_toboggan, .low-zoom path.line.stroke.tag-attraction-water_slide, .low-zoom path.line.stroke.tag-golf-cartpath, .low-zoom path.line.stroke.tag-man_made-pipeline, .low-zoom path.line.stroke.tag-natural-tree_row, .low-zoom path.line.stroke.tag-piste { stroke-width: 3; } /* ferry routes */ .preset-icon .icon.tag-route-ferry { color: #58a9ed; fill: #fff; } path.line.shadow.tag-route-ferry { stroke-width: 16; } path.line.stroke.tag-route-ferry { stroke-width: 3; stroke-linecap: butt; stroke-dasharray: 12,8; } .low-zoom path.line.shadow.tag-route-ferry { stroke-width: 12; } .low-zoom path.line.stroke.tag-route-ferry { stroke-width: 2; stroke-dasharray: 6,4; } path.line.stroke.tag-route-ferry { stroke: #58a9ed; } /* aerialways */ path.line.stroke.tag-aerialway { stroke: #c55; } path.line.casing.tag-aerialway { stroke: #444; } /* pistes */ path.line.stroke.tag-piste { stroke: #a9d; } path.line.casing.tag-piste { stroke: #444; } /* Attractions */ path.line.stroke.tag-attraction-summer_toboggan { stroke: #9e9e9e; } path.line.casing.tag-attraction-summer_toboggan { stroke: #666; } path.line.stroke.tag-attraction-water_slide { stroke: #aae0cb; } path.line.casing.tag-attraction-water_slide { stroke: #3d6c71; } /* golf cartpaths (like service roads) */ .preset-icon .icon.tag-golf-cartpath { color: #dca; fill: #666; } path.line.stroke.tag-golf-cartpath { stroke: #dca; } path.line.casing.tag-golf-cartpath { stroke: #666; } /* power and pipeline */ .preset-icon .icon.tag-man_made-pipeline, .preset-icon .icon.tag-power { color: #939393; fill: #939393; } /* power */ path.line.stroke.tag-power { stroke: #939393; stroke-width: 2; } path.line.casing.tag-power { stroke: none; } /* pipeline */ path.line.stroke.tag-man_made-pipeline { stroke: #cbd0d8; stroke-linecap: butt; stroke-dasharray: 80, 1.25; } path.line.casing.tag-man_made-pipeline { stroke: #666; } .low-zoom path.line.stroke.tag-man_made-pipeline { stroke-dasharray: 40, 1; } /* boundaries */ path.line.stroke.tag-boundary { stroke: #fff; stroke-width: 2; stroke-linecap: butt; stroke-dasharray: 20, 5, 5, 5; } path.line.casing.tag-boundary { stroke: #82b5fe; stroke-width: 6; } path.line.casing.tag-boundary-protected_area, path.line.casing.tag-boundary-national_park { stroke: #b0e298; } /* barriers and similar */ path.line.stroke.tag-barrier { stroke: #ddd; } path.line.stroke.tag-barrier-hedge { stroke: rgb(140, 208, 95); } path.line.stroke.tag-barrier, path.line.stroke.tag-man_made-groyne, path.line.stroke.tag-man_made-breakwater { stroke-width: 3px; stroke-linecap: round; stroke-dasharray: 15, 5, 1, 5; } .low-zoom path.line.stroke.tag-barrier, .low-zoom path.line.stroke.tag-man_made-groyne, .low-zoom path.line.stroke.tag-man_made-breakwater { stroke-width: 2px; stroke-linecap: butt; stroke-dasharray: 8, 2, 2, 2; } /* bridges */ path.line.casing.tag-bridge { stroke-opacity: 0.6; stroke: #000 !important; stroke-linecap: butt; stroke-dasharray: none; } path.line.shadow.tag-bridge { stroke-width: 24; } path.line.casing.tag-bridge { stroke-width: 16; } .low-zoom path.line.shadow.tag-bridge { stroke-width: 16; } .low-zoom path.line.casing.tag-bridge { stroke-width: 10; } path.line.shadow.tag-railway.tag-bridge, path.line.shadow.tag-highway-living_street.tag-bridge, path.line.shadow.tag-highway-path.tag-bridge, path.line.shadow.tag-highway-corridor.tag-bridge, path.line.shadow.tag-highway-pedestrian.tag-bridge, path.line.shadow.tag-highway-service.tag-bridge, path.line.shadow.tag-highway-track.tag-bridge, path.line.shadow.tag-highway-steps.tag-bridge, path.line.shadow.tag-highway-footway.tag-bridge, path.line.shadow.tag-highway-cycleway.tag-bridge, path.line.shadow.tag-highway-bridleway.tag-bridge { stroke-width: 18; } path.line.casing.tag-railway.tag-bridge, path.line.casing.tag-highway-living_street.tag-bridge, path.line.casing.tag-highway-path.tag-bridge, path.line.casing.tag-highway-corridor.tag-bridge, path.line.casing.tag-highway-pedestrian.tag-bridge, path.line.casing.tag-highway-service.tag-bridge, path.line.casing.tag-highway-track.tag-bridge, path.line.casing.tag-highway-steps.tag-bridge, path.line.casing.tag-highway-footway.tag-bridge, path.line.casing.tag-highway-cycleway.tag-bridge, path.line.casing.tag-highway-bridleway.tag-bridge { stroke-width: 10; } .low-zoom path.line.shadow.tag-railway.tag-bridge, .low-zoom path.line.shadow.tag-highway-living_street.tag-bridge, .low-zoom path.line.shadow.tag-highway-path.tag-bridge, .low-zoom path.line.shadow.tag-highway-corridor.tag-bridge, .low-zoom path.line.shadow.tag-highway-pedestrian.tag-bridge, .low-zoom path.line.shadow.tag-highway-service.tag-bridge, .low-zoom path.line.shadow.tag-highway-track.tag-bridge, .low-zoom path.line.shadow.tag-highway-steps.tag-bridge, .low-zoom path.line.shadow.tag-highway-footway.tag-bridge, .low-zoom path.line.shadow.tag-highway-cycleway.tag-bridge, .low-zoom path.line.shadow.tag-highway-bridleway.tag-bridge { stroke-width: 14; } .low-zoom path.line.casing.tag-railway.tag-bridge, .low-zoom path.line.casing.tag-highway-living_street.tag-bridge, .low-zoom path.line.casing.tag-highway-path.tag-bridge, .low-zoom path.line.casing.tag-highway-corridor.tag-bridge, .low-zoom path.line.casing.tag-highway-pedestrian.tag-bridge, .low-zoom path.line.casing.tag-highway-service.tag-bridge, .low-zoom path.line.casing.tag-highway-track.tag-bridge, .low-zoom path.line.casing.tag-highway-steps.tag-bridge, .low-zoom path.line.casing.tag-highway-footway.tag-bridge, .low-zoom path.line.casing.tag-highway-cycleway.tag-bridge, .low-zoom path.line.casing.tag-highway-bridleway.tag-bridge { stroke-width: 6; } /* tunnels */ path.line.stroke.tag-tunnel, path.line.stroke.tag-location-underground, path.line.stroke.tag-location-underwater { stroke-opacity: 0.3; } path.line.casing.tag-tunnel, path.line.casing.tag-location-underground, path.line.stroke.tag-location-underwater { stroke-opacity: 0.5; stroke-linecap: butt; stroke-dasharray: none; } /* embankments / cuttings */ path.line.shadow.tag-embankment, path.line.shadow.tag-cutting { stroke-width: 28; } path.line.casing.tag-embankment, path.line.casing.tag-cutting { stroke-opacity: 0.5; stroke: #000; stroke-width: 22; stroke-dasharray: 2, 4; stroke-linecap: butt; } .low-zoom path.line.shadow.tag-embankment, .low-zoom path.line.shadow.tag-cutting { stroke-width: 14; } .low-zoom path.line.casing.tag-embankment, .low-zoom path.line.casing.tag-cutting { stroke-width: 10; } /* Surface - unpaved */ path.line.casing.tag-unpaved { stroke: #ccc; stroke-linecap: butt; stroke-dasharray: 4, 3; } .low-zoom path.line.casing.tag-unpaved { stroke-dasharray: 3, 2; } path.line.casing.tag-bridge.tag-unpaved { stroke: #000; stroke-dasharray: 4, 3; } .low-zoom path.line.casing.tag-bridge.tag-unpaved { stroke: #000; stroke-dasharray: 3, 2; } /* Status (e.g. proposed, abandoned) */ path.area.stroke.tag-status, path.line.stroke.tag-status, path.area.casing.tag-status, path.line.casing.tag-status { stroke-linecap: butt; stroke-dasharray: 7, 3; } .low-zoom path.area.stroke.tag-status, .low-zoom path.line.stroke.tag-status, .low-zoom path.area.casing.tag-status, .low-zoom path.line.casing.tag-status { stroke-dasharray: 5, 2; } /* Road Closed Status */ .preset-icon .icon.tag-highway-construction { color: #fc6c14; fill: #fff; } path.line.shadow.tag-status.tag-status-construction { stroke-width: 20; } path.line.casing.tag-status.tag-status-construction { stroke: #fff; stroke-width: 10; stroke-linecap: butt; stroke-dasharray: none } path.line.stroke.tag-status.tag-status-construction { stroke: #fc6c14; stroke-width: 8; stroke-linecap: butt; stroke-dasharray: 10, 10; } .low-zoom path.line.shadow.tag-status.tag-status-construction { stroke-width: 16; } .low-zoom path.line.casing.tag-status.tag-status-construction { stroke-width: 7; } .low-zoom path.line.stroke.tag-status.tag-status-construction { stroke-width: 5; stroke-dasharray: 8, 8; } /* Buildings */ path.stroke.tag-building { stroke: rgb(224, 110, 95); } path.fill.tag-building { stroke: rgba(224, 110, 95, 0.3); fill: rgba(224, 110, 95, 0.3); } .preset-icon-fill-area.tag-parking-multi-storey, .preset-icon-fill-area.tag-building { border-color: rgb(224, 110, 95); background-color: rgba(224, 110, 95, 0.3); } /* "Special" paths - platforms, piers, crossings */ .preset-icon .icon.tag-golf-path, .preset-icon .icon.tag-public_transport-platform, .preset-icon .icon.tag-railway-platform, .preset-icon .icon.tag-man_made-pier, .preset-icon .icon.tag-footway.tag-footway-crossing, .preset-icon .icon.tag-crossing { color: #988; fill: #dca; } .preset-icon-fill-area.tag-golf-path, .preset-icon-fill-area.tag-public_transport-platform, .preset-icon-fill-area.tag-railway-platform, .preset-icon-fill-area.tag-man_made-pier, .preset-icon-fill-area.tag-footway.tag-footway-crossing, .preset-icon-fill-area.tag-crossing { border-color: #988; background-color: #dca; } path.line.shadow.tag-golf-path, path.line.shadow.tag-public_transport-platform, path.line.shadow.tag-railway-platform, path.line.shadow.tag-man_made-pier, path.line.shadow.tag-footway.tag-footway-crossing, path.line.shadow.tag-crossing { stroke-width: 16; } path.line.casing.tag-golf-path, path.line.casing.tag-public_transport-platform, path.line.casing.tag-railway-platform, path.line.casing.tag-man_made-pier, path.line.casing.tag-footway.tag-footway-crossing, path.line.casing.tag-crossing { stroke: #dca; stroke-width: 5; stroke-linecap: round; stroke-dasharray: none; } path.line.stroke.tag-golf-path, path.line.stroke.tag-public_transport-platform, path.line.stroke.tag-railway-platform, path.line.stroke.tag-man_made-pier, path.line.stroke.tag-footway.tag-footway-crossing, path.line.stroke.tag-crossing { stroke: #988; stroke-width: 3; stroke-linecap: butt; stroke-dasharray: 6, 6; } .low-zoom path.line.shadow.tag-golf-path, .low-zoom path.line.shadow.tag-public_transport-platform, .low-zoom path.line.shadow.tag-railway-platform, .low-zoom path.line.shadow.tag-man_made-pier, .low-zoom path.line.shadow.tag-footway.tag-footway-crossing, .low-zoom path.line.shadow.tag-crossing { stroke-width: 12; } .low-zoom path.line.casing.tag-golf-path, .low-zoom path.line.casing.tag-public_transport-platform, .low-zoom path.line.casing.tag-railway-platform, .low-zoom path.line.casing.tag-man_made-pier, .low-zoom path.line.casing.tag-footway.tag-footway-crossing, .low-zoom path.line.casing.tag-crossing { stroke-width: 3; } .low-zoom path.line.stroke.tag-golf-path, .low-zoom path.line.stroke.tag-public_transport-platform, .low-zoom path.line.stroke.tag-railway-platform, .low-zoom path.line.stroke.tag-man_made-pier, .low-zoom path.line.stroke.tag-footway.tag-footway-crossing, .low-zoom path.line.stroke.tag-crossing { stroke-width: 1; stroke-linecap: butt; stroke-dasharray: 3, 3; } g.midpoint.tag-golf-path .fill, g.midpoint.tag-public_transport-platform .fill, g.midpoint.tag-railway-platform .fill, g.midpoint.tag-man_made-pier .fill, g.midpoint.tag-footway.tag-footway-crossing .fill, g.midpoint.tag-crossing .fill { fill: #fff; stroke: #333; stroke-opacity: .8; opacity: .8; } /* marked crossings, zebras */ .preset-icon .icon.tag-crossing.tag-crossing-marked, .preset-icon .icon.tag-crossing.tag-crossing-zebra { color: #444; fill: #dca; } path.line.casing.tag-crossing.tag-crossing-marked, path.line.casing.tag-crossing.tag-crossing-zebra { stroke: #dca; } path.line.stroke.tag-crossing.tag-crossing-marked, path.line.stroke.tag-crossing.tag-crossing-zebra { stroke: #444; stroke-dasharray: 6, 4; } .low-zoom path.line.stroke.tag-crossing.tag-crossing-marked, .low-zoom path.line.stroke.tag-crossing.tag-crossing-zebra { stroke-dasharray: 3, 2; }