deed0d7e42dab2bb960f9c2ab41a601cac481e11
[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   top: 29px;\r
413   bottom: 0px;\r
414   left: 0px;\r
415   right: 0px;\r
416 }\r
417 \r
418 .search_results_title {\r
419   margin: 0px;\r
420   padding: 3px 6px 3px 6px;\r
421   height: 29px;\r
422   border-bottom: 1px solid black;\r
423   background: #bbb;\r
424 }\r
425 \r
426 .search_results_heading {\r
427   margin: 0px;\r
428   padding: 3px 6px 3px 6px;\r
429   border: 1px solid #ccc;\r
430   background: #ddd;\r
431 }\r
432 \r
433 .search_results_entry {\r
434   margin: 0px;\r
435   padding: 2px 6px 2px 6px;\r
436 }\r
437 \r
438 .search_results_error {\r
439   margin: 0px;\r
440   padding: 2px 6px 0px 6px;\r
441   color: #f00;\r
442 }\r
443 \r
444 .search_help {\r
445   font-size: 10px;\r
446   line-height: 1em;\r
447   margin-top: 3px;\r
448   margin-bottom: 0px;\r
449 }\r
450 \r
451 /* rails error field stuff */\r
452 \r
453 .fieldWithErrors {\r
454   padding: 2px;\r
455   background-color: red;\r
456   display: table;\r
457 }\r
458 \r
459 #notice {\r
460   border: 1px solid green;\r
461   padding: 7px;\r
462   background-color: #f0fff0;\r
463   margin-bottom: 20px;\r
464 }\r
465 \r
466 #errorExplanation {\r
467   width: 400px;\r
468   border: 2px solid red;\r
469   padding: 7px;\r
470   padding-bottom: 12px;\r
471   margin-bottom: 20px;\r
472   background-color: #f0f0f0;\r
473 }\r
474 \r
475 #errorExplanation h2 {\r
476   text-align: left;\r
477   font-weight: bold;\r
478   padding: 5px 5px 5px 15px;\r
479   font-size: 12px;\r
480   margin: -7px;\r
481   background-color: #c00;\r
482   color: #fff;\r
483 }\r
484 \r
485 #errorExplanation p {\r
486   color: #333;\r
487   margin-bottom: 0;\r
488   padding: 5px;\r
489 }\r
490 \r
491 #errorExplanation ul li {\r
492   font-size: 12px;\r
493   list-style: square;\r
494 }\r
495 \r
496 input {\r
497   border: 1px solid black;\r
498 }\r
499 \r
500 .nohome .location {\r
501   display: none;\r
502 }\r
503 \r
504 #homerow .message {\r
505   display: none;\r
506 }\r
507 \r
508 .nohome .message {\r
509   display: inline !important;\r
510 }\r
511 \r
512 .editDescription {\r
513   height : 10ex;\r
514   width : 30em;\r
515 }\r
516 \r
517 .nowrap {\r
518   white-space: nowrap;\r
519 }\r
520 \r
521 /**\r
522  * This now just used to detect the width/height required for the popup.\r
523  */\r
524 #map p#highlightinfo {\r
525     visibility : hidden;\r
526     position : absolute;\r
527     z-index : 10000;\r
528     background : white;\r
529     border : 1px solid black;\r
530     left : 50px;\r
531     top : 5px;\r
532     margin : 0px;\r
533     padding : 2px;\r
534 }\r
535 \r
536 #map p#highlightinfo p, #popup p {\r
537     margin : 0;\r
538     padding : 2px;\r
539   }\r
540 \r
541 \r
542 /**State of the Map */\r
543     \r
544 #sotminfo {\r
545   background: #9999FF;\r
546   font-size: 11px;\r
547   margin: 0px;\r
548   padding: 0px;\r
549   border: 1px solid #ccc;\r
550   left: 0px;\r
551   line-height: 1.2em;\r
552   text-align: Left;\r
553   font-weight: normal;\r
554 }\r