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