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