Prevent scrollbars showing up on the edit view
[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   overflow: hidden;
664 }
665
666 /* Rules for the changeset list shown by the history tab etc */
667
668 #changeset_list_container {
669   position: relative;
670 }
671
672 #changeset_list {
673   width: 50%;
674   font-size: small;
675   border-collapse: collapse;
676   border-width: 0px;
677   margin-top: 1px;
678   margin-bottom: 1px;
679 }
680
681 #changeset_list td {
682   vertical-align: top;
683   padding: 3px;
684 }
685
686 #changeset_list .date {
687   white-space: nowrap;
688 }
689
690 #changeset_list .user {
691   white-space: nowrap;
692 }
693
694 #changeset_list .area {
695   white-space: nowrap;
696 }
697
698 #changeset_list .selected {
699   background-color: rgb(255, 255, 160);
700   background-color: rgba(255, 255, 85, 0.5);
701 }
702
703 #changeset_list_map {
704   position: absolute;
705   top: 0px;
706   bottom: 0px;
707   width: 49%;
708   min-height: 400px;
709   border: solid 1px black;
710 }
711
712 /* Rules for the data browser */
713
714 #browse_navigation {
715   width: 250px;
716   text-align: center;
717 }
718
719 table.browse_details th {
720   white-space: nowrap;
721 }
722
723 #browse_map {
724   width: 250px;
725 }
726
727 #browse_map #small_map {
728   width: 250px;
729   height: 300px;
730   border: solid 1px black;
731 }
732
733 #browse_map .geolink {
734   display: none;
735 }
736
737 /* Rules for the trace list shown by the traces tab etc */
738
739 #trace_list {
740   font-size: small;
741   border-collapse: collapse;
742   border-width: 0px;
743 }
744
745 #trace_list .trace_summary {
746   font-size: 12px;
747   color: gray;
748 }
749
750 #trace_list .trace_pending {
751   color: red;
752 }
753
754 #trace_list .trace_public {
755   color: green;
756 }
757
758 #trace_list .trace_identifiable {
759   color: green;
760 }
761
762 #trace_list .trace_trackable {
763   color: red;
764 }
765
766 #trace_list .trace_private {
767   color: red;
768 }
769
770 /* Rules for the user list */
771
772 #user_list {
773   width: 100%;
774   font-size: small;
775 }
776
777 #user_list tr {
778   vertical-align: middle;
779 }
780
781 #user_list p {
782   margin-top: 0px;
783   margin-bottom: 0px;
784 }
785
786 #user_list_actions {
787   margin-top: 10px;
788 }
789
790 /* Rules for the new diary entry page */
791
792 .diary_entry div#map {
793   position: relative;
794   width: 90%;
795   height: 400px;
796   border: 1px solid #ccc;
797   display: none;
798 }
799
800 /* Rules for the login page */
801
802 #login_wrapper div {
803   margin: 5px;
804   padding: 15px;
805   border-radius: 15px;
806   -moz-border-radius: 15px;
807 }
808
809 #login_login {
810   background-color: #f5f5ff;
811   border: 1px solid #f3f3ff;
812   border-radius: 15px;
813   -moz-border-radius: 15px;
814 }
815
816 #login_login h1 {
817   margin-top: 5px;
818 }
819
820 table#login_openid_buttons {
821   padding-bottom: 10px;
822 }
823
824 #login_openid_buttons td {
825   padding-left: 10px;
826   padding-right: 10px;
827   padding-top: 5px;
828   padding-bottom: 5px;
829 }
830
831 #login_openid_buttons img {
832   border: 0;
833 }
834
835 #login_signup form.button-to div {
836   margin: 0px;
837   padding: 0px;
838 }
839
840 /* Rules for the account confirmation page */
841
842 div#contributorTerms {
843   border: 1px solid black;
844   padding: 4px;
845   overflow: auto;
846   width: 95%;
847   height: 400px;
848 }
849
850 div#slim_content div#contributorTerms {
851   width: auto;
852 }
853
854 div#contributorTerms p#first {
855   margin-top: 0px;
856 }
857
858 div#contributorTerms p#last {
859   margin-bottom: 0px;
860 }
861
862 div#contributorTerms ol {
863   margin-bottom: 0px;
864 }
865
866 div#contributorTerms img {
867   display: block;
868   margin-left: auto;
869   margin-right: auto;
870   margin-top: 10%;
871 }
872
873 form#termsForm {
874   width: 95%;
875   margin-bottom: 3em;
876 }
877
878 div#slim_content form#termsForm {
879   width: auto;
880 }
881
882 p#contributorGuidance {
883   background-color: #f5f5ff;
884   border: 1px solid #f3f3ff;
885   border-radius: 15px;
886   -moz-border-radius: 15px;
887   padding: 10px;
888 }
889
890 /* Rules for the account settings page */
891
892 #accountForm {
893   margin-top: 20px;
894 }
895
896 #accountForm td {
897   padding-bottom: 10px;
898 }
899
900 #accountForm .user_map {
901   position: relative;
902   width: 500px;
903   height: 400px; 
904   border: 1px solid #ccc;
905 }
906
907 #accountImage td {
908   padding-bottom: 0px;
909 }
910
911 .nohome .location {
912   display: none;
913 }
914
915 #homerow .message {
916   display: none;
917 }
918
919 .nohome .message {
920   display: inline !important;
921 }
922
923 #accountForm input[type=submit] {
924   margin-top: 15px;
925 }
926
927 /* Rules for the user view */
928
929 .user_view .user_map {
930   position: relative;
931   width: 400px;
932   height: 400px; 
933   border: 1px solid #ccc;
934 }
935
936 .user_view .user_map p#no_home_location {
937   position: absolute;
938   top: 0px;
939   bottom: 0px;
940   width: 90%;
941   height: 30%;
942   margin: auto 5%
943 }
944
945 /* Rules for the user map */
946
947 .user_map .olControlSimplePanZoom {
948   display: none;
949 }
950
951 .user_map .olControlZoom {
952   display: block;
953 }
954
955 /* Rules for user popups on maps */
956
957 .user_popup p {
958   padding-top: 3px;
959   padding-bottom: 3px;
960   margin-top: 0px;
961   margin-bottom: 0px;
962   margin-left: 55px;
963   margin-right: 2px;
964 }
965
966 .user_popup img.user_thumbnail {
967   float: left;
968 }
969
970 /* Rules for message in/out box page */
971
972 #messages {
973   border: 1px solid #ccc;
974 }
975
976 .inbox-row-unread .inbox-subject {
977   font-weight: bold;
978 }
979
980 .inbox-row .inbox-mark-read {
981   display: none;
982 }
983
984 .inbox-row-unread .inbox-mark-unread {
985   display: none;
986 }
987
988 /* Rules for "flash" notice boxes shown at the top of the content area */
989
990 #error {
991   border: 1px solid red;
992   padding: 7px;
993   background-color: #fff0f0;
994   margin-bottom: 20px;
995   border-radius: 5px;
996   -moz-border-radius: 5px;
997 }
998
999 #warning {
1000   border: 1px solid orange;
1001   padding: 7px;
1002   background-color: #fff6f0;
1003   margin-bottom: 20px;
1004   border-radius: 5px;
1005   -moz-border-radius: 5px;
1006 }
1007
1008 #notice {
1009   border: 1px solid green;
1010   padding: 7px;
1011   background-color: #f0fff0;
1012   margin-bottom: 20px;
1013   border-radius: 5px;
1014   -moz-border-radius: 5px;
1015 }
1016
1017 /* Rules for highlighting fields with rails validation errors */
1018
1019 .field_with_errors {
1020   padding: 2px;
1021   background-color: red;
1022   display: table;
1023 }
1024
1025 /* Rules for rails validation error boxes */
1026
1027 #errorExplanation {
1028   width: 400px;
1029   border: 2px solid red;
1030   padding: 7px;
1031   padding-bottom: 12px;
1032   margin-bottom: 20px;
1033   background-color: #f0f0f0;
1034 }
1035
1036 #errorExplanation h2 {
1037   font-weight: bold;
1038   font-size: 12px;
1039   margin: -7px;
1040   background-color: #c00;
1041   color: #fff;
1042 }
1043
1044 #errorExplanation p {
1045   color: #333;
1046   margin-bottom: 0px;
1047   padding: 5px;
1048 }
1049
1050 #errorExplanation ul li {
1051   font-size: 12px;
1052   list-style: square;
1053 }
1054
1055 /* Rules for forms */
1056
1057 .fieldName {
1058   vertical-align: top;
1059   font-weight: bold;
1060   font-size: 12px;
1061   line-height: 20px;
1062 }
1063
1064 .minorNote {
1065   font-size: 0.8em;
1066 }
1067
1068 input[type="text"],
1069 input[type="email"],
1070 input[type="url"],
1071 input[type="password"],
1072 textarea {
1073   border: 1px solid #ccc;
1074 }
1075
1076 /* Rules for user images */
1077
1078 img.user_image {
1079   max-width: 100px;
1080   max-height: 100px;
1081   border: 1px solid black;
1082 }
1083
1084 img.user_thumbnail {
1085   max-width: 50px;
1086   max-height: 100px;
1087   border: 1px solid black;
1088 }
1089
1090 /* Rule for "nowrap" class that can be applied to anything to stop wrapping */
1091
1092 .nowrap {
1093   white-space: nowrap;
1094 }
1095
1096 /* Rules for geo microformats */
1097
1098 abbr.geo {
1099   border-bottom: none;
1100 }
1101
1102 /* Rules for RSS buttons */
1103
1104 .rsssmall {
1105   position: relative;
1106   top: 4px;
1107 }
1108
1109 /* Rules for doing distinct colour of alternate table rows */
1110
1111 .table0 {
1112   background: #f6f6f6;
1113 }
1114
1115 .table1 {
1116   background: #fff;
1117 }
1118
1119 /* Rules for OpenID logo */
1120
1121 .openid_logo {
1122   vertical-align: text-bottom;
1123   border: 0;
1124 }
1125
1126 /* Rules for rich text editors */
1127
1128 .richtext_container {
1129   white-space: nowrap;
1130
1131   .richtext_content {
1132     display: inline-block;
1133     vertical-align: top;
1134
1135     .richtext_preview {
1136       display: inline-block;
1137       margin-top: 1px;
1138       margin-bottom: 1px;
1139       border: 4px solid #eee;
1140       background-color: #eee;
1141       white-space: normal;
1142
1143       &.loading {
1144         background-image: image-url("loading.gif");
1145         background-repeat: no-repeat;
1146         background-position: center;
1147       }
1148
1149       > :first-child {
1150         margin-top: 0px;
1151       }
1152     }
1153   }
1154
1155   .richtext_help {
1156     display: inline-block;
1157     vertical-align: top;
1158     background-color: #ddd;
1159     padding: 5px 10px 10px 10px;
1160     font-size: 12px;
1161
1162     p {
1163       margin: 0px;
1164     }
1165
1166     th {
1167       vertical-align: top;
1168     }
1169
1170     td {
1171       font-family: fixed;
1172       line-height: 16px;
1173       padding: 0px !important;
1174     }
1175
1176     input.richtext_doedit {
1177       margin-top: 5px !important;
1178     }
1179
1180     input.richtext_dopreview {
1181       margin-top: 5px !important;
1182     }
1183   }
1184 }