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