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