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