From 2598c00838373605a2618dee4e02f2af91e115d8 Mon Sep 17 00:00:00 2001
From: John Firebaugh <john.firebaugh@gmail.com>
Date: Fri, 15 Mar 2013 11:38:21 -0700
Subject: [PATCH] Clean up shadow styles

---
 css/map.css | 87 +++++++++++++++++++++--------------------------------
 1 file changed, 35 insertions(+), 52 deletions(-)

diff --git a/css/map.css b/css/map.css
index bcb8f4dbe..7b99ab28c 100644
--- a/css/map.css
+++ b/css/map.css
@@ -27,6 +27,16 @@ use {
     pointer-events: none;
 }
 
+g.point .shadow,
+g.vertex .shadow,
+g.midpoint .shadow,
+path.shadow {
+    pointer-events: all;
+    -webkit-transition: 200ms;
+       -moz-transition: 200ms;
+            transition: 200ms;
+}
+
 /* points */
 
 g.point .stroke {
@@ -37,21 +47,16 @@ g.point .stroke {
 
 g.point .shadow {
     fill: none;
-    pointer-events: all;
-    -webkit-transition: -webkit-transform 100ms linear;
-    transition: transform 100ms linear;
-    -moz-transition: fill 100ms linear;
+    stroke: #f6634f;
+    stroke-width: 8;
+    stroke-opacity: 0;
 }
 
 .behavior-hover g.point.hover:not(.selected) .shadow {
-    stroke-width: 8;
-    stroke: #f6634f;
     stroke-opacity: 0.5;
 }
 
 g.point.selected .shadow {
-    stroke-width: 8;
-    stroke: #f6634f;
     stroke-opacity: 0.7;
 }
 
@@ -59,7 +64,7 @@ g.point.active, g.point.active * {
     pointer-events: none;
 }
 
-/* vertices */
+/* vertices and midpoints */
 
 g.vertex .fill {
     fill: none;
@@ -79,23 +84,27 @@ g.vertex.tagged .fill {
     fill: #000;
 }
 
-g.vertex .shadow {
-    fill: none;
-    pointer-events: all;
-    -webkit-transition: -webkit-transform 100ms linear;
-    transition: transform 100ms linear;
-    -moz-transition: fill 100ms linear;
-}
-.behavior-hover g.vertex.hover:not(.selected) .shadow {
-    fill: #f6634f;
-    fill-opacity: 0.3;
-}
-g.vertex.selected .shadow {
-    fill: #f6634f;
-    fill-opacity: 0.5;
+g.midpoint .fill {
+    fill: #ddd;
+    stroke: black;
+    stroke-opacity: .5;
+    opacity: .5;
 }
 
-/* midpoints */
+g.vertex .shadow,
+g.midpoint .shadow {
+    fill: #f6634f;
+    fill-opacity: 0;
+}
+
+.behavior-hover g.vertex.hover:not(.selected) .shadow,
+.behavior-hover g.midpoint.hover:not(.selected) .shadow {
+    fill-opacity: 0.3;
+}
+
+g.vertex.selected .shadow {
+    fill-opacity: 0.5;
+}
 
 .mode-draw-area g.midpoint,
 .mode-draw-line g.midpoint,
@@ -106,30 +115,6 @@ g.vertex.selected .shadow {
   display: none;
 }
 
-g.midpoint .fill {
-    fill:#ddd;
-    stroke:black;
-    stroke-opacity: .5;
-    opacity: .5;
-}
-.behavior-hover g.midpoint .fill.hover:not(.selected) {
-    fill:white;
-    opacity: .75;
-}
-
-g.midpoint .shadow {
-    fill: none;
-    pointer-events: all;
-    stroke-width: 10;
-    -webkit-transition: -webkit-transform 100ms linear;
-    transition: transform 100ms linear;
-    -moz-transition: fill 100ms linear;
-}
-.behavior-hover g.midpoint .shadow.hover:not(.selected) {
-    fill:#f6634f;
-    fill-opacity: 0.3;
-}
-
 /* lines */
 
 path.line {
@@ -143,18 +128,16 @@ path.stroke {
 }
 
 path.shadow {
-    pointer-events: stroke;
+    stroke: #f6634f;
     stroke-width: 10;
-    -webkit-transition: stroke 100ms linear;
+    stroke-opacity: 0;
 }
 
 .behavior-hover path.shadow.hover:not(.selected) {
-    stroke: #f6634f;
     stroke-opacity: 0.3;
 }
 
 path.shadow.selected {
-    stroke: #f6634f;
     stroke-opacity: 0.7;
 }