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