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