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);