]> git.openstreetmap.org Git - osqa.git/blob - forum/skins/default/media/style/style.css
Applys patches by Sandeep Ghael to fix OSQA-355, OSQA-324, OSQA-411 and OSQA 149.
[osqa.git] / forum / skins / default / media / style / style.css
1 @import "jquery.autocomplete.css";
2
3 body {
4     overflow-y: scroll;
5     height: 100%;
6     background: none repeat scroll 0 0 #FFFFFF;
7     color: #000000;
8     font-family: sans-serif;
9     font-size: 12px;
10     line-height: 150%;
11     margin: 0;
12     padding: 0;
13 }
14
15 div {
16     margin: 0 auto;
17     padding: 0;
18 }
19
20 h1, h2, h3, ul, li, form, img, p {
21     border: medium none;
22     margin: 0;
23     padding: 0;
24 }
25
26 label {
27     vertical-align: middle;
28 }
29
30 .login label {
31     display: block;
32 }
33
34 .login .form-row-vertical {
35     margin-bottom: 8px;
36 }
37
38 hr {
39     border-color: #CCCCCE -moz-use-text-color -moz-use-text-color;
40     border-right: medium none;
41     border-style: dashed none none;
42     border-width: 1px medium medium;
43 }
44
45 input, select {
46     font-family: Trebuchet MS, "segoe ui", Helvetica, "Microsoft YaHei", Tahoma, Verdana, MingLiu, PMingLiu, Arial, sans-serif;
47     vertical-align: middle;
48 }
49
50 p {
51     font-size: 13px;
52     line-height: 140%;
53     margin-bottom: 13px;
54 }
55
56 a {
57     color: #3060A8;
58     text-decoration: none;
59 }
60
61 .badges a {
62     color: #763333;
63     text-decoration: underline;
64 }
65
66 a:hover {
67     text-decoration: underline;
68 }
69
70 .tright {
71     text-align: right;
72 }
73
74 .spacer3 {
75     clear: both;
76     height: 30px;
77     line-height: 30px;
78     visibility: hidden;
79 }
80
81 h1 {
82     font-size: 160%;
83     padding: 5px 0;
84     line-height: 110%;
85 }
86
87 h2 {
88     font-size: 140%;
89     padding: 3px 0;
90     line-height: 110%;
91 }
92
93 h3 {
94     font-size: 120%;
95     padding: 3px 0;
96     line-height: 110%;
97 }
98
99 ul {
100     list-style: disc outside none;
101     margin-bottom: 1em;
102     margin-left: 20px;
103     padding-left: 0;
104 }
105
106 ol {
107     list-style: decimal outside none;
108     margin-bottom: 1em;
109     margin-left: 30px;
110     padding-left: 0;
111 }
112
113 td ul {
114     vertical-align: middle;
115 }
116
117 li input {
118     margin: 3px 3px 4px;
119 }
120
121 pre {
122     background-color: #F5F5F5;
123     font-family: Consolas, Monaco, Liberation Mono, Lucida Console, Monospace;
124     font-size: 100%;
125     margin-bottom: 10px;
126     overflow: auto;
127     padding-left: 5px;
128     padding-top: 5px;
129     width: 580px;
130 }
131
132 code {
133     font-family: Consolas, Monaco, Liberation Mono, Lucida Console, Monospace;
134     font-size: 100%;
135 }
136
137 blockquote {
138     background-color: #F5F5F5;
139     margin-bottom: 10px;
140     margin-right: 15px;
141     padding: 10px 0 1px 10px;
142     max-width: 650px;
143 }
144
145 #wrapper, #announcement {
146     margin: auto;
147     padding: 0;
148     width: 990px;
149     background-color: #FFF;
150 }
151
152 #roof {
153     background: none repeat scroll 0 0 #FFFFFF;
154     margin-top: 0;
155     position: relative;
156     width: 990px;
157 }
158
159 #room {
160     background-color: #FFFFFF;
161     border-bottom: 1px solid #777777;
162     padding: 10px 0;
163 }
164
165 #CALeft {
166     float: left;
167     position: relative;
168     width: 740px;
169 }
170
171 #CARight {
172     float: right;
173     width: 240px;
174 }
175
176 #CAFull {
177     float: left;
178     padding: 0 5px;
179     width: 950px;
180 }
181
182 #ground {
183     background: none repeat scroll 0 0 #BDCCED;
184     border-top: 1px solid #000000;
185     padding-bottom: 0;
186     padding-top: 6px;
187     text-align: center;
188     width: 990px;
189 }
190
191 #top {
192     background-color: #FFFFFF;
193     height: 20px;
194     padding: 3px;
195     position: absolute;
196     right: 0;
197     text-align: right;
198     top: 0;
199     width: 500px;
200 }
201
202 #top a {
203     color: #333333;
204     font-size: 12px;
205     height: 35px;
206     margin-left: 20px;
207     text-align: right;
208     text-decoration: underline;
209 }
210
211 #logo {
212     padding: 5px 0 0;
213 }
214
215 #navBar {
216     display: block;
217     position: relative;
218     width: 990px;
219 }
220
221 #navBar .nav {
222     margin: 20px 0 0 16px;
223 }
224
225 #navBar .nav a {
226     background-color: #E5EBF8;
227     border-color: #888888 #888888 -moz-use-text-color;
228     border-style: solid solid none;
229     border-width: 1px 1px medium;
230     color: #333333;
231     display: block;
232     float: left;
233     font-size: 14px;
234     font-weight: 400;
235     height: 25px;
236     line-height: 30px;
237     margin-left: 10px;
238     padding: 0 12px 3px;
239     text-decoration: none;
240 }
241
242 #navBar .nav a:hover {
243     text-decoration: underline;
244 }
245
246 #navBar .nav a.on {
247     background: none repeat scroll 0 0 #356FCB;
248     border: 1px solid #356FCB;
249     color: #FFFFFF;
250     font-weight: 600;
251     height: 24px;
252     line-height: 28px;
253     text-decoration: none;
254 }
255
256 #navBar .nav a.special {
257     color: #B02B2C;
258     font-size: 14px;
259     font-weight: bold;
260     text-decoration: none;
261 }
262
263 #navBar .nav a.special:hover {
264     text-decoration: underline;
265 }
266
267 #navBar .nav div.focus {
268     float: right;
269     padding-right: 0;
270 }
271
272 #searchBar {
273     background-color: #B6C4E2;
274     border-color: #EEEEEC #A9ACA5 #BABDB6 #EEEEEC;
275     border-style: solid;
276     border-width: 1px;
277     padding: 4px 0 0;
278     width: 988px;
279 }
280
281 #searchBar .content {
282 }
283
284 #searchBar .searchInput {
285     font-size: 13px;
286     height: 18px;
287     width: 400px;
288 }
289
290 #searchBar .searchBtn {
291     font-size: 14px;
292     height: 26px;
293     width: 80px;
294 }
295
296 #searchBar .options {
297     color: #333333;
298     font-size: 120%;
299     padding: 3px 0;
300 }
301
302 #searchBar .options input {
303     margin: 0 3px 0 15px;
304 }
305
306 #searchBar .options input:hover {
307     cursor: pointer;
308 }
309
310 #listA {
311     background-color: #FFFFFF;
312     float: left;
313     padding: 0 0;
314     width: 100%;
315 }
316
317 .thousand {
318     color: orange;
319 }
320
321 .short-summary {
322     border-top: 1px dotted #CCCCCE;
323     float: left;
324     overflow: hidden;
325     padding: 3px 0px 5px 0;
326     position: relative;
327     width: 740px;
328 }
329
330 #listA .short-summary:first-of-type {
331     border-top: 0;
332 }
333
334 .short-summary h2 a {
335     color: #2A5594;
336     font-family: "Trebuchet MS", "segoe ui", arial, sans-serif;
337     font-size: 17px;
338 }
339
340 .short-summary .userinfo {
341     color: #666666;
342     float: right;
343     margin-top: 8px;
344 }
345
346 .userinfo a, a.userinfo {
347     color: #3060A8;
348 }
349
350 .short-summary .counts {
351     float: left;
352     margin-right: 0px;
353     margin-top: 4px;
354     padding-right: 2px;
355 }
356
357 .short-summary .counts .item-count {
358     font-size: 17px;
359     font-weight: bold;
360 }
361
362 .short-summary .question-summary-wrapper {
363   float: right;
364   width: 565px;
365 }
366
367 .short-summary .votes, .short-summary .status, .short-summary .views {
368     -moz-border-radius: 5px 5px 5px 5px;
369     border-bottom: 1px solid #CCCCCC;
370     border-right: 1px solid #CCCCCC;
371     float: left;
372     font-size: 11px;
373     height: 42px;
374     margin: 0 6px 0 0px;
375     padding: 8px 2px 0;
376     text-align: center;
377     width: 46px;
378 }
379
380 .short-summary .votes, .short-summary .views {
381     color: #666666;
382 }
383
384 .short-summary .favorites {
385     width: 24px;
386     float: left;
387     text-align: center;
388 }
389
390 #question-table {
391     margin-bottom: 10px;
392 }
393
394 .questions-count {
395     color: #A40000;
396     font-family: sans-serif;
397     font-size: 24px;
398     font-weight: 600;
399     margin-top: 3px;
400     margin-right: 5px;
401     padding: 0 0 5px 0;
402 }
403
404 .boxA {
405     background: none repeat scroll 0 0 #888A85;
406     margin-bottom: 8px;
407     padding: 6px;
408 }
409
410 .boxA h3 {
411     color: #FFFFFF;
412     font-size: 13px;
413     font-weight: 800;
414     margin: 0 0 4px;
415     padding: 0;
416 }
417
418 .boxA .body {
419     background: none repeat scroll 0 0 #FFFFFF;
420     border: 1px solid #999999;
421     font-size: 13px;
422     padding: 8px;
423 }
424
425 .boxA .more {
426     font-weight: 800;
427     padding: 2px;
428     text-align: right;
429 }
430
431 .boxC {
432     background: none repeat scroll 0 0 #E5EBF8;
433     border-color: #EEEEEC #A9ACA5 #BABDB6 #EEEEEC;
434     border-style: solid;
435     border-width: 1px;
436     margin-bottom: 8px;
437     padding: 10px;
438 }
439
440 .boxC p {
441     margin-bottom: 8px;
442 }
443
444 .boxC p.nomargin {
445     margin: 0;
446 }
447
448 .boxC p.info-box-follow-up-links {
449     margin: 0;
450     text-align: right;
451 }
452
453 .pager {
454     float: left;
455     margin-bottom: 16px;
456     margin-top: 10px;
457 }
458
459 .pagesize {
460     float: right;
461     margin-bottom: 16px;
462     margin-top: 10px;
463 }
464
465 .paginator {
466     font: 12px sans-serif;
467     padding: 5px 0 10px;
468 }
469
470 .paginator .prev a, .paginator .prev a:visited, .paginator .next a, .paginator .next a:visited {
471     background-color: #FFFFFF;
472     border: 1px solid #FFFFFF;
473     color: #777777;
474     font: bold 100% sans-serif;
475     padding: 2px 4px 3px;
476 }
477
478 .paginator .prev {
479     margin-right: 0.5em;
480 }
481
482 .paginator .next {
483     margin-left: 0.5em;
484 }
485
486 .paginator .page a, .paginator .page a:visited, .paginator .curr {
487     background-color: #FFFFFF;
488     border: 1px solid #CCCCCC;
489     color: #777777;
490     font: 0.875em verdana;
491     margin: 0 0.25em;
492     padding: 0.25em;
493 }
494
495 .paginator .curr {
496     background-color: #777777;
497     border: 1px solid #777777;
498     color: #FFFFFF;
499     font-weight: bold;
500 }
501
502 .paginator .page a:hover, .paginator .prev a:hover, .paginator .next a:hover {
503     background-color: #777777;
504     border: 1px solid #777777;
505     color: #FFFFFF;
506     text-decoration: none;
507 }
508
509 .paginator .text {
510     color: #777777;
511     font: bold 100% sans-serif;
512     padding: 0.3em;
513 }
514
515 .paginator-container-left {
516     padding: 5px 0 10px;
517 }
518
519 .tags {
520     display: block;
521     font-family: sans-serif;
522     line-height: 200%;
523     margin-top: 5px;
524 }
525
526 .tags a, span.tag {
527     background-color: #EEEEEE;
528     border-bottom: 1px solid #CCCCCC;
529     border-right: 1px solid #CCCCCC;
530     color: #777777;
531     font-size: 11px;
532     font-weight: normal;
533     padding: 1px 8px;
534     text-decoration: none;
535     white-space: nowrap;
536 }
537
538 .tags a:hover {
539     background-color: #356FCB;
540     color: #FFFFFF;
541 }
542
543 .tag-number {
544     font-family: sans-serif;
545     font-weight: 700;
546 }
547
548 .marked-tags {
549     margin-bottom: 5px;
550     margin-top: 0;
551 }
552
553 a.medal {
554     background: none repeat scroll 0 0 #FFFFCD;
555     border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE;
556     border-left: 1px solid #EEEEEE;
557     border-style: solid;
558     border-width: 1px;
559     color: #333333;
560     font-size: 14px;
561     font-weight: bold;
562     line-height: 250%;
563     padding: 4px 12px 4px 6px;
564     text-decoration: none;
565 }
566
567 a.medal:hover {
568     background: url("../images/medala_on.gif") no-repeat scroll 0 0 transparent;
569     border-color: #E7E296 #D1CA3D #D1CA3D #E7E296;
570     border-left: 1px solid #E7E296;
571     border-style: solid;
572     border-width: 1px;
573     color: #333333;
574     text-decoration: none;
575 }
576
577 .tabBar {
578     background-color: #FFFFFF;
579     border-bottom: 1px solid white;
580     clear: both;
581     height: 30px;
582     margin-bottom: 3px;
583     width: 100%;
584 }
585
586 .tabsA {
587     background-color: #FFFFFF;
588     display: block;
589     float: right;
590     font-weight: bold;
591     height: 20px;
592     position: relative;
593 }
594
595 .tabsA a, .sticky-sort-tabs {
596     background: none repeat scroll 0 0 #EEEEEE;
597     border-bottom: 1px solid #CCCCCC;
598     border-right: 1px solid #CCCCCC;
599     color: #888A85;
600     display: block;
601     float: left;
602     height: 20px;
603     line-height: 22px;
604     margin: 5px 4px 0 0;
605     text-decoration: none;
606 }
607
608 .tabsA a {
609     padding: 0 11px;    
610 }
611
612 .sticky-sort-tabs {
613     width: 20px;
614     padding: 0;
615 }
616
617 .sticky-sort-tabs input {
618     border: 0;
619     height: 14px;
620     width: 14px;
621     margin: 2px;
622 }
623
624 .tabsA a.on, .tabsA a:hover {
625     background: none repeat scroll 0 0 #FFFFFF;
626     color: #A40000;
627 }
628
629 .tabsA a:hover {
630     background: none repeat scroll 0 0 #356FCB;
631     color: #FFFFFF;
632 }
633
634 .headlineA {
635     border-bottom: 1px solid #777777;
636     font-size: 13px;
637     font-weight: 800;
638     height: 30px;
639     margin-bottom: 12px;
640     padding-bottom: 2px;
641     text-align: right;
642 }
643
644 .headQuestions {
645     background: url("../images/dot-list.gif") no-repeat scroll left center transparent;
646     border-bottom: 0 solid #777777;
647     float: left;
648     font-size: 15px;
649     font-weight: 700;
650     height: 23px;
651     line-height: 23px;
652     margin: 5px 0 0 5px;
653     padding: 0 6px 0 15px;
654 }
655
656 .headUsers {
657     background: url("../images/dot-list.gif") no-repeat scroll left center transparent;
658     border-bottom: 0 solid #777777;
659     float: left;
660     font-size: 15px;
661     font-weight: 700;
662     height: 23px;
663     line-height: 23px;
664     margin: 5px 0 0 5px;
665     padding: 0 6px 0 15px;
666 }
667
668 .headMedals {
669     background: url("../images/dot-list.gif") no-repeat scroll left center transparent;
670     border-bottom: 0 solid #777777;
671     float: left;
672     font-size: 15px;
673     font-weight: 700;
674     height: 23px;
675     line-height: 23px;
676     margin: 5px 0 0 5px;
677     padding: 0 6px 0 15px;
678 }
679
680 .headNormal {
681     border-bottom: 1px solid #777777;
682     font-size: 15px;
683     font-weight: bold;
684     margin-bottom: 12px;
685     padding: 3px;
686     text-align: left;
687 }
688
689 .headUser {
690     border-bottom: 1px solid #777777;
691     font-size: 20px;
692     font-weight: 800;
693     margin-bottom: 12px;
694     padding: 5px;
695     text-align: left;
696 }
697
698 .questions-related {
699     font-weight: 700;
700     word-wrap: break-word;
701 }
702
703 .questions-related p {
704     font-size: 100%;
705     line-height: 20px;
706     margin-bottom: 10px;
707 }
708
709 .question-body {
710     font-size: 13px;
711     line-height: 20px;
712     min-height: 100px;
713 }
714
715 .question-body img {
716     max-width: 640px;
717 }
718
719 .vote-buttons {
720     float: left;
721     text-align: center;
722 }
723
724 span.form-error {
725     color: #990000;
726     font-weight: normal;
727     margin-left: 5px;
728 }
729
730 ul.errorlist li {
731     color: #990000;
732     font-weight: normal;
733     margin-left: 0px;
734     margin-top: 5px;
735 }
736
737 .answer {
738     border-bottom: 1px solid #CCCCCE;
739     padding-top: 10px;
740     width: 100%;
741 }
742
743 .answer-body {
744     font-size: 13px;
745     line-height: 20px;
746     min-height: 80px;
747 }
748
749 .answer-body img {
750     max-width: 640px;
751 }
752
753 .answered-by-owner {
754     background: none repeat scroll 0 0 #E9E9FF;
755 }
756
757 .accepted-answer {
758     background-color: #EBFFE6;
759     border-bottom-color: #9BD59B;
760 }
761
762 .answered {
763     background: none repeat scroll 0 0 #E5EBF8;
764     color: #314362;
765 }
766
767 .answered-accepted, .answer-votes.answered-accepted {
768     background: none repeat scroll 0 0 #E6F8DD;
769     color: #3A6231;
770 }
771
772 .unanswered {
773     background: none repeat scroll 0 0 #F3E3E1;
774     color: #6B2B28;
775 }
776
777 .tagsList {
778     list-style-type: none;
779     margin: 0;
780     min-height: 360px;
781     padding: 0;
782 }
783
784 .tagsList li {
785     float: left;
786     width: 235px;
787 }
788
789 .badge-list {
790     list-style-type: none;
791     margin: 0;
792 }
793
794 .badge-list a {
795     color: #3060A8;
796 }
797
798 .badge-list a.medal {
799     color: #333333;
800 }
801
802 .list-item {
803     margin-left: 15px;
804 }
805
806 .list-item li {
807     font-size: 13px;
808     line-height: 20px;
809     list-style-type: disc;
810     margin-bottom: 10px;
811 }
812
813 .form-row {
814     line-height: 25px;
815 }
816
817 table.form-as-table {
818     margin-top: 5px;
819 }
820
821 table.form-as-table ul {
822     display: inline;
823     list-style-type: none;
824 }
825
826 table.form-as-table li {
827     display: inline;
828 }
829
830 table.form-as-table pre {
831     display: inline;
832 }
833
834 table.check-table td {
835     padding-right: 50px;
836 }
837
838 .submit-row {
839     clear: both;
840     display: block;
841     line-height: 30px;
842     padding-top: 10px;
843 }
844
845 .error {
846     color: darkred;
847     font-size: 10px;
848     margin: 0;
849 }
850
851 .small {
852     font-size: 11px;
853 }
854
855 span.form-error {
856     color: #990000;
857     font-size: 90%;
858     font-weight: normal;
859     margin-left: 5px;
860 }
861
862 .title-desc {
863     color: #666666;
864     font-size: 90%;
865 }
866
867 #editor {
868     font-size: 100%;
869     line-height: 18px;
870     min-height: 200px;
871     width: 100%;
872 }
873
874 .wmd-preview {
875     background-color: #F5F5F5;
876     margin-top: 10px;
877     min-height: 20px;
878     padding: 6px;
879     width: 98%;
880 }
881
882 .preview-toggle {
883     color: #AAAAAA;
884     font-weight: 600;
885     text-align: left;
886     width: 100%;
887 }
888
889 .preview-toggle span:hover {
890     cursor: pointer;
891 }
892
893 #revisions {
894     width: 950px;
895 }
896
897 .revision {
898     font-size: 13px;
899     margin: 10px 0;
900     width: 100%;
901 }
902
903 .revision .header {
904     background-color: #EEEEEE;
905     cursor: pointer;
906     padding: 5px;
907 }
908
909 .revision .author {
910     background-color: #E9E9FF;
911 }
912
913 .revision .summary {
914     padding: 5px 0 10px;
915 }
916
917 .revision .summary span {
918     /**background-color: yellow;/**/
919     display: inline;
920     padding-left: 3px;
921     padding-right: 3px;
922 }
923
924 .revision h1 {
925     font-size: 130%;
926     font-weight: 600;
927     padding: 15px 0;
928 }
929
930 .revision-mark {
931     display: inline-block;
932     font-size: 90%;
933     overflow: hidden;
934     text-align: left;
935     width: 200px;
936 }
937
938 .revision-number {
939     font-family: sans-serif;
940     font-size: 300%;
941     font-weight: bold;
942 }
943
944 .revision .body {
945     margin-bottom: 50px;
946     padding-left: 10px;
947 }
948
949 del {
950     color: #FF5F5F;
951 }
952
953 ins {
954     background-color: #97FF97;
955 }
956
957 .count {
958     color: #777777;
959     font-family: Arial;
960     font-size: 200%;
961     font-weight: 700;
962 }
963
964 .scoreNumber {
965     color: #777777;
966     font-family: Arial;
967     font-size: 35px;
968     font-weight: 800;
969     line-height: 40px;
970 }
971
972 .user-details {
973     font-size: 13px;
974 }
975
976 .user-about {
977     background-color: #EEEEEE;
978     height: 200px;
979     line-height: 20px;
980     overflow: auto;
981     padding: 10px;
982     width: 90%;
983 }
984
985 .user-edit-link {
986     background: url("../images/edit.png") no-repeat scroll 0 0 transparent;
987     padding-left: 20px;
988 }
989
990 .user-info-table {
991     margin-bottom: 10px;
992 }
993
994 .relativetime {
995     text-decoration: none;
996 }
997
998 .answer-summary {
999     clear: both;
1000     display: block;
1001     padding: 3px;
1002 }
1003
1004 .answer-votes {
1005     background-color: #EEEEEE;
1006     color: #555555;
1007     float: left;
1008     font-family: Arial;
1009     font-size: 110%;
1010     font-weight: bold;
1011     height: 15px;
1012     margin-right: 10px;
1013     padding: 4px 4px 5px;
1014     text-align: center;
1015     text-decoration: none;
1016     width: 20px;
1017 }
1018
1019 .vote-count {
1020     color: #777777;
1021     font-family: Arial;
1022     font-size: 160%;
1023     font-weight: 700;
1024 }
1025
1026 .user-action-1 {
1027     color: #333333;
1028     font-weight: bold;
1029 }
1030
1031 .user-action-2 {
1032     color: #CCCCCC;
1033     font-weight: bold;
1034 }
1035
1036 .user-action-3 {
1037     color: #333333;
1038 }
1039
1040 .user-action-4 {
1041     color: #333333;
1042 }
1043
1044 .user-action-7 {
1045     color: #333333;
1046 }
1047
1048 .user-action-8 {
1049     background-color: #CCCCCC;
1050     color: #763333;
1051     font-weight: bold;
1052     padding: 3px;
1053 }
1054
1055 .question-title-link a {
1056     color: #0077CC;
1057     font-weight: bold;
1058 }
1059
1060 .answer-title-link a {
1061     color: #333333;
1062 }
1063
1064 .post-type-1 a {
1065     font-weight: bold;
1066 }
1067
1068 .post-type-3 a {
1069     font-weight: bold;
1070 }
1071
1072 .post-type-2 a {
1073     color: #333333;
1074 }
1075
1076 .post-type-4 a {
1077     color: #333333;
1078 }
1079
1080 .post-type-8 a {
1081     color: #333333;
1082 }
1083
1084 .badge1 {
1085     color: #FFCC00;
1086 }
1087
1088 .silver, .badge2 {
1089     color: #CCCCCC;
1090 }
1091
1092 .bronze, .badge3 {
1093     color: #CC9933;
1094 }
1095
1096 .score {
1097     color: #333333;
1098     font-size: 110%;
1099     font-weight: bold;
1100     margin-left: 3px;
1101 }
1102
1103 .footerLinks {
1104     color: #3060A8;
1105     font-size: 13px;
1106 }
1107
1108 .footerLinks a {
1109     color: #3060A8;
1110     font-size: 13px;
1111 }
1112
1113 .user {
1114     line-height: 140%;
1115     padding: 5px;
1116     width: 170px;
1117     display: inline-block;
1118 }
1119
1120 .user ul {
1121     list-style-type: none;
1122     margin: 0;
1123 }
1124
1125 .user .thumb {
1126     clear: both;
1127     display: inline;
1128     float: left;
1129     margin-right: 4px;
1130 }
1131
1132 .message {
1133     background-color: #EEEEEE;
1134     border: 1px solid #AAAAAA;
1135     margin: 10px 0;
1136     padding: 5px;
1137 }
1138
1139 .message p {
1140     margin-bottom: 0;
1141 }
1142
1143 .darkred {
1144     color: darkred;
1145 }
1146
1147 .submit {
1148     background-color: #D4D0C8;
1149     border: 1px solid #777777;
1150     cursor: pointer;
1151     font-size: 120%;
1152     font-weight: bold;
1153     height: 40px;
1154     padding-bottom: 4px;
1155 }
1156
1157 .submit:hover {
1158     text-decoration: underline;
1159 }
1160
1161 .ask-body {
1162     padding-right: 10px;
1163 }
1164
1165 .notify {
1166     background-color: #F4A83D;
1167     color: #444444;
1168     font-weight: bold;
1169     left: 0;
1170     padding: 0;
1171     position: fixed;
1172     text-align: center;
1173     top: 0;
1174     width: 100%;
1175     z-index: 100;
1176 }
1177
1178 .notify p {
1179     font-size: 16px;
1180     margin-bottom: 5px;
1181     margin-top: 5px;
1182 }
1183
1184 #close-notify {
1185     background-color: #FAD163;
1186     border: 2px solid #735005;
1187     color: #735005;
1188     cursor: pointer;
1189     font-size: 14px;
1190     line-height: 18px;
1191     padding: 0 3px;
1192     position: absolute;
1193     right: 5px;
1194     text-decoration: none;
1195     top: 5px;
1196 }
1197
1198 #close-notify:hover {
1199     text-decoration: none;
1200 }
1201
1202 .big {
1203     font-size: 15px;
1204 }
1205
1206 .strong {
1207     font-weight: bold;
1208 }
1209
1210 .orange {
1211     color: #D64000;
1212     font-weight: bold;
1213 }
1214
1215 .grey {
1216     color: #808080;
1217 }
1218
1219 .about div {
1220     border-top: 1px dashed #AAAAAA;
1221     padding: 10px 5px;
1222 }
1223
1224 .about div.first {
1225     border-top: medium none;
1226     padding-top: 0;
1227 }
1228
1229 .about p {
1230     margin-bottom: 10px;
1231 }
1232
1233 .about a {
1234     color: #D64000;
1235     text-decoration: underline;
1236 }
1237
1238 .about h3 {
1239     font-size: 15px;
1240     font-weight: 700;
1241     line-height: 30px;
1242     padding-top: 0;
1243 }
1244
1245 .nomargin {
1246     margin: 0;
1247 }
1248
1249 .inline-block {
1250     display: inline-block;
1251 }
1252
1253 .list-table td {
1254     vertical-align: top;
1255 }
1256
1257 table.form-as-table input {
1258     display: inline;
1259     margin-left: 4px;
1260 }
1261
1262 ul.form-horizontal-rows {
1263     list-style: none outside none;
1264     margin: 0;
1265 }
1266
1267 ul.form-horizontal-rows li {
1268     height: 40px;
1269     position: relative;
1270 }
1271
1272 ul.form-horizontal-rows label {
1273     display: inline-block;
1274 }
1275
1276 ul.form-horizontal-rows label {
1277     bottom: 6px;
1278     font-size: 12px;
1279     left: 0;
1280     line-height: 12px;
1281     margin: 0;
1282     position: absolute;
1283 }
1284
1285 ul.form-horizontal-rows li input {
1286     bottom: 0;
1287     left: 180px;
1288     margin: 0;
1289     position: absolute;
1290 }
1291
1292 #changepw-form li input {
1293     left: 150px;
1294 }
1295
1296 .user-profile-tool-links {
1297     font-weight: bold;
1298     padding-bottom: 10px;
1299 }
1300
1301 .post-controls, .tags-container {
1302     font-size: 11px;
1303     line-height: 12px;
1304     margin-bottom: 5px;
1305     min-width: 200px;
1306 }
1307
1308 .tags-container {
1309     margin: 0 0 16px 0;
1310 }
1311
1312 .post-controls {
1313     float: left;
1314 }
1315
1316 #question-controls .tags {
1317     margin: 0 0 3px;
1318 }
1319
1320 .post-update-info {
1321     display: inline-block;
1322     float: right;
1323     margin-bottom: 5px;
1324     width: 190px;
1325 }
1326
1327 .post-update-info p {
1328     font-size: 11px;
1329     line-height: 15px;
1330     margin: 0 0 4px;
1331     padding: 0;
1332 }
1333
1334 .post-update-info img {
1335     float: left;
1336     margin: 4px 8px 0 0;
1337     width: 32px;
1338 }
1339
1340 #tagSelector {
1341     padding-bottom: 2px;
1342 }
1343
1344 #hideIgnoredTagsControl {
1345     margin: 5px 0 0;
1346 }
1347
1348 #hideIgnoredTagsCb {
1349     margin: 0 2px 0 1px;
1350 }
1351
1352 a.sidebar_button {
1353     background: none repeat scroll 0 0 #EEEEEE;
1354     color: black;
1355     cursor: pointer;
1356     font-size: 11px;
1357     padding: 3px;
1358 }
1359
1360 a.sidebar_button:hover {
1361     background-color: #777777;
1362     color: white;
1363     text-decoration: none;
1364 }
1365
1366 a.post-vote, .favorite-mark, a.accept-answer {
1367     display: block;
1368     height: 24px;
1369     position: relative;
1370     width: 24px;
1371 }
1372
1373 a.post-vote.up {
1374     background: url("../images/vote-arrow-up.png") no-repeat scroll center center transparent;
1375 }
1376
1377 a.post-vote.up.on, a.post-vote.up:hover {
1378     background: url("../images/vote-arrow-up-on.png") no-repeat scroll center center transparent;
1379 }
1380
1381 a.post-vote.down {
1382     background: url("../images/vote-arrow-down.png") no-repeat scroll center center transparent;
1383 }
1384
1385 a.post-vote.down.on, a.post-vote.down:hover {
1386     background: url("../images/vote-arrow-down-on.png") no-repeat scroll center center transparent;
1387 }
1388
1389 a.accept-answer {
1390     background: url("../images/vote-accepted.png") no-repeat scroll center center transparent;
1391 }
1392
1393 a.accept-answer.on, a.accept-answer:hover {
1394     background: url("../images/vote-accepted-on.png") no-repeat scroll center center transparent;
1395 }
1396
1397 .community-wiki {
1398     font-size: 11px;
1399     color: #333;
1400     background: url("../images/wiki.png") no-repeat left center;
1401     padding-left: 36px;
1402     margin: 6px 0 0 0;
1403     min-height: 32px;
1404     line-height: 15px;
1405 }
1406
1407 .post-score, .comments-char-left-count {
1408     color: #777777;
1409     font-family: Arial;
1410     font-size: 165%;
1411     font-weight: bold;
1412     padding: 0 0 3px;
1413 }
1414
1415 .favorite-mark {
1416     background: url("../images/vote-favorite-off.png") no-repeat scroll center center transparent;
1417 }
1418
1419 .favorite-mark.on, a.favorite-mark:hover {
1420     background: url("../images/vote-favorite-on.png") no-repeat scroll center center transparent;
1421 }
1422
1423 .favorite-count {
1424     color: #777777;
1425     font-family: Arial;
1426     font-size: 100%;
1427     font-weight: bold;
1428     padding: 0;
1429 }
1430
1431 .comments-container {
1432     clear: both;
1433 }
1434
1435 .comments-container {
1436     padding: 0;
1437 }
1438
1439 .answered-by-owner .comments-container {
1440     background-color: #E6ECFF;
1441 }
1442
1443 .accepted-answer .comments-container {
1444     background-color: #CCFFBF;
1445 }
1446
1447 .comment {
1448     border-top: 1px dotted #CCCCCE;
1449     margin: 0;
1450     position: relative;
1451 }
1452
1453 .comment.not_top_scorer {
1454     display: none;
1455 }
1456
1457 .comment-score {
1458     color: #777777;
1459     font-family: Arial;
1460     font-size: 16px;
1461     font-weight: bold;
1462     padding-top: 3px;
1463     vertical-align: top;
1464     float: left;
1465     width: 22px;
1466     height: 100%;
1467     text-align: center;
1468 }
1469
1470 .comment-text {
1471     color: #444444;
1472     font-size: 12px;
1473     margin: 0 0 0 22px;
1474     padding: 0;
1475 }
1476
1477 .comment-text p {
1478     font-size: 12px;
1479 }
1480
1481 .comment-info {
1482     font-size: 11px;
1483     margin: 0 0 4px 0;
1484     text-align: right;
1485     height: 18px;
1486     vertical-align: middle;
1487 }
1488
1489 .comment-info * {
1490     float: right;
1491     height: 18px;
1492     margin-left: 4px;
1493 }
1494
1495 a.comment-like, a.comment-delete, a.comment-edit {
1496     margin-left: 2px;
1497     width: 18px;
1498 }
1499
1500 a.comment-like {
1501     background: url("../images/comment-like.png") no-repeat scroll center center transparent;
1502 }
1503
1504 a.comment-like:hover, a.comment-like.on {
1505     background: url("../images/comment-like-on.png") no-repeat scroll center center transparent;
1506 }
1507
1508 a.comment-delete {
1509     background: url("../images/comment-delete.png") no-repeat scroll center center transparent;
1510 }
1511
1512 a.comment-delete:hover {
1513     background: url("../images/comment-delete-hover.png") no-repeat scroll center center transparent;
1514 }
1515
1516 a.comment-edit {
1517     background: url("../images/comment-edit.png") no-repeat scroll center center transparent;
1518 }
1519
1520 a.comment-edit:hover {
1521     background: url("../images/comment-edit-hover.png") no-repeat scroll center center transparent;
1522 }
1523
1524 .comment-form-container {
1525     display: none;
1526     padding-top: 12px;
1527 }
1528
1529 .comment-form-widgets-container input {
1530     vertical-align: top;
1531 }
1532
1533 .comment-form-widgets-container textarea {
1534     height: 80px;
1535     width: 80%;
1536     float: left;
1537 }
1538
1539 span.comment-chars-left {
1540     font-size: 11px;
1541     margin-right: 20px;
1542 }
1543
1544 div.comment-tools {
1545     border-top: 1px dotted #CCCCCE;
1546     padding-top: 12px;
1547     text-align: right;
1548 }
1549
1550 div.comment-tools .comments-showing {
1551     color: #777777;
1552     font-size: 11px;
1553 }
1554
1555 div.comment-tools a {
1556     background: none repeat scroll 0 0 #EEEEEE;
1557     color: black;
1558     cursor: pointer;
1559     font-size: 11px;
1560     padding: 3px;
1561 }
1562
1563 div.comment-tools a:hover {
1564     background-color: #777777;
1565     color: white;
1566     text-decoration: none;
1567 }
1568
1569 .action-link {
1570     color: #777777;
1571     cursor: pointer;
1572     padding: 3px;
1573 }
1574
1575 .action-link a {
1576     color: inherit;
1577 }
1578
1579 .action-link a.ajax-command:hover {
1580     background-color: #777777;
1581     color: #FFFFFF;
1582     text-decoration: none;
1583 }
1584
1585 .action-link-separator {
1586     color: #CCCCCC;
1587 }
1588
1589 .deleted {
1590     background-color: #F4E7E7;
1591 }
1592
1593 #command-loader {
1594     position: fixed;
1595     bottom: 0px;
1596     left: 0px;
1597     width: 24px;
1598     height: 24px;
1599     background: url('/m/default/media/images/indicator.gif')
1600 }
1601
1602 #command-loader.success {
1603     background: url('/m/default/media/images/vote-accepted-on.png')
1604 }
1605
1606 .comment-form-buttons {
1607     width: 18%;
1608     height: 100%;
1609     float: right;
1610 }
1611
1612 .comment-form-buttons input, .user-prompt .prompt-buttons button {
1613     height: 16px;
1614     line-height: 12px;
1615     font-size: 110%;
1616     border: 1px solid #999;
1617 }
1618
1619 .comment-form-buttons input {
1620     width: 100%;
1621     height: 22px;
1622     vertical-align: middle;
1623     margin-top: 6px;
1624 }
1625
1626 .comments-char-left-count.warn {
1627     color: orange;
1628 }
1629
1630 #ask-related-questions {
1631     max-height: 150px;
1632     overflow-y: auto;
1633 }
1634
1635 .context-menu {
1636     position: relative;
1637 }
1638
1639 div.dialog, .context-menu-dropdown {
1640     position: absolute;
1641     background-color: #EEEEEE;
1642     -moz-border-radius: 5px;
1643     -webkit-border-radius: 5px;
1644     -moz-box-shadow: 2px 2px 5px #3060A8;
1645     -webkit-box-shadow: 2px 2px 5px #3060A8;
1646 }
1647
1648 .context-menu-dropdown {
1649     display: none;
1650     right: 0px;
1651     top: 1.5em;
1652     text-align: left;
1653     list-style-type: none;
1654     z-index: 500;
1655 }
1656
1657 .context-menu-dropdown li.item {
1658     padding: 4px 8px 4px 8px;
1659     -moz-border-radius: 5px;
1660     -webkit-border-radius: 5px;
1661 }
1662
1663 .context-menu-dropdown li.item a {
1664     color: inherit;
1665     white-space: nowrap;
1666     text-decoration: none;
1667 }
1668
1669 .context-menu-dropdown li.separator {
1670     text-align: center;
1671     padding: 10px 0 4px 0;
1672     font-size: 120%;
1673     font-weight: bold;
1674 }
1675
1676 .context-menu-dropdown li.item:hover {
1677     background-color: #3060A8;
1678     color: white;
1679 }
1680
1681 .context-menu-dropdown span {
1682     margin-right: 4px;
1683     float: left;
1684     width: 16px;
1685     height: 16px;
1686 }
1687
1688 .context-menu-trigger {
1689     cursor: pointer;
1690 }
1691
1692 div.dialog .dialog-content {
1693     padding: 12px 12px 37px 12px;
1694     z-index: 1000;
1695 }
1696
1697 div.dialog .dialog-buttons {
1698     margin: 0px;
1699     height: 25px;
1700     text-align: center;
1701     position: absolute;
1702     bottom: 0px;
1703     left: 0px;
1704     width: 100%;
1705 }
1706
1707 .dialog-yes, .dialog-no {
1708     margin: 0 3px 5px 3px;
1709     -moz-border-radius: 3px;
1710     -webkit-border-radius: 3px;
1711     background-color: #3060A8;
1712     color: white;
1713     height: 20px;
1714     line-height: 20px;
1715     font-weight: bold;
1716     border: 0;
1717 }
1718
1719 div.dialog.confirm, div.dialog.warning {
1720     text-align: center;
1721 }
1722
1723 div.dialog.confirm {
1724     font-size: 140%;
1725     font-weight: bold;
1726 }
1727
1728 div.dialog.prompt {
1729     width: 300px;
1730 }
1731
1732 div.dialog.prompt .dialog-content select, div.dialog.prompt .dialog-content textarea, div.dialog.prompt .dialog-content input[type=text] {
1733     width: 100%;
1734     padding: 0;
1735     border: 0;
1736 }
1737
1738 .user-prompt .prompt-buttons {
1739     text-align: right;
1740 }
1741
1742 .suspended-user {
1743     text-decoration: line-through;
1744 }
1745
1746 .feed-icon {
1747     width: 14px;
1748     height: 14px;
1749     display: inline-block;
1750 }