]> git.openstreetmap.org Git - rails.git/blob - app/assets/openlayers/theme/openstreetmap/SimplePanZoom.css.scss
Enable transition support for Firefox and Opera
[rails.git] / app / assets / openlayers / theme / openstreetmap / SimplePanZoom.css.scss
1 .olControlSimplePanZoom {
2   top: 10px;
3   right: 10px;
4 }
5
6 .olControlSimplePanZoom .button {
7   background-image: image-url("theme/openstreetmap/img/map_sprite.png");
8   position: absolute;
9   background-repeat: no-repeat;
10   cursor: hand;
11   cursor: pointer;
12 }
13
14 .olControlSimplePanZoom #panup {
15   left: 10px;
16   width: 25px;
17   height: 13px;
18   background-position: -15px -5px;
19 }
20
21 .olControlSimplePanZoom #pandown {
22   left: 10px;
23   top: 36px;
24   width: 25px;
25   height: 15px;
26   background-position: -15px -40px;
27 }
28
29 .olControlSimplePanZoom #panleft {
30   top: 13px;
31   width: 25px;
32   height: 24px;
33   background-position: -5px -17px;
34 }
35
36 .olControlSimplePanZoom #panright {
37   top: 13px;
38   width: 25px;
39   height: 24px;
40   left: 25px;
41   background-position: -30px -17px;
42 }
43
44 .olControlSimplePanZoom #zoomin {
45   top: 50px;
46   width: 26px;
47   height: 20px;
48   left: 10px;
49   background-position: -15px -61px;
50 }
51
52 .olControlSimplePanZoom #zoomout {
53   top: 210px;
54   width: 26px;
55   height: 20px;
56   left: 10px;
57   background-position: -15px -220px;
58 }
59
60 .olControlSimplePanZoom #slider {
61   top: 75px;
62   width: 25px;
63   height: 10px;
64   left: 10px;
65   -webkit-transition: top 100ms linear;
66   -moz-transition: top 100ms linear;
67   -o-transition: top 100ms linear;
68   background-position: -77px -58px;
69   pointer: move;
70   cursor: move;
71 }
72
73 .olControlSimplePanZoom #zoombar {
74   top: 70px;
75   width: 26px;
76   height: 140px;
77   left: 10px;
78   background-position: -15px -80px;
79 }