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 }
1107
1108 .user ul {
1109     list-style-type: none;
1110     margin: 0;
1111 }
1112
1113 .user .thumb {
1114     clear: both;
1115     display: inline;
1116     float: left;
1117     margin-right: 4px;
1118 }
1119
1120 .message {
1121     background-color: #EEEEEE;
1122     border: 1px solid #AAAAAA;
1123     margin: 10px 0;
1124     padding: 5px;
1125 }
1126
1127 .message p {
1128     margin-bottom: 0;
1129 }
1130
1131 .darkred {
1132     color: darkred;
1133 }
1134
1135 .submit {
1136     background-color: #D4D0C8;
1137     border: 1px solid #777777;
1138     cursor: pointer;
1139     font-size: 120%;
1140     font-weight: bold;
1141     height: 40px;
1142     padding-bottom: 4px;
1143 }
1144
1145 .submit:hover {
1146     text-decoration: underline;
1147 }
1148
1149 .ask-body {
1150     padding-right: 10px;
1151 }
1152
1153 .notify {
1154     background-color: #F4A83D;
1155     color: #444444;
1156     font-weight: bold;
1157     left: 0;
1158     padding: 0;
1159     position: fixed;
1160     text-align: center;
1161     top: 0;
1162     width: 100%;
1163     z-index: 100;
1164 }
1165
1166 .notify p {
1167     font-size: 16px;
1168     margin-bottom: 5px;
1169     margin-top: 5px;
1170 }
1171
1172 #close-notify {
1173     background-color: #FAD163;
1174     border: 2px solid #735005;
1175     color: #735005;
1176     cursor: pointer;
1177     font-size: 14px;
1178     line-height: 18px;
1179     padding: 0 3px;
1180     position: absolute;
1181     right: 5px;
1182     text-decoration: none;
1183     top: 5px;
1184 }
1185
1186 #close-notify:hover {
1187     text-decoration: none;
1188 }
1189
1190 .big {
1191     font-size: 15px;
1192 }
1193
1194 .strong {
1195     font-weight: bold;
1196 }
1197
1198 .orange {
1199     color: #D64000;
1200     font-weight: bold;
1201 }
1202
1203 .grey {
1204     color: #808080;
1205 }
1206
1207 .about div {
1208     border-top: 1px dashed #AAAAAA;
1209     padding: 10px 5px;
1210 }
1211
1212 .about div.first {
1213     border-top: medium none;
1214     padding-top: 0;
1215 }
1216
1217 .about p {
1218     margin-bottom: 10px;
1219 }
1220
1221 .about a {
1222     color: #D64000;
1223     text-decoration: underline;
1224 }
1225
1226 .about h3 {
1227     font-size: 15px;
1228     font-weight: 700;
1229     line-height: 30px;
1230     padding-top: 0;
1231 }
1232
1233 .nomargin {
1234     margin: 0;
1235 }
1236
1237 .inline-block {
1238     display: inline-block;
1239 }
1240
1241 .list-table td {
1242     vertical-align: top;
1243 }
1244
1245 table.form-as-table input {
1246     display: inline;
1247     margin-left: 4px;
1248 }
1249
1250 ul.form-horizontal-rows {
1251     list-style: none outside none;
1252     margin: 0;
1253 }
1254
1255 ul.form-horizontal-rows li {
1256     height: 40px;
1257     position: relative;
1258 }
1259
1260 ul.form-horizontal-rows label {
1261     display: inline-block;
1262 }
1263
1264 ul.form-horizontal-rows label {
1265     bottom: 6px;
1266     font-size: 12px;
1267     left: 0;
1268     line-height: 12px;
1269     margin: 0;
1270     position: absolute;
1271 }
1272
1273 ul.form-horizontal-rows li input {
1274     bottom: 0;
1275     left: 180px;
1276     margin: 0;
1277     position: absolute;
1278 }
1279
1280 #changepw-form li input {
1281     left: 150px;
1282 }
1283
1284 .user-profile-tool-links {
1285     font-weight: bold;
1286     padding-bottom: 10px;
1287 }
1288
1289 .post-controls, .tags-container {
1290     font-size: 11px;
1291     line-height: 12px;
1292     margin-bottom: 5px;
1293     min-width: 200px;
1294 }
1295
1296 .tags-container {
1297     margin: 0 0 16px 0;
1298 }
1299
1300 .post-controls {
1301     float: left;
1302 }
1303
1304 #question-controls .tags {
1305     margin: 0 0 3px;
1306 }
1307
1308 .post-update-info {
1309     display: inline-block;
1310     float: right;
1311     margin-bottom: 5px;
1312     width: 190px;
1313 }
1314
1315 .post-update-info p {
1316     font-size: 11px;
1317     line-height: 15px;
1318     margin: 0 0 4px;
1319     padding: 0;
1320 }
1321
1322 .post-update-info img {
1323     float: left;
1324     margin: 4px 8px 0 0;
1325     width: 32px;
1326 }
1327
1328 #tagSelector {
1329     padding-bottom: 2px;
1330 }
1331
1332 #hideIgnoredTagsControl {
1333     margin: 5px 0 0;
1334 }
1335
1336 #hideIgnoredTagsCb {
1337     margin: 0 2px 0 1px;
1338 }
1339
1340 a.sidebar_button {
1341     background: none repeat scroll 0 0 #EEEEEE;
1342     color: black;
1343     cursor: pointer;
1344     font-size: 11px;
1345     padding: 3px;
1346 }
1347
1348 a.sidebar_button:hover {
1349     background-color: #777777;
1350     color: white;
1351     text-decoration: none;
1352 }
1353
1354 a.post-vote, .favorite-mark, a.accept-answer {
1355     display: block;
1356     height: 24px;
1357     position: relative;
1358     width: 24px;
1359 }
1360
1361 a.post-vote.up {
1362     background: url("../images/vote-arrow-up.png") no-repeat scroll center center transparent;
1363 }
1364
1365 a.post-vote.up.on, a.post-vote.up:hover {
1366     background: url("../images/vote-arrow-up-on.png") no-repeat scroll center center transparent;
1367 }
1368
1369 a.post-vote.down {
1370     background: url("../images/vote-arrow-down.png") no-repeat scroll center center transparent;
1371 }
1372
1373 a.post-vote.down.on, a.post-vote.down:hover {
1374     background: url("../images/vote-arrow-down-on.png") no-repeat scroll center center transparent;
1375 }
1376
1377 a.accept-answer {
1378     background: url("../images/vote-accepted.png") no-repeat scroll center center transparent;
1379 }
1380
1381 a.accept-answer.on, a.accept-answer:hover {
1382     background: url("../images/vote-accepted-on.png") no-repeat scroll center center transparent;
1383 }
1384
1385 .community-wiki {
1386     font-size: 11px;
1387     color: #333;
1388     background: url("../images/wiki.png") no-repeat left center;
1389     padding-left: 36px;
1390     margin: 6px 0 0 0;
1391     min-height: 32px;
1392     line-height: 15px;
1393 }
1394
1395 .post-score, .comments-char-left-count {
1396     color: #777777;
1397     font-family: Arial;
1398     font-size: 165%;
1399     font-weight: bold;
1400     padding: 0 0 3px;
1401 }
1402
1403 .favorite-mark {
1404     background: url("../images/vote-favorite-off.png") no-repeat scroll center center transparent;
1405 }
1406
1407 .favorite-mark.on, a.favorite-mark:hover {
1408     background: url("../images/vote-favorite-on.png") no-repeat scroll center center transparent;
1409 }
1410
1411 .favorite-count {
1412     color: #777777;
1413     font-family: Arial;
1414     font-size: 100%;
1415     font-weight: bold;
1416     padding: 0;
1417 }
1418
1419 .comments-container {
1420     clear: both;
1421 }
1422
1423 .comments-container {
1424     padding: 0;
1425 }
1426
1427 .answered-by-owner .comments-container {
1428     background-color: #E6ECFF;
1429 }
1430
1431 .accepted-answer .comments-container {
1432     background-color: #CCFFBF;
1433 }
1434
1435 .comment {
1436     border-top: 1px dotted #CCCCCE;
1437     margin: 0;
1438     position: relative;
1439 }
1440
1441 .comment.not_top_scorer {
1442     display: none;
1443 }
1444
1445 .comment-score {
1446     color: #777777;
1447     font-family: Arial;
1448     font-size: 16px;
1449     font-weight: bold;
1450     padding-top: 3px;
1451     vertical-align: top;
1452     float: left;
1453     width: 22px;
1454     height: 100%;
1455     text-align: center;
1456 }
1457
1458 .comment-text {
1459     color: #444444;
1460     font-size: 12px;
1461     margin: 0 0 0 22px;
1462     padding: 0;
1463 }
1464
1465 .comment-text p {
1466     font-size: 12px;
1467 }
1468
1469 .comment-info {
1470     font-size: 11px;
1471     margin: 0 0 4px 0;
1472     text-align: right;
1473     height: 18px;
1474     vertical-align: middle;
1475 }
1476
1477 .comment-info * {
1478     float: right;
1479     height: 18px;
1480     margin-left: 4px;
1481 }
1482
1483 a.comment-like, a.comment-delete, a.comment-edit {
1484     margin-left: 2px;
1485     width: 18px;
1486 }
1487
1488 a.comment-like {
1489     background: url("../images/comment-like.png") no-repeat scroll center center transparent;
1490 }
1491
1492 a.comment-like:hover, a.comment-like.on {
1493     background: url("../images/comment-like-on.png") no-repeat scroll center center transparent;
1494 }
1495
1496 a.comment-delete {
1497     background: url("../images/comment-delete.png") no-repeat scroll center center transparent;
1498 }
1499
1500 a.comment-delete:hover {
1501     background: url("../images/comment-delete-hover.png") no-repeat scroll center center transparent;
1502 }
1503
1504 a.comment-edit {
1505     background: url("../images/comment-edit.png") no-repeat scroll center center transparent;
1506 }
1507
1508 a.comment-edit:hover {
1509     background: url("../images/comment-edit-hover.png") no-repeat scroll center center transparent;
1510 }
1511
1512 .comment-form-container {
1513     display: none;
1514     padding-top: 12px;
1515 }
1516
1517 .comment-form-widgets-container input {
1518     vertical-align: top;
1519 }
1520
1521 .comment-form-widgets-container textarea {
1522     height: 80px;
1523     width: 80%;
1524     float: left;
1525 }
1526
1527 span.comment-chars-left {
1528     font-size: 11px;
1529     margin-right: 20px;
1530 }
1531
1532 div.comment-tools {
1533     border-top: 1px dotted #CCCCCE;
1534     padding-top: 12px;
1535     text-align: right;
1536 }
1537
1538 div.comment-tools .comments-showing {
1539     color: #777777;
1540     font-size: 11px;
1541 }
1542
1543 div.comment-tools a {
1544     background: none repeat scroll 0 0 #EEEEEE;
1545     color: black;
1546     cursor: pointer;
1547     font-size: 11px;
1548     padding: 3px;
1549 }
1550
1551 div.comment-tools a:hover {
1552     background-color: #777777;
1553     color: white;
1554     text-decoration: none;
1555 }
1556
1557 .action-link {
1558     color: #777777;
1559     cursor: pointer;
1560     padding: 3px;
1561 }
1562
1563 .action-link a {
1564     color: inherit;
1565 }
1566
1567 .action-link a.ajax-command:hover {
1568     background-color: #777777;
1569     color: #FFFFFF;
1570     text-decoration: none;
1571 }
1572
1573 .action-link-separator {
1574     color: #CCCCCC;
1575 }
1576
1577 .deleted {
1578     background-color: #F4E7E7;
1579 }
1580
1581 #command-loader {
1582     position: fixed;
1583     bottom: 0px;
1584     left: 0px;
1585     width: 24px;
1586     height: 24px;
1587     background: url('/m/default/media/images/indicator.gif')
1588 }
1589
1590 #command-loader.success {
1591     background: url('/m/default/media/images/vote-accepted-on.png')
1592 }
1593
1594 .comment-form-buttons {
1595     width: 18%;
1596     height: 100%;
1597     float: right;
1598 }
1599
1600 .comment-form-buttons input, .user-prompt .prompt-buttons button {
1601     height: 16px;
1602     line-height: 12px;
1603     font-size: 110%;
1604     border: 1px solid #999;
1605 }
1606
1607 .comment-form-buttons input {
1608     width: 100%;
1609     height: 22px;
1610     vertical-align: middle;
1611     margin-top: 6px;
1612 }
1613
1614 .comments-char-left-count.warn {
1615     color: orange;
1616 }
1617
1618 #ask-related-questions {
1619     max-height: 150px;
1620     overflow-y: auto;
1621 }
1622
1623 .context-menu {
1624     position: relative;
1625 }
1626
1627 div.dialog, .context-menu-dropdown {
1628     position: absolute;
1629     background-color: #EEEEEE;
1630     -moz-border-radius: 5px;
1631     -webkit-border-radius: 5px;
1632     -moz-box-shadow: 2px 2px 5px #3060A8;
1633     -webkit-box-shadow: 2px 2px 5px #3060A8;
1634 }
1635
1636 .context-menu-dropdown {
1637     display: none;
1638     right: 0px;
1639     top: 1.5em;
1640     text-align: left;
1641     list-style-type: none;
1642     z-index: 500;
1643 }
1644
1645 .context-menu-dropdown li.item {
1646     padding: 4px 8px 4px 8px;
1647     -moz-border-radius: 5px;
1648     -webkit-border-radius: 5px;
1649 }
1650
1651 .context-menu-dropdown li.item a {
1652     color: inherit;
1653     white-space: nowrap;
1654     text-decoration: none;
1655 }
1656
1657 .context-menu-dropdown li.separator {
1658     text-align: center;
1659     padding: 10px 0 4px 0;
1660     font-size: 120%;
1661     font-weight: bold;
1662 }
1663
1664 .context-menu-dropdown li.item:hover {
1665     background-color: #3060A8;
1666     color: white;
1667 }
1668
1669 .context-menu-dropdown span {
1670     margin-right: 4px;
1671     float: left;
1672     width: 16px;
1673     height: 16px;
1674 }
1675
1676 .context-menu-trigger {
1677     cursor: pointer;
1678 }
1679
1680 div.dialog .dialog-content {
1681     padding: 12px 12px 37px 12px;
1682     z-index: 1000;
1683 }
1684
1685 div.dialog .dialog-buttons {
1686     margin: 0px;
1687     height: 25px;
1688     text-align: center;
1689     position: absolute;
1690     bottom: 0px;
1691     left: 0px;
1692     width: 100%;
1693 }
1694
1695 .dialog-yes, .dialog-no {
1696     margin: 0 3px 5px 3px;
1697     -moz-border-radius: 3px;
1698     -webkit-border-radius: 3px;
1699     background-color: #3060A8;
1700     color: white;
1701     height: 20px;
1702     line-height: 20px;
1703     font-weight: bold;
1704     border: 0;
1705 }
1706
1707 div.dialog.confirm, div.dialog.warning {
1708     text-align: center;
1709 }
1710
1711 div.dialog.confirm {
1712     font-size: 140%;
1713     font-weight: bold;
1714 }
1715
1716 div.dialog.prompt {
1717     width: 300px;
1718 }
1719
1720 div.dialog.prompt .dialog-content select, div.dialog.prompt .dialog-content textarea, div.dialog.prompt .dialog-content input[type=text] {
1721     width: 100%;
1722     padding: 0;
1723     border: 0;
1724 }
1725
1726 .user-prompt .prompt-buttons {
1727     text-align: right;
1728 }
1729
1730 .suspended-user {
1731     text-decoration: line-through;
1732 }
1733
1734 .feed-icon {
1735     width: 14px;
1736     height: 14px;
1737     float: left;
1738 }