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