]> git.openstreetmap.org Git - rails.git/blob - public/stylesheets/site.css
cosmetic tweaks to diary interface. icon for new entries link
[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 hr {
281   border: none;
282   background-color: #ccc;
283   color: #ccc;
284   height: 1px;
285 }
286
287 .gpxsummary {
288   font-size: 12px;
289   color: gray;
290 }
291
292 .gpxdesc {
293   font-style: italic;
294 }
295
296 .table0 { 
297   background: #f6f6f6;
298 }
299
300 .table1 { 
301   background: #fff;
302 }
303
304
305 .optionalbox {
306   width: 150px;
307   min-width: 150px;
308   margin: 10px;
309   padding: 10px;
310   border: 1px solid #ccc;
311   left: 0px;
312   line-height: 1.2em;
313   text-align: left;
314   font-size: 12px;
315   background: #eee;
316 }
317
318 .oboxheader {
319   font-size: 14px;
320   font-weight: bold;
321   line-height: 22px;
322   vertical-align: bottom;
323 }
324
325 .whereami {
326   position: absolute;
327   right: 21px;
328   line-height: 22px;
329   vertical-align: bottom;
330 }
331
332 .optionalbox form {
333   margin: 0px;
334   padding: 0px;
335 }
336
337 #search_field form {
338   width: 100%;
339 }
340
341 #search_field input[type="text"] {
342   width: 116px;
343 }
344
345 #search_field input[type="submit"] {
346   width: 26px;
347 }
348
349 .search_form {
350   height: 16px;
351   padding-bottom: 6px;
352 }
353
354 #search_active {
355   display: none;
356   color: red;
357 }
358
359 .rsssmall {
360   position: relative;
361   top: 4px;
362 }
363
364 #cclogo {
365   width: 150px;
366   min-width: 150px;
367   margin: 10px;
368   padding: 10px;
369   left: 0px;
370   line-height: 1.2em;
371   text-align: left;
372   font-size: 14px;
373   font-weight: bold;
374   background: #fff;
375 }
376
377 #controls img
378 {
379   z-index: 9999;
380 }
381
382 #controls
383 {
384   position:absolute;
385   top: 0px;
386   left: 0px;
387   width: 64px;
388   height: 32px;
389   z-index: 9998;
390   cursor: pointer;
391 }
392
393 #map {
394   position: absolute;
395   border: 1px solid black;
396   margin: 0px; 
397   padding: 0px;
398   left: 0px;
399   right: 2px;
400   top: 0px;
401   bottom: 0px;
402 }
403
404 #sidebar {
405   display: none;
406   position: absolute;
407   border: 1px solid black;
408   margin: 0px;
409   padding: 0px;
410   width: 30%;
411   left: 0px;
412   top: 0px;
413   bottom: 0px;
414 }
415
416 #sidebar_content {
417   overflow: auto;
418   position: absolute;
419   font-size: 13px;
420   line-height: 14px;
421   top: 29px;
422   bottom: 0px;
423   left: 0px;
424   right: 0px;
425 }
426
427 .sidebar_title {
428   margin: 0px;
429   padding: 3px 6px;
430   height: 29px;
431   font-size: 14px;
432   line-height: 15px;
433   border-bottom: 1px solid black;
434   background: #bbb;
435 }
436
437 .browse_heading {
438   margin: 0px;
439   padding: 3px 6px;
440   border: 1px solid #ccc;
441   background: #ddd;
442 }
443
444 .browse_details {
445   margin: 0px;
446   padding: 0px 6px;
447 }
448
449 .search_results_heading {
450   margin: 0px;
451   padding: 3px 6px;
452   border: 1px solid #ccc;
453   background: #ddd;
454 }
455
456 .search_results_entry {
457   margin: 0px;
458   padding: 2px 6px;
459 }
460
461 .search_results_error {
462   margin: 0px;
463   padding: 2px 6px 0px;
464   color: #f00;
465 }
466
467 .search_help {
468   font-size: 10px;
469   line-height: 1em;
470   margin-top: 3px;
471   margin-bottom: 0px;
472 }
473
474 .olControlAttribution {
475   display: none !important;
476 }
477
478 /* inbox and messaging stuff */
479 .inbox-row-unread .inbox-subject {
480         font-weight: bold;
481 }
482
483 /* rails error field stuff */
484
485 .fieldWithErrors {
486   padding: 2px;
487   background-color: red;
488   display: table;
489 }
490
491 #notice {
492   border: 1px solid green;
493   padding: 7px;
494   background-color: #f0fff0;
495   margin-bottom: 20px;
496 }
497
498 #errorExplanation {
499   width: 400px;
500   border: 2px solid red;
501   padding: 7px;
502   padding-bottom: 12px;
503   margin-bottom: 20px;
504   background-color: #f0f0f0;
505 }
506
507 #errorExplanation h2 {
508   text-align: left;
509   font-weight: bold;
510   padding: 5px 5px 5px 15px;
511   font-size: 12px;
512   margin: -7px;
513   background-color: #c00;
514   color: #fff;
515 }
516
517 #errorExplanation p {
518   color: #333;
519   margin-bottom: 0px;
520   padding: 5px;
521 }
522
523 #errorExplanation ul li {
524   font-size: 12px;
525   list-style: square;
526 }
527
528 input[type="text"], input[type="password"], textarea {
529   border: 1px solid black;
530 }
531
532 input[type="submit"] {
533   border: 1px solid black;
534 }
535
536 #accountForm td {
537         padding-bottom:10px;
538 }
539
540 .fieldName {
541         text-align:right;
542         font-weight:bold;
543 }
544
545
546 .nohome .location {
547   display: none;
548 }
549
550 #homerow .message {
551   display: none;
552 }
553
554 .nohome .message {
555   display: inline !important;
556 }
557
558 .minorNote {
559         font-size:0.8em;
560 }
561
562 .nowrap {
563   white-space: nowrap;
564 }
565
566 #map #popup p {
567   margin: 0px;
568   padding: 2px;
569 }
570
571 /**State of the Map */
572     
573 #sotminfo {
574   background: #99F;
575   font-size: 11px;
576   margin: 0px;
577   padding: 0px;
578   border: 1px solid #ccc;
579   left: 0px;
580   line-height: 1.2em;
581   text-align: Left;
582   font-weight: normal;
583 }
584
585 #sotminfo a:link {
586   text-decoration: underline;
587 }
588
589 #sotminfo a:visited {
590   text-decoration: underline;
591 }
592
593 #permalink {
594   z-index:10000;
595   position:absolute;
596   bottom:15px;
597   right:15px;
598   font-size:smaller;
599 }
600
601 #attribution {
602   display: none;
603 }
604
605 .export_heading {
606   margin: 0px;
607   padding: 3px 6px;
608   border: 1px solid #ccc;
609   background: #ddd;
610 }
611
612 .export_bounds {
613   width: 100%;
614   text-align: center;
615 }
616
617 .export_bound {
618   margin: 5px;
619 }
620
621 .export_details {
622   padding: 2px 6px;
623 }
624
625 #export_osm {
626   display: none;
627 }
628
629 #export_mapnik {
630   display: none;
631 }
632
633 #export_osmarender {
634   display: none;
635 }
636
637 .export_hint {
638   padding: 0px 12px;
639   font-style: italic;
640 }
641
642 .export_buttons {
643   width: 100%;
644   text-align: center;
645 }
646
647 #noscript {
648   z-index: 20000000;
649   position: absolute;
650   top: 15px;
651   left: 15px
652 }