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