]> git.openstreetmap.org Git - rails.git/blob - vendor/assets/openlayers/theme/default/style.css
Merge branch 'master' into openstreetbugs
[rails.git] / vendor / assets / openlayers / theme / default / style.css
1 div.olMap {
2     z-index: 0;
3     padding: 0 !important;
4     margin: 0 !important;
5     cursor: default;
6 }
7
8 div.olMapViewport {
9     text-align: left;
10 }
11
12 div.olLayerDiv {
13    -moz-user-select: none;
14    -khtml-user-select: none;
15 }
16
17 .olLayerGoogleCopyright {
18     left: 2px;
19     bottom: 2px;
20 }
21 .olLayerGoogleV3.olLayerGoogleCopyright {
22     right: auto !important;
23 }
24 .olLayerGooglePoweredBy {
25     left: 2px;
26     bottom: 15px;
27 }
28 .olLayerGoogleV3.olLayerGooglePoweredBy {
29     bottom: 15px !important;
30 }
31 .olControlAttribution {
32     font-size: smaller;
33     right: 3px;
34     bottom: 4.5em;
35     position: absolute;
36     display: block;
37 }
38 .olControlScale {
39     right: 3px;
40     bottom: 3em;
41     display: block;
42     position: absolute;
43     font-size: smaller;
44 }
45 .olControlScaleLine {
46    display: block;
47    position: absolute;
48    left: 10px;
49    bottom: 15px;
50    font-size: xx-small;
51 }
52 .olControlScaleLineBottom {
53    border: solid 2px black;
54    border-bottom: none;
55    margin-top:-2px;
56    text-align: center;
57 }
58 .olControlScaleLineTop {
59    border: solid 2px black;
60    border-top: none;
61    text-align: center;
62 }
63
64 .olControlPermalink {
65     right: 3px;
66     bottom: 1.5em;
67     display: block;
68     position: absolute;
69     font-size: smaller;
70 }
71
72 div.olControlMousePosition {
73     bottom: 0;
74     right: 3px;
75     display: block;
76     position: absolute;
77     font-family: Arial;
78     font-size: smaller;
79 }
80
81 .olControlOverviewMapContainer {
82     position: absolute;
83     bottom: 0;
84     right: 0;
85 }
86
87 .olControlOverviewMapElement {
88     padding: 10px 18px 10px 10px;
89     background-color: #00008B;
90     -moz-border-radius: 1em 0 0 0;
91 }
92
93 .olControlOverviewMapMinimizeButton,
94 .olControlOverviewMapMaximizeButton {
95     height: 18px;
96     width: 18px;
97     right: 0;
98     bottom: 80px;
99     cursor: pointer;
100 }
101
102 .olControlOverviewMapExtentRectangle {
103     overflow: hidden;
104     background-image: url("img/blank.gif");
105     cursor: move;
106     border: 2px dotted red;
107 }
108 .olControlOverviewMapRectReplacement {
109     overflow: hidden;
110     cursor: move;
111     background-image: url("img/overview_replacement.gif");
112     background-repeat: no-repeat;
113     background-position: center;
114 }
115
116 .olLayerGeoRSSDescription {
117     float:left;
118     width:100%;
119     overflow:auto;
120     font-size:1.0em;
121 }
122 .olLayerGeoRSSClose {
123     float:right;
124     color:gray;
125     font-size:1.2em;
126     margin-right:6px;
127     font-family:sans-serif;
128 }
129 .olLayerGeoRSSTitle {
130     float:left;font-size:1.2em;
131 }
132
133 .olPopupContent {
134     padding:5px;
135     overflow: auto;
136 }
137
138 .olControlNavigationHistory {
139    background-image: url("img/navigation_history.png");
140    background-repeat: no-repeat;
141    width:  24px;
142    height: 24px;
143
144 }
145 .olControlNavigationHistoryPreviousItemActive {
146   background-position: 0 0;
147 }
148 .olControlNavigationHistoryPreviousItemInactive {
149    background-position: 0 -24px;
150 }
151 .olControlNavigationHistoryNextItemActive {
152    background-position: -24px 0;
153 }
154 .olControlNavigationHistoryNextItemInactive {
155    background-position: -24px -24px;
156 }
157
158 div.olControlSaveFeaturesItemActive {
159     background-image: url(img/save_features_on.png);
160     background-repeat: no-repeat;
161     background-position: 0 1px;
162 }
163 div.olControlSaveFeaturesItemInactive {
164     background-image: url(img/save_features_off.png);
165     background-repeat: no-repeat;
166     background-position: 0 1px;
167 }
168
169 .olHandlerBoxZoomBox {
170     border: 2px solid red;
171     position: absolute;
172     background-color: white;
173     opacity: 0.50;
174     font-size: 1px;
175     filter: alpha(opacity=50);
176 }
177 .olHandlerBoxSelectFeature {
178     border: 2px solid blue;
179     position: absolute;
180     background-color: white;
181     opacity: 0.50;
182     font-size: 1px;
183     filter: alpha(opacity=50);
184 }
185
186 .olControlPanPanel {
187     top: 10px;
188     left: 5px;
189 }
190
191 .olControlPanPanel div {
192     background-image: url(img/pan-panel.png);
193     height: 18px;
194     width: 18px;
195     cursor: pointer;
196     position: absolute;
197 }
198
199 .olControlPanPanel .olControlPanNorthItemInactive {
200     top: 0;
201     left: 9px;
202     background-position: 0 0;
203 }
204 .olControlPanPanel .olControlPanSouthItemInactive {
205     top: 36px;
206     left: 9px;
207     background-position: 18px 0;
208 }
209 .olControlPanPanel .olControlPanWestItemInactive {
210     position: absolute;
211     top: 18px;
212     left: 0;
213     background-position: 0 18px;
214 }
215 .olControlPanPanel .olControlPanEastItemInactive {
216     top: 18px;
217     left: 18px;
218     background-position: 18px 18px;
219 }
220
221 .olControlZoomPanel {
222     top: 71px;
223     left: 14px;
224 }
225
226 .olControlZoomPanel div {
227     background-image: url(img/zoom-panel.png);
228     position: absolute;
229     height: 18px;
230     width: 18px;
231     cursor: pointer;
232 }
233
234 .olControlZoomPanel .olControlZoomInItemInactive {
235     top: 0;
236     left: 0;
237     background-position: 0 0;
238 }
239
240 .olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
241     top: 18px;
242     left: 0;
243     background-position: 0 -18px;
244 }
245
246 .olControlZoomPanel .olControlZoomOutItemInactive {
247     top: 36px;
248     left: 0;
249     background-position: 0 18px;
250 }
251
252 /*
253  * When a potential text is bigger than the image it move the image
254  * with some headers (closes #3154)
255  */
256 .olControlPanZoomBar div {
257     font-size: 1px;
258 }
259
260 .olPopupCloseBox {
261   background: url("img/close.gif") no-repeat;
262   cursor: pointer;
263 }
264
265 .olFramedCloudPopupContent {
266     padding: 5px;
267     overflow: auto;
268 }
269
270 .olControlNoSelect {
271  -moz-user-select: none;
272  -khtml-user-select: none;
273 }
274
275 .olImageLoadError {
276     background-color: pink;
277     opacity: 0.5;
278     filter: alpha(opacity=50); /* IE */
279 }
280
281 /**
282  * Cursor styles
283  */
284
285 .olCursorWait {
286     cursor: wait;
287 }
288 .olDragDown {
289     cursor: move;
290 }
291 .olDrawBox {
292     cursor: crosshair;
293 }
294 .olControlDragFeatureOver {
295     cursor: move;
296 }
297 .olControlDragFeatureActive.olControlDragFeatureOver.olDragDown {
298     cursor: -moz-grabbing;
299 }
300
301 /**
302  * Layer switcher
303  */
304 .olControlLayerSwitcher {
305     position: absolute;
306     top: 25px;
307     right: 0;
308     width: 20em;
309     font-family: sans-serif;
310     font-weight: bold;
311     margin-top: 3px;
312     margin-left: 3px;
313     margin-bottom: 3px;
314     font-size: smaller;
315     color: white;
316     background-color: transparent;
317 }
318
319 .olControlLayerSwitcher .layersDiv {
320     padding-top: 5px;
321     padding-left: 10px;
322     padding-bottom: 5px;
323     padding-right: 10px;
324     background-color: darkblue;
325 }
326
327 .olControlLayerSwitcher .layersDiv .baseLbl,
328 .olControlLayerSwitcher .layersDiv .dataLbl {
329     margin-top: 3px;
330     margin-left: 3px;
331     margin-bottom: 3px;
332 }
333
334 .olControlLayerSwitcher .layersDiv .baseLayersDiv,
335 .olControlLayerSwitcher .layersDiv .dataLayersDiv {
336     padding-left: 10px;
337 }
338
339 .olControlLayerSwitcher .maximizeDiv,
340 .olControlLayerSwitcher .minimizeDiv {
341     width: 18px;
342     height: 18px;
343     top: 5px;
344     right: 0;
345     cursor: pointer;
346 }
347
348 .olBingAttribution {
349     color: #DDD;
350 }
351 .olBingAttribution.road {
352     color: #333;
353 }
354
355 .olGoogleAttribution.hybrid, .olGoogleAttribution.satellite {
356     color: #EEE;
357 }
358 .olGoogleAttribution {
359     color: #333;
360 }
361 span.olGoogleAttribution a {
362     color: #77C;
363 }
364 span.olGoogleAttribution.hybrid a, span.olGoogleAttribution.satellite a {
365     color: #EEE;
366 }
367
368 /**
369  * Editing and navigation icons.
370  * (using the editing_tool_bar.png sprint image)
371  */
372 .olControlNavToolbar ,
373 .olControlEditingToolbar {
374     margin: 5px 5px 0 0;
375 }
376 .olControlNavToolbar div,
377 .olControlEditingToolbar div {
378     background-image: url("img/editing_tool_bar.png");
379     background-repeat: no-repeat;
380     margin: 0 0 5px 5px;
381     width: 24px;
382     height: 22px;
383     cursor: pointer
384 }
385 /* positions */
386 .olControlEditingToolbar {
387     right: 0;
388     top: 0;
389 }
390 .olControlNavToolbar {
391     top: 295px;
392     left: 9px;
393 }
394 /* layouts */
395 .olControlEditingToolbar div {
396     float: right;
397 }
398 /* individual controls */
399 .olControlNavToolbar .olControlNavigationItemInactive,
400 .olControlEditingToolbar .olControlNavigationItemInactive {
401     background-position: -103px -1px;
402 }
403 .olControlNavToolbar .olControlNavigationItemActive ,
404 .olControlEditingToolbar .olControlNavigationItemActive  {
405     background-position: -103px -24px;
406 }
407 .olControlNavToolbar .olControlZoomBoxItemInactive {
408     background-position: -128px -1px;
409 }
410 .olControlNavToolbar .olControlZoomBoxItemActive  {
411     background-position: -128px -24px;
412 }
413 .olControlEditingToolbar .olControlDrawFeaturePointItemInactive {
414     background-position: -77px -1px;
415 }
416 .olControlEditingToolbar .olControlDrawFeaturePointItemActive {
417     background-position: -77px -24px;
418 }
419 .olControlEditingToolbar .olControlDrawFeaturePathItemInactive {
420     background-position: -51px -1px;
421 }
422 .olControlEditingToolbar .olControlDrawFeaturePathItemActive {
423     background-position: -51px -24px;
424 }
425 .olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive{
426     background-position: -26px -1px;
427 }
428 .olControlEditingToolbar .olControlDrawFeaturePolygonItemActive {
429     background-position: -26px -24px;
430 }
431
432 div.olControlZoom {
433     position: absolute;
434     top: 8px;
435     left: 8px;
436     background: rgba(255,255,255,0.4);
437     border-radius: 4px;
438     padding: 2px;
439 }
440 div.olControlZoom a {
441     display: block;
442     margin: 1px;
443     padding: 0;
444     color: white;
445     font-size: 18px;
446     font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
447     font-weight: bold;
448     text-decoration: none;
449     text-align: center;
450     height: 22px;
451     width:22px;
452     line-height: 19px;
453     background: #130085; /* fallback for IE - IE6 requires background shorthand*/
454     background: rgba(0, 60, 136, 0.5);
455     filter: alpha(opacity=80);
456 }
457 div.olControlZoom a:hover {
458     background: #130085; /* fallback for IE */
459     background: rgba(0, 60, 136, 0.7);
460     filter: alpha(opacity=100);
461 }
462 @media only screen and (max-width: 600px) {
463     div.olControlZoom a:hover {
464         background: rgba(0, 60, 136, 0.5);
465     }
466 }
467 a.olControlZoomIn {
468     border-radius: 4px 4px 0 0;
469 }
470 a.olControlZoomOut {
471     border-radius: 0 0 4px 4px;
472 }
473
474
475 /**
476  * Animations
477  */
478
479 .olLayerGrid .olTileImage {
480     -webkit-transition: opacity 0.2s linear;
481     -moz-transition: opacity 0.2s linear;
482     -o-transition: opacity 0.2s linear;
483     transition: opacity 0.2s linear;
484 }