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: 600px; }
 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 div.comments-container { padding: 0; }
 660
 661 .answer {
 662         border-bottom: 1px solid #CCCCCE;
 663         padding-top: 10px;
 664         width: 100%;
 665 }
 666
 667 .answer-body {
 668         font-size: 13px;
 669         line-height: 20px;
 670         min-height: 80px;
 671 }
 672
 673 .accepted-answer {
 674         background-color: #EBFFE6;
 675         border-bottom-color: #9BD59B;
 676 }
 677
 678 .accepted-answer .comments-container { background-color: #CCFFBF; }
 679
 680 .answered {
 681         background: none repeat scroll 0 0 #E5EBF8;
 682         color: #314362;
 683 }
 684
 685 .answered-accepted,.answer-votes.answered-accepted {
 686         background: none repeat scroll 0 0 #E6F8DD;
 687         color: #3A6231;
 688 }
 689
 690 .unanswered {
 691         background: none repeat scroll 0 0 #F3E3E1;
 692         color: #6B2B28;
 693 }
 694
 695 .answered-by-owner { background: none repeat scroll 0 0 #E9E9FF; }
 696 .answered-by-owner .comments-container { background-color: #E6ECFF; }
 697
 698 .tagsList {
 699         list-style-type: none;
 700         margin: 0;
 701         min-height: 360px;
 702         padding: 0;
 703 }
 704
 705 .tagsList li {
 706         float: left;
 707         width: 235px;
 708 }
 709
 710 .badge-list {
 711         list-style-type: none;
 712         margin: 0;
 713 }
 714
 715 .badge-list a { color: #3060A8; }
 716 .badge-list a.medal { color: #333333; }
 717 .list-item { margin-left: 15px; }
 718
 719 .list-item li {
 720         font-size: 13px;
 721         line-height: 20px;
 722         list-style-type: disc;
 723         margin-bottom: 10px;
 724 }
 725
 726 .form-row { line-height: 25px; }
 727 table.form-as-table { margin-top: 5px; }
 728
 729 table.form-as-table ul {
 730         display: inline;
 731         list-style-type: none;
 732 }
 733
 734 table.form-as-table li { display: inline; }
 735 table.form-as-table pre { display: inline; }
 736 table.check-table td { padding-right: 50px; }
 737
 738 .submit-row {
 739         clear: both;
 740         display: block;
 741         line-height: 30px;
 742         padding-top: 10px;
 743 }
 744
 745 .error {
 746         color: darkred;
 747         font-size: 10px;
 748         margin: 0;
 749 }
 750
 751 span.form-error {
 752         color: #990000;
 753         font-size: 90%;
 754         font-weight: normal;
 755         margin-left: 5px;
 756 }
 757
 758 .title-desc {
 759         color: #666666;
 760         font-size: 90%;
 761 }
 762
 763 #editor {
 764         font-size: 100%;
 765         line-height: 18px;
 766         min-height: 200px;
 767         width: 100%;
 768 }
 769
 770 .wmd-preview {
 771         background-color: #F5F5F5;
 772         margin-top: 10px;
 773         min-height: 20px;
 774         padding: 6px;
 775         width: 100%;
 776 }
 777
 778 .preview-toggle {
 779         color: #AAAAAA;
 780         font-weight: 600;
 781         text-align: left;
 782         width: 100%;
 783 }
 784
 785 .preview-toggle span:hover { cursor: pointer; }
 786 #revisions { width: 950px; }
 787
 788 .revision {
 789         font-size: 13px;
 790         margin: 10px 0;
 791         width: 100%;
 792 }
 793
 794 .revision .header {
 795         background-color: #EEEEEE;
 796         cursor: pointer;
 797         padding: 5px;
 798 }
 799
 800 .revision .author { background-color: #E9E9FF; }
 801 .revision .summary { padding: 5px 0 10px; }
 802
 803 .revision .summary span {
 804         background-color: yellow;
 805         display: inline;
 806         padding-left: 3px;
 807         padding-right: 3px;
 808 }
 809
 810 .revision h1 {
 811         font-size: 130%;
 812         font-weight: 600;
 813         padding: 15px 0;
 814 }
 815
 816 .revision-mark {
 817         display: inline-block;
 818         font-size: 90%;
 819         overflow: hidden;
 820         text-align: left;
 821         width: 200px;
 822 }
 823
 824 .revision-number {
 825         font-family: sans-serif;
 826         font-size: 300%;
 827         font-weight: bold;
 828 }
 829
 830 .revision .body {
 831         margin-bottom: 50px;
 832         padding-left: 10px;
 833 }
 834
 835 del { color: #FF5F5F; }
 836 ins { background-color: #97FF97; }
 837
 838 .count {
 839         color: #777777;
 840         font-family: Arial;
 841         font-size: 200%;
 842         font-weight: 700;
 843 }
 844
 845 .scoreNumber {
 846         color: #777777;
 847         font-family: Arial;
 848         font-size: 35px;
 849         font-weight: 800;
 850         line-height: 40px;
 851 }
 852
 853 .user-details { font-size: 13px; }
 854
 855 .user-about {
 856         background-color: #EEEEEE;
 857         height: 200px;
 858         line-height: 20px;
 859         overflow: auto;
 860         padding: 10px;
 861         width: 90%;
 862 }
 863
 864 .user-edit-link {
 865         background: url("../images/edit.png") no-repeat scroll 0 0 transparent;
 866         padding-left: 20px;
 867 }
 868
 869 .user-info-table { margin-bottom: 10px; }
 870 .relativetime { text-decoration: none; }
 871
 872 .answer-summary {
 873         clear: both;
 874         display: block;
 875         padding: 3px;
 876 }
 877
 878 .answer-votes {
 879         background-color: #EEEEEE;
 880         color: #555555;
 881         float: left;
 882         font-family: Arial;
 883         font-size: 110%;
 884         font-weight: bold;
 885         height: 15px;
 886         margin-right: 10px;
 887         padding: 4px 4px 5px;
 888         text-align: center;
 889         text-decoration: none;
 890         width: 20px;
 891 }
 892
 893 .vote-count {
 894         color: #777777;
 895         font-family: Arial;
 896         font-size: 160%;
 897         font-weight: 700;
 898 }
 899
 900 .user-action-1 {
 901         color: #333333;
 902         font-weight: bold;
 903 }
 904
 905 .user-action-2 {
 906         color: #CCCCCC;
 907         font-weight: bold;
 908 }
 909
 910 .user-action-3 { color: #333333; }
 911 .user-action-4 { color: #333333; }
 912 .user-action-7 { color: #333333; }
 913
 914 .user-action-8 {
 915         background-color: #CCCCCC;
 916         color: #763333;
 917         font-weight: bold;
 918         padding: 3px;
 919 }
 920
 921 .question-title-link a {
 922         color: #0077CC;
 923         font-weight: bold;
 924 }
 925
 926 .answer-title-link a { color: #333333; }
 927 .post-type-1 a { font-weight: bold; }
 928 .post-type-3 a { font-weight: bold; }
 929 .post-type-2 a { color: #333333; }
 930 .post-type-4 a { color: #333333; }
 931 .post-type-8 a { color: #333333; }
 932 .badge1 { color: #FFCC00; }
 933 .silver,.badge2 { color: #CCCCCC; }
 934 .bronze,.badge3 { color: #CC9933; }
 935
 936 .score {
 937         color: #333333;
 938         font-size: 110%;
 939         font-weight: bold;
 940         margin-left: 3px;
 941 }
 942
 943 .footerLinks {
 944         color: #3060A8;
 945         font-size: 13px;
 946 }
 947
 948 .footerLinks a {
 949         color: #3060A8;
 950         font-size: 13px;
 951 }
 952
 953 .user {
 954         line-height: 140%;
 955         padding: 5px;
 956         width: 170px;
 957 }
 958
 959 .user ul {
 960         list-style-type: none;
 961         margin: 0;
 962 }
 963
 964 .user .thumb {
 965         clear: both;
 966         display: inline;
 967         float: left;
 968         margin-right: 4px;
 969 }
 970
 971 .message {
 972         background-color: #EEEEEE;
 973         border: 1px solid #AAAAAA;
 974         margin: 10px 0;
 975         padding: 5px;
 976 }
 977
 978 .message p { margin-bottom: 0; }
 979 .darkred { color: darkred; }
 980
 981 .submit {
 982         background-color: #D4D0C8;
 983         border: 1px solid #777777;
 984         cursor: pointer;
 985         font-size: 120%;
 986         font-weight: bold;
 987         height: 40px;
 988         padding-bottom: 4px;
 989 }
 990
 991 .submit:hover { text-decoration: underline; }
 992 .ask-body { padding-right: 10px; }
 993
 994 .notify {
 995         background-color: #F4A83D;
 996         color: #444444;
 997         font-weight: bold;
 998         left: 0;
 999         padding: 0;
1000         position: fixed;
1001         text-align: center;
1002         top: 0;
1003         width: 100%;
1004         z-index: 100;
1005 }
1006
1007 .notify p {
1008         font-size: 16px;
1009         margin-bottom: 5px;
1010         margin-top: 5px;
1011 }
1012
1013 #close-notify {
1014         background-color: #FAD163;
1015         border: 2px solid #735005;
1016         color: #735005;
1017         cursor: pointer;
1018         font-size: 14px;
1019         line-height: 18px;
1020         padding: 0 3px;
1021         position: absolute;
1022         right: 5px;
1023         text-decoration: none;
1024         top: 5px;
1025 }
1026
1027 #close-notify:hover { text-decoration: none; }
1028 .big { font-size: 15px; }
1029 .strong { font-weight: bold; }
1030
1031 .orange {
1032         color: #D64000;
1033         font-weight: bold;
1034 }
1035
1036 .grey { color: #808080; }
1037
1038 .about div {
1039         border-top: 1px dashed #AAAAAA;
1040         padding: 10px 5px;
1041 }
1042
1043 .about div.first {
1044         border-top: medium none;
1045         padding-top: 0;
1046 }
1047
1048 .about p { margin-bottom: 10px; }
1049
1050 .about a {
1051         color: #D64000;
1052         text-decoration: underline;
1053 }
1054
1055 .about h3 {
1056         font-size: 15px;
1057         font-weight: 700;
1058         line-height: 30px;
1059         padding-top: 0;
1060 }
1061
1062 .nomargin { margin: 0; }
1063 .inline-block { display: inline-block; }
1064 .list-table td { vertical-align: top; }
1065
1066 table.form-as-table input {
1067         display: inline;
1068         margin-left: 4px;
1069 }
1070
1071 ul.form-horizontal-rows {
1072         list-style: none outside none;
1073         margin: 0;
1074 }
1075
1076 ul.form-horizontal-rows li {
1077         height: 40px;
1078         position: relative;
1079 }
1080
1081 ul.form-horizontal-rows label { display: inline-block; }
1082
1083 ul.form-horizontal-rows label {
1084         bottom: 6px;
1085         font-size: 12px;
1086         left: 0;
1087         line-height: 12px;
1088         margin: 0;
1089         position: absolute;
1090 }
1091
1092 ul.form-horizontal-rows li input {
1093         bottom: 0;
1094         left: 180px;
1095         margin: 0;
1096         position: absolute;
1097 }
1098
1099 #changepw-form li input { left: 150px; }
1100
1101 .user-profile-tool-links {
1102         font-weight: bold;
1103         padding-bottom: 10px;
1104 }
1105
1106 .post-controls {
1107         float: left;
1108         font-size: 11px;
1109         line-height: 12px;
1110         margin-bottom: 5px;
1111         min-width: 200px;
1112 }
1113
1114 #question-controls .tags { margin: 0 0 3px; }
1115
1116 .post-update-info-container {
1117         float: right;
1118         min-width: 190px;
1119 }
1120
1121 .post-update-info {
1122         display: inline-block;
1123         float: right;
1124         margin-bottom: 5px;
1125         width: 190px;
1126 }
1127
1128 .post-update-info p {
1129         font-size: 11px;
1130         line-height: 15px;
1131         margin: 0 0 4px;
1132         padding: 0;
1133 }
1134
1135 .post-update-info img {
1136         float: left;
1137         margin: 4px 8px 0 0;
1138         width: 32px;
1139 }
1140
1141 .comments-container { clear: both; }
1142
1143 .admin {
1144         background-color: #FFF380;
1145         border: 1px solid darkred;
1146         padding: 0 5px;
1147 }
1148
1149 .admin p { margin-bottom: 3px; }
1150
1151 .admin #action_status {
1152         font-weight: bold;
1153         text-align: center;
1154 }
1155
1156 #tagSelector { padding-bottom: 2px; }
1157 #hideIgnoredTagsControl { margin: 5px 0 0; }
1158 #hideIgnoredTagsCb { margin: 0 2px 0 1px; }
1159
1160 a.sidebar_button {
1161         background: none repeat scroll 0 0 #EEEEEE;
1162         color: black;
1163         cursor: pointer;
1164         font-size: 11px;
1165         padding: 3px;
1166 }
1167
1168 a.sidebar_button:hover {
1169         background-color: #777777;
1170         color: white;
1171         text-decoration: none;
1172 }
1173
1174 a.post-vote,.favorite-mark,a.accept-answer {
1175         display: block;
1176         height: 24px;
1177         position: relative;
1178         width: 24px;
1179 }
1180
1181 a.post-vote.up { background: url("../images/vote-arrow-up.png") no-repeat scroll center center transparent; }
1182 a.post-vote.up.on,a.post-vote.up:hover { background: url("../images/vote-arrow-up-on.png") no-repeat scroll center center transparent; }
1183 a.post-vote.down { background: url("../images/vote-arrow-down.png") no-repeat scroll center center transparent; }
1184 a.post-vote.down.on,a.post-vote.down:hover { background: url("../images/vote-arrow-down-on.png") no-repeat scroll center center transparent; }
1185 a.accept-answer { background: url("../images/vote-accepted.png") no-repeat scroll center center transparent; }
1186 a.accept-answer.on,a.accept-answer:hover { background: url("../images/vote-accepted-on.png") no-repeat scroll center center transparent; }
1187
1188 .post-score {
1189         color: #777777;
1190         font-family: Arial;
1191         font-size: 140%;
1192         font-weight: bold;
1193         padding: 0 0 3px;
1194 }
1195
1196 .favorite-mark { background: url("../images/vote-favorite-off.png") no-repeat scroll center center transparent; }
1197 .favorite-mark.on,a.favorite-mark:hover { background: url("../images/vote-favorite-on.png") no-repeat scroll center center transparent; }
1198
1199 .favorite-count {
1200         color: #777777;
1201         font-family: Arial;
1202         font-size: 100%;
1203         font-weight: bold;
1204         padding: 0;
1205 }
1206
1207 .comment {
1208         border-top: 1px dotted #CCCCCE;
1209         margin: 0;
1210         width: 100%;
1211 }
1212
1213 .comment.not_top_scorer { display: none; }
1214
1215 .comment-score {
1216         color: #777777;
1217         font-family: Arial;
1218         font-size: 16px;
1219         font-weight: bold;
1220         padding-top: 3px;
1221         vertical-align: top;
1222         width: 22px;
1223 }
1224
1225 .comment-text {
1226         color: #444444;
1227         font-size: 11px;
1228         margin: 0 0 0 22px;
1229         padding: 0;
1230 }
1231
1232 .comment-info {
1233         font-size: 11px;
1234         margin: 0;
1235         text-align: right;
1236 }
1237
1238 a.comment-like,a.comment-delete,a.comment-edit {
1239         float: right;
1240         height: 18px;
1241         margin-left: 2px;
1242         position: relative;
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: 6em;
1262         width: 80%;
1263 }
1264
1265 span.comment-chars-left {
1266         font-size: 11px;
1267         margin-right: 20px;
1268 }
1269
1270 div.comment-tools {
1271         border-top: 1px dotted #CCCCCE;
1272         padding-top: 12px;
1273         text-align: right;
1274 }
1275
1276 div.comment-tools .comments-showing {
1277         color: #777777;
1278         font-size: 11px;
1279 }
1280
1281 div.comment-tools a {
1282         background: none repeat scroll 0 0 #EEEEEE;
1283         color: black;
1284         cursor: pointer;
1285         font-size: 11px;
1286         padding: 3px;
1287 }
1288
1289 div.comment-tools a:hover {
1290         background-color: #777777;
1291         color: white;
1292         text-decoration: none;
1293 }
1294
1295 .action-link a {
1296         color: #777777;
1297         cursor: pointer;
1298         padding: 3px;
1299 }
1300
1301 .action-link a.ajax-command:hover {
1302         background-color: #777777;
1303         color: #FFFFFF;
1304         text-decoration: none;
1305 }
1306
1307 .action-link-separator { color: #CCCCCC; }