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