6fcc5f421f702d1de401daddc53e9c496ffa3bc5
[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: 0;
27   padding: 0;
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: 0;
49 }
50 #logo h2 {
51   font-size: 10px;
52   margin: 0;
53 }
54
55 #greeting {
56   float: right;
57   height: 20px;
58   margin: 0;
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: 0;
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: 0 0 0 1em;
108   text-align: left;
109 }
110
111 .left_menu ul {
112   /*list-style: none;*/
113   padding-left: 10px;
114   margin: 0;
115 }
116
117 .left_menu li {
118   margin:0;
119   padding:0;
120 }
121
122 .left_menu img {
123   margin: 2px 8px 0 0;
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: 0;
143   margin: 0;
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: 0;
156   width: 100%;
157   font-size: x-small;
158   text-align: center;
159 }
160
161 #mapImage {
162   position: absolute;
163   left: 0;
164 }
165 #drag {
166   top: 0;
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: 0;
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:0;
199   padding:10px 10px 0 215px;
200   list-style:none;
201 }
202 #header li {
203   float:left;
204   /*background:url("left.gif") no-repeat left top;*/
205   margin:0;
206   padding:0 0 0 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: 0;
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: 0; 
244   padding: 0;
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: 0;
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: 0;
328   padding: 0;
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: 0;
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:0;
380   left:0;
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: 0; 
391   padding: 0;
392   left: 0;
393   right: 2px;
394   top: 0;
395   bottom: 0;
396 }
397
398 #sidebar {
399   display: none;
400   position: absolute;
401   border: 1px solid black;
402   margin: 0;
403   padding: 0;
404   width: 30%;
405   left: 0;
406   top: 0;
407   bottom: 0;
408 }
409
410 #sidebar_content {
411   overflow: auto;
412   position: absolute;
413   font-size: 13px;
414   line-height: 14px;
415   top: 29px;
416   bottom: 0;
417   left: 0;
418   right: 0;
419 }
420
421 .sidebar_title {
422   margin: 0;
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: 0;
433   padding: 3px 6px;
434   border: 1px solid #ccc;
435   background: #ddd;
436 }
437
438 .browse_details {
439   margin: 0;
440   padding: 0 6px;
441 }
442
443 .search_results_heading {
444   margin: 0;
445   padding: 3px 6px;
446   border: 1px solid #ccc;
447   background: #ddd;
448 }
449
450 .search_results_entry {
451   margin: 0;
452   padding: 2px 6px;
453 }
454
455 .search_results_error {
456   margin: 0;
457   padding: 2px 6px 0;
458   color: #f00;
459 }
460
461 .search_help {
462   font-size: 10px;
463   line-height: 1em;
464   margin-top: 3px;
465   margin-bottom: 0;
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: 0;
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 .nohome .location {
531   display: none;
532 }
533
534 #homerow .message {
535   display: none;
536 }
537
538 .nohome .message {
539   display: inline !important;
540 }
541
542 .editDescription {
543   height : 10ex;
544   width : 30em;
545 }
546
547 .nowrap {
548   white-space: nowrap;
549 }
550
551 #map #popup p {
552   margin : 0;
553   padding : 2px;
554 }
555
556 /**State of the Map */
557     
558 #sotminfo {
559   background: #99F;
560   font-size: 11px;
561   margin: 0;
562   padding: 0;
563   border: 1px solid #ccc;
564   left: 0;
565   line-height: 1.2em;
566   text-align: Left;
567   font-weight: normal;
568 }
569
570 #sotminfo a:link {
571   text-decoration: underline;
572 }
573
574 #sotminfo a:visited {
575   text-decoration: underline;
576 }
577
578 #permalink {
579   z-index:10000;
580   position:absolute;
581   bottom:15px;
582   right:15px;
583   font-size:smaller;
584 }
585
586 #attribution {
587   display: none;
588 }
589
590 .export_heading {
591   margin: 0;
592   padding: 3px 6px;
593   border: 1px solid #ccc;
594   background: #ddd;
595 }
596
597 .export_bounds {
598   width: 100%;
599   text-align: center;
600 }
601
602 .export_bound {
603   margin: 5px;
604 }
605
606 .export_details {
607   padding: 2px 6px;
608 }
609
610 #export_osm {
611   display: none;
612 }
613
614 #export_mapnik {
615   display: none;
616 }
617
618 #export_osmarender {
619   display: none;
620 }
621
622 .export_hint {
623   padding: 0 12px;
624   font-style: italic;
625 }
626
627 .export_buttons {
628   width: 100%;
629   text-align: center;
630 }
631
632 #noscript {
633   z-index:20000000;
634   position:absolute;
635   top:15px;
636   left:15px
637 }