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