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