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 }
1626
1627 .context-menu-dropdown li.item {
1628     padding: 4px 8px 4px 8px;
1629     -moz-border-radius: 5px;
1630     -webkit-border-radius: 5px;
1631 }
1632
1633 .context-menu-dropdown li.item a {
1634     color: inherit;
1635     white-space: nowrap;
1636     text-decoration: none;
1637 }
1638
1639 .context-menu-dropdown li.separator {
1640     text-align: center;
1641     padding: 10px 0 4px 0;
1642     font-size: 120%;
1643     font-weight: bold;
1644 }
1645
1646 .context-menu-dropdown li.item:hover {
1647     background-color: #3060A8;
1648     color: white;
1649 }
1650
1651 .context-menu-dropdown span {
1652     margin-right: 4px;
1653     float: left;
1654     width: 16px;
1655     height: 16px;
1656 }
1657
1658 .context-menu-trigger {
1659     cursor: pointer;
1660 }
1661
1662 div.dialog .dialog-content {
1663     padding: 12px 12px 37px 12px;
1664 }
1665
1666 div.dialog .dialog-buttons {
1667     margin: 0px;
1668     height: 25px;
1669     text-align: center;
1670     position: absolute;
1671     bottom: 0px;
1672     left: 0px;
1673     width: 100%;
1674 }
1675
1676 .dialog-yes, .dialog-no {
1677     margin: 0 3px 5px 3px;
1678     -moz-border-radius: 3px;
1679     -webkit-border-radius: 3px;
1680     background-color: #3060A8;
1681     color: white;
1682     height: 20px;
1683     line-height: 20px;
1684     font-weight: bold;
1685     border: 0;
1686 }
1687
1688 div.dialog.confirm, div.dialog.warning {
1689     text-align: center;
1690 }
1691
1692 div.dialog.confirm {
1693     font-size: 140%;
1694     font-weight: bold;
1695 }
1696
1697 div.dialog.prompt {
1698     width: 300px;
1699 }
1700
1701 div.dialog.prompt .dialog-content select, div.dialog.prompt .dialog-content textarea, div.dialog.prompt .dialog-content input[type=text] {
1702     width: 100%;
1703     padding: 0;
1704     border: 0;
1705 }
1706
1707 .user-prompt .prompt-buttons {
1708     text-align: right;
1709 }
1710
1711 .suspended-user {
1712     text-decoration: line-through;
1713 }
1714
1715 .feed-icon {
1716     width: 14px;
1717     height: 14px;
1718     float: left;
1719 }