forum/skins/default/media/style/style.css

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