Improve browse design

[rails.git] / app / assets / stylesheets / leaflet-all.css.scss

diff --git a/app/assets/stylesheets/leaflet-all.css.scss b/app/assets/stylesheets/leaflet-all.css.scss
index dd84f6cff46dac7ec22e5e0cec1d0e0de96f5acd..18febde4d1d92b774ec2a0d6b3d464918d0db495 100644 (file)
--- a/app/assets/stylesheets/leaflet-all.css.scss
+++ b/app/assets/stylesheets/leaflet-all.css.scss
@@ -1,14 +1,9 @@
 /*
  *= require leaflet
  *= require leaflet.locationfilter
- *= require map-ui
  */
 
 /* Override to serve images through the asset pipeline. */
-.leaflet-control-layers-toggle {
-  background-image: image-url("images/layers.png");
-}
-
 div.leaflet-marker-icon.location-filter.resize-marker {
   background-image: image-url("img/resize-handle.png");
 }
@@ -17,13 +12,6 @@ div.leaflet-marker-icon.location-filter.move-marker {
   background-image: image-url("img/move-handle.png");
 }
 
-/* Override to better match the pan/zoom control. */
-.leaflet-control-layers {
-  box-shadow: 0px 0px 3px #666;
-  background: #fff;
-  border-radius: 3px;
-}
-
 /* Override some conflicting styles.
    https://github.com/openstreetmap/openstreetmap-website/pull/121#issuecomment-10206946 */
 .leaflet-popup-content img.user_thumbnail {
@@ -34,20 +22,37 @@ div.leaflet-marker-icon.location-filter.move-marker {
   margin: 0 !important;
 }
 
-.site .leaflet-container a {
-  color: #00f;
-}
-
 .site .leaflet-popup p {
   margin: 0 0 20px 0;
 }
 
-.leaflet-control-attribution #permalinkanchor {
-  background: image-url("sprite.png") 0 -45px no-repeat;
-  padding-left:20px;
-}
-
-.site .leaflet-control-attribution {
-  box-shadow: none;
-  font-size: inherit;
-}
+img.leaflet-marker-icon:after {
+  content:'';
+  position:absolute; left:50%; top:50%;
+  margin:-30px 0 0 -30px;
+  width:59px;
+  height:59px;
+  display:block;
+  background:rgba(0,0,0,0.2);
+  border:2px solid rgba(0,0,0,0.6);
+  border-radius:50%;
+  opacity:0;
+  -webkit-animation:place-tmp 2000ms infinite;
+     -moz-animation:place-tmp 2000ms infinite;
+          animation:place-tmp 2000ms infinite;
+  @-webkit-keyframes place-tmp {
+    0%   { opacity:1; -webkit-transform:scale(0); }
+    50%  { opacity:0; -webkit-transform:scale(1); }
+    100% { opacity:0; -webkit-transform:scale(1); }
+  }
+  @-moz-keyframes place-tmp {
+    0%   { opacity:1; -moz-transform:scale(0); }
+    50%  { opacity:0; -moz-transform:scale(1); }
+    100% { opacity:0; -moz-transform:scale(1); }
+  }
+  @keyframes place-tmp {
+    0%   { opacity:1; transform:scale(0); }
+    50%  { opacity:0; transform:scale(1); }
+    100% { opacity:0; transform:scale(1); }
+  }
+}
\ No newline at end of file