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