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