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