]> git.openstreetmap.org Git - rails.git/blob - app/assets/stylesheets/common.css.scss
Merge branch 'master' into openstreetbugs
[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   padding: 0px;
387 }
388
389 .olControlAttribution {
390   bottom: 15px !important;
391   left: 0px !important;
392   right: 0px !important;
393   text-align: center;
394 }
395
396 #permalink {
397   z-index: 10000;
398   position: absolute;
399   bottom: 0px;
400   right: 0px;
401   padding: 5px;
402   background:#fff;
403   text-align: right;
404   font-size: 12px;
405 }
406
407 #permalink a {
408   padding: 5px;
409 }
410
411 /* Rules for edit menu */
412
413 .menuicon {
414   padding: 5px;
415
416   &:hover {
417     background: #eee;
418     text-decoration: none !important;
419   }
420 }
421
422 .menu {
423   display: none;
424   z-index: 10000;
425   position: absolute;
426   background-color: #ffffff;
427   border: 1px solid #cccccc;
428   border-top: 0px;
429 }
430
431 .menu ul {
432   margin: 0px;
433   padding: 0px;
434 }
435
436 .menu li {
437   padding: 2px 5px;
438   margin: 0px;
439   list-style-type: none;
440   border-top: 1px solid #eee;
441   white-space: nowrap;
442 }
443
444 /* Rules for attribution text under the main map shown on printouts */
445
446 #attribution {
447   display: none;
448 }
449
450 .attribution_notice {
451   text-align: center;
452 }
453
454 /* Rules for the popout map sidebar */
455
456 #sidebar {
457   display: none;
458   position: absolute;
459   margin: 0px;
460   padding: 0px;
461   width: 30%;
462   top: 0px;
463   bottom: 0px;
464 }
465
466 #sidebar #sidebar_content {
467   overflow: auto;
468   position: absolute;
469   font-size: 13px;
470   line-height: 15px;
471   top: 29px;
472   bottom: 0px;
473   left: 0px;
474   right: 0px;
475 }
476
477 #sidebar .sidebar_title {
478   margin: 0px;
479   padding: 3px 6px 4px 6px;
480   height: 29px;
481   font-size: 14px;
482   line-height: 15px;
483   background: #bbb;
484 }
485
486 /* Rules for the map key which appears in the popout sidebar */
487
488 #mapkey h3 {
489   font-size: 110%;
490   font-weight: normal;
491   text-align: center;
492 }
493
494 #mapkey .mapkey-table {
495   padding-left: 5px;
496   padding-right: 5px;
497 }
498
499 #mapkey .mapkey-table-key {
500 }
501
502 #mapkey .mapkey-table-value {
503   font-size: 90%;
504 }
505
506 /* Rules for search results which appear in the popout sidebar */
507
508 .search_searching {
509   margin-top: 5px;
510   margin-bottom: 5px;
511 }
512
513 .search_results_heading {
514   margin: 0px;
515   padding: 2px 5px;
516   border-bottom: 1px solid #ccc;
517   font-weight: bold;
518 }
519
520 .search_results_entry {
521   margin: 0px;
522   padding: 2px 5px;
523 }
524
525 .search_results_error {
526   margin: 0px;
527   padding: 2px 6px 0px;
528   color: #f00;
529 }
530
531 /* Rules for data browser information which appears in the popout sidebar */
532
533 .browse_heading {
534   margin: 0px;
535   padding: 3px 6px;
536   border: 1px solid #ccc;
537   background: #ddd;
538 }
539
540 .browse_details {
541   margin: 0px;
542   padding: 0px 6px;
543 }
544
545 /* Rules for export information which appears in the popout sidebar */
546
547 .export_heading {
548   margin: 0px;
549   padding: 2px 5px;
550   border-bottom: 1px solid #ccc;
551   font-weight: bold;
552 }
553
554 .export_bounds {
555   width: 100%;
556   text-align: center;
557 }
558
559 .export_bound {
560   margin: 5px;
561 }
562
563 .export_details {
564   padding: 2px 6px;
565 }
566
567 #export_osm {
568   display: none;
569 }
570
571 #export_mapnik {
572   display: none;
573 }
574
575 #export_osmarender {
576   display: none;
577 }
578
579 .export_hint {
580   padding: 0px 12px;
581   font-style: italic;
582 }
583
584 .export_buttons {
585   width: 100%;
586   text-align: center;
587 }
588
589 /* Rules for the main content area */
590
591 #content {
592   padding: 10px;
593   margin: 0px;
594   position: absolute;
595   bottom: 0px;
596 }
597
598 #content.site_index,
599 #content.site_edit,
600 #content.site_export {
601   border: 0px;
602   padding: 0px;
603 }
604
605 #slim_container {
606   width: 100%;
607 }
608
609 #slim_container_content {
610   max-width: 50em;
611   background-color: #FFFFFF;
612   margin: 10px auto;
613   padding: 3px;
614   border-radius: 25px;
615   -moz-border-radius: 25px;
616   border: 1px solid #e6e6e6;
617 }
618
619 #slim_content {
620   margin: 10px;
621   margin-top: 90px;
622   max-width: 50em;
623 }
624
625 #slim_header {
626   margin: 10px;
627   position: absolute;
628   top: 0px;
629 }
630
631 #slim_header img {
632   vertical-align: middle;
633   margin-bottom: 5px;
634 }
635
636 /* Rules for the home page */
637
638 .site_index #map {
639   position: absolute;
640   top: 0px;
641   bottom: 0px;
642   left: 0px;
643   right: 0px;
644 }
645
646 .site_export #map {
647   position: absolute;
648   top: 0px;
649   bottom: 0px;
650   left: 0px;
651   right: 0px;
652 }
653
654 /* Rules for the edit page */
655
656 .site_edit #map {
657   position: absolute;
658   top: 0px;
659   bottom: 0px;
660   left: 0px;
661   right: 0px;
662 }
663
664 /* Rules for the changeset list shown by the history tab etc */
665
666 #changeset_list_container {
667   position: relative;
668 }
669
670 #changeset_list {
671   width: 50%;
672   font-size: small;
673   border-collapse: collapse;
674   border-width: 0px;
675   margin-top: 1px;
676   margin-bottom: 1px;
677 }
678
679 #changeset_list td {
680   vertical-align: top;
681   padding: 3px;
682 }
683
684 #changeset_list .date {
685   white-space: nowrap;
686 }
687
688 #changeset_list .user {
689   white-space: nowrap;
690 }
691
692 #changeset_list .area {
693   white-space: nowrap;
694 }
695
696 #changeset_list .selected {
697   background-color: rgb(255, 255, 160);
698   background-color: rgba(255, 255, 85, 0.5);
699 }
700
701 #changeset_list_map {
702   position: absolute;
703   top: 0px;
704   bottom: 0px;
705   width: 49%;
706   min-height: 400px;
707   border: solid 1px black;
708 }
709
710 /* Rules for the data browser */
711
712 #browse_navigation {
713   width: 250px;
714   text-align: center;
715 }
716
717 table.browse_details th {
718   white-space: nowrap;
719 }
720
721 td.browse_comments {
722   padding: 0px;
723 }
724
725 td.browse_comments table {
726   border-collapse: collapse;
727 }
728
729 td.browse_comments table td {
730   padding-bottom: 10px;
731 }
732
733 td.browse_comments table td span.by {
734   font-size: small;
735   color: #999999;
736 }
737
738 #browse_map {
739   width: 250px;
740 }
741
742 #browse_map #small_map {
743   width: 250px;
744   height: 300px;
745   border: solid 1px black;
746 }
747
748 #browse_map .geolink {
749   display: none;
750 }
751
752 /* Rules for the trace list shown by the traces tab etc */
753
754 #trace_list {
755   font-size: small;
756   border-collapse: collapse;
757   border-width: 0px;
758 }
759
760 #trace_list .trace_summary {
761   font-size: 12px;
762   color: gray;
763 }
764
765 #trace_list .trace_pending {
766   color: red;
767 }
768
769 #trace_list .trace_public {
770   color: green;
771 }
772
773 #trace_list .trace_identifiable {
774   color: green;
775 }
776
777 #trace_list .trace_trackable {
778   color: red;
779 }
780
781 #trace_list .trace_private {
782   color: red;
783 }
784
785 /* Rules for the user list */
786
787 #user_list {
788   width: 100%;
789   font-size: small;
790 }
791
792 #user_list tr {
793   vertical-align: middle;
794 }
795
796 #user_list p {
797   margin-top: 0px;
798   margin-bottom: 0px;
799 }
800
801 #user_list_actions {
802   margin-top: 10px;
803 }
804
805 /* Rules for the new diary entry page */
806
807 .diary_entry div#map {
808   position: relative;
809   width: 90%;
810   height: 400px;
811   border: 1px solid #ccc;
812   display: none;
813 }
814
815 /* Rules for the login page */
816
817 #login_wrapper div {
818   margin: 5px;
819   padding: 15px;
820   border-radius: 15px;
821   -moz-border-radius: 15px;
822 }
823
824 #login_login {
825   background-color: #f5f5ff;
826   border: 1px solid #f3f3ff;
827   border-radius: 15px;
828   -moz-border-radius: 15px;
829 }
830
831 #login_login h1 {
832   margin-top: 5px;
833 }
834
835 table#login_openid_buttons {
836   padding-bottom: 10px;
837 }
838
839 #login_openid_buttons td {
840   padding-left: 10px;
841   padding-right: 10px;
842   padding-top: 5px;
843   padding-bottom: 5px;
844 }
845
846 #login_openid_buttons img {
847   border: 0;
848 }
849
850 #login_signup form.button-to div {
851   margin: 0px;
852   padding: 0px;
853 }
854
855 /* Rules for the account confirmation page */
856
857 div#contributorTerms {
858   border: 1px solid black;
859   padding: 4px;
860   overflow: auto;
861   width: 95%;
862   height: 400px;
863 }
864
865 div#slim_content div#contributorTerms {
866   width: auto;
867 }
868
869 div#contributorTerms p#first {
870   margin-top: 0px;
871 }
872
873 div#contributorTerms p#last {
874   margin-bottom: 0px;
875 }
876
877 div#contributorTerms ol {
878   margin-bottom: 0px;
879 }
880
881 div#contributorTerms img {
882   display: block;
883   margin-left: auto;
884   margin-right: auto;
885   margin-top: 10%;
886 }
887
888 form#termsForm {
889   width: 95%;
890   margin-bottom: 3em;
891 }
892
893 div#slim_content form#termsForm {
894   width: auto;
895 }
896
897 p#contributorGuidance {
898   background-color: #f5f5ff;
899   border: 1px solid #f3f3ff;
900   border-radius: 15px;
901   -moz-border-radius: 15px;
902   padding: 10px;
903 }
904
905 /* Rules for the account settings page */
906
907 #accountForm {
908   margin-top: 20px;
909 }
910
911 #accountForm td {
912   padding-bottom: 10px;
913 }
914
915 #accountForm .user_map {
916   position: relative;
917   width: 500px;
918   height: 400px; 
919   border: 1px solid #ccc;
920 }
921
922 #accountImage td {
923   padding-bottom: 0px;
924 }
925
926 .nohome .location {
927   display: none;
928 }
929
930 #homerow .message {
931   display: none;
932 }
933
934 .nohome .message {
935   display: inline !important;
936 }
937
938 #accountForm input[type=submit] {
939   margin-top: 15px;
940 }
941
942 /* Rules for the user view */
943
944 .user_view .user_map {
945   position: relative;
946   width: 400px;
947   height: 400px; 
948   border: 1px solid #ccc;
949 }
950
951 .user_view .user_map p#no_home_location {
952   position: absolute;
953   top: 0px;
954   bottom: 0px;
955   width: 90%;
956   height: 30%;
957   margin: auto 5%
958 }
959
960 /* Rules for the user map */
961
962 .user_map .olControlSimplePanZoom {
963   display: none;
964 }
965
966 .user_map .olControlZoom {
967   display: block;
968 }
969
970 /* Rules for user popups on maps */
971
972 .user_popup p {
973   padding-top: 3px;
974   padding-bottom: 3px;
975   margin-top: 0px;
976   margin-bottom: 0px;
977   margin-left: 55px;
978   margin-right: 2px;
979 }
980
981 .user_popup img.user_thumbnail {
982   float: left;
983 }
984
985 /* Rules for message in/out box page */
986
987 #messages {
988   border: 1px solid #ccc;
989 }
990
991 .inbox-row-unread .inbox-subject {
992   font-weight: bold;
993 }
994
995 .inbox-row .inbox-mark-read {
996   display: none;
997 }
998
999 .inbox-row-unread .inbox-mark-unread {
1000   display: none;
1001 }
1002
1003 /* Rules for "flash" notice boxes shown at the top of the content area */
1004
1005 #error {
1006   border: 1px solid red;
1007   padding: 7px;
1008   background-color: #fff0f0;
1009   margin-bottom: 20px;
1010   border-radius: 5px;
1011   -moz-border-radius: 5px;
1012 }
1013
1014 #warning {
1015   border: 1px solid orange;
1016   padding: 7px;
1017   background-color: #fff6f0;
1018   margin-bottom: 20px;
1019   border-radius: 5px;
1020   -moz-border-radius: 5px;
1021 }
1022
1023 #notice {
1024   border: 1px solid green;
1025   padding: 7px;
1026   background-color: #f0fff0;
1027   margin-bottom: 20px;
1028   border-radius: 5px;
1029   -moz-border-radius: 5px;
1030 }
1031
1032 /* Rules for highlighting fields with rails validation errors */
1033
1034 .field_with_errors {
1035   padding: 2px;
1036   background-color: red;
1037   display: table;
1038 }
1039
1040 /* Rules for rails validation error boxes */
1041
1042 #errorExplanation {
1043   width: 400px;
1044   border: 2px solid red;
1045   padding: 7px;
1046   padding-bottom: 12px;
1047   margin-bottom: 20px;
1048   background-color: #f0f0f0;
1049 }
1050
1051 #errorExplanation h2 {
1052   font-weight: bold;
1053   font-size: 12px;
1054   margin: -7px;
1055   background-color: #c00;
1056   color: #fff;
1057 }
1058
1059 #errorExplanation p {
1060   color: #333;
1061   margin-bottom: 0px;
1062   padding: 5px;
1063 }
1064
1065 #errorExplanation ul li {
1066   font-size: 12px;
1067   list-style: square;
1068 }
1069
1070 /* Rules for forms */
1071
1072 .fieldName {
1073   vertical-align: top;
1074   font-weight: bold;
1075   font-size: 12px;
1076   line-height: 20px;
1077 }
1078
1079 .minorNote {
1080   font-size: 0.8em;
1081 }
1082
1083 input[type="text"],
1084 input[type="email"],
1085 input[type="url"],
1086 input[type="password"],
1087 textarea {
1088   border: 1px solid #ccc;
1089 }
1090
1091 /* Rules for user images */
1092
1093 img.user_image {
1094   max-width: 100px;
1095   max-height: 100px;
1096   border: 1px solid black;
1097 }
1098
1099 img.user_thumbnail {
1100   max-width: 50px;
1101   max-height: 100px;
1102   border: 1px solid black;
1103 }
1104
1105 /* Rule for "nowrap" class that can be applied to anything to stop wrapping */
1106
1107 .nowrap {
1108   white-space: nowrap;
1109 }
1110
1111 /* Rules for geo microformats */
1112
1113 abbr.geo {
1114   border-bottom: none;
1115 }
1116
1117 /* Rules for RSS buttons */
1118
1119 .rsssmall {
1120   position: relative;
1121   top: 4px;
1122 }
1123
1124 /* Rules for doing distinct colour of alternate table rows */
1125
1126 .table0 {
1127   background: #f6f6f6;
1128 }
1129
1130 .table1 {
1131   background: #fff;
1132 }
1133
1134 /* Rules for OpenID logo */
1135
1136 .openid_logo {
1137   vertical-align: text-bottom;
1138   border: 0;
1139 }
1140
1141 /* Rules for rich text editors */
1142
1143 .richtext_container {
1144   white-space: nowrap;
1145
1146   .richtext_content {
1147     display: inline-block;
1148     vertical-align: top;
1149
1150     .richtext_preview {
1151       display: inline-block;
1152       margin-top: 1px;
1153       margin-bottom: 1px;
1154       border: 4px solid #eee;
1155       background-color: #eee;
1156       white-space: normal;
1157
1158       &.loading {
1159         background-image: image-url("loading.gif");
1160         background-repeat: no-repeat;
1161         background-position: center;
1162       }
1163
1164       > :first-child {
1165         margin-top: 0px;
1166       }
1167     }
1168   }
1169
1170   .richtext_help {
1171     display: inline-block;
1172     vertical-align: top;
1173     background-color: #ddd;
1174     padding: 5px 10px 10px 10px;
1175     font-size: 12px;
1176
1177     p {
1178       margin: 0px;
1179     }
1180
1181     th {
1182       vertical-align: top;
1183     }
1184
1185     td {
1186       font-family: fixed;
1187       line-height: 16px;
1188       padding: 0px !important;
1189     }
1190
1191     input.richtext_doedit {
1192       margin-top: 5px !important;
1193     }
1194
1195     input.richtext_dopreview {
1196       margin-top: 5px !important;
1197     }
1198   }
1199 }