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