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 * html .notify {
1203     position: absolute;
1204 }
1205
1206 .notify p {
1207     font-size: 16px;
1208     margin-bottom: 5px;
1209     margin-top: 5px;
1210 }
1211
1212 #close-notify {
1213     background-color: #FAD163;
1214     border: 2px solid #735005;
1215     color: #735005;
1216     cursor: pointer;
1217     font-size: 14px;
1218     line-height: 18px;
1219     padding: 0 3px;
1220     position: absolute;
1221     right: 5px;
1222     text-decoration: none;
1223     top: 5px;
1224 }
1225
1226 #close-notify:hover {
1227     text-decoration: none;
1228 }
1229
1230 .big {
1231     font-size: 15px;
1232 }
1233
1234 .strong {
1235     font-weight: bold;
1236 }
1237
1238 .orange {
1239     color: #D64000;
1240     font-weight: bold;
1241 }
1242
1243 .grey {
1244     color: #808080;
1245 }
1246
1247 .about div {
1248     border-top: 1px dashed #AAAAAA;
1249     padding: 10px 5px;
1250 }
1251
1252 .about div.first {
1253     border-top: medium none;
1254     padding-top: 0;
1255 }
1256
1257 .about p {
1258     margin-bottom: 10px;
1259 }
1260
1261 .about a {
1262     color: #D64000;
1263     text-decoration: underline;
1264 }
1265
1266 .about h3 {
1267     font-size: 15px;
1268     font-weight: 700;
1269     line-height: 30px;
1270     padding-top: 0;
1271 }
1272
1273 .nomargin {
1274     margin: 0;
1275 }
1276
1277 .inline-block {
1278     display: inline-block;
1279 }
1280
1281 .list-table td {
1282     vertical-align: top;
1283 }
1284
1285 table.form-as-table input {
1286     display: inline;
1287     margin-left: 4px;
1288 }
1289
1290 ul.form-horizontal-rows {
1291     list-style: none outside none;
1292     margin: 0;
1293 }
1294
1295 ul.form-horizontal-rows li {
1296     height: 40px;
1297     position: relative;
1298 }
1299
1300 ul.form-horizontal-rows label {
1301     display: inline-block;
1302 }
1303
1304 ul.form-horizontal-rows label {
1305     bottom: 6px;
1306     font-size: 12px;
1307     left: 0;
1308     line-height: 12px;
1309     margin: 0;
1310     position: absolute;
1311 }
1312
1313 ul.form-horizontal-rows li input {
1314     bottom: 0;
1315     left: 180px;
1316     margin: 0;
1317     position: absolute;
1318 }
1319
1320 #changepw-form li input {
1321     left: 150px;
1322 }
1323
1324 .user-profile-tool-links {
1325     font-weight: bold;
1326     padding-bottom: 10px;
1327 }
1328
1329 .post-controls, .tags-container {
1330     font-size: 11px;
1331     line-height: 12px;
1332     margin-bottom: 5px;
1333     min-width: 200px;
1334 }
1335
1336 .tags-container {
1337     margin: 0 0 16px 0;
1338 }
1339
1340 #question-tags {
1341     margin-top: 15px;
1342 }
1343
1344 .post-controls {
1345     float: left;
1346 }
1347
1348 #question-controls .tags {
1349     margin: 0 0 3px;
1350 }
1351
1352 .post-update-info {
1353     display: inline-block;
1354     float: right;
1355     margin-bottom: 5px;
1356     width: 190px;
1357 }
1358
1359 .post-update-info p {
1360     font-size: 11px;
1361     line-height: 15px;
1362     margin: 0 0 4px;
1363     padding: 0;
1364 }
1365
1366 .post-update-info img {
1367     float: left;
1368     margin: 4px 8px 0 0;
1369     width: 32px;
1370 }
1371
1372 #tagSelector {
1373     padding-bottom: 2px;
1374 }
1375
1376 #hideIgnoredTagsControl {
1377     margin: 5px 0 0;
1378 }
1379
1380 #hideIgnoredTagsCb {
1381     margin: 0 2px 0 1px;
1382 }
1383
1384 a.sidebar_button {
1385     background: none repeat scroll 0 0 #EEEEEE;
1386     color: black;
1387     cursor: pointer;
1388     font-size: 11px;
1389     padding: 3px;
1390 }
1391
1392 a.sidebar_button:hover {
1393     background-color: #777777;
1394     color: white;
1395     text-decoration: none;
1396 }
1397
1398 a.post-vote, .favorite-mark, a.accept-answer {
1399     display: block;
1400     height: 24px;
1401     position: relative;
1402     width: 24px;
1403 }
1404
1405 a.post-vote.up {
1406     background: url("../images/vote-arrow-up.png") no-repeat scroll center center transparent;
1407 }
1408
1409 a.post-vote.up.on, a.post-vote.up:hover {
1410     background: url("../images/vote-arrow-up-on.png") no-repeat scroll center center transparent;
1411 }
1412
1413 a.post-vote.down {
1414     background: url("../images/vote-arrow-down.png") no-repeat scroll center center transparent;
1415 }
1416
1417 a.post-vote.down.on, a.post-vote.down:hover {
1418     background: url("../images/vote-arrow-down-on.png") no-repeat scroll center center transparent;
1419 }
1420
1421 a.accept-answer {
1422     background: url("../images/vote-accepted.png") no-repeat scroll center center transparent;
1423 }
1424
1425 a.accept-answer.on, a.accept-answer:hover {
1426     background: url("../images/vote-accepted-on.png") no-repeat scroll center center transparent;
1427 }
1428
1429 .community-wiki {
1430     font-size: 11px;
1431     color: #333;
1432     background: url("../images/wiki.png") no-repeat left center;
1433     padding-left: 36px;
1434     margin: 6px 0 0 0;
1435     min-height: 32px;
1436     line-height: 15px;
1437 }
1438
1439 .post-score, .comments-char-left-count {
1440     color: #777777;
1441     font-family: Arial;
1442     font-size: 165%;
1443     font-weight: bold;
1444     padding: 0 0 3px;
1445 }
1446
1447 .favorite-mark {
1448     background: url("../images/vote-favorite-off.png") no-repeat scroll center center transparent;
1449 }
1450
1451 .favorite-mark.on, a.favorite-mark:hover {
1452     background: url("../images/vote-favorite-on.png") no-repeat scroll center center transparent;
1453 }
1454
1455 .favorite-count {
1456     color: #777777;
1457     font-family: Arial;
1458     font-size: 100%;
1459     font-weight: bold;
1460     padding: 0;
1461 }
1462
1463 .comments-container {
1464     clear: both;
1465 }
1466
1467 .comments-container {
1468     padding: 0;
1469 }
1470
1471 .answered-by-owner .comments-container {
1472     background-color: #E6ECFF;
1473 }
1474
1475 .accepted-answer .comments-container {
1476     background-color: #CCFFBF;
1477 }
1478
1479 .comment {
1480     border-top: 1px dotted #CCCCCE;
1481     margin: 0;
1482     position: relative;
1483 }
1484
1485 .comment.not_top_scorer {
1486     display: none;
1487 }
1488
1489 .comment-score {
1490     color: #777777;
1491     font-family: Arial;
1492     font-size: 16px;
1493     font-weight: bold;
1494     padding-top: 3px;
1495     vertical-align: top;
1496     float: left;
1497     width: 22px;
1498     height: 100%;
1499     text-align: center;
1500 }
1501
1502 .comment-text {
1503     color: #444444;
1504     font-size: 12px;
1505     margin: 0 0 0 22px;
1506     padding: 0;
1507 }
1508
1509 .comment-text p {
1510     font-size: 12px;
1511 }
1512
1513 .comment-info {
1514     font-size: 11px;
1515     margin: 0 0 4px 0;
1516     text-align: right;
1517     height: 18px;
1518     vertical-align: middle;
1519 }
1520
1521 .comment-info * {
1522     float: right;
1523     height: 18px;
1524     margin-left: 4px;
1525 }
1526
1527 a.comment-like, a.comment-delete, a.comment-edit, a.comment-convert {
1528     margin-left: 2px;
1529     width: 18px;
1530 }
1531
1532 a.comment-like {
1533     background: url("../images/comment-like.png") no-repeat scroll center center transparent;
1534 }
1535
1536 a.comment-like:hover, a.comment-like.on {
1537     background: url("../images/comment-like-on.png") no-repeat scroll center center transparent;
1538 }
1539
1540 a.comment-delete {
1541     background: url("../images/comment-delete.png") no-repeat scroll center center transparent;
1542 }
1543
1544 a.comment-delete:hover {
1545     background: url("../images/comment-delete-hover.png") no-repeat scroll center center transparent;
1546 }
1547
1548 a.comment-convert {
1549     background: url("../images/convert-off.png") no-repeat scroll center center transparent;
1550 }
1551
1552 a.comment-convert:hover {
1553     background: url("../images/convert-hover.png") no-repeat scroll center center transparent;
1554 }
1555
1556 a.comment-edit {
1557     background: url("../images/comment-edit.png") no-repeat scroll center center transparent;
1558 }
1559
1560 a.comment-edit:hover {
1561     background: url("../images/comment-edit-hover.png") no-repeat scroll center center transparent;
1562 }
1563
1564 img.subscription-remove {
1565     float:right;
1566 }
1567
1568 .comment-form-container {
1569     display: none;
1570     padding-top: 12px;
1571 }
1572
1573 .comment-form-widgets-container input {
1574     vertical-align: top;
1575 }
1576
1577 .comment-form-widgets-container textarea {
1578     height: 80px;
1579     width: 80%;
1580     float: left;
1581 }
1582
1583 span.comment-chars-left {
1584     font-size: 11px;
1585     margin-right: 20px;
1586 }
1587
1588 div.comment-tools {
1589     border-top: 1px dotted #CCCCCE;
1590     padding-top: 12px;
1591     text-align: right;
1592 }
1593
1594 div.comment-tools .comments-showing {
1595     color: #777777;
1596     font-size: 11px;
1597 }
1598
1599 div.comment-tools a {
1600     background: none repeat scroll 0 0 #EEEEEE;
1601     color: black;
1602     cursor: pointer;
1603     font-size: 11px;
1604     padding: 3px;
1605 }
1606
1607 div.comment-tools a:hover {
1608     background-color: #777777;
1609     color: white;
1610     text-decoration: none;
1611 }
1612
1613 .action-link {
1614     color: #777777;
1615     cursor: pointer;
1616     padding: 3px;
1617 }
1618
1619 .action-link a {
1620     color: inherit;
1621 }
1622
1623 .action-link a.ajax-command:hover {
1624     background-color: #777777;
1625     color: #FFFFFF;
1626     text-decoration: none;
1627 }
1628
1629 .action-link-separator {
1630     color: #CCCCCC;
1631 }
1632
1633 .deleted {
1634     background-color: #F4E7E7;
1635 }
1636
1637 #command-loader {
1638     position: fixed;
1639     bottom: 0px;
1640     left: 0px;
1641     width: 24px;
1642     height: 24px;
1643     background: url('/m/default/media/images/indicator.gif')
1644 }
1645
1646 #command-loader.success {
1647     background: url('/m/default/media/images/vote-accepted-on.png')
1648 }
1649
1650 .comment-form-buttons {
1651     width: 18%;
1652     height: 100%;
1653     float: right;
1654 }
1655
1656 .comment-form-buttons input, .user-prompt .prompt-buttons button {
1657     height: 16px;
1658     line-height: 12px;
1659     font-size: 110%;
1660     border: 1px solid #999;
1661 }
1662
1663 .comment-form-buttons input {
1664     width: 100%;
1665     height: 22px;
1666     vertical-align: middle;
1667     margin-top: 6px;
1668 }
1669
1670 .comments-char-left-count.warn {
1671     color: orange;
1672 }
1673
1674 #ask-related-questions {
1675     max-height: 150px;
1676     overflow-y: auto;
1677 }
1678
1679 .context-menu {
1680     position: relative;
1681 }
1682
1683 div.dialog, .context-menu-dropdown {
1684     position: absolute;
1685     background-color: #EEEEEE;
1686     -moz-border-radius: 5px;
1687     -webkit-border-radius: 5px;
1688     -moz-box-shadow: 2px 2px 5px #3060A8;
1689     -webkit-box-shadow: 2px 2px 5px #3060A8;
1690 }
1691
1692 .context-menu-dropdown {
1693     display: none;
1694     right: 0px;
1695     top: 1.5em;
1696     text-align: left;
1697     list-style-type: none;
1698     z-index: 500;
1699 }
1700
1701 .context-menu-dropdown li.item {
1702     padding: 4px 8px 4px 8px;
1703     -moz-border-radius: 5px;
1704     -webkit-border-radius: 5px;
1705 }
1706
1707 .context-menu-dropdown li.item a {
1708     color: inherit;
1709     white-space: nowrap;
1710     text-decoration: none;
1711 }
1712
1713 .context-menu-dropdown li.separator {
1714     text-align: center;
1715     padding: 10px 0 4px 0;
1716     font-size: 120%;
1717     font-weight: bold;
1718 }
1719
1720 .context-menu-dropdown li.item:hover {
1721     background-color: #3060A8;
1722     color: white;
1723 }
1724
1725 .context-menu-dropdown span {
1726     margin-right: 4px;
1727     float: left;
1728     width: 16px;
1729     height: 16px;
1730 }
1731
1732 .context-menu-trigger {
1733     cursor: pointer;
1734 }
1735
1736 div.dialog .dialog-content {
1737     padding: 12px 12px 42px 12px;
1738     z-index: 1000;
1739 }
1740
1741 div.dialog .dialog-buttons {
1742     margin: 0px;
1743     height: 25px;
1744     text-align: center;
1745     position: absolute;
1746     bottom: 0px;
1747     left: 0px;
1748     width: 100%;
1749 }
1750
1751 .dialog-yes, .dialog-no {
1752     margin: 0 3px 5px 3px;
1753     -moz-border-radius: 3px;
1754     -webkit-border-radius: 3px;
1755     background-color: #3060A8;
1756     color: white;
1757     height: 20px;
1758     line-height: 20px;
1759     font-weight: bold;
1760     border: 0;
1761 }
1762
1763 div.dialog.confirm, div.dialog.warning {
1764     text-align: center;
1765 }
1766
1767 div.dialog.confirm {
1768     font-size: 140%;
1769     font-weight: bold;
1770 }
1771
1772 div.dialog.prompt {
1773     width: 355px;
1774 }
1775
1776 div.dialog.prompt .dialog-content select, div.dialog.prompt .dialog-content textarea, div.dialog.prompt .dialog-content input[type=text] {
1777     width: 100%;
1778     padding: 0;
1779     border: 0;
1780 }
1781
1782 .user-prompt .prompt-buttons {
1783     text-align: right;
1784 }
1785
1786 .suspended-user {
1787     text-decoration: line-through;
1788 }
1789
1790 .feed-icon {
1791     width: 14px;
1792     height: 14px;
1793     display: inline-block;
1794 }
1795
1796 div#subscription_list {
1797     width: 100%;
1798     /*float:left;*/
1799 }
1800
1801 div.subscription_summary {
1802     border-top: 2px dotted #CCCCCE;
1803     overflow: hidden;
1804     padding: 3px 0px 5px 0;
1805     position: relative;
1806     width:100%;
1807     margin-top: 5px;
1808 }
1809
1810 div.subscription_title {
1811     /*float:left;
1812     line-height:30px;*/
1813     margin-top: 5px;
1814     font-size: 16px;
1815     font-weight:bold;
1816 }
1817
1818 a.subscription_unsubscribe_button {
1819     float:left;
1820     font-size: 11px;
1821     font-weight:bold;
1822
1823     margin-right:15px;
1824     margin-top: 5px;
1825 }
1826
1827 div.subscription_userinfo {
1828     float:right;
1829 }
1830
1831 div.subscription_tags {
1832     font-family: sans-serif;
1833     float:left;
1834 }
1835 div.subscription_tags a, span.tag {
1836     background-color: #EEEEEE;
1837     border-bottom: 1px solid #CCCCCC;
1838     border-right: 1px solid #CCCCCC;
1839     color: #777777;
1840     font-size: 11px;
1841     font-weight: normal;
1842     padding: 1px 8px;
1843     text-decoration: none;
1844     white-space: nowrap;
1845 }
1846 div.subscription_tags a:hover {
1847     background-color: #356FCB;
1848     color: #FFFFFF;
1849 }
1850
1851 div.wmd-button {
1852     color:white;
1853 }
1854 div.wmd-button-bar {
1855     float:left;
1856 }