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