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