Set an explicit 0px border on the map
[rails.git] / app / assets / stylesheets / common.css.scss
1 /* Styles common to large and small screens */
2
3 /* Default rules for the body of every page */
4
5 body {
6   font-family: 'Helvetica Neue',Arial,sans-serif;
7   font-size: 14px;
8   line-height: 20px;
9   color: #222;
10   background-color: #fff;
11   margin: 0px;
12   padding: 0px;
13 }
14
15 body.slim {
16   background-color: #f0f0f0;
17 }
18
19 /* Rules for links */
20
21 a {
22   color: #00f;
23   text-decoration: none;
24 }
25
26 a:hover {
27   text-decoration: underline;
28 }
29
30 /* Rules for horizontal lines */
31
32 hr {
33   border: none;
34   background-color: #ccc;
35   color: #ccc;
36   height: 1px;
37 }
38
39 /* Default rules for headings */
40
41 h2 {
42   margin: 5px 0;
43   font-size: 25px;
44   line-height: 30px;
45 }
46
47 /* Rules for the whole left sidebar, including the logo */
48
49 #left {
50   position: absolute;
51   top: 0px;
52   width: 185px;
53   font-size: 11px;
54   line-height: 12px;
55 }
56
57 /* Rules for the OpenStreetMap logo in the top left corner */
58
59 #logo {
60   width: 170px;
61   min-width: 170px;
62   padding: 5px;
63   text-align: center;
64   margin: 25px 0 5px 0;
65 }
66
67 #logo h1 {
68   font-size: 18px;
69   line-height: 20px;
70   text-align: center;
71   margin: 0px;
72 }
73
74 #logo h2 {
75   font-size: 10px;
76   line-height: 15px;
77   margin: 0px;
78 }
79
80 /* Rules for the site name */
81
82 #small-title {
83   display: none;
84 }
85
86 /* Rules for the introductory text displayed in the left sidebar to new users */
87
88 .sidebar-copy {
89   padding: 0px 10px;
90 }
91
92 .sidebar-copy p {
93   margin: 5px 0;
94 }
95
96 .sidebar-copy.intro {
97   margin-top: -1px;
98   border-top: 1px solid #ccc;
99 }
100
101 /*
102  * Rules for alert boxes shown in the left sidebar when important
103  * information needs to be conveyed such as when the site is
104  * undergoing maintenance.
105  */
106
107 .sidebar-alert {
108   padding: 4px 5px 4px 5px;
109   border-top: 1px solid #ccc;
110   margin-top: 4px;
111   margin-bottom: -4px;
112   background: #e00;
113   font-size: 13px;
114   font-weight: bold;
115   line-height: 17px;
116
117   p {
118     margin: 5px;
119   }
120 }
121
122 /*
123  * Rules for notice boxes shown in the left sidebar when important, but
124  * non-critical information needs to be conveyed such as notices about
125  * donation drives.
126  */
127
128 .sidebar-notice {
129   padding: 4px 5px 4px 5px;
130   border-top: 1px solid #ccc;
131   margin-top: 4px;
132   margin-bottom: -4px;
133   background: #ea0;
134   font-size: 13px;
135   line-height: 17px;
136
137   p {
138     margin: 5px;
139   }
140 }
141
142 /* Rules for the menu displayed in the left sidebar */
143
144 .left_menu {
145   padding: 5px 10px;
146   margin: 4px 0;
147   border-top: 1px solid #ccc;
148   line-height: 20px;
149   font-size: 14px;
150   font-weight: bold;
151 }
152
153 .left_menu h1 {
154   font-style: normal;
155   font-size: 15px;
156 }
157
158 .left_menu ul {
159   margin: 0px;
160   list-style-type: none;
161 }
162
163 .left_menu li {
164   margin: 0px;
165   padding: 0px;
166 }
167
168 /* submenus */
169 .left_menu ul li ul {
170   font-weight: normal;
171   line-height: 15px;
172   font-size: 12px;
173 }
174
175 .left_menu a {
176   color: #000;
177 }
178
179 /* Rules for SOTM advert */
180
181 #sotm {
182   width: 165px;
183   margin: 10px;
184   padding: 0px;
185   border: 0px;
186   background: #fff;
187 }
188
189 #sotm img {
190   width: 165px;
191 }
192
193 /*
194  * Rules for "optional boxes" which appear in the left sidebar on
195  * certain pages. Current users are the seach box on the main page
196  * and the tag cloud on the traces pages.
197  */
198
199 .optionalbox {
200   padding: 5px 10px;
201   margin: 4px 0;
202 }
203
204 .optionalbox h1 {
205   font-size: 14px;
206   font-weight: bold;
207   line-height: 20px;
208   margin: 0px;
209   vertical-align: bottom;
210 }
211
212 /* Rules for the search box */
213
214 .whereami {
215 }
216
217 #search_field form {
218   width: 100%;
219   margin: 0px;
220   padding: 0px;
221 }
222
223 #search_field {
224   position:relative;
225 }
226
227 #search_field input[type="text"] {
228   width: 165px;
229   padding: 5px;
230   font-size: 14px;
231   line-height: 15px;
232   height: 25px;
233   box-shadow: inset #DDD 0px 1px 3px;
234   box-sizing: border-box;
235   -webkit-box-sizing: border-box;
236   -moz-box-sizing: border-box;
237   -ms-box-sizing: border-box;
238 }
239
240 #search_field input[type="text"]:focus {
241   outline: none;
242   border: 1px solid #000;
243 }
244
245 #search_field input[type="submit"] {
246   width: 15px;
247   height: 15px;
248   border:0;
249   text-indent:-1000px;
250   padding-left: 0px;
251   padding-right: 0px;
252   background: url(sprite.png);
253   position:absolute;
254   right:2px;
255   top:5px;
256   cursor:pointer;
257 }
258
259 .search_help {
260   margin:0;
261 }
262
263 .deemphasize {
264   color: #999;
265 }
266
267 .deemphasize a {
268   color: #7092FF;
269 }
270
271 /* Rules for donation request box */
272
273 .donate {
274   width: 153px;
275   margin: 10px 10px;
276   padding: 5px;
277   border: 1px solid #AED1A0;
278   background: #cbeea7;
279   line-height: 20px;
280   text-align: center;
281   font-size: 14px;
282   border-radius: 2px;
283   -moz-border-radius: 2px;
284 }
285
286 .donate a {
287   color:#222;
288 }
289
290 /* Rules for Creative Commons logo button */
291
292 #cclogo {
293   margin-top: 10px;
294   margin-bottom: 10px;
295 }
296
297 /* Rules for tabbed navigation bar */
298
299 #top-bar {
300   border-bottom: 1px solid #ccc;
301   height: 29px;
302 }
303
304 #tabnav {
305   padding: 0;
306   margin: 0;
307   overflow:hidden;
308 }
309
310 #tabnav li {
311   margin: 0px;
312   padding: 0px;
313   display: inline;
314   list-style-type: none;
315 }
316
317 #tabnav a, #tabnav a:link, #tabnav a:visited {
318   background: #fff;
319   font-size: 14px;
320   line-height: 19px;
321   font-weight: bold;
322   padding: 5px 10px;
323   text-decoration: none;
324   color: #333;
325 }
326
327 #tabnav a:link.active, #tabnav a:visited.active {
328   border-bottom: 1px solid #aaa;
329   background: #9ed485;
330   color: #000;
331 }
332
333 #tabnav a:link:hover, #tabnav a:visited:hover {
334   text-decoration:underline;
335 }
336
337 #tabnav a:link.disabled,
338 #tabnav a:visited.disabled,
339 #tabnav a:link:hover.disabled,
340 #tabnav a:visited:hover.disabled {
341   color: #ccc;
342   cursor: default;
343 }
344
345 #tabnav a:link.disabled:hover,
346 #tabnav a:visited.disabled:hover,
347 #tabnav a:link:hover.disabled:hover,
348 #tabnav a:visited:hover.disabled:hover {
349   text-decoration: none;
350 }
351
352 .count-number {
353   padding: 2px 5px;
354   border-radius: 3px;
355   background: #eee;
356   margin: 0 2px;
357   font-size: 11px;
358   color: #333;
359 }
360
361 /* Rules for greeting bar in the top right corner */
362
363 #greeting {
364   height: 28px;
365   margin: 0px;
366   font-size: 13px;
367   line-height: 28px;
368 }
369
370 .greeting-bar-unread {
371   font-weight: bold;
372 }
373
374 /* Rules for the message shown in place of the map when javascript is disabled */
375
376 #noscript {
377   z-index: 20000000;
378   position: absolute;
379   top: 15px;
380 }
381
382 /* Rules for OpenLayers maps */
383
384 #map {
385   margin: 0px;
386   border: 0px;
387   padding: 0px;
388 }
389
390 .olControlAttribution {
391   bottom: 15px !important;
392   left: 0px !important;
393   right: 0px !important;
394   text-align: center;
395 }
396
397 #permalink {
398   z-index: 10000;
399   position: absolute;
400   bottom: 0px;
401   right: 0px;
402   padding: 5px;
403   background:#fff;
404   text-align: right;
405   font-size: 12px;
406 }
407
408 #permalink a {
409   padding: 5px;
410 }
411
412 /* Rules for edit menu */
413
414 .menuicon {
415   padding: 5px;
416
417   &:hover {
418     background: #eee;
419     text-decoration: none !important;
420   }
421 }
422
423 .menu {
424   display: none;
425   z-index: 10000;
426   position: absolute;
427   background-color: #ffffff;
428   border: 1px solid #cccccc;
429   border-top: 0px;
430 }
431
432 .menu ul {
433   margin: 0px;
434   padding: 0px;
435 }
436
437 .menu li {
438   padding: 2px 5px;
439   margin: 0px;
440   list-style-type: none;
441   border-top: 1px solid #eee;
442   white-space: nowrap;
443 }
444
445 /* Rules for attribution text under the main map shown on printouts */
446
447 #attribution {
448   display: none;
449 }
450
451 .attribution_notice {
452   text-align: center;
453 }
454
455 /* Rules for the popout map sidebar */
456
457 #sidebar {
458   display: none;
459   position: absolute;
460   margin: 0px;
461   padding: 0px;
462   width: 30%;
463   top: 0px;
464   bottom: 0px;
465 }
466
467 #sidebar #sidebar_content {
468   overflow: auto;
469   position: absolute;
470   font-size: 13px;
471   line-height: 15px;
472   top: 29px;
473   bottom: 0px;
474   left: 0px;
475   right: 0px;
476 }
477
478 #sidebar .sidebar_title {
479   margin: 0px;
480   padding: 3px 6px 4px 6px;
481   height: 29px;
482   font-size: 14px;
483   line-height: 15px;
484   background: #bbb;
485 }
486
487 /* Rules for the map key which appears in the popout sidebar */
488
489 #mapkey h3 {
490   font-size: 110%;
491   font-weight: normal;
492   text-align: center;
493 }
494
495 #mapkey .mapkey-table {
496   padding-left: 5px;
497   padding-right: 5px;
498 }
499
500 #mapkey .mapkey-table-key {
501 }
502
503 #mapkey .mapkey-table-value {
504   font-size: 90%;
505 }
506
507 /* Rules for search results which appear in the popout sidebar */
508
509 .search_searching {
510   margin-top: 5px;
511   margin-bottom: 5px;
512 }
513
514 .search_results_heading {
515   margin: 0px;
516   padding: 2px 5px;
517   border-bottom: 1px solid #ccc;
518   font-weight: bold;
519 }
520
521 .search_results_entry {
522   margin: 0px;
523   padding: 2px 5px;
524 }
525
526 .search_results_error {
527   margin: 0px;
528   padding: 2px 6px 0px;
529   color: #f00;
530 }
531
532 /* Rules for data browser information which appears in the popout sidebar */
533
534 .browse_heading {
535   margin: 0px;
536   padding: 3px 6px;
537   border: 1px solid #ccc;
538   background: #ddd;
539 }
540
541 .browse_details {
542   margin: 0px;
543   padding: 0px 6px;
544 }
545
546 /* Rules for export information which appears in the popout sidebar */
547
548 .export_heading {
549   margin: 0px;
550   padding: 2px 5px;
551   border-bottom: 1px solid #ccc;
552   font-weight: bold;
553 }
554
555 .export_bounds {
556   width: 100%;
557   text-align: center;
558 }
559
560 .export_bound {
561   margin: 5px;
562 }
563
564 .export_details {
565   padding: 2px 6px;
566 }
567
568 #export_osm {
569   display: none;
570 }
571
572 #export_mapnik {
573   display: none;
574 }
575
576 #export_osmarender {
577   display: none;
578 }
579
580 .export_hint {
581   padding: 0px 12px;
582   font-style: italic;
583 }
584
585 .export_buttons {
586   width: 100%;
587   text-align: center;
588 }
589
590 /* Rules for the main content area */
591
592 #content {
593   padding: 10px;
594   margin: 0px;
595   position: absolute;
596   bottom: 0px;
597 }
598
599 #content.site_index,
600 #content.site_edit,
601 #content.site_export {
602   border: 0px;
603   padding: 0px;
604 }
605
606 #slim_container {
607   width: 100%;
608 }
609
610 #slim_container_content {
611   max-width: 50em;
612   background-color: #FFFFFF;
613   margin: 10px auto;
614   padding: 3px;
615   border-radius: 25px;
616   -moz-border-radius: 25px;
617   border: 1px solid #e6e6e6;
618 }
619
620 #slim_content {
621   margin: 10px;
622   margin-top: 90px;
623   max-width: 50em;
624 }
625
626 #slim_header {
627   margin: 10px;
628   position: absolute;
629   top: 0px;
630 }
631
632 #slim_header img {
633   vertical-align: middle;
634   margin-bottom: 5px;
635 }
636
637 /* Rules for the home page */
638
639 .site_index #map {
640   position: absolute;
641   top: 0px;
642   bottom: 0px;
643   left: 0px;
644   right: 0px;
645 }
646
647 .site_export #map {
648   position: absolute;
649   top: 0px;
650   bottom: 0px;
651   left: 0px;
652   right: 0px;
653 }
654
655 /* Rules for the edit page */
656
657 .site_edit #map {
658   position: absolute;
659   top: 0px;
660   bottom: 0px;
661   left: 0px;
662   right: 0px;
663 }
664
665 /* Rules for the changeset list shown by the history tab etc */
666
667 #changeset_list_container {
668   position: relative;
669 }
670
671 #changeset_list {
672   width: 50%;
673   font-size: small;
674   border-collapse: collapse;
675   border-width: 0px;
676   margin-top: 1px;
677   margin-bottom: 1px;
678 }
679
680 #changeset_list td {
681   vertical-align: top;
682   padding: 3px;
683 }
684
685 #changeset_list .date {
686   white-space: nowrap;
687 }
688
689 #changeset_list .user {
690   white-space: nowrap;
691 }
692
693 #changeset_list .area {
694   white-space: nowrap;
695 }
696
697 #changeset_list .selected {
698   background-color: rgb(255, 255, 160);
699   background-color: rgba(255, 255, 85, 0.5);
700 }
701
702 #changeset_list_map {
703   position: absolute;
704   top: 0px;
705   bottom: 0px;
706   width: 49%;
707   min-height: 400px;
708   border: solid 1px black;
709 }
710
711 /* Rules for the data browser */
712
713 #browse_navigation {
714   width: 250px;
715   text-align: center;
716 }
717
718 table.browse_details th {
719   white-space: nowrap;
720 }
721
722 #browse_map {
723   width: 250px;
724 }
725
726 #browse_map #small_map {
727   width: 250px;
728   height: 300px;
729   border: solid 1px black;
730 }
731
732 #browse_map .geolink {
733   display: none;
734 }
735
736 /* Rules for the trace list shown by the traces tab etc */
737
738 #trace_list {
739   font-size: small;
740   border-collapse: collapse;
741   border-width: 0px;
742 }
743
744 #trace_list .trace_summary {
745   font-size: 12px;
746   color: gray;
747 }
748
749 #trace_list .trace_pending {
750   color: red;
751 }
752
753 #trace_list .trace_public {
754   color: green;
755 }
756
757 #trace_list .trace_identifiable {
758   color: green;
759 }
760
761 #trace_list .trace_trackable {
762   color: red;
763 }
764
765 #trace_list .trace_private {
766   color: red;
767 }
768
769 /* Rules for the user list */
770
771 #user_list {
772   width: 100%;
773   font-size: small;
774 }
775
776 #user_list tr {
777   vertical-align: middle;
778 }
779
780 #user_list p {
781   margin-top: 0px;
782   margin-bottom: 0px;
783 }
784
785 #user_list_actions {
786   margin-top: 10px;
787 }
788
789 /* Rules for the new diary entry page */
790
791 .diary_entry div#map {
792   position: relative;
793   width: 90%;
794   height: 400px;
795   border: 1px solid #ccc;
796   display: none;
797 }
798
799 /* Rules for the login page */
800
801 #login_wrapper div {
802   margin: 5px;
803   padding: 15px;
804   border-radius: 15px;
805   -moz-border-radius: 15px;
806 }
807
808 #login_login {
809   background-color: #f5f5ff;
810   border: 1px solid #f3f3ff;
811   border-radius: 15px;
812   -moz-border-radius: 15px;
813 }
814
815 #login_login h1 {
816   margin-top: 5px;
817 }
818
819 table#login_openid_buttons {
820   padding-bottom: 10px;
821 }
822
823 #login_openid_buttons td {
824   padding-left: 10px;
825   padding-right: 10px;
826   padding-top: 5px;
827   padding-bottom: 5px;
828 }
829
830 #login_openid_buttons img {
831   border: 0;
832 }
833
834 #login_signup form.button-to div {
835   margin: 0px;
836   padding: 0px;
837 }
838
839 /* Rules for the account confirmation page */
840
841 div#contributorTerms {
842   border: 1px solid black;
843   padding: 4px;
844   overflow: auto;
845   width: 95%;
846   height: 400px;
847 }
848
849 div#slim_content div#contributorTerms {
850   width: auto;
851 }
852
853 div#contributorTerms p#first {
854   margin-top: 0px;
855 }
856
857 div#contributorTerms p#last {
858   margin-bottom: 0px;
859 }
860
861 div#contributorTerms ol {
862   margin-bottom: 0px;
863 }
864
865 div#contributorTerms img {
866   display: block;
867   margin-left: auto;
868   margin-right: auto;
869   margin-top: 10%;
870 }
871
872 form#termsForm {
873   width: 95%;
874   margin-bottom: 3em;
875 }
876
877 div#slim_content form#termsForm {
878   width: auto;
879 }
880
881 p#contributorGuidance {
882   background-color: #f5f5ff;
883   border: 1px solid #f3f3ff;
884   border-radius: 15px;
885   -moz-border-radius: 15px;
886   padding: 10px;
887 }
888
889 /* Rules for the account settings page */
890
891 #accountForm {
892   margin-top: 20px;
893 }
894
895 #accountForm td {
896   padding-bottom: 10px;
897 }
898
899 #accountForm .user_map {
900   position: relative;
901   width: 500px;
902   height: 400px; 
903   border: 1px solid #ccc;
904 }
905
906 #accountImage td {
907   padding-bottom: 0px;
908 }
909
910 .nohome .location {
911   display: none;
912 }
913
914 #homerow .message {
915   display: none;
916 }
917
918 .nohome .message {
919   display: inline !important;
920 }
921
922 #accountForm input[type=submit] {
923   margin-top: 15px;
924 }
925
926 /* Rules for the user view */
927
928 .user_view .user_map {
929   position: relative;
930   width: 400px;
931   height: 400px; 
932   border: 1px solid #ccc;
933 }
934
935 .user_view .user_map p#no_home_location {
936   position: absolute;
937   top: 0px;
938   bottom: 0px;
939   width: 90%;
940   height: 30%;
941   margin: auto 5%
942 }
943
944 /* Rules for the user map */
945
946 .user_map .olControlSimplePanZoom {
947   display: none;
948 }
949
950 .user_map .olControlZoom {
951   display: block;
952 }
953
954 /* Rules for user popups on maps */
955
956 .user_popup p {
957   padding-top: 3px;
958   padding-bottom: 3px;
959   margin-top: 0px;
960   margin-bottom: 0px;
961   margin-left: 55px;
962   margin-right: 2px;
963 }
964
965 .user_popup img.user_thumbnail {
966   float: left;
967 }
968
969 /* Rules for message in/out box page */
970
971 #messages {
972   border: 1px solid #ccc;
973 }
974
975 .inbox-row-unread .inbox-subject {
976   font-weight: bold;
977 }
978
979 .inbox-row .inbox-mark-read {
980   display: none;
981 }
982
983 .inbox-row-unread .inbox-mark-unread {
984   display: none;
985 }
986
987 /* Rules for "flash" notice boxes shown at the top of the content area */
988
989 #error {
990   border: 1px solid red;
991   padding: 7px;
992   background-color: #fff0f0;
993   margin-bottom: 20px;
994   border-radius: 5px;
995   -moz-border-radius: 5px;
996 }
997
998 #warning {
999   border: 1px solid orange;
1000   padding: 7px;
1001   background-color: #fff6f0;
1002   margin-bottom: 20px;
1003   border-radius: 5px;
1004   -moz-border-radius: 5px;
1005 }
1006
1007 #notice {
1008   border: 1px solid green;
1009   padding: 7px;
1010   background-color: #f0fff0;
1011   margin-bottom: 20px;
1012   border-radius: 5px;
1013   -moz-border-radius: 5px;
1014 }
1015
1016 /* Rules for highlighting fields with rails validation errors */
1017
1018 .field_with_errors {
1019   padding: 2px;
1020   background-color: red;
1021   display: table;
1022 }
1023
1024 /* Rules for rails validation error boxes */
1025
1026 #errorExplanation {
1027   width: 400px;
1028   border: 2px solid red;
1029   padding: 7px;
1030   padding-bottom: 12px;
1031   margin-bottom: 20px;
1032   background-color: #f0f0f0;
1033 }
1034
1035 #errorExplanation h2 {
1036   font-weight: bold;
1037   font-size: 12px;
1038   margin: -7px;
1039   background-color: #c00;
1040   color: #fff;
1041 }
1042
1043 #errorExplanation p {
1044   color: #333;
1045   margin-bottom: 0px;
1046   padding: 5px;
1047 }
1048
1049 #errorExplanation ul li {
1050   font-size: 12px;
1051   list-style: square;
1052 }
1053
1054 /* Rules for forms */
1055
1056 .fieldName {
1057   vertical-align: top;
1058   font-weight: bold;
1059   font-size: 12px;
1060   line-height: 20px;
1061 }
1062
1063 .minorNote {
1064   font-size: 0.8em;
1065 }
1066
1067 input[type="text"],
1068 input[type="email"],
1069 input[type="url"],
1070 input[type="password"],
1071 textarea {
1072   border: 1px solid #ccc;
1073 }
1074
1075 /* Rules for user images */
1076
1077 img.user_image {
1078   max-width: 100px;
1079   max-height: 100px;
1080   border: 1px solid black;
1081 }
1082
1083 img.user_thumbnail {
1084   max-width: 50px;
1085   max-height: 100px;
1086   border: 1px solid black;
1087 }
1088
1089 /* Rule for "nowrap" class that can be applied to anything to stop wrapping */
1090
1091 .nowrap {
1092   white-space: nowrap;
1093 }
1094
1095 /* Rules for geo microformats */
1096
1097 abbr.geo {
1098   border-bottom: none;
1099 }
1100
1101 /* Rules for RSS buttons */
1102
1103 .rsssmall {
1104   position: relative;
1105   top: 4px;
1106 }
1107
1108 /* Rules for doing distinct colour of alternate table rows */
1109
1110 .table0 {
1111   background: #f6f6f6;
1112 }
1113
1114 .table1 {
1115   background: #fff;
1116 }
1117
1118 /* Rules for OpenID logo */
1119
1120 .openid_logo {
1121   vertical-align: text-bottom;
1122   border: 0;
1123 }
1124
1125 /* Rules for rich text editors */
1126
1127 .richtext_container {
1128   white-space: nowrap;
1129
1130   .richtext_content {
1131     display: inline-block;
1132     vertical-align: top;
1133
1134     .richtext_preview {
1135       display: inline-block;
1136       margin-top: 1px;
1137       margin-bottom: 1px;
1138       border: 4px solid #eee;
1139       background-color: #eee;
1140       white-space: normal;
1141
1142       &.loading {
1143         background-image: image-url("loading.gif");
1144         background-repeat: no-repeat;
1145         background-position: center;
1146       }
1147
1148       > :first-child {
1149         margin-top: 0px;
1150       }
1151     }
1152   }
1153
1154   .richtext_help {
1155     display: inline-block;
1156     vertical-align: top;
1157     background-color: #ddd;
1158     padding: 5px 10px 10px 10px;
1159     font-size: 12px;
1160
1161     p {
1162       margin: 0px;
1163     }
1164
1165     th {
1166       vertical-align: top;
1167     }
1168
1169     td {
1170       font-family: fixed;
1171       line-height: 16px;
1172       padding: 0px !important;
1173     }
1174
1175     input.richtext_doedit {
1176       margin-top: 5px !important;
1177     }
1178
1179     input.richtext_dopreview {
1180       margin-top: 5px !important;
1181     }
1182   }
1183 }