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