]> git.openstreetmap.org Git - rails.git/blob - public/stylesheets/site.css
Replace the PayPal button on the home page with a donate button that
[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 #donate {
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: 12px;
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
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-left: auto;
372   margin-right: auto;
373   margin-top: 10px;
374   margin-bottom: 10px;
375 }
376
377 #controls img
378 {
379   z-index: 9999;
380 }
381
382 #controls
383 {
384   position:absolute;
385   top: 0px;
386   left: 0px;
387   width: 64px;
388   height: 32px;
389   z-index: 9998;
390   cursor: pointer;
391 }
392
393 #map {
394   position: absolute;
395   border: 1px solid black;
396   margin: 0px; 
397   padding: 0px;
398   left: 0px;
399   right: 2px;
400   top: 0px;
401   bottom: 0px;
402 }
403
404 #sidebar {
405   display: none;
406   position: absolute;
407   border: 1px solid black;
408   margin: 0px;
409   padding: 0px;
410   width: 30%;
411   left: 0px;
412   top: 0px;
413   bottom: 0px;
414 }
415
416 #sidebar_content {
417   overflow: auto;
418   position: absolute;
419   font-size: 13px;
420   line-height: 14px;
421   top: 29px;
422   bottom: 0px;
423   left: 0px;
424   right: 0px;
425 }
426
427 .sidebar_title {
428   margin: 0px;
429   padding: 3px 6px;
430   height: 29px;
431   font-size: 14px;
432   line-height: 15px;
433   border-bottom: 1px solid black;
434   background: #bbb;
435 }
436
437 .browse_heading {
438   margin: 0px;
439   padding: 3px 6px;
440   border: 1px solid #ccc;
441   background: #ddd;
442 }
443
444 .browse_details {
445   margin: 0px;
446   padding: 0px 6px;
447 }
448
449 .search_results_heading {
450   margin: 0px;
451   padding: 3px 6px;
452   border: 1px solid #ccc;
453   background: #ddd;
454 }
455
456 .search_results_entry {
457   margin: 0px;
458   padding: 2px 6px;
459 }
460
461 .search_results_error {
462   margin: 0px;
463   padding: 2px 6px 0px;
464   color: #f00;
465 }
466
467 .search_help {
468   font-size: 10px;
469   line-height: 1em;
470   margin-top: 3px;
471   margin-bottom: 0px;
472 }
473
474 .olControlAttribution {
475   display: none !important;
476 }
477
478 /* inbox and messaging stuff */
479 .inbox-row-unread .inbox-subject {
480         font-weight: bold;
481 }
482
483 /* rails error field stuff */
484
485 .fieldWithErrors {
486   padding: 2px;
487   background-color: red;
488   display: table;
489 }
490
491 #notice {
492   border: 1px solid green;
493   padding: 7px;
494   background-color: #f0fff0;
495   margin-bottom: 20px;
496 }
497
498 #errorExplanation {
499   width: 400px;
500   border: 2px solid red;
501   padding: 7px;
502   padding-bottom: 12px;
503   margin-bottom: 20px;
504   background-color: #f0f0f0;
505 }
506
507 #errorExplanation h2 {
508   text-align: left;
509   font-weight: bold;
510   padding: 5px 5px 5px 15px;
511   font-size: 12px;
512   margin: -7px;
513   background-color: #c00;
514   color: #fff;
515 }
516
517 #errorExplanation p {
518   color: #333;
519   margin-bottom: 0px;
520   padding: 5px;
521 }
522
523 #errorExplanation ul li {
524   font-size: 12px;
525   list-style: square;
526 }
527
528 input[type="text"], input[type="password"], textarea {
529   border: 1px solid black;
530 }
531
532 input[type="submit"] {
533   border: 1px solid black;
534 }
535
536 .nohome .location {
537   display: none;
538 }
539
540 #homerow .message {
541   display: none;
542 }
543
544 .nohome .message {
545   display: inline !important;
546 }
547
548 .editDescription {
549   height: 10ex;
550   width: 30em;
551 }
552
553 .nowrap {
554   white-space: nowrap;
555 }
556
557 #map #popup p {
558   margin: 0px;
559   padding: 2px;
560 }
561
562 /**State of the Map */
563     
564 #sotminfo {
565   background: #99F;
566   font-size: 11px;
567   margin: 0px;
568   padding: 0px;
569   border: 1px solid #ccc;
570   left: 0px;
571   line-height: 1.2em;
572   text-align: Left;
573   font-weight: normal;
574 }
575
576 #sotminfo a:link {
577   text-decoration: underline;
578 }
579
580 #sotminfo a:visited {
581   text-decoration: underline;
582 }
583
584 #permalink {
585   z-index:10000;
586   position:absolute;
587   bottom:15px;
588   right:15px;
589   font-size:smaller;
590 }
591
592 #attribution {
593   display: none;
594 }
595
596 .export_heading {
597   margin: 0px;
598   padding: 3px 6px;
599   border: 1px solid #ccc;
600   background: #ddd;
601 }
602
603 .export_bounds {
604   width: 100%;
605   text-align: center;
606 }
607
608 .export_bound {
609   margin: 5px;
610 }
611
612 .export_details {
613   padding: 2px 6px;
614 }
615
616 #export_osm {
617   display: none;
618 }
619
620 #export_mapnik {
621   display: none;
622 }
623
624 #export_osmarender {
625   display: none;
626 }
627
628 .export_hint {
629   padding: 0px 12px;
630   font-style: italic;
631 }
632
633 .export_buttons {
634   width: 100%;
635   text-align: center;
636 }
637
638 #noscript {
639   z-index: 20000000;
640   position: absolute;
641   top: 15px;
642   left: 15px
643 }