mirror of
https://github.com/FoggedLens/iD.git
synced 2026-02-13 01:02:58 +00:00
286 lines
5.5 KiB
CSS
286 lines
5.5 KiB
CSS
|
|
/* OSM Notes and KeepRight Layers */
|
|
.layer-keepRight,
|
|
.layer-notes {
|
|
pointer-events: none;
|
|
}
|
|
.layer-keepRight .kr_error,
|
|
.layer-notes .note * {
|
|
pointer-events: none;
|
|
}
|
|
.mode-browse .layer-notes .note .note-fill,
|
|
.mode-select .layer-notes .note .note-fill,
|
|
.mode-select-data .layer-notes .note .note-fill,
|
|
.mode-select-note .layer-notes .note .note-fill,
|
|
.layer-keepRight .kr_error .kr_error-fill,
|
|
.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;
|
|
}
|
|
|
|
.kr_error-header-icon .kr_error-fill,
|
|
.layer-keepRight .kr_error .kr_error-fill {
|
|
stroke: #333;
|
|
stroke-width: 1.3px; /* NOTE: likely a better way to scale the icon stroke */
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
|
|
/* Keep Right Errors
|
|
------------------------------------------------------- */
|
|
.kr_error_type_40, /* impossible oneways */
|
|
.kr_error_type_41,
|
|
.kr_error_type_42,
|
|
.kr_error_type_43 {
|
|
color: #fd007f;
|
|
}
|
|
|
|
.kr_error_type_50 { /* almost junctions */
|
|
color: #c827fe;
|
|
}
|
|
|
|
.kr_error_type_70, /* missing tags */
|
|
.kr_error_type_71,
|
|
.kr_error_type_72 {
|
|
color: #74aeaf;
|
|
}
|
|
|
|
.kr_error_type_90 { /* motorway without ref */
|
|
color: #3124af;
|
|
}
|
|
|
|
.kr_error_type_100 { /* place of worship without religion */
|
|
color: #a80000;
|
|
}
|
|
|
|
.kr_error_type_110 { /* poi without name */
|
|
color: #44650b;
|
|
}
|
|
|
|
.kr_error_type_120 { /* way without nodes */
|
|
color: #99274d;
|
|
}
|
|
|
|
.kr_error_type_130 { /* disconnected way */
|
|
color: #eb7310;
|
|
}
|
|
|
|
.kr_error_type_150 { /* railway crossing without tag */
|
|
color: #7218c1;
|
|
}
|
|
|
|
.kr_error_type_160 { /* wrong railway tag */
|
|
color: #c903ae;
|
|
}
|
|
|
|
.kr_error_type_170 { /* FIXME tag */
|
|
color: #07d40b;
|
|
}
|
|
|
|
.kr_error_type_180 { /* relation without type */
|
|
color: #01ff0a;
|
|
}
|
|
|
|
.kr_error_type_190,
|
|
.kr_error_type_191,
|
|
.kr_error_type_192,
|
|
.kr_error_type_193,
|
|
.kr_error_type_194,
|
|
.kr_error_type_195,
|
|
.kr_error_type_196,
|
|
.kr_error_type_197,
|
|
.kr_error_type_198 { /* intersection without junction */
|
|
color: #e6fcb0;
|
|
}
|
|
|
|
.kr_error_type_200,
|
|
.kr_error_type_201,
|
|
.kr_error_type_202,
|
|
.kr_error_type_203,
|
|
.kr_error_type_204,
|
|
.kr_error_type_205,
|
|
.kr_error_type_206,
|
|
.kr_error_type_207,
|
|
.kr_error_type_208 { /* overlapping ways */
|
|
color: #fdbf6f;
|
|
}
|
|
|
|
.kr_error_type_210,
|
|
.kr_error_type_211,
|
|
.kr_error_type_212 { /* self intersecting ways */
|
|
color: #4a7601;
|
|
}
|
|
|
|
.kr_error_type_220,
|
|
.kr_error_type_221 { /* misspelled tag */
|
|
color: #ef7cf2;
|
|
}
|
|
|
|
.kr_error_type_230,
|
|
.kr_error_type_231,
|
|
.kr_error_type_232 { /* layer conflict */
|
|
color: #b15928;
|
|
}
|
|
|
|
.kr_error_type_270 { /* unusual motorway connection */
|
|
color: #2aaf92;
|
|
}
|
|
|
|
.kr_error_type_280, /* boundary issue */
|
|
.kr_error_type_281,
|
|
.kr_error_type_282,
|
|
.kr_error_type_283,
|
|
.kr_error_type_284,
|
|
.kr_error_type_285 {
|
|
color: #5f47a0;
|
|
}
|
|
|
|
.kr_error_type_290, /* restriction issue */
|
|
.kr_error_type_291,
|
|
.kr_error_type_292,
|
|
.kr_error_type_293,
|
|
.kr_error_type_294,
|
|
.kr_error_type_295,
|
|
.kr_error_type_296,
|
|
.kr_error_type_297,
|
|
.kr_error_type_298 {
|
|
color: #a6cee3;
|
|
}
|
|
|
|
.kr_error_type_310, /* roundabout issue */
|
|
.kr_error_type_311,
|
|
.kr_error_type_312,
|
|
.kr_error_type_313 {
|
|
color: #0550e8;
|
|
}
|
|
|
|
.kr_error_type_320 { /* improper _link */
|
|
color: #28d9bb;
|
|
}
|
|
|
|
.kr_error_type_350 { /* improper bridge tag */
|
|
color: #ffff99;
|
|
}
|
|
|
|
.kr_error_type_370 { /* doubled places */
|
|
color: #ff8fdf;
|
|
}
|
|
|
|
.kr_error_type_380 { /* non-physical sport tag */
|
|
color: #b3b465;
|
|
}
|
|
|
|
.kr_error_type_400, /* geometry / turn angles */
|
|
.kr_error_type_401,
|
|
.kr_error_type_402 {
|
|
color: #b64f69;
|
|
}
|
|
|
|
.kr_error_type_410, /* website issue */
|
|
.kr_error_type_411,
|
|
.kr_error_type_412,
|
|
.kr_error_type_413 {
|
|
color: #b07f7e;
|
|
}
|
|
|
|
|
|
/* 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;
|
|
}
|
|
|