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

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