From 3673b0bd742f61f52e603533176780a5ccffed1a Mon Sep 17 00:00:00 2001 From: John Firebaugh Date: Sat, 22 Dec 2012 15:17:04 -0800 Subject: [PATCH] Consolidate cursor styles --- css/app.css | 26 ---------------- css/map.css | 88 +++++++++++++++++++++++++++++++++-------------------- 2 files changed, 55 insertions(+), 59 deletions(-) diff --git a/css/app.css b/css/app.css index 3755ca067..8e4c019f3 100644 --- a/css/app.css +++ b/css/app.css @@ -149,32 +149,6 @@ ul.link-list li:first-child { padding-left: 0; } -/* Mode-specific styles -------------------------------------------------------- */ - -#map:hover { - cursor:url(../img/cursor-grab.png) 9 9, auto; -} - -#map:active { - cursor:url(../img/cursor-grabbing.png) 9 9, auto; -} - -.mode-draw-line #map:hover, -.mode-draw-area #map:hover, -.mode-add-line #map:hover, -.mode-add-area #map:hover { - cursor:url(../img/cursor-draw.png) 9 9, auto; -} - -.mode-add-point #map:hover { - cursor:url(../img/cursor-draw-marker.png) 18 18, auto; -} - -#map.finish-area:hover { - cursor:url(../img/cursor-draw-finish.png) 9 9, auto; -} - /* Utility Classes ------------------------------------------------------- */ diff --git a/css/map.css b/css/map.css index 03d9678be..47d48770c 100644 --- a/css/map.css +++ b/css/map.css @@ -6,16 +6,6 @@ path { fill: none; } -.mode-browse path, -.mode-select path { - cursor: url(../img/cursor-select-way.png), pointer; -} - -.mode-browse g.marker, -.mode-select g.marker { - cursor: url(../img/cursor-select-marker.png), pointer; -} - g.marker circle { fill:#fff; } @@ -36,11 +26,6 @@ circle.handle { stroke-opacity: 1; } -.mode-select circle.handle, -.mode-browse circle.handle { - cursor: url(../img/cursor-select-node.png), pointer; -} - circle.handle.shared { fill:#aff; } @@ -59,11 +44,6 @@ circle.accuracy-handle { stroke-width:1; } -.mode-select circle.accuracy-handle, -.mode-browse circle.accuracy-handle { - cursor: url(../img/cursor-select-split.png), pointer; -} - circle.teaser-point { stroke-width: 2; stroke:#1DCAFF; @@ -115,15 +95,6 @@ path.area { fill-opacity:0.3; } -.mode-select path.area, -.mode-browse path.area { - cursor: url(../img/cursor-select-area.png), pointer; -} - -.mode-select .selected { - cursor: url(../img/cursor-select-acting.png), pointer; -} - path.area.selected { stroke-width:3 !important; } @@ -262,10 +233,61 @@ text.oneway { pointer-events:none; } +/* Cursors */ + +#map:hover { + cursor:url(../img/cursor-grab.png) 9 9, auto; +} + +#map:active { + cursor:url(../img/cursor-grabbing.png) 9 9, auto; +} + +.mode-browse path, +.mode-select path { + cursor: url(../img/cursor-select-way.png), pointer; +} + +.mode-browse .marker, +.mode-select .marker { + cursor: url(../img/cursor-select-marker.png), pointer; +} + +.mode-select .handle, +.mode-browse .handle { + cursor: url(../img/cursor-select-node.png), pointer; +} + +.mode-select .accuracy-handle, +.mode-browse .accuracy-handle { + cursor: url(../img/cursor-select-split.png), pointer; +} + +.mode-select .area, +.mode-browse .area { + cursor: url(../img/cursor-select-area.png), pointer; +} + path:active, -path.area:active, -g.marker:active, -circle.handle:active, -circle.accuracy-handle:active { +.area:active, +.marker:active, +.handle:active, +.accuracy-handle:active, +.mode-select .selected { cursor: url(../img/cursor-select-acting.png), pointer; } + +.mode-draw-line #map:hover, +.mode-draw-area #map:hover, +.mode-add-line #map:hover, +.mode-add-area #map:hover { + cursor:url(../img/cursor-draw.png) 9 9, auto; +} + +.mode-add-point #map:hover { + cursor:url(../img/cursor-draw-marker.png) 18 18, auto; +} + +#map.finish-area:hover { + cursor:url(../img/cursor-draw-finish.png) 9 9, auto; +}