]> git.openstreetmap.org Git - rails.git/blob - vendor/assets/openlayers/theme/default/style.css
Serve OpenLayers through the asset pipeline
[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: 0em;
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     right: 0;
95     bottom: 80px;
96     cursor: pointer;
97 }    
98
99 .olControlOverviewMapMaximizeButton {
100     right: 0;
101     bottom: 80px;
102     cursor: pointer;
103 }
104
105 .olControlOverviewMapExtentRectangle {
106     overflow: hidden;
107     background-image: url("img/blank.gif");
108     cursor: move;
109     border: 2px dotted red;
110 }
111 .olControlOverviewMapRectReplacement {
112     overflow: hidden;
113     cursor: move;
114     background-image: url("img/overview_replacement.gif");
115     background-repeat: no-repeat;
116     background-position: center;
117 }
118
119 .olLayerGeoRSSDescription {
120     float:left;
121     width:100%;
122     overflow:auto;
123     font-size:1.0em;
124 }
125 .olLayerGeoRSSClose {
126     float:right;
127     color:gray;
128     font-size:1.2em;
129     margin-right:6px;
130     font-family:sans-serif;
131 }
132 .olLayerGeoRSSTitle {
133     float:left;font-size:1.2em;
134 }
135
136 .olPopupContent {
137     padding:5px;
138     overflow: auto;
139 }    
140
141 .olControlNavigationHistory {
142    background-image: url("img/navigation_history.png");
143    background-repeat: no-repeat;
144    width:  24px;
145    height: 24px;
146
147 }
148 .olControlNavigationHistoryPreviousItemActive { 
149   background-position: 0 0;
150 }
151 .olControlNavigationHistoryPreviousItemInactive { 
152    background-position: 0 -24px;
153 }
154 .olControlNavigationHistoryNextItemActive { 
155    background-position: -24px 0;
156 }
157 .olControlNavigationHistoryNextItemInactive { 
158    background-position: -24px -24px;
159 }
160
161 div.olControlSaveFeaturesItemActive { 
162     background-image: url(img/save_features_on.png);
163     background-repeat: no-repeat;
164     background-position: 0 1px;
165 }
166 div.olControlSaveFeaturesItemInactive { 
167     background-image: url(img/save_features_off.png);
168     background-repeat: no-repeat;
169     background-position: 0 1px;
170 }
171
172 .olHandlerBoxZoomBox {
173     border: 2px solid red;
174     position: absolute;
175     background-color: white;
176     opacity: 0.50;
177     font-size: 1px;
178     filter: alpha(opacity=50);
179 }
180 .olHandlerBoxSelectFeature {
181     border: 2px solid blue;
182     position: absolute;
183     background-color: white;
184     opacity: 0.50;
185     font-size: 1px;
186     filter: alpha(opacity=50);
187 }   
188
189 .olControlPanPanel {
190     top: 10px;
191     left: 5px;
192 }  
193
194 .olControlPanPanel div {
195     background-image: url(img/pan-panel.png);
196     height: 18px;
197     width: 18px;
198     cursor: pointer;
199     position: absolute;
200 }
201
202 .olControlPanPanel .olControlPanNorthItemInactive {
203     top: 0;
204     left: 9px;
205     background-position: 0 0;
206 }
207 .olControlPanPanel .olControlPanSouthItemInactive {
208     top: 36px;
209     left: 9px;
210     background-position: 18px 0;
211 }
212 .olControlPanPanel .olControlPanWestItemInactive {
213     position: absolute;
214     top: 18px;
215     left: 0;
216     background-position: 0 18px;
217 }
218 .olControlPanPanel .olControlPanEastItemInactive {
219     top: 18px;
220     left: 18px;
221     background-position: 18px 18px;
222 }
223
224 .olControlZoomPanel {
225     top: 71px;
226     left: 14px;
227
228
229 .olControlZoomPanel div {
230     background-image: url(img/zoom-panel.png);
231     position: absolute;
232     height: 18px;
233     width: 18px;
234     cursor: pointer;
235 }
236
237 .olControlZoomPanel .olControlZoomInItemInactive {
238     top: 0;
239     left: 0;
240     background-position: 0 0;
241 }
242
243 .olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
244     top: 18px;
245     left: 0;
246     background-position: 0 -18px;
247 }
248
249 .olControlZoomPanel .olControlZoomOutItemInactive {
250     top: 36px;
251     left: 0;
252     background-position: 0 18px;
253 }
254
255 /* 
256  * When a potential text is bigger than the image it move the image
257  * with some headers (closes #3154) 
258  */
259 .olControlPanZoomBar div {
260     font-size: 1px;
261 }
262
263 .olPopupCloseBox {
264   background: url("img/close.gif") no-repeat;
265   cursor: pointer;
266 }
267
268 .olFramedCloudPopupContent {
269     padding: 5px;
270     overflow: auto;
271 }
272
273 .olControlNoSelect {
274  -moz-user-select: none;
275  -khtml-user-select: none;
276 }
277
278 .olImageLoadError {
279     background-color: pink;
280     opacity: 0.5;
281     filter: alpha(opacity=50); /* IE */
282 }
283
284 /**
285  * Cursor styles
286  */
287
288 .olCursorWait {
289     cursor: wait;
290 }
291 .olDragDown {
292     cursor: move;
293 }
294 .olDrawBox {
295     cursor: crosshair;
296 }
297 .olControlDragFeatureOver {
298     cursor: move;
299 }
300 .olControlDragFeatureActive.olControlDragFeatureOver.olDragDown {
301     cursor: -moz-grabbing;
302 }
303
304 /**
305  * Layer switcher
306  */
307 .olControlLayerSwitcher {
308     position: absolute;
309     top: 25px;
310     right: 0;
311     width: 20em;
312     font-family: sans-serif;
313     font-weight: bold;
314     margin-top: 3px;
315     margin-left: 3px;
316     margin-bottom: 3px;
317     font-size: smaller;
318     color: white;
319     background-color: transparent;
320 }
321
322 .olControlLayerSwitcher .layersDiv {
323     padding-top: 5px;
324     padding-left: 10px;
325     padding-bottom: 5px;
326     padding-right: 75px;
327     background-color: darkblue;
328     width: 100%;
329     height: 100%;
330 }
331
332 .olControlLayerSwitcher .layersDiv .baseLbl,
333 .olControlLayerSwitcher .layersDiv .dataLbl {
334     margin-top: 3px;
335     margin-left: 3px;
336     margin-bottom: 3px;
337 }
338
339 .olControlLayerSwitcher .layersDiv .baseLayersDiv,
340 .olControlLayerSwitcher .layersDiv .dataLayersDiv {
341     padding-left: 10px;
342 }
343
344 .olControlLayerSwitcher .maximizeDiv,
345 .olControlLayerSwitcher .minimizeDiv {
346     top: 5px;
347     right: 0;
348     cursor: pointer;
349 }
350
351 .olBingAttribution {
352     color: #DDD;
353 }
354 .olBingAttribution.road {
355     color: #333;
356 }
357
358 .olGoogleAttribution.hybrid, .olGoogleAttribution.satellite {
359     color: #EEE;
360 }
361 .olGoogleAttribution {
362     color: #333;
363 }
364 span.olGoogleAttribution a {
365     color: #77C;
366 }
367 span.olGoogleAttribution.hybrid a, span.olGoogleAttribution.satellite a {
368     color: #EEE;
369 }
370
371 /**
372  * Editing and navigation icons.
373  * (using the editing_tool_bar.png sprint image)
374  */
375 .olControlNavToolbar ,
376 .olControlEditingToolbar {
377     margin: 5px 5px 0 0;
378 }
379 .olControlNavToolbar div,
380 .olControlEditingToolbar div {
381     background-image: url("img/editing_tool_bar.png");
382     background-repeat: no-repeat;
383     margin: 0 0 5px 5px;
384     width: 24px;
385     height: 22px;
386     cursor: pointer
387 }
388 /* positions */
389 .olControlEditingToolbar {
390     right: 0;
391     top: 0;
392 }
393 .olControlNavToolbar {
394     top: 295px;
395     left: 9px;
396 }
397 /* layouts */
398 .olControlEditingToolbar div {
399     float: right;
400 }
401 /* individual controls */
402 .olControlNavToolbar .olControlNavigationItemInactive,
403 .olControlEditingToolbar .olControlNavigationItemInactive {
404     background-position: -103px -1px;
405 }
406 .olControlNavToolbar .olControlNavigationItemActive ,
407 .olControlEditingToolbar .olControlNavigationItemActive  {
408     background-position: -103px -24px;
409 }
410 .olControlNavToolbar .olControlZoomBoxItemInactive {
411     background-position: -128px -1px;
412 }
413 .olControlNavToolbar .olControlZoomBoxItemActive  {
414     background-position: -128px -24px;
415 }
416 .olControlEditingToolbar .olControlDrawFeaturePointItemInactive {
417     background-position: -77px -1px;
418 }
419 .olControlEditingToolbar .olControlDrawFeaturePointItemActive {
420     background-position: -77px -24px;
421 }
422 .olControlEditingToolbar .olControlDrawFeaturePathItemInactive {
423     background-position: -51px -1px;
424 }
425 .olControlEditingToolbar .olControlDrawFeaturePathItemActive {
426     background-position: -51px -24px;
427 }
428 .olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive{
429     background-position: -26px -1px;
430 }
431 .olControlEditingToolbar .olControlDrawFeaturePolygonItemActive {
432     background-position: -26px -24px;
433 }