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 {vertical-align: middle;}
  25
  26 .login label {display: block;}
  27 .login .form-row-vertical {margin-bottom: 8px;}
  28
  29 hr {
  30         border-color: #CCCCCE -moz-use-text-color -moz-use-text-color;
  31         border-right: medium none;
  32         border-style: dashed none none;
  33         border-width: 1px medium medium;
  34 }
  35
  36 input,select {
  37         font-family: Trebuchet MS,"segoe ui",Helvetica,"Microsoft YaHei",Tahoma,Verdana,MingLiu,PMingLiu,Arial,sans-serif;
  38         vertical-align: middle;
  39 }
  40
  41 p {
  42         font-size: 13px;
  43         line-height: 140%;
  44         margin-bottom: 13px;
  45 }
  46
  47 a {
  48         color: #3060A8;
  49         text-decoration: none;
  50 }
  51
  52 .badges a {
  53         color: #763333;
  54         text-decoration: underline;
  55 }
  56
  57 a:hover { text-decoration: underline; }
  58 .tright { text-align: right; }
  59
  60 .spacer3 {
  61         clear: both;
  62         height: 30px;
  63         line-height: 30px;
  64         visibility: hidden;
  65 }
  66
  67 h1 {
  68         font-size: 160%;
  69         padding: 5px 0;
  70 }
  71
  72 h2 {
  73         font-size: 140%;
  74         padding: 3px 0;
  75 }
  76
  77 h3 {
  78         font-size: 120%;
  79         padding: 3px 0;
  80 }
  81
  82 ul {
  83         list-style: disc outside none;
  84         margin-bottom: 1em;
  85         margin-left: 20px;
  86         padding-left: 0;
  87 }
  88
  89 ol {
  90         list-style: decimal outside none;
  91         margin-bottom: 1em;
  92         margin-left: 30px;
  93         padding-left: 0;
  94 }
  95
  96 td ul { vertical-align: middle; }
  97 li input { margin: 3px 3px 4px; }
  98
  99 pre {
 100         background-color: #F5F5F5;
 101         font-family: Consolas,Monaco,Liberation Mono,Lucida Console,Monospace;
 102         font-size: 100%;
 103         margin-bottom: 10px;
 104         overflow: auto;
 105         padding-left: 5px;
 106         padding-top: 5px;
 107         width: 580px;
 108 }
 109
 110 code {
 111         font-family: Consolas,Monaco,Liberation Mono,Lucida Console,Monospace;
 112         font-size: 100%;
 113 }
 114
 115 blockquote {
 116         background-color: #F5F5F5;
 117         margin-bottom: 10px;
 118         margin-right: 15px;
 119         padding: 10px 0 1px 10px;
 120 }
 121
 122 #wrapper {
 123         margin: auto;
 124         padding: 0;
 125         width: 990px;
 126 }
 127
 128 #roof {
 129         background: none repeat scroll 0 0 #FFFFFF;
 130         margin-top: 0;
 131         position: relative;
 132 }
 133
 134 #room {
 135         background-color: #FFFFFF;
 136         border-bottom: 1px solid #777777;
 137         padding: 10px 0;
 138 }
 139
 140 #CALeft {
 141         float: left;
 142         position: relative;
 143         width: 740px;
 144 }
 145
 146 #CARight {
 147         float: right;
 148         width: 240px;
 149 }
 150
 151 #CAFull {
 152         float: left;
 153         padding: 0 5px;
 154         width: 950px;
 155 }
 156
 157 #ground {
 158         background: none repeat scroll 0 0 #BDCCED;
 159         border-top: 1px solid #000000;
 160         padding-bottom: 0;
 161         padding-top: 6px;
 162         text-align: center;
 163         width: 100%;
 164 }
 165
 166 #top {
 167         background-color: #FFFFFF;
 168         height: 20px;
 169         padding: 3px;
 170         position: absolute;
 171         right: 0;
 172         text-align: right;
 173         top: 0;
 174         width: 500px;
 175 }
 176
 177 #top a {
 178         color: #333333;
 179         font-size: 12px;
 180         height: 35px;
 181         margin-left: 20px;
 182         text-align: right;
 183         text-decoration: underline;
 184 }
 185
 186 #logo { padding: 5px 0 0; }
 187
 188 #navBar {
 189         display: block;
 190         position: relative;
 191         width: 990px;
 192 }
 193
 194 #navBar .nav { margin: 20px 0 0 16px; }
 195
 196 #navBar .nav a {
 197         background-color: #E5EBF8;
 198         border-color: #888888 #888888 -moz-use-text-color;
 199         border-style: solid solid none;
 200         border-width: 1px 1px medium;
 201         color: #333333;
 202         display: block;
 203         float: left;
 204         font-size: 14px;
 205         font-weight: 400;
 206         height: 25px;
 207         line-height: 30px;
 208         margin-left: 10px;
 209         padding: 0 12px 3px;
 210         text-decoration: none;
 211 }
 212
 213 #navBar .nav a:hover { text-decoration: underline; }
 214
 215 #navBar .nav a.on {
 216         background: none repeat scroll 0 0 #356FCB;
 217         border: 1px solid #356FCB;
 218         color: #FFFFFF;
 219         font-weight: 600;
 220         height: 24px;
 221         line-height: 28px;
 222         text-decoration: none;
 223 }
 224
 225 #navBar .nav a.special {
 226         color: #B02B2C;
 227         font-size: 14px;
 228         font-weight: bold;
 229         text-decoration: none;
 230 }
 231
 232 #navBar .nav a.special:hover { text-decoration: underline; }
 233
 234 #navBar .nav div.focus {
 235         float: right;
 236         padding-right: 0;
 237 }
 238
 239 #searchBar {
 240         background-color: #B6C4E2;
 241         border-color: #EEEEEC #A9ACA5 #BABDB6 #EEEEEC;
 242         border-style: solid;
 243         border-width: 1px;
 244         padding: 4px 0 0;
 245         width: 988px;
 246 }
 247
 248 #searchBar .content { }
 249
 250 #searchBar .searchInput {
 251         font-size: 13px;
 252         height: 18px;
 253         width: 400px;
 254 }
 255
 256 #searchBar .searchBtn {
 257         font-size: 14px;
 258         height: 26px;
 259         width: 80px;
 260 }
 261
 262 #searchBar .options {
 263         color: #333333;
 264         font-size: 120%;
 265         padding: 3px 0;
 266 }
 267
 268 #searchBar .options input { margin: 0 3px 0 15px; }
 269 #searchBar .options input:hover { cursor: pointer; }
 270
 271 #listA {
 272         background-color: #FFFFFF;
 273         float: left;
 274         padding: 0 0;
 275         width: 100%;
 276 }
 277
 278 .thousand {
 279         color: orange;
 280 }
 281
 282 .short-summary {
 283         border-top: 1px dotted #CCCCCE;
 284         float: left;
 285         overflow: hidden;
 286         padding: 3px 0px 5px 0;
 287         position: relative;
 288         width: 740px;
 289 }
 290
 291 .short-summary h2 a {
 292         color: #2A5594;
 293         font-family: "Trebuchet MS","segoe ui",arial,sans-serif;
 294         font-size: 17px;
 295 }
 296
 297 .short-summary .userinfo {
 298         color: #666666;
 299         float: right;
 300         margin-top: 8px;
 301 }
 302
 303 .userinfo a,a.userinfo { color: #3060A8; }
 304
 305 .short-summary .counts {
 306         float: left;
 307         margin-right: 0px;
 308         margin-top: 4px;
 309         padding-right: 2px;
 310 }
 311
 312 .short-summary .counts .item-count {
 313         font-size: 17px;
 314         font-weight: bold;
 315 }
 316
 317 .short-summary .votes,.short-summary .status,.short-summary .views {
 318         -moz-border-radius: 5px 5px 5px 5px;
 319         border-bottom: 1px solid #CCCCCC;
 320         border-right: 1px solid #CCCCCC;
 321         float: left;
 322         font-size: 11px;
 323         height: 42px;
 324         margin: 0 6px 0 0px;
 325         padding: 8px 2px 0;
 326         text-align: center;
 327         width: 46px;
 328 }
 329
 330 .short-summary .votes,.short-summary .views { color: #666666; }
 331
 332 .short-summary .favorites {
 333         width: 24px;
 334         float: left;
 335         text-align: center;
 336 }
 337
 338 #question-table { margin-bottom: 10px; }
 339
 340 .questions-count {
 341         color: #A40000;
 342         font-family: sans-serif;
 343         font-size: 32px;
 344         font-weight: 600;
 345         margin-top: 3px;
 346         padding: 0 0 5px 0;
 347 }
 348
 349 .boxA {
 350         background: none repeat scroll 0 0 #888A85;
 351         margin-bottom: 8px;
 352         padding: 6px;
 353 }
 354
 355 .boxA h3 {
 356         color: #FFFFFF;
 357         font-size: 13px;
 358         font-weight: 800;
 359         margin: 0 0 4px;
 360         padding: 0;
 361 }
 362
 363 .boxA .body {
 364         background: none repeat scroll 0 0 #FFFFFF;
 365         border: 1px solid #999999;
 366         font-size: 13px;
 367         padding: 8px;
 368 }
 369
 370 .boxA .more {
 371         font-weight: 800;
 372         padding: 2px;
 373         text-align: right;
 374 }
 375
 376 .boxC {
 377         background: none repeat scroll 0 0 #E5EBF8;
 378         border-color: #EEEEEC #A9ACA5 #BABDB6 #EEEEEC;
 379         border-style: solid;
 380         border-width: 1px;
 381         margin-bottom: 8px;
 382         padding: 10px;
 383 }
 384
 385 .boxC p { margin-bottom: 8px; }
 386 .boxC p.nomargin { margin: 0; }
 387
 388 .boxC p.info-box-follow-up-links {
 389         margin: 0;
 390         text-align: right;
 391 }
 392
 393 .pager {
 394         float: left;
 395         margin-bottom: 16px;
 396         margin-top: 10px;
 397 }
 398
 399 .pagesize {
 400         float: right;
 401         margin-bottom: 16px;
 402         margin-top: 10px;
 403 }
 404
 405 .paginator {
 406         font: 12px sans-serif;
 407         padding: 5px 0 10px;
 408 }
 409
 410 .paginator .prev a,.paginator .prev a:visited,.paginator .next a,.paginator .next a:visited {
 411         background-color: #FFFFFF;
 412         border: 1px solid #FFFFFF;
 413         color: #777777;
 414         font: bold 100% sans-serif;
 415         padding: 2px 4px 3px;
 416 }
 417
 418 .paginator .prev { margin-right: 0.5em; }
 419 .paginator .next { margin-left: 0.5em; }
 420
 421 .paginator .page a,.paginator .page a:visited,.paginator .curr {
 422         background-color: #FFFFFF;
 423         border: 1px solid #CCCCCC;
 424         color: #777777;
 425         font: 0.875em verdana;
 426         margin: 0 0.25em;
 427         padding: 0.25em;
 428 }
 429
 430 .paginator .curr {
 431         background-color: #777777;
 432         border: 1px solid #777777;
 433         color: #FFFFFF;
 434         font-weight: bold;
 435 }
 436
 437 .paginator .page a:hover,.paginator .prev a:hover,.paginator .next a:hover {
 438         background-color: #777777;
 439         border: 1px solid #777777;
 440         color: #FFFFFF;
 441         text-decoration: none;
 442 }
 443
 444 .paginator .text {
 445         color: #777777;
 446         font: bold 100% sans-serif;
 447         padding: 0.3em;
 448 }
 449
 450 .paginator-container-left { padding: 5px 0 10px; }
 451
 452 .tags {
 453         display: block;
 454         font-family: sans-serif;
 455         line-height: 200%;
 456         margin-top: 5px;
 457 }
 458
 459 .tags a,span.tag {
 460         background-color: #EEEEEE;
 461         border-bottom: 1px solid #CCCCCC;
 462         border-right: 1px solid #CCCCCC;
 463         color: #777777;
 464         font-size: 11px;
 465         font-weight: normal;
 466         padding: 1px 8px;
 467         text-decoration: none;
 468         white-space: nowrap;
 469 }
 470
 471 .tags a:hover {
 472         background-color: #356FCB;
 473         color: #FFFFFF;
 474 }
 475
 476 .tag-number {
 477         font-family: sans-serif;
 478         font-weight: 700;
 479 }
 480
 481 .marked-tags {
 482         margin-bottom: 5px;
 483         margin-top: 0;
 484 }
 485
 486 a.medal {
 487         background: none repeat scroll 0 0 #FFFFCD;
 488         border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE;
 489         border-left: 1px solid #EEEEEE;
 490         border-style: solid;
 491         border-width: 1px;
 492         color: #333333;
 493         font-size: 14px;
 494         font-weight: bold;
 495         line-height: 250%;
 496         padding: 4px 12px 4px 6px;
 497         text-decoration: none;
 498 }
 499
 500 a.medal:hover {
 501         background: url("../images/medala_on.gif") no-repeat scroll 0 0 transparent;
 502         border-color: #E7E296 #D1CA3D #D1CA3D #E7E296;
 503         border-left: 1px solid #E7E296;
 504         border-style: solid;
 505         border-width: 1px;
 506         color: #333333;
 507         text-decoration: none;
 508 }
 509
 510 .tabBar {
 511         background-color: #FFFFFF;
 512         border-bottom: 1px solid white;
 513         clear: both;
 514         height: 30px;
 515         margin-bottom: 3px;
 516         width: 100%;
 517 }
 518
 519 .tabsA {
 520         background-color: #FFFFFF;
 521         display: block;
 522         float: right;
 523         font-weight: bold;
 524         height: 20px;
 525         position: relative;
 526 }
 527
 528 .tabsA a {
 529         background: none repeat scroll 0 0 #EEEEEE;
 530         border-bottom: 1px solid #CCCCCC;
 531         border-right: 1px solid #CCCCCC;
 532         color: #888A85;
 533         display: block;
 534         float: left;
 535         height: 20px;
 536         line-height: 22px;
 537         margin: 5px 4px 0 0;
 538         padding: 0 11px;
 539         text-decoration: none;
 540 }
 541
 542 .tabsA a.on,.tabsA a:hover {
 543         background: none repeat scroll 0 0 #FFFFFF;
 544         color: #A40000;
 545 }
 546
 547 .tabsA a:hover {
 548         background: none repeat scroll 0 0 #356FCB;
 549         color: #FFFFFF;
 550 }
 551
 552 .headlineA {
 553         border-bottom: 1px solid #777777;
 554         font-size: 13px;
 555         font-weight: 800;
 556         height: 30px;
 557         margin-bottom: 12px;
 558         padding-bottom: 2px;
 559         text-align: right;
 560 }
 561
 562 .headQuestions {
 563         background: url("../images/dot-list.gif") no-repeat scroll left center transparent;
 564         border-bottom: 0 solid #777777;
 565         float: left;
 566         font-size: 15px;
 567         font-weight: 700;
 568         height: 23px;
 569         line-height: 23px;
 570         margin: 5px 0 0 5px;
 571         padding: 0 6px 0 15px;
 572 }
 573
 574 .headUsers {
 575         background: url("../images/dot-list.gif") no-repeat scroll left center transparent;
 576         border-bottom: 0 solid #777777;
 577         float: left;
 578         font-size: 15px;
 579         font-weight: 700;
 580         height: 23px;
 581         line-height: 23px;
 582         margin: 5px 0 0 5px;
 583         padding: 0 6px 0 15px;
 584 }
 585
 586 .headMedals {
 587         background: url("../images/dot-list.gif") no-repeat scroll left center transparent;
 588         border-bottom: 0 solid #777777;
 589         float: left;
 590         font-size: 15px;
 591         font-weight: 700;
 592         height: 23px;
 593         line-height: 23px;
 594         margin: 5px 0 0 5px;
 595         padding: 0 6px 0 15px;
 596 }
 597
 598 .headNormal {
 599         border-bottom: 1px solid #777777;
 600         font-size: 15px;
 601         font-weight: bold;
 602         margin-bottom: 12px;
 603         padding: 3px;
 604         text-align: left;
 605 }
 606
 607 .headUser {
 608         border-bottom: 1px solid #777777;
 609         font-size: 20px;
 610         font-weight: 800;
 611         margin-bottom: 12px;
 612         padding: 5px;
 613         text-align: left;
 614 }
 615
 616 .questions-related {
 617         font-weight: 700;
 618         word-wrap: break-word;
 619 }
 620
 621 .questions-related p {
 622         font-size: 100%;
 623         line-height: 20px;
 624         margin-bottom: 10px;
 625 }
 626
 627 .question-body {
 628         font-size: 13px;
 629         line-height: 20px;
 630         min-height: 100px;
 631 }
 632
 633 .question-body img { max-width: 640px; }
 634
 635 .vote-buttons {
 636         float: left;
 637         text-align: center;
 638 }
 639
 640 .vote-notification {
 641         background-color: darkred;
 642         color: White;
 643         cursor: pointer;
 644         display: none;
 645         padding: 15px;
 646         position: absolute;
 647         text-align: center;
 648         z-index: 1;
 649 }
 650
 651 .vote-notification a {
 652         color: White;
 653         text-decoration: underline;
 654 }
 655
 656 span.form-error {
 657         color: #990000;
 658         font-weight: normal;
 659         margin-left: 5px;
 660 }
 661
 662 ul.errorlist li {
 663         color: #990000;
 664         font-weight: normal;
 665         margin-left: 0px;
 666     margin-top: 5px;
 667 }
 668
 669 .answer {
 670         border-bottom: 1px solid #CCCCCE;
 671         padding-top: 10px;
 672         width: 100%;
 673 }
 674
 675 .answer-body {
 676         font-size: 13px;
 677         line-height: 20px;
 678         min-height: 80px;
 679 }
 680
 681 .answer-body img { max-width: 640px; }
 682
 683 .answered-by-owner { background: none repeat scroll 0 0 #E9E9FF; }
 684
 685 .accepted-answer {
 686         background-color: #EBFFE6;
 687         border-bottom-color: #9BD59B;
 688 }
 689
 690 .answered {
 691         background: none repeat scroll 0 0 #E5EBF8;
 692         color: #314362;
 693 }
 694
 695 .answered-accepted,.answer-votes.answered-accepted {
 696         background: none repeat scroll 0 0 #E6F8DD;
 697         color: #3A6231;
 698 }
 699
 700 .unanswered {
 701         background: none repeat scroll 0 0 #F3E3E1;
 702         color: #6B2B28;
 703 }
 704
 705 .tagsList {
 706         list-style-type: none;
 707         margin: 0;
 708         min-height: 360px;
 709         padding: 0;
 710 }
 711
 712 .tagsList li {
 713         float: left;
 714         width: 235px;
 715 }
 716
 717 .badge-list {
 718         list-style-type: none;
 719         margin: 0;
 720 }
 721
 722 .badge-list a { color: #3060A8; }
 723 .badge-list a.medal { color: #333333; }
 724 .list-item { margin-left: 15px; }
 725
 726 .list-item li {
 727         font-size: 13px;
 728         line-height: 20px;
 729         list-style-type: disc;
 730         margin-bottom: 10px;
 731 }
 732
 733 .form-row { line-height: 25px; }
 734 table.form-as-table { margin-top: 5px; }
 735
 736 table.form-as-table ul {
 737         display: inline;
 738         list-style-type: none;
 739 }
 740
 741 table.form-as-table li { display: inline; }
 742 table.form-as-table pre { display: inline; }
 743 table.check-table td { padding-right: 50px; }
 744
 745 .submit-row {
 746         clear: both;
 747         display: block;
 748         line-height: 30px;
 749         padding-top: 10px;
 750 }
 751
 752 .error {
 753         color: darkred;
 754         font-size: 10px;
 755         margin: 0;
 756 }
 757
 758 span.form-error {
 759         color: #990000;
 760         font-size: 90%;
 761         font-weight: normal;
 762         margin-left: 5px;
 763 }
 764
 765 .title-desc {
 766         color: #666666;
 767         font-size: 90%;
 768 }
 769
 770 #editor {
 771         font-size: 100%;
 772         line-height: 18px;
 773         min-height: 200px;
 774         width: 100%;
 775 }
 776
 777 .wmd-preview {
 778         background-color: #F5F5F5;
 779         margin-top: 10px;
 780         min-height: 20px;
 781         padding: 6px;
 782         width: 100%;
 783 }
 784
 785 .preview-toggle {
 786         color: #AAAAAA;
 787         font-weight: 600;
 788         text-align: left;
 789         width: 100%;
 790 }
 791
 792 .preview-toggle span:hover { cursor: pointer; }
 793 #revisions { width: 950px; }
 794
 795 .revision {
 796         font-size: 13px;
 797         margin: 10px 0;
 798         width: 100%;
 799 }
 800
 801 .revision .header {
 802         background-color: #EEEEEE;
 803         cursor: pointer;
 804         padding: 5px;
 805 }
 806
 807 .revision .author { background-color: #E9E9FF; }
 808 .revision .summary { padding: 5px 0 10px; }
 809
 810 .revision .summary span {
 811         background-color: yellow;
 812         display: inline;
 813         padding-left: 3px;
 814         padding-right: 3px;
 815 }
 816
 817 .revision h1 {
 818         font-size: 130%;
 819         font-weight: 600;
 820         padding: 15px 0;
 821 }
 822
 823 .revision-mark {
 824         display: inline-block;
 825         font-size: 90%;
 826         overflow: hidden;
 827         text-align: left;
 828         width: 200px;
 829 }
 830
 831 .revision-number {
 832         font-family: sans-serif;
 833         font-size: 300%;
 834         font-weight: bold;
 835 }
 836
 837 .revision .body {
 838         margin-bottom: 50px;
 839         padding-left: 10px;
 840 }
 841
 842 del { color: #FF5F5F; }
 843 ins { background-color: #97FF97; }
 844
 845 .count {
 846         color: #777777;
 847         font-family: Arial;
 848         font-size: 200%;
 849         font-weight: 700;
 850 }
 851
 852 .scoreNumber {
 853         color: #777777;
 854         font-family: Arial;
 855         font-size: 35px;
 856         font-weight: 800;
 857         line-height: 40px;
 858 }
 859
 860 .user-details { font-size: 13px; }
 861
 862 .user-about {
 863         background-color: #EEEEEE;
 864         height: 200px;
 865         line-height: 20px;
 866         overflow: auto;
 867         padding: 10px;
 868         width: 90%;
 869 }
 870
 871 .user-edit-link {
 872         background: url("../images/edit.png") no-repeat scroll 0 0 transparent;
 873         padding-left: 20px;
 874 }
 875
 876 .user-info-table { margin-bottom: 10px; }
 877 .relativetime { text-decoration: none; }
 878
 879 .answer-summary {
 880         clear: both;
 881         display: block;
 882         padding: 3px;
 883 }
 884
 885 .answer-votes {
 886         background-color: #EEEEEE;
 887         color: #555555;
 888         float: left;
 889         font-family: Arial;
 890         font-size: 110%;
 891         font-weight: bold;
 892         height: 15px;
 893         margin-right: 10px;
 894         padding: 4px 4px 5px;
 895         text-align: center;
 896         text-decoration: none;
 897         width: 20px;
 898 }
 899
 900 .vote-count {
 901         color: #777777;
 902         font-family: Arial;
 903         font-size: 160%;
 904         font-weight: 700;
 905 }
 906
 907 .user-action-1 {
 908         color: #333333;
 909         font-weight: bold;
 910 }
 911
 912 .user-action-2 {
 913         color: #CCCCCC;
 914         font-weight: bold;
 915 }
 916
 917 .user-action-3 { color: #333333; }
 918 .user-action-4 { color: #333333; }
 919 .user-action-7 { color: #333333; }
 920
 921 .user-action-8 {
 922         background-color: #CCCCCC;
 923         color: #763333;
 924         font-weight: bold;
 925         padding: 3px;
 926 }
 927
 928 .question-title-link a {
 929         color: #0077CC;
 930         font-weight: bold;
 931 }
 932
 933 .answer-title-link a { color: #333333; }
 934 .post-type-1 a { font-weight: bold; }
 935 .post-type-3 a { font-weight: bold; }
 936 .post-type-2 a { color: #333333; }
 937 .post-type-4 a { color: #333333; }
 938 .post-type-8 a { color: #333333; }
 939 .badge1 { color: #FFCC00; }
 940 .silver,.badge2 { color: #CCCCCC; }
 941 .bronze,.badge3 { color: #CC9933; }
 942
 943 .score {
 944         color: #333333;
 945         font-size: 110%;
 946         font-weight: bold;
 947         margin-left: 3px;
 948 }
 949
 950 .footerLinks {
 951         color: #3060A8;
 952         font-size: 13px;
 953 }
 954
 955 .footerLinks a {
 956         color: #3060A8;
 957         font-size: 13px;
 958 }
 959
 960 .user {
 961         line-height: 140%;
 962         padding: 5px;
 963         width: 170px;
 964 }
 965
 966 .user ul {
 967         list-style-type: none;
 968         margin: 0;
 969 }
 970
 971 .user .thumb {
 972         clear: both;
 973         display: inline;
 974         float: left;
 975         margin-right: 4px;
 976 }
 977
 978 .message {
 979         background-color: #EEEEEE;
 980         border: 1px solid #AAAAAA;
 981         margin: 10px 0;
 982         padding: 5px;
 983 }
 984
 985 .message p { margin-bottom: 0; }
 986 .darkred { color: darkred; }
 987
 988 .submit {
 989         background-color: #D4D0C8;
 990         border: 1px solid #777777;
 991         cursor: pointer;
 992         font-size: 120%;
 993         font-weight: bold;
 994         height: 40px;
 995         padding-bottom: 4px;
 996 }
 997
 998 .submit:hover { text-decoration: underline; }
 999 .ask-body { padding-right: 10px; }
1000
1001 .notify {
1002         background-color: #F4A83D;
1003         color: #444444;
1004         font-weight: bold;
1005         left: 0;
1006         padding: 0;
1007         position: fixed;
1008         text-align: center;
1009         top: 0;
1010         width: 100%;
1011         z-index: 100;
1012 }
1013
1014 .notify p {
1015         font-size: 16px;
1016         margin-bottom: 5px;
1017         margin-top: 5px;
1018 }
1019
1020 #close-notify {
1021         background-color: #FAD163;
1022         border: 2px solid #735005;
1023         color: #735005;
1024         cursor: pointer;
1025         font-size: 14px;
1026         line-height: 18px;
1027         padding: 0 3px;
1028         position: absolute;
1029         right: 5px;
1030         text-decoration: none;
1031         top: 5px;
1032 }
1033
1034 #close-notify:hover { text-decoration: none; }
1035 .big { font-size: 15px; }
1036 .strong { font-weight: bold; }
1037
1038 .orange {
1039         color: #D64000;
1040         font-weight: bold;
1041 }
1042
1043 .grey { color: #808080; }
1044
1045 .about div {
1046         border-top: 1px dashed #AAAAAA;
1047         padding: 10px 5px;
1048 }
1049
1050 .about div.first {
1051         border-top: medium none;
1052         padding-top: 0;
1053 }
1054
1055 .about p { margin-bottom: 10px; }
1056
1057 .about a {
1058         color: #D64000;
1059         text-decoration: underline;
1060 }
1061
1062 .about h3 {
1063         font-size: 15px;
1064         font-weight: 700;
1065         line-height: 30px;
1066         padding-top: 0;
1067 }
1068
1069 .nomargin { margin: 0; }
1070 .inline-block { display: inline-block; }
1071 .list-table td { vertical-align: top; }
1072
1073 table.form-as-table input {
1074         display: inline;
1075         margin-left: 4px;
1076 }
1077
1078 ul.form-horizontal-rows {
1079         list-style: none outside none;
1080         margin: 0;
1081 }
1082
1083 ul.form-horizontal-rows li {
1084         height: 40px;
1085         position: relative;
1086 }
1087
1088 ul.form-horizontal-rows label { display: inline-block; }
1089
1090 ul.form-horizontal-rows label {
1091         bottom: 6px;
1092         font-size: 12px;
1093         left: 0;
1094         line-height: 12px;
1095         margin: 0;
1096         position: absolute;
1097 }
1098
1099 ul.form-horizontal-rows li input {
1100         bottom: 0;
1101         left: 180px;
1102         margin: 0;
1103         position: absolute;
1104 }
1105
1106 #changepw-form li input { left: 150px; }
1107
1108 .user-profile-tool-links {
1109         font-weight: bold;
1110         padding-bottom: 10px;
1111 }
1112
1113 .post-controls {
1114         font-size: 11px;
1115         line-height: 12px;
1116         margin-bottom: 5px;
1117         min-width: 200px;
1118 }
1119
1120 #question-controls .tags { margin: 0 0 3px; }
1121
1122 .post-update-info {
1123         display: inline-block;
1124         float: right;
1125         margin-bottom: 5px;
1126         width: 190px;
1127 }
1128
1129 .post-update-info p {
1130         font-size: 11px;
1131         line-height: 15px;
1132         margin: 0 0 4px;
1133         padding: 0;
1134 }
1135
1136 .post-update-info img {
1137         float: left;
1138         margin: 4px 8px 0 0;
1139         width: 32px;
1140 }
1141
1142 #tagSelector { padding-bottom: 2px; }
1143 #hideIgnoredTagsControl { margin: 5px 0 0; }
1144 #hideIgnoredTagsCb { margin: 0 2px 0 1px; }
1145
1146 a.sidebar_button {
1147         background: none repeat scroll 0 0 #EEEEEE;
1148         color: black;
1149         cursor: pointer;
1150         font-size: 11px;
1151         padding: 3px;
1152 }
1153
1154 a.sidebar_button:hover {
1155         background-color: #777777;
1156         color: white;
1157         text-decoration: none;
1158 }
1159
1160 a.post-vote,.favorite-mark,a.accept-answer {
1161         display: block;
1162         height: 24px;
1163         position: relative;
1164         width: 24px;
1165 }
1166
1167 a.post-vote.up { background: url("../images/vote-arrow-up.png") no-repeat scroll center center transparent; }
1168 a.post-vote.up.on,a.post-vote.up:hover { background: url("../images/vote-arrow-up-on.png") no-repeat scroll center center transparent; }
1169 a.post-vote.down { background: url("../images/vote-arrow-down.png") no-repeat scroll center center transparent; }
1170 a.post-vote.down.on,a.post-vote.down:hover { background: url("../images/vote-arrow-down-on.png") no-repeat scroll center center transparent; }
1171 a.accept-answer { background: url("../images/vote-accepted.png") no-repeat scroll center center transparent; }
1172 a.accept-answer.on,a.accept-answer:hover { background: url("../images/vote-accepted-on.png") no-repeat scroll center center transparent; }
1173
1174 .post-score, .comments-char-left-count {
1175         color: #777777;
1176         font-family: Arial;
1177         font-size: 165%;
1178         font-weight: bold;
1179         padding: 0 0 3px;
1180 }
1181
1182 .favorite-mark { background: url("../images/vote-favorite-off.png") no-repeat scroll center center transparent; }
1183 .favorite-mark.on,a.favorite-mark:hover { background: url("../images/vote-favorite-on.png") no-repeat scroll center center transparent; }
1184
1185 .favorite-count {
1186         color: #777777;
1187         font-family: Arial;
1188         font-size: 100%;
1189         font-weight: bold;
1190         padding: 0;
1191 }
1192
1193 .comments-container { clear: both; }
1194 .comments-container { padding: 0; }
1195 .answered-by-owner .comments-container { background-color: #E6ECFF; }
1196 .accepted-answer .comments-container { background-color: #CCFFBF; }
1197
1198 .comment {
1199         border-top: 1px dotted #CCCCCE;
1200         margin: 0;
1201     position: relative;
1202 }
1203
1204 .comment.not_top_scorer { display: none; }
1205
1206 .comment-score {
1207         color: #777777;
1208         font-family: Arial;
1209         font-size: 16px;
1210         font-weight: bold;
1211         padding-top: 3px;
1212         vertical-align: top;
1213     float: left;
1214         width: 22px;
1215     height: 100%;
1216     text-align: center;
1217 }
1218
1219 .comment-text {
1220         color: #444444;
1221         font-size: 12px;
1222         margin: 0 0 0 22px;
1223         padding: 0;
1224 }
1225
1226 .comment-text p {
1227     font-size: 12px;
1228 }
1229
1230 .comment-info {
1231         font-size: 11px;
1232         margin: 0 0 4px 0;
1233     text-align: right;
1234     height: 18px;
1235     vertical-align: middle;
1236 }
1237
1238 .comment-info * {
1239     float: right;
1240         height: 18px;
1241         margin-left: 4px;
1242 }
1243
1244 a.comment-like,a.comment-delete,a.comment-edit {
1245         margin-left: 2px;
1246         width: 18px;
1247 }
1248
1249 a.comment-like { background: url("../images/comment-like.png") no-repeat scroll center center transparent; }
1250 a.comment-like:hover,a.comment-like.on { background: url("../images/comment-like-on.png") no-repeat scroll center center transparent; }
1251 a.comment-delete { background: url("../images/comment-delete.png") no-repeat scroll center center transparent; }
1252 a.comment-delete:hover { background: url("../images/comment-delete-hover.png") no-repeat scroll center center transparent; }
1253 a.comment-edit { background: url("../images/comment-edit.png") no-repeat scroll center center transparent; }
1254 a.comment-edit:hover { background: url("../images/comment-edit-hover.png") no-repeat scroll center center transparent; }
1255
1256 .comment-form-container {
1257         display: none;
1258         padding-top: 12px;
1259 }
1260
1261 .comment-form-widgets-container input { vertical-align: top; }
1262
1263 .comment-form-widgets-container textarea {
1264         height: 80px;
1265         width: 80%;
1266     float: left;
1267 }
1268
1269 span.comment-chars-left {
1270         font-size: 11px;
1271         margin-right: 20px;
1272 }
1273
1274 div.comment-tools {
1275         border-top: 1px dotted #CCCCCE;
1276         padding-top: 12px;
1277         text-align: right;
1278 }
1279
1280 div.comment-tools .comments-showing {
1281         color: #777777;
1282         font-size: 11px;
1283 }
1284
1285 div.comment-tools a {
1286         background: none repeat scroll 0 0 #EEEEEE;
1287         color: black;
1288         cursor: pointer;
1289         font-size: 11px;
1290         padding: 3px;
1291 }
1292
1293 div.comment-tools a:hover {
1294         background-color: #777777;
1295         color: white;
1296         text-decoration: none;
1297 }
1298
1299 .action-link a {
1300         color: #777777;
1301         cursor: pointer;
1302         padding: 3px;
1303 }
1304
1305 .action-link a.ajax-command:hover {
1306         background-color: #777777;
1307         color: #FFFFFF;
1308         text-decoration: none;
1309 }
1310
1311 .action-link-separator { color: #CCCCCC; }
1312
1313 .deleted {background-color: #F4E7E7;}
1314
1315 #command-loader {
1316     position: fixed;
1317     bottom: 0px;
1318     left: 0px;
1319     width: 24px;
1320     height: 24px;
1321     background: url('/m/default/media/images/indicator.gif')
1322 }
1323
1324 #command-loader.success {
1325     background: url('/m/default/media/images/vote-accepted-on.png')
1326 }
1327
1328 .user-prompt {
1329     width: 300px;
1330 }
1331
1332 .user-prompt select, .user-prompt textarea {
1333     width: 100%;
1334     padding: 0;
1335     border: 0;
1336 }
1337
1338 .user-prompt .prompt-buttons {
1339     text-align: right;
1340 }
1341
1342 .comment-form-buttons {
1343     width: 18%;
1344     height: 100%;
1345     float: right;
1346 }
1347
1348 .comment-form-buttons input, .user-prompt .prompt-buttons button {
1349     height: 16px;
1350     line-height: 12px;
1351     font-size: 110%;
1352     border: 1px solid #999;
1353 }
1354
1355 .comment-form-buttons input {
1356     width: 100%;
1357     height: 22px;
1358     vertical-align: center;
1359     margin-top: 6px;
1360 }
1361
1362 .comments-char-left-count.warn {
1363     color: orange;
1364 }
1365
1366 .moderation {
1367         background-color: #FFF380;
1368         border: 1px solid darkred;
1369         padding: 0 5px;
1370 }
1371
1372 .moderation p { margin-bottom: 3px; }
1373
1374 .moderation #action_status {
1375         font-weight: bold;
1376         text-align: center;
1377 }