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 .header {
 913     background-color: #EEEEEE;
 914     cursor: pointer;
 915     padding: 5px;
 916 }
 917
 918 .revision .author {
 919     background-color: #E9E9FF;
 920 }
 921
 922 .revision .summary {
 923     padding: 5px 0 10px;
 924 }
 925
 926 .revision .summary span {
 927     /**background-color: yellow;**/
 928     display: inline;
 929     padding-left: 3px;
 930     padding-right: 3px;
 931 }
 932
 933 .revision h1 {
 934     font-size: 130%;
 935     font-weight: 600;
 936     padding: 15px 0;
 937 }
 938
 939 .revision-mark {
 940     display: inline-block;
 941     font-size: 90%;
 942     overflow: hidden;
 943     text-align: left;
 944     width: 200px;
 945 }
 946
 947 .revision-number {
 948     font-family: sans-serif;
 949     font-size: 300%;
 950     font-weight: bold;
 951 }
 952
 953 .revision .body {
 954     margin-bottom: 50px;
 955     padding-left: 10px;
 956 }
 957
 958 del {
 959     color: #FF5F5F;
 960 }
 961
 962 ins {
 963     background-color: #97FF97;
 964 }
 965
 966 .count {
 967     color: #777777;
 968     font-family: Arial;
 969     font-size: 200%;
 970     font-weight: 700;
 971 }
 972
 973 .scoreNumber {
 974     color: #777777;
 975     font-family: Arial;
 976     font-size: 35px;
 977     font-weight: 800;
 978     line-height: 40px;
 979 }
 980
 981 .user-details {
 982     font-size: 13px;
 983 }
 984
 985 .user-about {
 986     background-color: #EEEEEE;
 987     height: 200px;
 988     line-height: 20px;
 989     overflow: auto;
 990     padding: 10px;
 991     width: 90%;
 992 }
 993
 994 .user-edit-link {
 995     background: url("../images/edit.png") no-repeat scroll 0 0 transparent;
 996     padding-left: 20px;
 997 }
 998
 999 .user-info-table {
1000     margin-bottom: 10px;
1001 }
1002
1003 .relativetime {
1004     text-decoration: none;
1005 }
1006
1007 .answer-summary {
1008     clear: both;
1009     display: block;
1010     padding: 3px;
1011 }
1012
1013 .answer-votes {
1014     background-color: #EEEEEE;
1015     color: #555555;
1016     float: left;
1017     font-family: Arial;
1018     font-size: 110%;
1019     font-weight: bold;
1020     height: 15px;
1021     margin-right: 10px;
1022     padding: 4px 4px 5px;
1023     text-align: center;
1024     text-decoration: none;
1025     width: 20px;
1026 }
1027
1028 .vote-count {
1029     color: #777777;
1030     font-family: Arial;
1031     font-size: 160%;
1032     font-weight: 700;
1033 }
1034
1035 .user-action-1 {
1036     color: #333333;
1037     font-weight: bold;
1038 }
1039
1040 .user-action-2 {
1041     color: #CCCCCC;
1042     font-weight: bold;
1043 }
1044
1045 .user-action-3 {
1046     color: #333333;
1047 }
1048
1049 .user-action-4 {
1050     color: #333333;
1051 }
1052
1053 .user-action-7 {
1054     color: #333333;
1055 }
1056
1057 .user-action-8 {
1058     background-color: #CCCCCC;
1059     color: #763333;
1060     font-weight: bold;
1061     padding: 3px;
1062 }
1063
1064 .question-title-link a {
1065     color: #0077CC;
1066     font-weight: bold;
1067 }
1068
1069 .answer-title-link a {
1070     color: #333333;
1071 }
1072
1073 .post-type-1 a {
1074     font-weight: bold;
1075 }
1076
1077 .post-type-3 a {
1078     font-weight: bold;
1079 }
1080
1081 .post-type-2 a {
1082     color: #333333;
1083 }
1084
1085 .post-type-4 a {
1086     color: #333333;
1087 }
1088
1089 .post-type-8 a {
1090     color: #333333;
1091 }
1092
1093 .badge1 {
1094     color: #FFCC00;
1095 }
1096
1097 .silver, .badge2 {
1098     color: #CCCCCC;
1099 }
1100
1101 .bronze, .badge3 {
1102     color: #CC9933;
1103 }
1104
1105 .score {
1106     color: #333333;
1107     font-size: 110%;
1108     font-weight: bold;
1109     margin-left: 3px;
1110 }
1111
1112 .footerLinks {
1113     color: #3060A8;
1114     font-size: 13px;
1115 }
1116
1117 .footerLinks a {
1118     color: #3060A8;
1119     font-size: 13px;
1120 }
1121
1122 .user {
1123     line-height: 140%;
1124     padding: 5px;
1125     width: 170px;
1126     display: inline-block;
1127 }
1128
1129 .user ul {
1130     list-style-type: none;
1131     margin: 0;
1132 }
1133
1134 .user .thumb {
1135     clear: both;
1136     display: inline;
1137     float: left;
1138     margin-right: 4px;
1139 }
1140
1141 .message {
1142     background-color: #EEEEEE;
1143     border: 1px solid #AAAAAA;
1144     margin: 10px 0;
1145     padding: 5px;
1146 }
1147
1148 .message p {
1149     margin-bottom: 0;
1150 }
1151
1152 .darkred {
1153     color: darkred;
1154 }
1155
1156 .submit {
1157     background-color: #D4D0C8;
1158     border: 1px solid #777777;
1159     cursor: pointer;
1160     font-size: 120%;
1161     font-weight: bold;
1162     height: 40px;
1163     padding-bottom: 4px;
1164 }
1165
1166 .submit:hover {
1167     text-decoration: underline;
1168 }
1169
1170 .ask-body {
1171     padding-right: 10px;
1172 }
1173
1174 .notify {
1175     background-color: #F4A83D;
1176     color: #444444;
1177     font-weight: bold;
1178     left: 0;
1179     padding: 0;
1180     position: fixed;
1181     text-align: center;
1182     top: 0;
1183     width: 100%;
1184     z-index: 100;
1185 }
1186
1187 .notify p {
1188     font-size: 16px;
1189     margin-bottom: 5px;
1190     margin-top: 5px;
1191 }
1192
1193 #close-notify {
1194     background-color: #FAD163;
1195     border: 2px solid #735005;
1196     color: #735005;
1197     cursor: pointer;
1198     font-size: 14px;
1199     line-height: 18px;
1200     padding: 0 3px;
1201     position: absolute;
1202     right: 5px;
1203     text-decoration: none;
1204     top: 5px;
1205 }
1206
1207 #close-notify:hover {
1208     text-decoration: none;
1209 }
1210
1211 .big {
1212     font-size: 15px;
1213 }
1214
1215 .strong {
1216     font-weight: bold;
1217 }
1218
1219 .orange {
1220     color: #D64000;
1221     font-weight: bold;
1222 }
1223
1224 .grey {
1225     color: #808080;
1226 }
1227
1228 .about div {
1229     border-top: 1px dashed #AAAAAA;
1230     padding: 10px 5px;
1231 }
1232
1233 .about div.first {
1234     border-top: medium none;
1235     padding-top: 0;
1236 }
1237
1238 .about p {
1239     margin-bottom: 10px;
1240 }
1241
1242 .about a {
1243     color: #D64000;
1244     text-decoration: underline;
1245 }
1246
1247 .about h3 {
1248     font-size: 15px;
1249     font-weight: 700;
1250     line-height: 30px;
1251     padding-top: 0;
1252 }
1253
1254 .nomargin {
1255     margin: 0;
1256 }
1257
1258 .inline-block {
1259     display: inline-block;
1260 }
1261
1262 .list-table td {
1263     vertical-align: top;
1264 }
1265
1266 table.form-as-table input {
1267     display: inline;
1268     margin-left: 4px;
1269 }
1270
1271 ul.form-horizontal-rows {
1272     list-style: none outside none;
1273     margin: 0;
1274 }
1275
1276 ul.form-horizontal-rows li {
1277     height: 40px;
1278     position: relative;
1279 }
1280
1281 ul.form-horizontal-rows label {
1282     display: inline-block;
1283 }
1284
1285 ul.form-horizontal-rows label {
1286     bottom: 6px;
1287     font-size: 12px;
1288     left: 0;
1289     line-height: 12px;
1290     margin: 0;
1291     position: absolute;
1292 }
1293
1294 ul.form-horizontal-rows li input {
1295     bottom: 0;
1296     left: 180px;
1297     margin: 0;
1298     position: absolute;
1299 }
1300
1301 #changepw-form li input {
1302     left: 150px;
1303 }
1304
1305 .user-profile-tool-links {
1306     font-weight: bold;
1307     padding-bottom: 10px;
1308 }
1309
1310 .post-controls, .tags-container {
1311     font-size: 11px;
1312     line-height: 12px;
1313     margin-bottom: 5px;
1314     min-width: 200px;
1315 }
1316
1317 .tags-container {
1318     margin: 0 0 16px 0;
1319 }
1320
1321 .post-controls {
1322     float: left;
1323 }
1324
1325 #question-controls .tags {
1326     margin: 0 0 3px;
1327 }
1328
1329 .post-update-info {
1330     display: inline-block;
1331     float: right;
1332     margin-bottom: 5px;
1333     width: 190px;
1334 }
1335
1336 .post-update-info p {
1337     font-size: 11px;
1338     line-height: 15px;
1339     margin: 0 0 4px;
1340     padding: 0;
1341 }
1342
1343 .post-update-info img {
1344     float: left;
1345     margin: 4px 8px 0 0;
1346     width: 32px;
1347 }
1348
1349 #tagSelector {
1350     padding-bottom: 2px;
1351 }
1352
1353 #hideIgnoredTagsControl {
1354     margin: 5px 0 0;
1355 }
1356
1357 #hideIgnoredTagsCb {
1358     margin: 0 2px 0 1px;
1359 }
1360
1361 a.sidebar_button {
1362     background: none repeat scroll 0 0 #EEEEEE;
1363     color: black;
1364     cursor: pointer;
1365     font-size: 11px;
1366     padding: 3px;
1367 }
1368
1369 a.sidebar_button:hover {
1370     background-color: #777777;
1371     color: white;
1372     text-decoration: none;
1373 }
1374
1375 a.post-vote, .favorite-mark, a.accept-answer {
1376     display: block;
1377     height: 24px;
1378     position: relative;
1379     width: 24px;
1380 }
1381
1382 a.post-vote.up {
1383     background: url("../images/vote-arrow-up.png") no-repeat scroll center center transparent;
1384 }
1385
1386 a.post-vote.up.on, a.post-vote.up:hover {
1387     background: url("../images/vote-arrow-up-on.png") no-repeat scroll center center transparent;
1388 }
1389
1390 a.post-vote.down {
1391     background: url("../images/vote-arrow-down.png") no-repeat scroll center center transparent;
1392 }
1393
1394 a.post-vote.down.on, a.post-vote.down:hover {
1395     background: url("../images/vote-arrow-down-on.png") no-repeat scroll center center transparent;
1396 }
1397
1398 a.accept-answer {
1399     background: url("../images/vote-accepted.png") no-repeat scroll center center transparent;
1400 }
1401
1402 a.accept-answer.on, a.accept-answer:hover {
1403     background: url("../images/vote-accepted-on.png") no-repeat scroll center center transparent;
1404 }
1405
1406 .community-wiki {
1407     font-size: 11px;
1408     color: #333;
1409     background: url("../images/wiki.png") no-repeat left center;
1410     padding-left: 36px;
1411     margin: 6px 0 0 0;
1412     min-height: 32px;
1413     line-height: 15px;
1414 }
1415
1416 .post-score, .comments-char-left-count {
1417     color: #777777;
1418     font-family: Arial;
1419     font-size: 165%;
1420     font-weight: bold;
1421     padding: 0 0 3px;
1422 }
1423
1424 .favorite-mark {
1425     background: url("../images/vote-favorite-off.png") no-repeat scroll center center transparent;
1426 }
1427
1428 .favorite-mark.on, a.favorite-mark:hover {
1429     background: url("../images/vote-favorite-on.png") no-repeat scroll center center transparent;
1430 }
1431
1432 .favorite-count {
1433     color: #777777;
1434     font-family: Arial;
1435     font-size: 100%;
1436     font-weight: bold;
1437     padding: 0;
1438 }
1439
1440 .comments-container {
1441     clear: both;
1442 }
1443
1444 .comments-container {
1445     padding: 0;
1446 }
1447
1448 .answered-by-owner .comments-container {
1449     background-color: #E6ECFF;
1450 }
1451
1452 .accepted-answer .comments-container {
1453     background-color: #CCFFBF;
1454 }
1455
1456 .comment {
1457     border-top: 1px dotted #CCCCCE;
1458     margin: 0;
1459     position: relative;
1460 }
1461
1462 .comment.not_top_scorer {
1463     display: none;
1464 }
1465
1466 .comment-score {
1467     color: #777777;
1468     font-family: Arial;
1469     font-size: 16px;
1470     font-weight: bold;
1471     padding-top: 3px;
1472     vertical-align: top;
1473     float: left;
1474     width: 22px;
1475     height: 100%;
1476     text-align: center;
1477 }
1478
1479 .comment-text {
1480     color: #444444;
1481     font-size: 12px;
1482     margin: 0 0 0 22px;
1483     padding: 0;
1484 }
1485
1486 .comment-text p {
1487     font-size: 12px;
1488 }
1489
1490 .comment-info {
1491     font-size: 11px;
1492     margin: 0 0 4px 0;
1493     text-align: right;
1494     height: 18px;
1495     vertical-align: middle;
1496 }
1497
1498 .comment-info * {
1499     float: right;
1500     height: 18px;
1501     margin-left: 4px;
1502 }
1503
1504 a.comment-like, a.comment-delete, a.comment-edit, a.comment-convert {
1505     margin-left: 2px;
1506     width: 18px;
1507 }
1508
1509 a.comment-like {
1510     background: url("../images/comment-like.png") no-repeat scroll center center transparent;
1511 }
1512
1513 a.comment-like:hover, a.comment-like.on {
1514     background: url("../images/comment-like-on.png") no-repeat scroll center center transparent;
1515 }
1516
1517 a.comment-delete {
1518     background: url("../images/comment-delete.png") no-repeat scroll center center transparent;
1519 }
1520
1521 a.comment-delete:hover {
1522     background: url("../images/comment-delete-hover.png") no-repeat scroll center center transparent;
1523 }
1524
1525 a.comment-convert {
1526     background: url("../images/convert-off.png") no-repeat scroll center center transparent;
1527 }
1528
1529 a.comment-convert:hover {
1530     background: url("../images/convert-hover.png") no-repeat scroll center center transparent;
1531 }
1532
1533 a.comment-edit {
1534     background: url("../images/comment-edit.png") no-repeat scroll center center transparent;
1535 }
1536
1537 a.comment-edit:hover {
1538     background: url("../images/comment-edit-hover.png") no-repeat scroll center center transparent;
1539 }
1540
1541 img.subscription-remove {
1542     float:right;
1543 }
1544
1545 .comment-form-container {
1546     display: none;
1547     padding-top: 12px;
1548 }
1549
1550 .comment-form-widgets-container input {
1551     vertical-align: top;
1552 }
1553
1554 .comment-form-widgets-container textarea {
1555     height: 80px;
1556     width: 80%;
1557     float: left;
1558 }
1559
1560 span.comment-chars-left {
1561     font-size: 11px;
1562     margin-right: 20px;
1563 }
1564
1565 div.comment-tools {
1566     border-top: 1px dotted #CCCCCE;
1567     padding-top: 12px;
1568     text-align: right;
1569 }
1570
1571 div.comment-tools .comments-showing {
1572     color: #777777;
1573     font-size: 11px;
1574 }
1575
1576 div.comment-tools a {
1577     background: none repeat scroll 0 0 #EEEEEE;
1578     color: black;
1579     cursor: pointer;
1580     font-size: 11px;
1581     padding: 3px;
1582 }
1583
1584 div.comment-tools a:hover {
1585     background-color: #777777;
1586     color: white;
1587     text-decoration: none;
1588 }
1589
1590 .action-link {
1591     color: #777777;
1592     cursor: pointer;
1593     padding: 3px;
1594 }
1595
1596 .action-link a {
1597     color: inherit;
1598 }
1599
1600 .action-link a.ajax-command:hover {
1601     background-color: #777777;
1602     color: #FFFFFF;
1603     text-decoration: none;
1604 }
1605
1606 .action-link-separator {
1607     color: #CCCCCC;
1608 }
1609
1610 .deleted {
1611     background-color: #F4E7E7;
1612 }
1613
1614 #command-loader {
1615     position: fixed;
1616     bottom: 0px;
1617     left: 0px;
1618     width: 24px;
1619     height: 24px;
1620     background: url('/m/default/media/images/indicator.gif')
1621 }
1622
1623 #command-loader.success {
1624     background: url('/m/default/media/images/vote-accepted-on.png')
1625 }
1626
1627 .comment-form-buttons {
1628     width: 18%;
1629     height: 100%;
1630     float: right;
1631 }
1632
1633 .comment-form-buttons input, .user-prompt .prompt-buttons button {
1634     height: 16px;
1635     line-height: 12px;
1636     font-size: 110%;
1637     border: 1px solid #999;
1638 }
1639
1640 .comment-form-buttons input {
1641     width: 100%;
1642     height: 22px;
1643     vertical-align: middle;
1644     margin-top: 6px;
1645 }
1646
1647 .comments-char-left-count.warn {
1648     color: orange;
1649 }
1650
1651 #ask-related-questions {
1652     max-height: 150px;
1653     overflow-y: auto;
1654 }
1655
1656 .context-menu {
1657     position: relative;
1658 }
1659
1660 div.dialog, .context-menu-dropdown {
1661     position: absolute;
1662     background-color: #EEEEEE;
1663     -moz-border-radius: 5px;
1664     -webkit-border-radius: 5px;
1665     -moz-box-shadow: 2px 2px 5px #3060A8;
1666     -webkit-box-shadow: 2px 2px 5px #3060A8;
1667 }
1668
1669 .context-menu-dropdown {
1670     display: none;
1671     right: 0px;
1672     top: 1.5em;
1673     text-align: left;
1674     list-style-type: none;
1675     z-index: 500;
1676 }
1677
1678 .context-menu-dropdown li.item {
1679     padding: 4px 8px 4px 8px;
1680     -moz-border-radius: 5px;
1681     -webkit-border-radius: 5px;
1682 }
1683
1684 .context-menu-dropdown li.item a {
1685     color: inherit;
1686     white-space: nowrap;
1687     text-decoration: none;
1688 }
1689
1690 .context-menu-dropdown li.separator {
1691     text-align: center;
1692     padding: 10px 0 4px 0;
1693     font-size: 120%;
1694     font-weight: bold;
1695 }
1696
1697 .context-menu-dropdown li.item:hover {
1698     background-color: #3060A8;
1699     color: white;
1700 }
1701
1702 .context-menu-dropdown span {
1703     margin-right: 4px;
1704     float: left;
1705     width: 16px;
1706     height: 16px;
1707 }
1708
1709 .context-menu-trigger {
1710     cursor: pointer;
1711 }
1712
1713 div.dialog .dialog-content {
1714     padding: 12px 12px 37px 12px;
1715     z-index: 1000;
1716 }
1717
1718 div.dialog .dialog-buttons {
1719     margin: 0px;
1720     height: 25px;
1721     text-align: center;
1722     position: absolute;
1723     bottom: 0px;
1724     left: 0px;
1725     width: 100%;
1726 }
1727
1728 .dialog-yes, .dialog-no {
1729     margin: 0 3px 5px 3px;
1730     -moz-border-radius: 3px;
1731     -webkit-border-radius: 3px;
1732     background-color: #3060A8;
1733     color: white;
1734     height: 20px;
1735     line-height: 20px;
1736     font-weight: bold;
1737     border: 0;
1738 }
1739
1740 div.dialog.confirm, div.dialog.warning {
1741     text-align: center;
1742 }
1743
1744 div.dialog.confirm {
1745     font-size: 140%;
1746     font-weight: bold;
1747 }
1748
1749 div.dialog.prompt {
1750     width: 300px;
1751 }
1752
1753 div.dialog.prompt .dialog-content select, div.dialog.prompt .dialog-content textarea, div.dialog.prompt .dialog-content input[type=text] {
1754     width: 100%;
1755     padding: 0;
1756     border: 0;
1757 }
1758
1759 .user-prompt .prompt-buttons {
1760     text-align: right;
1761 }
1762
1763 .suspended-user {
1764     text-decoration: line-through;
1765 }
1766
1767 .feed-icon {
1768     width: 14px;
1769     height: 14px;
1770     display: inline-block;
1771 }
1772
1773 div#subscription_list {
1774     width: 100%;
1775     /*float:left;*/
1776 }
1777
1778 div.subscription_summary {
1779     border-top: 2px dotted #CCCCCE;
1780     overflow: hidden;
1781     padding: 3px 0px 5px 0;
1782     position: relative;
1783     width:100%;
1784     margin-top: 5px;
1785 }
1786
1787 div.subscription_title {
1788     /*float:left;
1789     line-height:30px;*/
1790     margin-top: 5px;
1791     font-size: 16px;
1792     font-weight:bold;
1793 }
1794
1795 a.subscription_unsubscribe_button {
1796     float:left;
1797     font-size: 11px;
1798     font-weight:bold;
1799
1800     margin-right:15px;
1801     margin-top: 5px;
1802 }
1803
1804 div.subscription_userinfo {
1805     float:right;
1806 }
1807
1808 div.subscription_tags {
1809     font-family: sans-serif;
1810     float:left;
1811 }
1812 div.subscription_tags a, span.tag {
1813     background-color: #EEEEEE;
1814     border-bottom: 1px solid #CCCCCC;
1815     border-right: 1px solid #CCCCCC;
1816     color: #777777;
1817     font-size: 11px;
1818     font-weight: normal;
1819     padding: 1px 8px;
1820     text-decoration: none;
1821     white-space: nowrap;
1822 }
1823 div.subscription_tags a:hover {
1824     background-color: #356FCB;
1825     color: #FFFFFF;
1826 }
1827
1828 div.wmd-button {
1829     color:white;
1830 }
1831 div.wmd-button-bar {
1832     float:left;
1833 }