0bab9c57ff4232d3f8a68638edfe0a75a0f587a3
[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 url("bg.gif") repeat-x bottom;
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   /*background:url("left.gif") no-repeat left top;*/
217   margin: 0px;
218   padding: 0px 0px 0px 9px;
219 }
220 #header li a {
221   float: left;
222   display: block;
223   /*background:url("right.gif") no-repeat right top;*/
224   padding: 5px 15px 4px 6px;
225   text-decoration: none;
226   font-weight: bold;
227   color: #765;
228 }
229 /* Commented Backslash Hack
230 hides rule from IE5-Mac \*/
231 #header li a {float:none;}
232 /* End IE5-Mac hack */
233 #header li a:hover {
234   color: #333;
235 }
236 #header #current {
237   /* background-image:url("left_on.gif"); */
238 }
239 #header #current a {
240   background-image: url("right_on.gif");
241   color: #333;
242   padding-bottom: 5px;
243 }
244
245 #tabnav
246 {
247   height: 20px;
248   margin: 0px;
249   padding-left: 215px;
250   padding-top: 5px;
251   background: url('/images/tab_bottom.gif') repeat-x bottom;
252 }
253 #tabnav li
254 {
255   margin: 0px; 
256   padding: 0px;
257   display: inline;
258   list-style-type: none;
259 }
260 #tabnav a, #tabnav a:link, #tabnav a:visited 
261 {
262   float: left;
263   background: #f3f3f3;
264   font-size: 13px;
265   line-height: 14px;
266   font-weight: bold;
267   padding: 2px 10px;
268   margin-right: 4px;
269   border: 1px solid #ccc;
270   text-decoration: none;
271   color: #333;
272 }
273 #tabnav a:link.active, #tabnav a:visited.active
274 {
275   border-bottom: 1px solid #fff;
276   background: #fff;
277   color: #000;
278 }
279 #tabnav a:link:hover
280 {
281   background: #fff;
282 }
283
284 #gads {
285   /*  position: absolute; */
286   left: 100px;
287   width: 700px;
288   text-align: center;
289   font-size: 10px;
290 }
291
292 hr {
293   border: none;
294   background-color: #ccc;
295   color: #ccc;
296   height: 1px;
297 }
298
299 .gpxsummary {
300   font-size: 12px;
301   color: gray;
302 }
303
304 .gpxdesc {
305   font-style: italic;
306 }
307
308 .table0 { 
309   background: #f6f6f6;
310 }
311
312 .table1 { 
313   background: #fff;
314 }
315
316
317 .optionalbox {
318   width: 150px;
319   min-width: 150px;
320   margin: 10px;
321   padding: 10px;
322   border: 1px solid #ccc;
323   left: 0px;
324   line-height: 1.2em;
325   text-align: left;
326   font-size: 12px;
327   background: #eee;
328 }
329
330 .oboxheader {
331   font-size: 14px;
332   font-weight: bold;
333   line-height: 22px;
334   vertical-align: bottom;
335 }
336
337 .whereami {
338   position: absolute;
339   right: 21px;
340   line-height: 22px;
341   vertical-align: bottom;
342 }
343
344 .optionalbox form {
345   margin: 0px;
346   padding: 0px;
347 }
348
349 #search_field form {
350   width: 100%;
351 }
352
353 #search_field input[type="text"] {
354   width: 116px;
355 }
356
357 #search_field input[type="submit"] {
358   width: 26px;
359 }
360
361 .search_form {
362   height: 16px;
363   padding-bottom: 6px;
364 }
365
366 #search_active {
367   display: none;
368   color: red;
369 }
370
371 .rsssmall {
372   position: relative;
373   top: 4px;
374 }
375
376 .button {
377   margin-top: 10px;
378   margin-bottom: 10px;
379 }
380
381 #controls img
382 {
383   z-index: 9999;
384 }
385
386 #controls
387 {
388   position:absolute;
389   top: 0px;
390   left: 0px;
391   width: 64px;
392   height: 32px;
393   z-index: 9998;
394   cursor: pointer;
395 }
396
397 #map {
398   position: absolute;
399   border: 1px solid black;
400   margin: 0px; 
401   padding: 0px;
402   left: 0px;
403   right: 2px;
404   top: 0px;
405   bottom: 0px;
406 }
407
408 #sidebar {
409   display: none;
410   position: absolute;
411   border: 1px solid black;
412   margin: 0px;
413   padding: 0px;
414   width: 30%;
415   left: 0px;
416   top: 0px;
417   bottom: 0px;
418 }
419
420 #sidebar_content {
421   overflow: auto;
422   position: absolute;
423   font-size: 13px;
424   line-height: 14px;
425   top: 29px;
426   bottom: 0px;
427   left: 0px;
428   right: 0px;
429 }
430
431 .sidebar_title {
432   margin: 0px;
433   padding: 3px 6px;
434   height: 29px;
435   font-size: 14px;
436   line-height: 15px;
437   border-bottom: 1px solid black;
438   background: #bbb;
439 }
440
441 .browse_heading {
442   margin: 0px;
443   padding: 3px 6px;
444   border: 1px solid #ccc;
445   background: #ddd;
446 }
447
448 .browse_details {
449   margin: 0px;
450   padding: 0px 6px;
451 }
452
453 .search_results_heading {
454   margin: 0px;
455   padding: 3px 6px;
456   border: 1px solid #ccc;
457   background: #ddd;
458 }
459
460 .search_results_entry {
461   margin: 0px;
462   padding: 2px 6px;
463 }
464
465 .search_results_error {
466   margin: 0px;
467   padding: 2px 6px 0px;
468   color: #f00;
469 }
470
471 .search_help {
472   font-size: 10px;
473   line-height: 1em;
474   margin-top: 3px;
475   margin-bottom: 0px;
476 }
477
478 .olControlAttribution {
479   display: none !important;
480 }
481
482 /* inbox and messaging stuff */
483 .inbox-row-unread .inbox-subject {
484         font-weight: bold;
485 }
486
487 /* rails error field stuff */
488
489 .fieldWithErrors {
490   padding: 2px;
491   background-color: red;
492   display: table;
493 }
494
495 #notice {
496   border: 1px solid green;
497   padding: 7px;
498   background-color: #f0fff0;
499   margin-bottom: 20px;
500 }
501
502 #errorExplanation {
503   width: 400px;
504   border: 2px solid red;
505   padding: 7px;
506   padding-bottom: 12px;
507   margin-bottom: 20px;
508   background-color: #f0f0f0;
509 }
510
511 #errorExplanation h2 {
512   text-align: left;
513   font-weight: bold;
514   padding: 5px 5px 5px 15px;
515   font-size: 12px;
516   margin: -7px;
517   background-color: #c00;
518   color: #fff;
519 }
520
521 #errorExplanation p {
522   color: #333;
523   margin-bottom: 0px;
524   padding: 5px;
525 }
526
527 #errorExplanation ul li {
528   font-size: 12px;
529   list-style: square;
530 }
531
532 input[type="text"], input[type="password"], textarea {
533   border: 1px solid black;
534 }
535
536 input[type="submit"] {
537   border: 1px solid black;
538 }
539
540 #accountForm td {
541         padding-bottom:10px;
542 }
543
544 .fieldName {
545         text-align:right;
546         font-weight:bold;
547 }
548
549
550 .nohome .location {
551   display: none;
552 }
553
554 #homerow .message {
555   display: none;
556 }
557
558 .nohome .message {
559   display: inline !important;
560 }
561
562 .minorNote {
563         font-size:0.8em;
564 }
565
566 .nowrap {
567   white-space: nowrap;
568 }
569
570 #map #popup p {
571   margin: 0px;
572   padding: 2px;
573 }
574
575 #permalink {
576   z-index:10000;
577   position:absolute;
578   bottom:15px;
579   right:15px;
580   font-size:smaller;
581 }
582
583 #attribution {
584   display: none;
585 }
586
587 .export_heading {
588   margin: 0px;
589   padding: 3px 6px;
590   border: 1px solid #ccc;
591   background: #ddd;
592 }
593
594 .export_bounds {
595   width: 100%;
596   text-align: center;
597 }
598
599 .export_bound {
600   margin: 5px;
601 }
602
603 .export_details {
604   padding: 2px 6px;
605 }
606
607 #export_osm {
608   display: none;
609 }
610
611 #export_mapnik {
612   display: none;
613 }
614
615 #export_osmarender {
616   display: none;
617 }
618
619 .export_hint {
620   padding: 0px 12px;
621   font-style: italic;
622 }
623
624 .export_buttons {
625   width: 100%;
626   text-align: center;
627 }
628
629 #noscript {
630   z-index: 20000000;
631   position: absolute;
632   top: 15px;
633   left: 15px
634 }