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