mirror of
https://github.com/FoggedLens/iD.git
synced 2026-02-13 01:02:58 +00:00
117 lines
2.3 KiB
CSS
117 lines
2.3 KiB
CSS
|
|
/* OSM Notes Layer */
|
|
.layer-notes {
|
|
pointer-events: none;
|
|
}
|
|
.layer-notes .note * {
|
|
pointer-events: none;
|
|
}
|
|
.mode-browse .layer-notes .note .note-fill,
|
|
.mode-select .layer-notes .note .note-fill,
|
|
.mode-select-note .layer-notes .note .note-fill {
|
|
pointer-events: visible;
|
|
cursor: pointer; /* Opera */
|
|
cursor: url(img/cursor-select-point.png), pointer; /* FF */
|
|
}
|
|
|
|
.note-header-icon .note-shadow,
|
|
.layer-notes .note .note-shadow {
|
|
color: #000;
|
|
}
|
|
.note-header-icon .note-fill,
|
|
.layer-notes .note .note-fill {
|
|
color: #ff3300;
|
|
stroke: #333;
|
|
stroke-width: 40px;
|
|
}
|
|
.note-header-icon.new .note-fill,
|
|
.layer-notes .note.new .note-fill {
|
|
color: #ffee00;
|
|
stroke: #333;
|
|
stroke-width: 40px;
|
|
}
|
|
.note-header-icon.closed .note-fill,
|
|
.layer-notes .note.closed .note-fill {
|
|
color: #55dd00;
|
|
stroke: #333;
|
|
stroke-width: 40px;
|
|
}
|
|
|
|
/* slight adjustments to preset icon for note icons */
|
|
.note-header-icon .preset-icon-28 {
|
|
top: 18px;
|
|
}
|
|
.note-header-icon .note-icon-annotation {
|
|
position: absolute;
|
|
top: 22px;
|
|
left: 22px;
|
|
margin: auto;
|
|
}
|
|
.note-header-icon .note-icon-annotation .icon {
|
|
width: 15px;
|
|
height: 15px;
|
|
}
|
|
|
|
|
|
/* Custom Map Data (geojson, gpx, kml, vector tile) */
|
|
|
|
.layer-mapdata {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.layer-mapdata path.shadow {
|
|
pointer-events: stroke;
|
|
stroke: #f6634f;
|
|
stroke-width: 16;
|
|
stroke-opacity: 0;
|
|
fill: none;
|
|
}
|
|
.layer-mapdata path.MultiPoint.shadow,
|
|
.layer-mapdata path.Point.shadow {
|
|
pointer-events: fill;
|
|
fill: #f6634f;
|
|
fill-opacity: 0;
|
|
}
|
|
.layer-mapdata path.shadow.hover:not(.selected) {
|
|
stroke-opacity: 0.4;
|
|
}
|
|
.layer-mapdata path.shadow.selected {
|
|
stroke-opacity: 0.7;
|
|
}
|
|
|
|
.layer-mapdata path.stroke {
|
|
stroke: #ff26d4;
|
|
stroke-width: 2;
|
|
fill: none;
|
|
}
|
|
|
|
.layer-mapdata path.fill {
|
|
stroke-width: 0;
|
|
stroke-opacity: 0.3;
|
|
stroke: #ff26d4;
|
|
fill: #ff26d4;
|
|
fill-opacity: 0.3;
|
|
fill-rule: evenodd;
|
|
}
|
|
|
|
.layer-mapdata text.label-halo,
|
|
.layer-mapdata text.label {
|
|
font-size: 10px;
|
|
font-weight: bold;
|
|
dominant-baseline: middle;
|
|
}
|
|
.layer-mapdata text.label {
|
|
fill: #ff26d4;
|
|
}
|
|
.layer-mapdata text.label.hover,
|
|
.layer-mapdata text.label.selected {
|
|
fill: #f6634f;
|
|
}
|
|
.layer-mapdata text.label-halo {
|
|
opacity: 0.7;
|
|
stroke: #000;
|
|
stroke-width: 5px;
|
|
stroke-miterlimit: 1;
|
|
}
|
|
|