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