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