e06a6bf810a01093db398a54f27cf2c71bc50c7c
[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 #messages {\r
128   border: 1px solid #ccc;\r
129 }\r
130 \r
131 \r
132 #left_menu a:visited {\r
133   color: #000000;\r
134   text-decoration: none;\r
135 }\r
136 \r
137 #left_menu a:active {\r
138   color: #000000;\r
139   text-decoration: none;\r
140 }\r
141 \r
142 #left_menu a:link {\r
143   color: #000000;\r
144   text-decoration: none;\r
145 }\r
146 \r
147 #left_menu a:hover {\r
148   color: #000000;\r
149   text-decoration: underline;\r
150 }\r
151 \r
152 \r
153 #content {\r
154   /* width: 700px; */\r
155   padding: 0;\r
156   /*padding-left: 1em;*/\r
157   margin: 0;\r
158   position: absolute; \r
159   left: 192px;\r
160   top: 35px;\r
161   background: none;\r
162   line-height: 1.2em;\r
163   text-align: left;\r
164 }\r
165 \r
166 #bottom_bar {\r
167   position: absolute;\r
168   bottom: 0px;\r
169   width: 100%;\r
170   font-size: x-small;\r
171   text-align: center;\r
172 }\r
173 \r
174 #mapImage {\r
175   position: absolute;\r
176   left: 0px;\r
177 }\r
178 #drag {\r
179   top: 0px;\r
180   left: 14px;\r
181 }\r
182 \r
183 #mapEpilog {\r
184   font-size: x-small;\r
185 }\r
186 \r
187 #keyvalue {\r
188   font-size: small;\r
189   text-align: left;\r
190   border-collapse: collapse;\r
191   border-width: 0;\r
192 }\r
193 \r
194 #keyvalue.th {\r
195   font-weight: bold;\r
196 }\r
197 \r
198 .emphasized {\r
199   background-color: #82bcff;\r
200 }\r
201 \r
202 \r
203 #header {\r
204   float:left;\r
205   width:100%;\r
206   background:#DAE0D2 url("bg.gif") repeat-x bottom;\r
207   font-size:93%;\r
208   line-height:normal;\r
209 }\r
210 #header ul {\r
211   margin:0;\r
212   padding:10px 10px 0px 215px;\r
213   list-style:none;\r
214 }\r
215 #header li {\r
216   float:left;\r
217   /*background:url("left.gif") no-repeat left top;*/\r
218   margin:0;\r
219   padding:0 0 0 9px;\r
220 }\r
221 #header li a {\r
222   float:left;\r
223   display:block;\r
224   /*background:url("right.gif") no-repeat right top;*/\r
225   padding:5px 15px 4px 6px;\r
226   text-decoration:none;\r
227   font-weight:bold;\r
228   color:#765;\r
229 }\r
230 /* Commented Backslash Hack\r
231 hides rule from IE5-Mac \*/\r
232 #header li a {float:none;}\r
233 /* End IE5-Mac hack */\r
234 #header li a:hover {\r
235   color:#333;\r
236 }\r
237 #header #current {\r
238   /* background-image:url("left_on.gif"); */\r
239 }\r
240 #header #current a {\r
241   background-image:url("right_on.gif");\r
242   color:#333;\r
243   padding-bottom:5px;\r
244 }\r
245 \r
246 #tabnav\r
247 {\r
248   height: 20px;\r
249   margin: 0;\r
250   padding-left: 215px;\r
251   padding-top: 5px;\r
252   background: url('/images/tab_bottom.gif') repeat-x bottom;\r
253 }\r
254 #tabnav li\r
255 {\r
256   margin: 0; \r
257   padding: 0;\r
258   display: inline;\r
259   list-style-type: none;\r
260 }\r
261 #tabnav a, #tabnav a:link, #tabnav a:visited \r
262 {\r
263   float: left;\r
264   background: #f3f3f3;\r
265   font-size: 13px;\r
266   line-height: 14px;\r
267   font-weight: bold;\r
268   padding: 2px 10px 2px 10px;\r
269   margin-right: 4px;\r
270   border: 1px solid #ccc;\r
271   text-decoration: none;\r
272   color: #333;\r
273 }\r
274 #tabnav a:link.active, #tabnav a:visited.active\r
275 {\r
276   border-bottom: 1px solid #fff;\r
277   background: #fff;\r
278   color: #000;\r
279 }\r
280 #tabnav a:link:hover\r
281 {\r
282   background: #fff;\r
283 }\r
284 \r
285 #gads {\r
286   /*  position: absolute; */\r
287   left: 100px;\r
288   width: 700px;\r
289   text-align: center;\r
290   font-size: 10px;\r
291 }\r
292 \r
293 #geocoder {\r
294   font-size: 12px;\r
295   padding-top: 5px;\r
296   padding-left: 14px;\r
297   padding-bottom: 15px;\r
298   width: 700px;\r
299 }\r
300 \r
301 #placename-helper{\r
302   font-size: 9px;\r
303   position:absolute; top:20px; left: 250px;\r
304   color: gray;\r
305 }\r
306 \r
307 #postcode-helper{\r
308   font-size: 9px;\r
309   position:absolute; top:20px; left: 20px;\r
310   color: gray;\r
311 }\r
312 \r
313 #geocoder-attribution{\r
314   font-size: 9px;\r
315   position:absolute; top:26px; left: 450px;\r
316   line-height: 8px;\r
317   color: gray;\r
318 }\r
319 \r
320 \r
321 \r
322 .gpxsummary {\r
323   font-size: 12px;\r
324   color: gray;\r
325 }\r
326 \r
327 .gpxdesc {\r
328   font-style: italic;\r
329 }\r
330 \r
331 .table0 { \r
332   background: #f6f6f6;\r
333 }\r
334 \r
335 .table1 { \r
336   background: #fff;\r
337 }\r
338 \r
339 \r
340 .optionalbox {\r
341   width: 150px;\r
342   min-width: 150px;\r
343   margin: 10px;\r
344   padding: 10px;\r
345   border: 1px solid #ccc;\r
346   left: 0px;\r
347   line-height: 1.2em;\r
348   text-align: Left;\r
349   font-size: 12px;\r
350   background: #eee;\r
351 }\r
352 \r
353 .oboxheader {\r
354   font-size: 18px;\r
355 }\r
356 \r
357 .rsssmall {\r
358   position: relative;\r
359   top: 4px;\r
360 }\r
361 \r
362 #cclogo {\r
363   width: 150px;\r
364   min-width: 150px;\r
365   margin: 10px;\r
366   padding: 10px;\r
367   left: 0px;\r
368   line-height: 1.2em;\r
369   text-align: Left;\r
370   font-size: 14px;\r
371   font-weight: bold;\r
372   background: #fff;\r
373 }\r
374 \r
375 #controls img\r
376 {\r
377   z-index: 9999;\r
378 }\r
379 \r
380 #controls\r
381 {\r
382   position:absolute;\r
383   top:0px;\r
384   left:0px;\r
385   width:64px;\r
386   height:32px;\r
387   z-index: 9998;\r
388   cursor: pointer;\r
389 }\r
390 \r
391 \r
392 /* rails error field stuff */\r
393 \r
394 .fieldWithErrors {\r
395   padding: 2px;\r
396   background-color: red;\r
397   display: table;\r
398 }\r
399 \r
400 #notice {\r
401   border: 1px solid green;\r
402   padding: 7px;\r
403   background-color: #f0fff0;\r
404   margin-bottom: 20px;\r
405 }\r
406 \r
407 #errorExplanation {\r
408   width: 400px;\r
409   border: 2px solid red;\r
410   padding: 7px;\r
411   padding-bottom: 12px;\r
412   margin-bottom: 20px;\r
413   background-color: #f0f0f0;\r
414 }\r
415 \r
416 #errorExplanation h2 {\r
417   text-align: left;\r
418   font-weight: bold;\r
419   padding: 5px 5px 5px 15px;\r
420   font-size: 12px;\r
421   margin: -7px;\r
422   background-color: #c00;\r
423   color: #fff;\r
424 }\r
425 \r
426 #errorExplanation p {\r
427   color: #333;\r
428   margin-bottom: 0;\r
429   padding: 5px;\r
430 }\r
431 \r
432 #errorExplanation ul li {\r
433   font-size: 12px;\r
434   list-style: square;\r
435 }\r
436 \r
437 input {\r
438   border: 1px solid black;\r
439 }\r
440 \r
441 .nohome .location {\r
442   display: none;\r
443 }\r
444 \r
445 #homerow .message {\r
446   display: none;\r
447 }\r
448 \r
449 .nohome .message {\r
450   display: inline !important;\r
451 }\r
452 \r
453 .editDescription {\r
454   height : 10ex;\r
455   width : 30em;\r
456 }\r
457 \r
458 /**\r
459  * This now just used to detect the width/height required for the popup.\r
460  */\r
461 #map p#highlightinfo {\r
462     visibility : hidden;\r
463     position : absolute;\r
464     z-index : 10000;\r
465     background : white;\r
466     border : 1px solid black;\r
467     left : 50px;\r
468     top : 5px;\r
469     margin : 0px;\r
470     padding : 2px;\r
471 }\r
472 \r
473 #map p#highlightinfo p, #popup p {\r
474     margin : 0;\r
475     padding : 2px;\r
476   }\r
477 \r
478 \r
479 /**State of the Map */\r
480     \r
481 #sotminfo {\r
482   background: #9999FF;\r
483   font-size: 11px;\r
484   margin: 0px;\r
485   padding: 0px;\r
486   border: 1px solid #ccc;\r
487   left: 0px;\r
488   line-height: 1.2em;\r
489   text-align: Left;\r
490   font-weight: normal;\r
491 }\r
492 #left_menu a {\r
493   color: #000000;\r
494   text-decoration: none;\r
495 }\r
496 \r
497 #messages {\r
498   border: 1px solid #ccc;\r
499 }\r
500 \r
501 #left_menu a:visited {\r
502   color: #000000;\r
503   text-decoration: underline;\r
504 }\r
505 \r
506 #left_menu a:active {\r
507   color: #000000;\r
508   text-decoration: underline;\r
509 }\r
510 \r
511 #left_menu a:link {\r
512   color: #000000;\r
513   text-decoration: underline;\r
514 }\r
515 \r
516 #left_menu a:hover {\r
517   color: #000000;\r
518   text-decoration: underline;\r
519 }\r
520 \r
521 \r