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