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