]> git.openstreetmap.org Git - rails.git/blob - vendor/assets/openlayers/theme/default/style.mobile.css
Merge remote-tracking branch 'openstreetmap/pull/891'
[rails.git] / vendor / assets / openlayers / theme / default / style.mobile.css
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 .olLayerGrid .olTileImage {
47     -webkit-transition: opacity 0.2s linear;
48     -moz-transition: opacity 0.2s linear;
49     -o-transition: opacity 0.2s linear;
50     transition: opacity 0.2s linear;
51 }
52 /* Enable 3d acceleration when operating on tiles, this is
53    known to yield better performance on IOS Safari.
54    http://osgeo-org.1803224.n2.nabble.com/Harware-accelerated-CSS3-animations-for-iOS-td6255560.html
55
56    It also prevents tile blinking effects in iOS 5.
57    See https://github.com/openlayers/openlayers/issues/511
58 */
59 @media (-webkit-transform-3d) {
60 img.olTileImage {
61     -webkit-transform: translate3d(0, 0, 0);
62 }
63 }