57b6fe11c4c4806586c0cdda5eff68a88680488e
[rails.git] / public / stylesheets / site.css
1 a, a:visited, a:active, a:link, a:hover {
2   color: #00f;
3   text-decoration: none;
4 }
5
6 a:hover {
7   text-decoration: underline;
8 }
9
10 #frontpage_main {
11   width: 100%;
12   text-align: center;
13   font-family: sans-serif;
14 }
15
16
17 #frontpage_MAIN h1 {
18   font-size: xx-large;
19   font-weight: normal;
20 }
21
22 body {
23   font-family: Arial,sans-serif;
24   color: #000;
25   background-color: #fff;
26   margin: 0px;
27   padding: 0px;
28 }
29
30 #left {
31   position: absolute;
32   top: -8px;
33   min-width: 150px;
34 }
35
36 #logo {
37   width: 150px;
38   min-width: 150px;
39   padding: 10px;
40   margin: 10px;
41   height: 150px;
42   background: #fff;
43   border: 1px solid #ccd;
44 }
45 #logo h1 {
46   font-size: 14px;
47   text-align: center;
48   margin: 0px;
49 }
50 #logo h2 {
51   font-size: 10px;
52   margin: 0px;
53 }
54
55 #greeting {
56   float: right;
57   height: 20px;
58   margin: 0px;
59   padding-right: 10px;
60   padding-top: 5px;
61   font-size: 13px;
62   line-height: 14px;
63   background: url('/images/tab_bottom.gif') repeat-x bottom;
64 }
65
66 #intro {
67   width: 170px;
68   margin: 10px;
69   border: 1px solid #ccc;
70   font-size: 11px;
71 }
72
73 #intro p { margin: 10px; }
74
75 #alert {
76   width: 150px;
77   margin: 10px;
78   padding: 10px;
79   border: 1px solid #ccc;
80   background: #d00;
81   line-height: 1.2em;
82   text-align: left;
83   font-size: 14px;
84 }
85
86 .notice {
87   width: 150px;
88   margin: 10px;
89   padding: 10px;
90   border: 1px solid #ccc;
91   background: #ea0;
92   line-height: 1.2em;
93   text-align: left;
94   font-size: 14px;
95 }
96
97 .left_menu {
98   width: 150px;
99   min-width: 150px;
100   margin: 10px;
101   padding: 10px;
102   border: 1px solid #ccc;
103   left: 0px;
104   background: #ddd;
105   line-height: 1.2em;
106   text-align: Left;
107   font-size: 14px;
108   font-weight: bold;
109 }
110
111 .left_menu td {
112   font-size: 12px;
113   padding-right: 4px;
114 }
115
116 .left_menu h1 {
117   font-style: normal;
118   font-size: 15px;
119   padding: 0em 0em 0em 1em;
120   text-align: left;
121 }
122
123 .left_menu ul {
124   /*list-style: none;*/
125   padding-left: 10px;
126   margin: 0px;
127 }
128
129 .left_menu li {
130   margin: 0px;
131   padding: 0px;
132 }
133
134 .left_menu img {
135   margin: 2px 8px 0px 0px;
136 }
137
138 .left_menu a, .left_menu a:visited, .left_menu a:active, .left_menu a:link, .left_menu a:hover {
139   color: #000;
140   text-decoration: none;
141 }
142
143 .left_menu a:hover {
144   color: #000;
145   text-decoration: underline;
146 }
147
148 #messages {
149   border: 1px solid #ccc;
150 }
151
152
153 #content {
154   padding: 0px;
155   margin: 0px;
156   position: absolute; 
157   left: 192px;
158   right: 10px;
159   top: 35px;
160   bottom: 10px;
161   line-height: 1.2em;
162   text-align: left;
163 }
164
165 #bottom_bar {
166   position: absolute;
167   bottom: 0px;
168   width: 100%;
169   font-size: x-small;
170   text-align: center;
171 }
172
173 #mapImage {
174   position: absolute;
175   left: 0px;
176 }
177 #drag {
178   top: 0px;
179   left: 14px;
180 }
181
182 #mapEpilog {
183   font-size: x-small;
184 }
185
186 #keyvalue {
187   font-size: small;
188   text-align: left;
189   border-collapse: collapse;
190   border-width: 0px;
191 }
192
193 #keyvalue.th {
194   font-weight: bold;
195 }
196
197 .emphasized {
198   background-color: #82bcff;
199 }
200
201
202 #header {
203   float: left;
204   width: 100%;
205   background: #DAE0D2;
206   font-size: 93%;
207   line-height: normal;
208 }
209 #header ul {
210   margin: 0px;
211   padding: 10px 10px 0px 215px;
212   list-style: none;
213 }
214 #header li {
215   float: left;
216   margin: 0px;
217   padding: 0px 0px 0px 9px;
218 }
219 #header li a {
220   float: left;
221   display: block;
222   padding: 5px 15px 4px 6px;
223   text-decoration: none;
224   font-weight: bold;
225   color: #765;
226 }
227 /* Commented Backslash Hack
228 hides rule from IE5-Mac \*/
229 #header li a {float:none;}
230 /* End IE5-Mac hack */
231 #header li a:hover {
232   color: #333;
233 }
234 #header #current a {
235   color: #333;
236   padding-bottom: 5px;
237 }
238
239 #tabnav
240 {
241   height: 20px;
242   margin: 0px;
243   padding-left: 215px;
244   padding-top: 5px;
245   background: url('/images/tab_bottom.gif') repeat-x bottom;
246 }
247 #tabnav li
248 {
249   margin: 0px; 
250   padding: 0px;
251   display: inline;
252   list-style-type: none;
253 }
254 #tabnav a, #tabnav a:link, #tabnav a:visited 
255 {
256   float: left;
257   background: #f3f3f3;
258   font-size: 13px;
259   line-height: 14px;
260   font-weight: bold;
261   padding: 2px 10px;
262   margin-right: 4px;
263   border: 1px solid #ccc;
264   text-decoration: none;
265   color: #333;
266 }
267 #tabnav a:link.active, #tabnav a:visited.active
268 {
269   border-bottom: 1px solid #fff;
270   background: #fff;
271   color: #000;
272 }
273 #tabnav a:link:hover
274 {
275   background: #fff;
276 }
277
278 #gads {
279   /*  position: absolute; */
280   left: 100px;
281   width: 700px;
282   text-align: center;
283   font-size: 10px;
284 }
285
286 hr {
287   border: none;
288   background-color: #ccc;
289   color: #ccc;
290   height: 1px;
291 }
292
293 .gpxsummary {
294   font-size: 12px;
295   color: gray;
296 }
297
298 .gpxdesc {
299   font-style: italic;
300 }
301
302 .table0 { 
303   background: #f6f6f6;
304 }
305
306 .table1 { 
307   background: #fff;
308 }
309
310
311 .optionalbox {
312   width: 150px;
313   min-width: 150px;
314   margin: 10px;
315   padding: 10px;
316   border: 1px solid #ccc;
317   left: 0px;
318   line-height: 1.2em;
319   text-align: left;
320   font-size: 12px;
321   background: #eee;
322 }
323
324 .oboxheader {
325   font-size: 14px;
326   font-weight: bold;
327   line-height: 22px;
328   vertical-align: bottom;
329 }
330
331 .whereami {
332   position: absolute;
333   right: 21px;
334   line-height: 22px;
335   vertical-align: bottom;
336 }
337
338 .optionalbox form {
339   margin: 0px;
340   padding: 0px;
341 }
342
343 #search_field form {
344   width: 100%;
345 }
346
347 #search_field input[type="text"] {
348   width: 116px;
349 }
350
351 #search_field input[type="submit"] {
352   width: 26px;
353 }
354
355 .search_form {
356   height: 16px;
357   padding-bottom: 6px;
358 }
359
360 #search_active {
361   display: none;
362   color: red;
363 }
364
365 .rsssmall {
366   position: relative;
367   top: 4px;
368 }
369
370 .button {
371   margin-top: 10px;
372   margin-bottom: 10px;
373 }
374
375 #controls img
376 {
377   z-index: 9999;
378 }
379
380 #controls
381 {
382   position:absolute;
383   top: 0px;
384   left: 0px;
385   width: 64px;
386   height: 32px;
387   z-index: 9998;
388   cursor: pointer;
389 }
390
391 #map {
392   position: absolute;
393   border: 1px solid black;
394   margin: 0px; 
395   padding: 0px;
396   left: 0px;
397   right: 2px;
398   top: 0px;
399   bottom: 0px;
400 }
401
402 #sidebar {
403   display: none;
404   position: absolute;
405   border: 1px solid black;
406   margin: 0px;
407   padding: 0px;
408   width: 30%;
409   left: 0px;
410   top: 0px;
411   bottom: 0px;
412 }
413
414 #sidebar_content {
415   overflow: auto;
416   position: absolute;
417   font-size: 13px;
418   line-height: 14px;
419   top: 29px;
420   bottom: 0px;
421   left: 0px;
422   right: 0px;
423 }
424
425 .sidebar_title {
426   margin: 0px;
427   padding: 3px 6px;
428   height: 29px;
429   font-size: 14px;
430   line-height: 15px;
431   border-bottom: 1px solid black;
432   background: #bbb;
433 }
434
435 .browse_heading {
436   margin: 0px;
437   padding: 3px 6px;
438   border: 1px solid #ccc;
439   background: #ddd;
440 }
441
442 .browse_details {
443   margin: 0px;
444   padding: 0px 6px;
445 }
446
447 .search_results_heading {
448   margin: 0px;
449   padding: 3px 6px;
450   border: 1px solid #ccc;
451   background: #ddd;
452 }
453
454 .search_results_entry {
455   margin: 0px;
456   padding: 2px 6px;
457 }
458
459 .search_results_error {
460   margin: 0px;
461   padding: 2px 6px 0px;
462   color: #f00;
463 }
464
465 .search_help {
466   font-size: 10px;
467   line-height: 1em;
468   margin-top: 3px;
469   margin-bottom: 0px;
470 }
471
472 .olControlAttribution {
473   display: none !important;
474 }
475
476 /* inbox and messaging stuff */
477 .inbox-row-unread .inbox-subject {
478         font-weight: bold;
479 }
480
481 /* rails error field stuff */
482
483 .fieldWithErrors {
484   padding: 2px;
485   background-color: red;
486   display: table;
487 }
488
489 #notice {
490   border: 1px solid green;
491   padding: 7px;
492   background-color: #f0fff0;
493   margin-bottom: 20px;
494 }
495
496 #errorExplanation {
497   width: 400px;
498   border: 2px solid red;
499   padding: 7px;
500   padding-bottom: 12px;
501   margin-bottom: 20px;
502   background-color: #f0f0f0;
503 }
504
505 #errorExplanation h2 {
506   text-align: left;
507   font-weight: bold;
508   padding: 5px 5px 5px 15px;
509   font-size: 12px;
510   margin: -7px;
511   background-color: #c00;
512   color: #fff;
513 }
514
515 #errorExplanation p {
516   color: #333;
517   margin-bottom: 0px;
518   padding: 5px;
519 }
520
521 #errorExplanation ul li {
522   font-size: 12px;
523   list-style: square;
524 }
525
526 input[type="text"], input[type="password"], textarea {
527   border: 1px solid black;
528 }
529
530 input[type="submit"] {
531   border: 1px solid black;
532 }
533
534 #accountForm td {
535         padding-bottom:10px;
536 }
537
538 .fieldName {
539         text-align:right;
540         font-weight:bold;
541 }
542
543
544 .nohome .location {
545   display: none;
546 }
547
548 #homerow .message {
549   display: none;
550 }
551
552 .nohome .message {
553   display: inline !important;
554 }
555
556 .minorNote {
557         font-size:0.8em;
558 }
559
560 .nowrap {
561   white-space: nowrap;
562 }
563
564 #map #popup p {
565   margin: 0px;
566   padding: 2px;
567 }
568
569 #permalink {
570   z-index:10000;
571   position:absolute;
572   bottom:15px;
573   right:15px;
574   font-size:smaller;
575 }
576
577 #attribution {
578   display: none;
579 }
580
581 .export_heading {
582   margin: 0px;
583   padding: 3px 6px;
584   border: 1px solid #ccc;
585   background: #ddd;
586 }
587
588 .export_bounds {
589   width: 100%;
590   text-align: center;
591 }
592
593 .export_bound {
594   margin: 5px;
595 }
596
597 .export_details {
598   padding: 2px 6px;
599 }
600
601 #export_osm {
602   display: none;
603 }
604
605 #export_mapnik {
606   display: none;
607 }
608
609 #export_osmarender {
610   display: none;
611 }
612
613 .export_hint {
614   padding: 0px 12px;
615   font-style: italic;
616 }
617
618 .export_buttons {
619   width: 100%;
620   text-align: center;
621 }
622
623 #noscript {
624   z-index: 20000000;
625   position: absolute;
626   top: 15px;
627   left: 15px
628 }