mirror of
https://github.com/FoggedLens/iD.git
synced 2026-02-13 17:23:02 +00:00
ac341cdf5a
- Rename "Car Parking" to "Parking Lot" - Rename "Multilevel Car Parking" to "Multilevel Parking Garage" - Add red styling for Multilevel Parking Garage preset icon
348 lines
8.8 KiB
CSS
348 lines
8.8 KiB
CSS
/* power and pipeline */
|
|
.preset-icon .icon.tag-man_made-pipeline,
|
|
.preset-icon .icon.tag-power {
|
|
color: #939393;
|
|
fill: #939393;
|
|
}
|
|
|
|
/* power */
|
|
|
|
path.stroke.tag-power {
|
|
stroke: #939393;
|
|
stroke-width: 2;
|
|
}
|
|
path.casing.tag-power {
|
|
stroke: none;
|
|
}
|
|
|
|
/* pipeline */
|
|
|
|
path.stroke.tag-man_made-pipeline {
|
|
stroke: #CBD0D8;
|
|
stroke-linecap: butt;
|
|
stroke-width: 3;
|
|
stroke-dasharray: 80, 1.25;
|
|
}
|
|
path.casing.tag-man_made-pipeline {
|
|
stroke: #666;
|
|
stroke-width: 4.5;
|
|
}
|
|
.low-zoom path.stroke.tag-man_made-pipeline {
|
|
stroke-dasharray: 40, 1;
|
|
}
|
|
|
|
/* boundaries */
|
|
path.stroke.tag-boundary {
|
|
stroke: #fff;
|
|
stroke-width: 2;
|
|
stroke-linecap: butt;
|
|
stroke-dasharray: 20, 5, 5, 5;
|
|
}
|
|
path.casing.tag-boundary {
|
|
stroke: #82B5FE;
|
|
stroke-width: 6;
|
|
}
|
|
|
|
path.casing.tag-boundary-protected_area,
|
|
path.casing.tag-boundary-national_park {
|
|
stroke: #b0e298;
|
|
}
|
|
|
|
|
|
/* Tree Rows */
|
|
path.shadow.tag-natural-tree_row {
|
|
stroke-width: 16;
|
|
}
|
|
path.casing.tag-natural-tree_row {
|
|
stroke-width: 7;
|
|
}
|
|
path.stroke.tag-natural-tree_row {
|
|
stroke-width: 5;
|
|
}
|
|
|
|
.low-zoom path.shadow.tag-natural-tree_row {
|
|
stroke-width: 12;
|
|
}
|
|
.low-zoom path.casing.tag-natural-tree_row {
|
|
stroke-width: 5;
|
|
}
|
|
.low-zoom path.stroke.tag-natural-tree_row {
|
|
stroke-width: 3;
|
|
}
|
|
|
|
|
|
/* barriers */
|
|
path.stroke.tag-barrier {
|
|
stroke: #ddd;
|
|
stroke-width: 3px;
|
|
stroke-linecap: round;
|
|
stroke-dasharray: 15, 5, 1, 5;
|
|
}
|
|
.low-zoom path.stroke.tag-barrier {
|
|
stroke-width: 2px;
|
|
stroke-linecap: butt;
|
|
stroke-dasharray: 8, 2, 2, 2;
|
|
}
|
|
|
|
|
|
/* bridges */
|
|
path.casing.tag-bridge {
|
|
stroke-opacity: 0.6;
|
|
stroke: #000 !important;
|
|
stroke-linecap: butt;
|
|
stroke-dasharray: none;
|
|
}
|
|
|
|
path.shadow.tag-bridge {
|
|
stroke-width: 24;
|
|
}
|
|
path.casing.tag-bridge {
|
|
stroke-width: 16;
|
|
}
|
|
.low-zoom path.shadow.tag-bridge {
|
|
stroke-width: 16;
|
|
}
|
|
.low-zoom path.casing.tag-bridge {
|
|
stroke-width: 10;
|
|
}
|
|
|
|
path.shadow.line.tag-railway.tag-bridge,
|
|
path.shadow.tag-highway-living_street.tag-bridge,
|
|
path.shadow.tag-highway-path.tag-bridge,
|
|
path.shadow.tag-highway-corridor.tag-bridge,
|
|
path.shadow.line.tag-highway-pedestrian.tag-bridge,
|
|
path.shadow.tag-highway-service.tag-bridge,
|
|
path.shadow.tag-highway-track.tag-bridge,
|
|
path.shadow.tag-highway-steps.tag-bridge,
|
|
path.shadow.tag-highway-footway.tag-bridge,
|
|
path.shadow.tag-highway-cycleway.tag-bridge,
|
|
path.shadow.tag-highway-bridleway.tag-bridge {
|
|
stroke-width: 18;
|
|
}
|
|
path.casing.line.tag-railway.tag-bridge,
|
|
path.casing.tag-highway-living_street.tag-bridge,
|
|
path.casing.tag-highway-path.tag-bridge,
|
|
path.casing.tag-highway-corridor.tag-bridge,
|
|
path.casing.line.tag-highway-pedestrian.tag-bridge,
|
|
path.casing.tag-highway-service.tag-bridge,
|
|
path.casing.tag-highway-track.tag-bridge,
|
|
path.casing.tag-highway-steps.tag-bridge,
|
|
path.casing.tag-highway-footway.tag-bridge,
|
|
path.casing.tag-highway-cycleway.tag-bridge,
|
|
path.casing.tag-highway-bridleway.tag-bridge {
|
|
stroke-width: 10;
|
|
}
|
|
|
|
.low-zoom path.shadow.line.tag-railway.tag-bridge,
|
|
.low-zoom path.shadow.tag-highway-living_street.tag-bridge,
|
|
.low-zoom path.shadow.tag-highway-path.tag-bridge,
|
|
.low-zoom path.shadow.tag-highway-corridor.tag-bridge,
|
|
.low-zoom path.shadow.line.tag-highway-pedestrian.tag-bridge,
|
|
.low-zoom path.shadow.tag-highway-service.tag-bridge,
|
|
.low-zoom path.shadow.tag-highway-track.tag-bridge,
|
|
.low-zoom path.shadow.tag-highway-steps.tag-bridge,
|
|
.low-zoom path.shadow.tag-highway-footway.tag-bridge,
|
|
.low-zoom path.shadow.tag-highway-cycleway.tag-bridge,
|
|
.low-zoom path.shadow.tag-highway-bridleway.tag-bridge {
|
|
stroke-width: 14;
|
|
}
|
|
.low-zoom path.casing.line.tag-railway.tag-bridge,
|
|
.low-zoom path.casing.tag-highway-living_street.tag-bridge,
|
|
.low-zoom path.casing.tag-highway-path.tag-bridge,
|
|
.low-zoom path.casing.tag-highway-corridor.tag-bridge,
|
|
.low-zoom path.casing.line.tag-highway-pedestrian.tag-bridge,
|
|
.low-zoom path.casing.tag-highway-service.tag-bridge,
|
|
.low-zoom path.casing.tag-highway-track.tag-bridge,
|
|
.low-zoom path.casing.tag-highway-steps.tag-bridge,
|
|
.low-zoom path.casing.tag-highway-footway.tag-bridge,
|
|
.low-zoom path.casing.tag-highway-cycleway.tag-bridge,
|
|
.low-zoom path.casing.tag-highway-bridleway.tag-bridge {
|
|
stroke-width: 6;
|
|
}
|
|
|
|
|
|
/* tunnels */
|
|
path.stroke.tag-tunnel,
|
|
path.line.stroke.tag-location-underground {
|
|
stroke-opacity: 0.3;
|
|
}
|
|
path.casing.tag-tunnel,
|
|
path.line.casing.tag-location-underground {
|
|
stroke-opacity: 0.5;
|
|
stroke-linecap: butt;
|
|
stroke-dasharray: none;
|
|
}
|
|
|
|
|
|
/* embankments / cuttings */
|
|
path.shadow.tag-embankment,
|
|
path.shadow.tag-cutting {
|
|
stroke-width: 28;
|
|
}
|
|
path.casing.tag-embankment,
|
|
path.casing.tag-cutting {
|
|
stroke-opacity: 0.5;
|
|
stroke: #000;
|
|
stroke-width: 22;
|
|
stroke-dasharray: 2, 4;
|
|
stroke-linecap: butt;
|
|
}
|
|
|
|
.low-zoom path.shadow.tag-embankment,
|
|
.low-zoom path.shadow.tag-cutting {
|
|
stroke-width: 14;
|
|
}
|
|
.low-zoom path.casing.tag-embankment,
|
|
.low-zoom path.casing.tag-cutting {
|
|
stroke-width: 10;
|
|
}
|
|
|
|
|
|
/* Surface - unpaved */
|
|
path.casing.tag-unpaved {
|
|
stroke: #ccc;
|
|
stroke-linecap: butt;
|
|
stroke-dasharray: 4, 3;
|
|
}
|
|
.low-zoom path.casing.tag-unpaved {
|
|
stroke-dasharray: 3, 2;
|
|
}
|
|
path.casing.tag-bridge.tag-unpaved {
|
|
stroke: #000;
|
|
stroke-dasharray: 4, 3;
|
|
}
|
|
.low-zoom path.casing.tag-bridge.tag-unpaved {
|
|
stroke: #000;
|
|
stroke-dasharray: 3, 2;
|
|
}
|
|
|
|
|
|
/* Status (e.g. construction, proposed, abandoned) */
|
|
path.stroke.tag-status,
|
|
path.casing.tag-status {
|
|
stroke-linecap: butt;
|
|
stroke-dasharray: 7, 3;
|
|
}
|
|
.low-zoom path.stroke.tag-status,
|
|
.low-zoom path.casing.tag-status {
|
|
stroke-dasharray: 5, 2;
|
|
}
|
|
|
|
|
|
/* 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-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-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.shadow.tag-public_transport-platform,
|
|
path.shadow.tag-railway-platform,
|
|
path.shadow.tag-man_made-pier,
|
|
path.shadow.tag-footway.tag-footway-crossing,
|
|
path.shadow.tag-crossing {
|
|
stroke-width: 16;
|
|
}
|
|
path.casing.tag-public_transport-platform,
|
|
path.casing.tag-railway-platform,
|
|
path.casing.tag-man_made-pier,
|
|
path.casing.tag-footway.tag-footway-crossing,
|
|
path.casing.tag-crossing {
|
|
stroke: #dca;
|
|
stroke-width: 5;
|
|
stroke-linecap: round;
|
|
stroke-dasharray: none;
|
|
}
|
|
path.stroke.tag-public_transport-platform,
|
|
path.stroke.tag-railway-platform,
|
|
path.stroke.tag-man_made-pier,
|
|
path.stroke.tag-footway.tag-footway-crossing,
|
|
path.stroke.tag-crossing {
|
|
stroke: #988;
|
|
stroke-width: 3;
|
|
stroke-linecap: butt;
|
|
stroke-dasharray: 6, 6;
|
|
}
|
|
|
|
.low-zoom path.shadow.tag-public_transport-platform,
|
|
.low-zoom path.shadow.tag-railway-platform,
|
|
.low-zoom path.shadow.tag-man_made-pier,
|
|
.low-zoom path.shadow.tag-footway.tag-footway-crossing,
|
|
.low-zoom path.shadow.tag-crossing {
|
|
stroke-width: 12;
|
|
}
|
|
.low-zoom path.casing.tag-public_transport-platform,
|
|
.low-zoom path.casing.tag-railway-platform,
|
|
.low-zoom path.casing.tag-man_made-pier,
|
|
.low-zoom path.casing.tag-footway.tag-footway-crossing,
|
|
.low-zoom path.casing.tag-crossing {
|
|
stroke-width: 3;
|
|
}
|
|
.low-zoom path.stroke.tag-public_transport-platform,
|
|
.low-zoom path.stroke.tag-railway-platform,
|
|
.low-zoom path.stroke.tag-man_made-pier,
|
|
.low-zoom path.stroke.tag-footway.tag-footway-crossing,
|
|
.low-zoom path.stroke.tag-crossing {
|
|
stroke-width: 1;
|
|
stroke-linecap: butt;
|
|
stroke-dasharray: 3, 3;
|
|
}
|
|
|
|
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.casing.tag-crossing.tag-crossing-marked,
|
|
path.casing.tag-crossing.tag-crossing-zebra {
|
|
stroke: #dca;
|
|
}
|
|
path.stroke.tag-crossing.tag-crossing-marked,
|
|
path.stroke.tag-crossing.tag-crossing-zebra {
|
|
stroke: #444;
|
|
stroke-dasharray: 6, 4;
|
|
}
|
|
.low-zoom path.stroke.tag-crossing.tag-crossing-marked,
|
|
.low-zoom path.stroke.tag-crossing.tag-crossing-zebra {
|
|
stroke-dasharray: 3, 2;
|
|
}
|