|
0
|
1 div.olControlZoom {
|
|
|
2 position: absolute;
|
|
|
3 top: 8px;
|
|
|
4 left: 8px;
|
|
|
5 background: rgba(255,255,255,0.4);
|
|
|
6 border-radius: 4px;
|
|
|
7 padding: 2px;
|
|
|
8 }
|
|
|
9 * {
|
|
|
10 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
|
11 }
|
|
|
12 div.olControlZoom a {
|
|
|
13 display: block;
|
|
|
14 margin: 1px;
|
|
|
15 padding: 0;
|
|
|
16 color: white;
|
|
|
17 font-size: 28px;
|
|
|
18 font-family: sans-serif;
|
|
|
19 font-weight: bold;
|
|
|
20 text-decoration: none;
|
|
|
21 text-align: center;
|
|
|
22 height: 32px;
|
|
|
23 width: 32px;
|
|
|
24 line-height: 28px;
|
|
|
25 text-shadow: 0 0 3px rgba(0,0,0,0.8);
|
|
|
26 background: #130085; /* fallback for IE - IE6 requires background shorthand*/
|
|
|
27 background: rgba(0, 60, 136, 0.5);
|
|
|
28 filter: alpha(opacity=80);
|
|
|
29 }
|
|
|
30 a.olControlZoomIn {
|
|
|
31 border-radius: 4px 4px 0 0;
|
|
|
32 }
|
|
|
33 a.olControlZoomOut {
|
|
|
34 border-radius: 0 0 4px 4px;
|
|
|
35 }
|
|
|
36 div.olControlZoom a:hover {
|
|
|
37 background: #130085; /* fallback for IE */
|
|
|
38 background: rgba(0, 60, 136, 0.7);
|
|
|
39 filter: alpha(opacity=100);
|
|
|
40 }
|
|
|
41 @media only screen and (max-width: 600px) {
|
|
|
42 div.olControlZoom a:hover {
|
|
|
43 background: rgba(0, 60, 136, 0.5);
|
|
|
44 }
|
|
|
45 }
|
|
|
46 div.olMapViewport {
|
|
|
47 -ms-touch-action: none;
|
|
|
48 }
|
|
|
49 .olLayerGrid .olTileImage {
|
|
|
50 -webkit-transition: opacity 0.2s linear;
|
|
|
51 -moz-transition: opacity 0.2s linear;
|
|
|
52 -o-transition: opacity 0.2s linear;
|
|
|
53 transition: opacity 0.2s linear;
|
|
|
54 }
|
|
|
55 /* Turn on GPU support where available */
|
|
|
56 .olTileImage {
|
|
|
57 -webkit-transform: translateZ(0);
|
|
|
58 -moz-transform: translateZ(0);
|
|
|
59 -o-transform: translateZ(0);
|
|
|
60 -ms-transform: translateZ(0);
|
|
|
61 transform: translateZ(0);
|
|
|
62 -webkit-backface-visibility: hidden;
|
|
|
63 -moz-backface-visibility: hidden;
|
|
|
64 -ms-backface-visibility: hidden;
|
|
|
65 backface-visibility: hidden;
|
|
|
66 -webkit-perspective: 1000;
|
|
|
67 -moz-perspective: 1000;
|
|
|
68 -ms-perspective: 1000;
|
|
|
69 perspective: 1000;
|
|
|
70 }
|
