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