style.mobile.css 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  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. }