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