5 background: rgba(255,255,255,0.4);
10 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
18 font-family: sans-serif;
20 text-decoration: none;
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);
31 border-radius: 4px 4px 0 0;
34 border-radius: 0 0 4px 4px;
36 div.olControlZoom a:hover {
37 background: #130085; /* fallback for IE */
38 background: rgba(0, 60, 136, 0.7);
39 filter: alpha(opacity=100);
41 @media only screen and (max-width: 600px) {
42 div.olControlZoom a:hover {
43 background: rgba(0, 60, 136, 0.5);
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;
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
56 It also prevents tile blinking effects in iOS 5.
57 See https://github.com/openlayers/openlayers/issues/511
59 @media (-webkit-transform-3d) {
61 -webkit-transform: translate3d(0, 0, 0);