From 4c69341d830290771eec32a27db8b180e0b21552 Mon Sep 17 00:00:00 2001
From: Bryan Housel <bryan@mapbox.com>
Date: Sun, 5 Nov 2017 22:30:19 -0500
Subject: [PATCH] Distinguish between Mapillary and OpenStreetCam markers

---
 css/60_photos.css | 95 +++++++++++++++++------------------------------
 1 file changed, 35 insertions(+), 60 deletions(-)

diff --git a/css/60_photos.css b/css/60_photos.css
index ad6116fcf..2184940b2 100644
--- a/css/60_photos.css
+++ b/css/60_photos.css
@@ -24,44 +24,48 @@
 }
 
 
+.viewfield-group {
+    pointer-events: visible;
+    cursor: pointer;
+}
+
+.viewfield-group * {
+    stroke-width: 1;
+    stroke: #444;
+    z-index: 50;
+}
+
+.viewfield-group.selected * {
+    stroke-width: 2;
+    stroke: #222;
+    fill: #ff5800 !important;
+    z-index: 60;
+}
+
+.viewfield-group:hover * {
+    stroke-width: 1;
+    stroke: #333;
+    fill: #ff9900 !important;
+    z-index: 70;
+}
+
+.viewfield-group:hover path.viewfield,
+.viewfield-group.selected path.viewfield,
+.viewfield-group path.viewfield {
+    stroke-width: 0;
+    fill-opacity: 0.6;
+}
+
+
 /* Mapillary Image Layer */
 .layer-mapillary-images {
     pointer-events: none;
 }
 
-.layer-mapillary-images .viewfield-group {
-    pointer-events: visible;
-    cursor: pointer; /* Opera */
-    cursor: url(img/cursor-select-mapillary.png) 6 1, pointer; /* FF */
-}
-
 .layer-mapillary-images .viewfield-group * {
-    stroke-width: 1;
-    stroke: #444;
-    fill: #ffc600;
-    z-index: 50;
+    fill: #55ff22;
 }
 
-.layer-mapillary-images .viewfield-group:hover * {
-    stroke-width: 1;
-    stroke: #333;
-    fill: #ff9900;
-    z-index: 60;
-}
-
-.layer-mapillary-images .viewfield-group.selected  * {
-    stroke-width: 2;
-    stroke: #222;
-    fill: #ff5800;
-    z-index: 60;
-}
-
-.layer-mapillary-images .viewfield-group:hover path.viewfield,
-.layer-mapillary-images .viewfield-group.selected path.viewfield,
-.layer-mapillary-images .viewfield-group path.viewfield {
-    stroke-width: 0;
-    fill-opacity: 0.6;
-}
 
 /* Mapillary Sign Layer */
 .layer-mapillary-signs {
@@ -96,37 +100,8 @@
     pointer-events: none;
 }
 
-.layer-openstreetcam-images .viewfield-group {
-    pointer-events: visible;
-    cursor: pointer;
-}
-
 .layer-openstreetcam-images .viewfield-group * {
-    stroke-width: 1;
-    stroke: #444;
-    fill: #ffc600;
-    z-index: 50;
-}
-
-.layer-openstreetcam-images .viewfield-group:hover * {
-    stroke-width: 1;
-    stroke: #333;
-    fill: #ff9900;
-    z-index: 60;
-}
-
-.layer-openstreetcam-images .viewfield-group.selected  * {
-    stroke-width: 2;
-    stroke: #222;
-    fill: #ff5800;
-    z-index: 60;
-}
-
-.layer-openstreetcam-images .viewfield-group:hover path.viewfield,
-.layer-openstreetcam-images .viewfield-group.selected path.viewfield,
-.layer-openstreetcam-images .viewfield-group path.viewfield {
-    stroke-width: 0;
-    fill-opacity: 0.6;
+    fill: #77ddff;
 }