Mercurial > hg > LGMap
comparison geotemco/lib/openlayers/theme/default/style.mobile.css @ 0:57bde4830927
first commit
author | Zoe Hong <zhong@mpiwg-berlin.mpg.de> |
---|---|
date | Tue, 24 Mar 2015 11:37:17 +0100 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:57bde4830927 |
---|---|
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 } |