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