3d0da23696fb4e9247c8c988124335468dc1461d
[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: 2px;\r
70   padding-bottom: 3px;\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 #alert {\r
84   width: 150px;\r
85   margin: 10px;\r
86   padding: 10px;\r
87   border: 1px solid #ccc;\r
88   background: #d00;\r
89   line-height: 1.2em;\r
90   text-align: left;\r
91   font-size: 14px;\r
92 }\r
93 \r
94 .left_menu {\r
95   width: 150px;\r
96   min-width: 150px;\r
97   margin: 10px;\r
98   padding: 10px;\r
99   border: 1px solid #ccc;\r
100   left: 0px;\r
101   background: #ddd;\r
102   line-height: 1.2em;\r
103   text-align: Left;\r
104   font-size: 14px;\r
105   font-weight: bold;\r
106 }\r
107 \r
108 .left_menu td {\r
109   font-size: 12px;\r
110   padding-right: 4px;\r
111 }\r
112 \r
113 .left_menu h1 {\r
114   font-style: normal;\r
115   font-size: 15px;\r
116   padding: 0 0 0 1em;\r
117   text-align: left;\r
118 }\r
119 \r
120 .left_menu ul {\r
121   /*list-style: none;*/\r
122   padding-left: 10px;\r
123   margin: 0;\r
124 }\r
125 \r
126 .left_menu li {\r
127   margin:0;\r
128   padding:0;\r
129 }\r
130 \r
131 .left_menu img {\r
132   margin: 2px 8px 0 0;\r
133 }\r
134 \r
135 .left_menu a {\r
136   color: #000000;\r
137   text-decoration: none;\r
138 }\r
139 \r
140 .left_menu a:visited {\r
141   color: #000000;\r
142   text-decoration: none;\r
143 }\r
144 \r
145 .left_menu a:active {\r
146   color: #000000;\r
147   text-decoration: none;\r
148 }\r
149 \r
150 .left_menu a:link {\r
151   color: #000000;\r
152   text-decoration: none;\r
153 }\r
154 \r
155 .left_menu a:hover {\r
156   color: #000000;\r
157   text-decoration: underline;\r
158 }\r
159 \r
160 #messages {\r
161   border: 1px solid #ccc;\r
162 }\r
163 \r
164 \r
165 #content {\r
166   padding: 0;\r
167   margin: 0;\r
168   position: absolute; \r
169   left: 192px;\r
170   right: 10px;\r
171   top: 35px;\r
172   bottom: 10px;\r
173   line-height: 1.2em;\r
174   text-align: left;\r
175 }\r
176 \r
177 #bottom_bar {\r
178   position: absolute;\r
179   bottom: 0px;\r
180   width: 100%;\r
181   font-size: x-small;\r
182   text-align: center;\r
183 }\r
184 \r
185 #mapImage {\r
186   position: absolute;\r
187   left: 0px;\r
188 }\r
189 #drag {\r
190   top: 0px;\r
191   left: 14px;\r
192 }\r
193 \r
194 #mapEpilog {\r
195   font-size: x-small;\r
196 }\r
197 \r
198 #keyvalue {\r
199   font-size: small;\r
200   text-align: left;\r
201   border-collapse: collapse;\r
202   border-width: 0;\r
203 }\r
204 \r
205 #keyvalue.th {\r
206   font-weight: bold;\r
207 }\r
208 \r
209 .emphasized {\r
210   background-color: #82bcff;\r
211 }\r
212 \r
213 \r
214 #header {\r
215   float:left;\r
216   width:100%;\r
217   background:#DAE0D2 url("bg.gif") repeat-x bottom;\r
218   font-size:93%;\r
219   line-height:normal;\r
220 }\r
221 #header ul {\r
222   margin:0;\r
223   padding:10px 10px 0px 215px;\r
224   list-style:none;\r
225 }\r
226 #header li {\r
227   float:left;\r
228   /*background:url("left.gif") no-repeat left top;*/\r
229   margin:0;\r
230   padding:0 0 0 9px;\r
231 }\r
232 #header li a {\r
233   float:left;\r
234   display:block;\r
235   /*background:url("right.gif") no-repeat right top;*/\r
236   padding:5px 15px 4px 6px;\r
237   text-decoration:none;\r
238   font-weight:bold;\r
239   color:#765;\r
240 }\r
241 /* Commented Backslash Hack\r
242 hides rule from IE5-Mac \*/\r
243 #header li a {float:none;}\r
244 /* End IE5-Mac hack */\r
245 #header li a:hover {\r
246   color:#333;\r
247 }\r
248 #header #current {\r
249   /* background-image:url("left_on.gif"); */\r
250 }\r
251 #header #current a {\r
252   background-image:url("right_on.gif");\r
253   color:#333;\r
254   padding-bottom:5px;\r
255 }\r
256 \r
257 #tabnav\r
258 {\r
259   height: 20px;\r
260   margin: 0;\r
261   padding-left: 215px;\r
262   padding-top: 5px;\r
263   background: url('/images/tab_bottom.gif') repeat-x bottom;\r
264 }\r
265 #tabnav li\r
266 {\r
267   margin: 0; \r
268   padding: 0;\r
269   display: inline;\r
270   list-style-type: none;\r
271 }\r
272 #tabnav a, #tabnav a:link, #tabnav a:visited \r
273 {\r
274   float: left;\r
275   background: #f3f3f3;\r
276   font-size: 13px;\r
277   line-height: 14px;\r
278   font-weight: bold;\r
279   padding: 2px 10px 2px 10px;\r
280   margin-right: 4px;\r
281   border: 1px solid #ccc;\r
282   text-decoration: none;\r
283   color: #333;\r
284 }\r
285 #tabnav a:link.active, #tabnav a:visited.active\r
286 {\r
287   border-bottom: 1px solid #fff;\r
288   background: #fff;\r
289   color: #000;\r
290 }\r
291 #tabnav a:link:hover\r
292 {\r
293   background: #fff;\r
294 }\r
295 \r
296 #gads {\r
297   /*  position: absolute; */\r
298   left: 100px;\r
299   width: 700px;\r
300   text-align: center;\r
301   font-size: 10px;\r
302 }\r
303 \r
304 \r
305 .gpxsummary {\r
306   font-size: 12px;\r
307   color: gray;\r
308 }\r
309 \r
310 .gpxdesc {\r
311   font-style: italic;\r
312 }\r
313 \r
314 .table0 { \r
315   background: #f6f6f6;\r
316 }\r
317 \r
318 .table1 { \r
319   background: #fff;\r
320 }\r
321 \r
322 \r
323 .optionalbox {\r
324   width: 150px;\r
325   min-width: 150px;\r
326   margin: 10px;\r
327   padding: 10px;\r
328   border: 1px solid #ccc;\r
329   left: 0px;\r
330   line-height: 1.2em;\r
331   text-align: Left;\r
332   font-size: 12px;\r
333   background: #eee;\r
334 }\r
335 \r
336 .oboxheader {\r
337   font-size: 14px;\r
338   font-weight: bold;\r
339   line-height: 1.4em;\r
340   text-align: top;\r
341 }\r
342 \r
343 .optionalbox form {\r
344   margin: 0px;\r
345   padding: 0px;\r
346 }\r
347 \r
348 .optionalbox input {\r
349   width: 100%;\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 #map {\r
387   position: absolute;\r
388   border: 1px solid black;\r
389   margin: 0px; \r
390   padding: 0px;\r
391   left: 0px;\r
392   right: 2px;\r
393   top: 0px;\r
394   bottom: 0px;\r
395 }\r
396 \r
397 #search_results {\r
398   display: none;\r
399   position: absolute;\r
400   border: 1px solid black;\r
401   margin: 0px;\r
402   padding: 0px;\r
403   width: 30%;\r
404   left: 0px;\r
405   top: 0px;\r
406   bottom: 0px;\r
407 }\r
408 \r
409 #search_results_content {\r
410   overflow: auto;\r
411   position: absolute;\r
412   font-size: 13px;\r
413   line-height: 14px;\r
414   top: 29px;\r
415   bottom: 0px;\r
416   left: 0px;\r
417   right: 0px;\r
418 }\r
419 \r
420 .search_results_title {\r
421   margin: 0px;\r
422   padding: 3px 6px 3px 6px;\r
423   height: 29px;\r
424   font-size: 14px;\r
425   line-height: 15px;\r
426   border-bottom: 1px solid black;\r
427   background: #bbb;\r
428 }\r
429 \r
430 .search_results_heading {\r
431   margin: 0px;\r
432   padding: 3px 6px 3px 6px;\r
433   border: 1px solid #ccc;\r
434   background: #ddd;\r
435 }\r
436 \r
437 .search_results_entry {\r
438   margin: 0px;\r
439   padding: 2px 6px 2px 6px;\r
440 }\r
441 \r
442 .search_results_error {\r
443   margin: 0px;\r
444   padding: 2px 6px 0px 6px;\r
445   color: #f00;\r
446 }\r
447 \r
448 .search_help {\r
449   font-size: 10px;\r
450   line-height: 1em;\r
451   margin-top: 3px;\r
452   margin-bottom: 0px;\r
453 }\r
454 \r
455 /* rails error field stuff */\r
456 \r
457 .fieldWithErrors {\r
458   padding: 2px;\r
459   background-color: red;\r
460   display: table;\r
461 }\r
462 \r
463 #notice {\r
464   border: 1px solid green;\r
465   padding: 7px;\r
466   background-color: #f0fff0;\r
467   margin-bottom: 20px;\r
468 }\r
469 \r
470 #errorExplanation {\r
471   width: 400px;\r
472   border: 2px solid red;\r
473   padding: 7px;\r
474   padding-bottom: 12px;\r
475   margin-bottom: 20px;\r
476   background-color: #f0f0f0;\r
477 }\r
478 \r
479 #errorExplanation h2 {\r
480   text-align: left;\r
481   font-weight: bold;\r
482   padding: 5px 5px 5px 15px;\r
483   font-size: 12px;\r
484   margin: -7px;\r
485   background-color: #c00;\r
486   color: #fff;\r
487 }\r
488 \r
489 #errorExplanation p {\r
490   color: #333;\r
491   margin-bottom: 0;\r
492   padding: 5px;\r
493 }\r
494 \r
495 #errorExplanation ul li {\r
496   font-size: 12px;\r
497   list-style: square;\r
498 }\r
499 \r
500 input {\r
501   border: 1px solid black;\r
502 }\r
503 \r
504 .nohome .location {\r
505   display: none;\r
506 }\r
507 \r
508 #homerow .message {\r
509   display: none;\r
510 }\r
511 \r
512 .nohome .message {\r
513   display: inline !important;\r
514 }\r
515 \r
516 .editDescription {\r
517   height : 10ex;\r
518   width : 30em;\r
519 }\r
520 \r
521 .nowrap {\r
522   white-space: nowrap;\r
523 }\r
524 \r
525 /**\r
526  * This now just used to detect the width/height required for the popup.\r
527  */\r
528 #map p#highlightinfo {\r
529     visibility : hidden;\r
530     position : absolute;\r
531     z-index : 10000;\r
532     background : white;\r
533     border : 1px solid black;\r
534     left : 50px;\r
535     top : 5px;\r
536     margin : 0px;\r
537     padding : 2px;\r
538 }\r
539 \r
540 #map p#highlightinfo p, #popup p {\r
541     margin : 0;\r
542     padding : 2px;\r
543   }\r
544 \r
545 \r
546 /**State of the Map */\r
547     \r
548 #sotminfo {\r
549   background: #9999FF;\r
550   font-size: 11px;\r
551   margin: 0px;\r
552   padding: 0px;\r
553   border: 1px solid #ccc;\r
554   left: 0px;\r
555   line-height: 1.2em;\r
556   text-align: Left;\r
557   font-weight: normal;\r
558 }\r