]> git.openstreetmap.org Git - nominatim.git/blob - website/js/theme/default/style.css
Merge pull request #305 from lonvia/api-extratags
[nominatim.git] / website / js / theme / default / style.css
1 div.olMap {
2         z-index: 0;
3     padding: 0px!important;
4     margin: 0px!important;
5     cursor: default;
6 }
7
8 div.olMapViewport {
9     text-align: left;
10 }
11
12 div.olLayerDiv {
13    -moz-user-select: none;
14 }
15
16 .olLayerGoogleCopyright {
17     left: 2px;
18     bottom: 2px;  
19 }
20 .olLayerGooglePoweredBy {
21     left: 2px;
22     bottom: 15px;   
23 }
24 .olControlAttribution {
25     font-size: smaller; 
26     right: 3px; 
27     bottom: 4.5em; 
28     position: absolute; 
29     display: block;
30 }
31 .olControlScale {
32     right: 3px;
33     bottom: 3em;
34     display: block;
35     position: absolute;
36     font-size: smaller;
37 }
38 .olControlScaleLine {
39    left: 10px;
40    bottom: 15px;
41    font-size: xx-small;
42 }
43 .olControlScaleLineBottom {
44    border: solid 2px black;
45    border-bottom: none;
46    margin-top:-2px;
47    text-align: center;
48 }
49 .olControlScaleLineTop {
50    border: solid 2px black;
51    border-top: none;
52    text-align: center;
53 }
54
55 .olControlPermalink {
56     right: 3px;
57     bottom: 1.5em;
58     display: block;
59     position: absolute;
60     font-size: smaller;
61
62
63 div.olControlMousePosition {
64     bottom: 0em;
65     right: 3px;
66     display: block;
67     position: absolute;
68     font-family: Arial;
69     font-size: smaller;
70 }
71
72 .olControlOverviewMapContainer {
73     position: absolute;
74     bottom: 0px;
75     right: 0px;
76 }
77
78 .olControlOverviewMapElement {
79     padding: 10px 18px 10px 10px;
80     background-color: #00008B;
81     -moz-border-radius: 1em 0 0 0;
82 }
83
84 .olControlOverviewMapMinimizeButton {
85     right: 0px;
86     bottom: 80px;
87 }    
88
89 .olControlOverviewMapMaximizeButton {
90     right: 0px;
91     bottom: 80px;
92 }
93
94 .olControlOverviewMapExtentRectangle {
95     overflow: hidden;
96     background-image: url("img/blank.gif");
97     cursor: move;
98     border: 2px dotted red;
99 }
100 .olControlOverviewMapRectReplacement {
101     overflow: hidden;
102     cursor: move;
103     background-image: url("img/overview_replacement.gif");
104     background-repeat: no-repeat;
105     background-position: center;
106 }
107
108 .olLayerGeoRSSDescription {
109     float:left;
110     width:100%;
111     overflow:auto;
112     font-size:1.0em;
113 }
114 .olLayerGeoRSSClose {
115     float:right;
116     color:gray;
117     font-size:1.2em;
118     margin-right:6px;
119     font-family:sans-serif;
120 }
121 .olLayerGeoRSSTitle {
122     float:left;font-size:1.2em;
123 }
124
125 .olPopupContent {
126     padding:5px;
127     overflow: auto;
128 }    
129 .olControlNavToolbar { 
130     width:0px;
131     height:0px;
132 }    
133 .olControlNavToolbar div { 
134   display:block;
135   width:  28px;
136   height: 28px;
137   top: 300px;
138   left: 6px;
139   position: relative;
140 }
141
142 .olControlNavigationHistory {
143    background-image: url("img/navigation_history.png");
144    background-repeat: no-repeat;
145    width:  24px;
146    height: 24px;
147
148 }
149 .olControlNavigationHistoryPreviousItemActive { 
150   background-position: 0px 0px;
151 }
152 .olControlNavigationHistoryPreviousItemInactive { 
153    background-position: 0px -24px;
154 }
155 .olControlNavigationHistoryNextItemActive { 
156    background-position: -24px 0px;
157 }
158 .olControlNavigationHistoryNextItemInactive { 
159    background-position: -24px -24px;
160 }
161
162 .olControlNavToolbar .olControlNavigationItemActive { 
163   background-image: url("img/panning-hand-on.png");
164   background-repeat: no-repeat;
165 }
166 .olControlNavToolbar .olControlNavigationItemInactive { 
167   background-image: url("img/panning-hand-off.png");
168   background-repeat: no-repeat;
169 }
170 .olControlNavToolbar .olControlZoomBoxItemActive { 
171   background-image: url("img/drag-rectangle-on.png");
172   background-color: orange;
173   background-repeat: no-repeat;
174 }
175 .olControlNavToolbar .olControlZoomBoxItemInactive { 
176   background-image: url("img/drag-rectangle-off.png");
177   background-repeat: no-repeat;
178 }
179 .olControlEditingToolbar  {
180     float:right;
181     right: 0px;
182     height: 30px; 
183     width: 200px;
184 }
185 .olControlEditingToolbar div { 
186   background-image: url("img/editing_tool_bar.png");
187   background-repeat: no-repeat;
188   float:right;
189   width:  24px;
190   height: 24px;
191   margin: 5px;
192 }
193 .olControlEditingToolbar .olControlNavigationItemActive { 
194   background-position: -103px -23px; 
195 }
196 .olControlEditingToolbar .olControlNavigationItemInactive { 
197   background-position: -103px -0px; 
198 }
199 .olControlEditingToolbar .olControlDrawFeaturePointItemActive { 
200   background-position: -77px -23px; 
201 }
202 .olControlEditingToolbar .olControlDrawFeaturePointItemInactive { 
203   background-position: -77px -0px; 
204 }
205 .olControlEditingToolbar .olControlDrawFeaturePathItemInactive { 
206   background-position: -51px 0px; 
207 }
208 .olControlEditingToolbar .olControlDrawFeaturePathItemActive { 
209   background-position: -51px -23px; 
210 }
211 .olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive { 
212   background-position: -26px 0px; 
213 }
214 .olControlEditingToolbar .olControlDrawFeaturePolygonItemActive { 
215   background-position: -26px -23px ;                                                                   
216 }
217 .olControlSaveFeaturesItemActive { 
218     background-image: url(img/save_features_on.png);
219     background-repeat: no-repeat;
220     background-position: 0px 1px;
221 }
222 .olControlSaveFeaturesItemInactive { 
223     background-image: url(img/save_features_off.png);
224     background-repeat: no-repeat;
225     background-position: 0px 1px;
226 }
227
228 .olHandlerBoxZoomBox {
229     border: 2px solid red;
230     position: absolute;
231     background-color: white;
232     opacity: 0.50;
233     font-size: 1px;
234     filter: alpha(opacity=50);
235 }
236 .olHandlerBoxSelectFeature {
237     border: 2px solid blue;
238     position: absolute;
239     background-color: white;
240     opacity: 0.50;
241     font-size: 1px;
242     filter: alpha(opacity=50);
243 }   
244
245 .olControlPanPanel {
246     top: 10px;
247     left: 5px;
248 }  
249
250 .olControlPanPanel div {
251     background-image: url(img/pan-panel.png);
252     height: 18px;
253     width: 18px;
254     cursor: pointer;
255     position: absolute;
256 }
257
258 .olControlPanPanel .olControlPanNorthItemInactive {
259     top: 0px;
260     left: 9px;
261     background-position: 0px 0px;
262 }
263 .olControlPanPanel .olControlPanSouthItemInactive {
264     top: 36px;
265     left: 9px;
266     background-position: 18px 0px;
267 }
268 .olControlPanPanel .olControlPanWestItemInactive {
269     position: absolute;
270     top: 18px;
271     left: 0px;
272     background-position: 0px 18px;
273 }
274 .olControlPanPanel .olControlPanEastItemInactive {
275     top: 18px;
276     left: 18px;
277     background-position: 18px 18px;
278 }
279
280 .olControlZoomPanel {
281     top: 71px;
282     left: 14px;
283
284
285 .olControlZoomPanel div {
286     background-image: url(img/zoom-panel.png);
287     position: absolute;
288     height: 18px;
289     width: 18px;
290     cursor: pointer;
291 }
292
293 .olControlZoomPanel .olControlZoomInItemInactive {
294     top: 0px;
295     left: 0px;
296     background-position: 0px 0px;
297 }
298
299 .olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
300     top: 18px;
301     left: 0px;
302     background-position: 0px -18px;
303 }
304
305 .olControlZoomPanel .olControlZoomOutItemInactive {
306     top: 36px;
307     left: 0px;
308     background-position: 0px 18px;
309 }
310
311 .olPopupCloseBox {
312   background: url("img/close.gif") no-repeat;
313   cursor: pointer;
314 }
315
316 .olFramedCloudPopupContent {
317     padding: 5px;
318     overflow: auto;
319 }
320
321 .olControlNoSelect {
322  -moz-user-select: none;
323 }
324
325 /**
326  * Cursor styles
327  */
328
329 .olCursorWait {
330     cursor: wait;
331 }
332 .olDragDown {
333     cursor: move;
334 }
335 .olDrawBox {
336     cursor: crosshair;
337 }
338 .olControlDragFeatureOver {
339     cursor: move;
340 }
341 .olControlDragFeatureActive.olControlDragFeatureOver.olDragDown {
342     cursor: -moz-grabbing;
343 }