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