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