d49b603ad5894a472bb61dd00b8debe466f8de9a
[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 }\r
293 \r
294 .gpxsummary {\r
295   font-size: 12px;\r
296   color: gray;\r
297 }\r
298 \r
299 .gpxdesc {\r
300   font-style: italic;\r
301 }\r
302 \r
303 .table0 { \r
304   background: #f6f6f6;\r
305 }\r
306 \r
307 .table1 { \r
308   background: #fff;\r
309 }\r
310 \r
311 \r
312 .optionalbox {\r
313   width: 150px;\r
314   min-width: 150px;\r
315   margin: 10px;\r
316   padding: 10px;\r
317   border: 1px solid #ccc;\r
318   left: 0px;\r
319   line-height: 1.2em;\r
320   text-align: Left;\r
321   font-size: 12px;\r
322   background: #eee;\r
323 }\r
324 \r
325 .oboxheader {\r
326   font-size: 18px;\r
327 }\r
328 \r
329 .rsssmall {\r
330   position: relative;\r
331   top: 4px;\r
332 }\r
333 \r
334 #cclogo {\r
335   width: 150px;\r
336   min-width: 150px;\r
337   margin: 10px;\r
338   padding: 10px;\r
339   left: 0px;\r
340   line-height: 1.2em;\r
341   text-align: Left;\r
342   font-size: 14px;\r
343   font-weight: bold;\r
344   background: #fff;\r
345 }\r
346 \r
347 #controls img\r
348 {\r
349   z-index: 9999;\r
350 }\r
351 \r
352 #controls\r
353 {\r
354   position:absolute;\r
355   top:0px;\r
356   left:0px;\r
357   width:64px;\r
358   height:32px;\r
359   z-index: 9998;\r
360   cursor: pointer;\r
361 }\r
362 \r
363 \r
364 /* rails error field stuff */\r
365 \r
366 .fieldWithErrors {\r
367   padding: 2px;\r
368   background-color: red;\r
369   display: table;\r
370 }\r
371 \r
372 #notice {\r
373   border: 1px solid green;\r
374   padding: 7px;\r
375   background-color: #f0fff0;\r
376   margin-bottom: 20px;\r
377 }\r
378 \r
379 #errorExplanation {\r
380   width: 400px;\r
381   border: 2px solid red;\r
382   padding: 7px;\r
383   padding-bottom: 12px;\r
384   margin-bottom: 20px;\r
385   background-color: #f0f0f0;\r
386 }\r
387 \r
388 #errorExplanation h2 {\r
389   text-align: left;\r
390   font-weight: bold;\r
391   padding: 5px 5px 5px 15px;\r
392   font-size: 12px;\r
393   margin: -7px;\r
394   background-color: #c00;\r
395   color: #fff;\r
396 }\r
397 \r
398 #errorExplanation p {\r
399   color: #333;\r
400   margin-bottom: 0;\r
401   padding: 5px;\r
402 }\r
403 \r
404 #errorExplanation ul li {\r
405   font-size: 12px;\r
406   list-style: square;\r
407 }\r
408 \r
409 input {\r
410  border: 1px solid black;\r
411 }\r