]> git.openstreetmap.org Git - rails.git/blob - public/stylesheets/site.css
9b29cd806f39b47a078d785a28ec3a5ed0e141da
[rails.git] / public / stylesheets / site.css
1 \r
2 a {\r
3   color: #0000ff;\r
4   text-decoration: none;\r
5 }\r
6 a:visited {\r
7   color: #0000ff;\r
8   text-decoration: none;\r
9 }\r
10 a:active {\r
11   color: #0000ff;\r
12   text-decoration: none;\r
13 }\r
14 a:link {\r
15   color: #0000ff;\r
16   text-decoration: none;\r
17 }\r
18 a:hover {\r
19   color: #0000ff;\r
20   text-decoration: underline;\r
21 }\r
22 \r
23 #frontpage_main {\r
24   width: 100%;\r
25   text-align: center;\r
26   font-family: sans-serif;\r
27 }\r
28 \r
29 \r
30 #frontpage_MAIN h1 {\r
31   font-size: xx-large;\r
32   font-weight: normal;\r
33 }\r
34 \r
35 body {\r
36   font-family: Arial,sans-serif;\r
37   color: Black;\r
38   margin: 0;\r
39   padding: 0;\r
40 }\r
41 \r
42 #left {\r
43   position: absolute;\r
44   top: -8px;\r
45   min-width: 150px;\r
46 }\r
47 \r
48 #logo {\r
49   width: 150px;\r
50   min-width: 150px;\r
51   padding: 10px;\r
52   margin: 10px;\r
53   height: 150px;\r
54   background: #ffffff;\r
55   border: 1px solid #ccccdd;\r
56 }\r
57 #logo h1 {\r
58   font-size: 14px;\r
59   text-align: center;\r
60   margin: 0;\r
61 }\r
62 #logo h2 {\r
63   font-size: 10px;\r
64   margin: 0;\r
65 }\r
66 \r
67 #greeting {\r
68   float: right;\r
69   padding-right: 10px;\r
70   padding-top: 5px;\r
71   padding-bottom: 7px;\r
72   font-size: 13px;\r
73   background: url(tab_bottom.gif) repeat-x bottom;\r
74 }\r
75 \r
76 #intro {\r
77   width: 150px;\r
78   margin: 10px;\r
79   padding: 10px;\r
80   border: 1px solid #ccc;\r
81   font-size: 11px;\r
82 }\r
83 \r
84 #left_menu {\r
85   width: 150px;\r
86   min-width: 150px;\r
87   margin: 10px;\r
88   padding: 10px;\r
89   border: 1px solid #ccc;\r
90   left: 0px;\r
91   background: #ddd;\r
92   line-height: 1.2em;\r
93   text-align: Left;\r
94   font-size: 14px;\r
95   font-weight: bold;\r
96 }\r
97 #left_menu td {\r
98   font-size: 12px;\r
99   padding-right: 4px;\r
100 }\r
101 #left_menu h1 {\r
102   font-style: normal;\r
103   font-size: 15px;\r
104   padding: 0 0 0 1em;\r
105   text-align: left;\r
106 }\r
107 \r
108 #left_menu ul {\r
109   /*list-style: none;*/\r
110   padding-left: 10px;\r
111   margin: 0;\r
112 }\r
113 \r
114 #left_menu li {\r
115   margin:0;\r
116   padding:0;\r
117 }\r
118 \r
119 #left_menu img {\r
120   margin: 2px 8px 0 0;\r
121 }\r
122 \r
123 #left_menu a {\r
124   color: #000000;\r
125   text-decoration: none;\r
126 }\r
127 \r
128 #left_menu a:visited {\r
129   color: #000000;\r
130   text-decoration: none;\r
131 }\r
132 \r
133 #left_menu a:active {\r
134   color: #000000;\r
135   text-decoration: none;\r
136 }\r
137 \r
138 #left_menu a:link {\r
139   color: #000000;\r
140   text-decoration: none;\r
141 }\r
142 \r
143 #left_menu a:hover {\r
144   color: #000000;\r
145   text-decoration: underline;\r
146 }\r
147 \r
148 \r
149 #content {\r
150   width: 700px;\r
151   padding: 0;\r
152   /*padding-left: 1em;*/\r
153   margin: 0;\r
154   position: absolute;\r
155   left: 192px;\r
156   top: 35px;\r
157   background: none;\r
158   line-height: 1.2em;\r
159   text-align: left;\r
160 }\r
161 \r
162 #bottom_bar {\r
163   position: absolute;\r
164   bottom: 0px;\r
165   width: 100%;\r
166   font-size: x-small;\r
167   text-align: center;\r
168 }\r
169 \r
170 \r
171 #mapImage {\r
172   position: absolute;\r
173   left: 0px;\r
174 }\r
175 #drag {\r
176   top: 0px;\r
177   left: 14px;\r
178 }\r
179 #mapEpilog {\r
180   font-size: x-small;\r
181 \r
182 }\r
183 \r
184 #keyvalue {\r
185   font-size: small;\r
186   text-align: left;\r
187   border-collapse: collapse;\r
188   border-width: 0;\r
189 }\r
190 \r
191 #keyvalue.th {\r
192   font-weight: bold;\r
193 }\r
194 \r
195 .emphasized {\r
196   background-color: #82bcff;\r
197 }\r
198 \r
199 \r
200 #header {\r
201   float:left;\r
202   width:100%;\r
203   background:#DAE0D2 url("bg.gif") repeat-x bottom;\r
204   font-size:93%;\r
205   line-height:normal;\r
206 }\r
207 #header ul {\r
208   margin:0;\r
209   padding:10px 10px 0px 215px;\r
210   list-style:none;\r
211 }\r
212 #header li {\r
213   float:left;\r
214   /*background:url("left.gif") no-repeat left top;*/\r
215   margin:0;\r
216   padding:0 0 0 9px;\r
217 }\r
218 #header li a {\r
219   float:left;\r
220   display:block;\r
221   /*background:url("right.gif") no-repeat right top;*/\r
222   padding:5px 15px 4px 6px;\r
223   text-decoration:none;\r
224   font-weight:bold;\r
225   color:#765;\r
226 }\r
227 /* Commented Backslash Hack\r
228 hides rule from IE5-Mac \*/\r
229 #header li a {float:none;}\r
230 /* End IE5-Mac hack */\r
231 #header li a:hover {\r
232   color:#333;\r
233 }\r
234 #header #current {\r
235   /* background-image:url("left_on.gif"); */\r
236 }\r
237 #header #current a {\r
238   background-image:url("right_on.gif");\r
239   color:#333;\r
240   padding-bottom:5px;\r
241 }\r
242 \r
243 #tabnav\r
244 {\r
245   height: 20px;\r
246   margin: 0;\r
247   padding-left: 215px;\r
248   padding-top: 5px;\r
249   background: url(tab_bottom.gif) repeat-x bottom;\r
250 }\r
251 #tabnav li\r
252 {\r
253   margin: 0; \r
254   padding: 0;\r
255   display: inline;\r
256   list-style-type: none;\r
257 }\r
258 #tabnav a, #tabnav a:link, #tabnav a:visited \r
259 {\r
260   float: left;\r
261   background: #f3f3f3;\r
262   font-size: 13px;\r
263   line-height: 14px;\r
264   font-weight: bold;\r
265   padding: 2px 10px 2px 10px;\r
266   margin-right: 4px;\r
267   border: 1px solid #ccc;\r
268   text-decoration: none;\r
269   color: #333;\r
270 }\r
271 #tabnav a:link.active, #tabnav a:visited.active\r
272 {\r
273   border-bottom: 1px solid #fff;\r
274   background: #fff;\r
275   color: #000;\r
276 }\r
277 #tabnav a:link:hover\r
278 {\r
279   background: #fff;\r
280 }\r
281 \r
282 #gads {\r
283   /*  position: absolute; */\r
284   left: 100px;\r
285   width: 700px;\r
286   text-align: center;\r
287   font-size: 10px;\r
288 }\r
289 \r
290 #geocoder {\r
291   font-size: 12px;\r
292   padding-top: 5px;\r
293   padding-left: 14px;\r
294 }\r
295 \r
296 .gpxsummary {\r
297   font-size: 12px;\r
298   color: gray;\r
299 }\r
300 \r
301 .gpxdesc {\r
302   font-style: italic;\r
303 }\r
304 \r
305 .table0 { \r
306   background: #f6f6f6;\r
307 }\r
308 \r
309 .table1 { \r
310   background: #fff;\r
311 }\r
312 \r
313 \r
314 .optionalbox {\r
315   width: 150px;\r
316   min-width: 150px;\r
317   margin: 10px;\r
318   padding: 10px;\r
319   border: 1px solid #ccc;\r
320   left: 0px;\r
321   line-height: 1.2em;\r
322   text-align: Left;\r
323   font-size: 12px;\r
324   background: #eee;\r
325 }\r
326 \r
327 .oboxheader {\r
328   font-size: 18px;\r
329 }\r
330 \r
331 .rsssmall {\r
332   position: relative;\r
333   top: 4px;\r
334 }\r
335 \r
336 #cclogo {\r
337   width: 150px;\r
338   min-width: 150px;\r
339   margin: 10px;\r
340   padding: 10px;\r
341   left: 0px;\r
342   line-height: 1.2em;\r
343   text-align: Left;\r
344   font-size: 14px;\r
345   font-weight: bold;\r
346   background: #fff;\r
347 }\r
348 \r
349 #controls img\r
350 {\r
351   z-index: 9999;\r
352 }\r
353 \r
354 #controls\r
355 {\r
356   position:absolute;\r
357   top:0px;\r
358   left:0px;\r
359   width:64px;\r
360   height:32px;\r
361   z-index: 9998;\r
362   cursor: pointer;\r
363 }\r
364 \r
365 \r
366 /* rails error field stuff */\r
367 \r
368 .fieldWithErrors {\r
369   padding: 2px;\r
370   background-color: red;\r
371   display: table;\r
372 }\r
373 \r
374 #notice {\r
375   width: 400px;\r
376   border: 2px solid green;\r
377   padding: 7px;\r
378   padding-bottom: 12px;\r
379   margin-bottom: 20px;\r
380   background-color: #f0f0f0;\r
381 }\r
382 \r
383 #errorExplanation {\r
384   width: 400px;\r
385   border: 2px solid red;\r
386   padding: 7px;\r
387   padding-bottom: 12px;\r
388   margin-bottom: 20px;\r
389   background-color: #f0f0f0;\r
390 }\r
391 \r
392 #errorExplanation h2 {\r
393   text-align: left;\r
394   font-weight: bold;\r
395   padding: 5px 5px 5px 15px;\r
396   font-size: 12px;\r
397   margin: -7px;\r
398   background-color: #c00;\r
399   color: #fff;\r
400 }\r
401 \r
402 #errorExplanation p {\r
403   color: #333;\r
404   margin-bottom: 0;\r
405   padding: 5px;\r
406 }\r
407 \r
408 #errorExplanation ul li {\r
409   font-size: 12px;\r
410   list-style: square;\r
411 }\r
412 \r