forum/skins/default/media/style/style.css

   1 @import "jquery.autocomplete.css";
   2
   3 body {
   4         background: none repeat scroll 0 0 #FFFFFF;
   5         color: #000000;
   6         font-family: sans-serif;
   7         font-size: 12px;
   8         line-height: 150%;
   9         margin: 0;
  10         padding: 0;
  11 }
  12
  13 div {
  14         margin: 0 auto;
  15         padding: 0;
  16 }
  17
  18 h1,h2,h3,ul,li,form,img,p {
  19         border: medium none;
  20         margin: 0;
  21         padding: 0;
  22 }
  23
  24 label {vertical-align: middle;}
  25
  26 .login label {display: block;}
  27 .login .form-row-vertical {margin-bottom: 8px;}
  28
  29 hr {
  30         border-color: #CCCCCE -moz-use-text-color -moz-use-text-color;
  31         border-right: medium none;
  32         border-style: dashed none none;
  33         border-width: 1px medium medium;
  34 }
  35
  36 input,select {
  37         font-family: Trebuchet MS,"segoe ui",Helvetica,"Microsoft YaHei",Tahoma,Verdana,MingLiu,PMingLiu,Arial,sans-serif;
  38         vertical-align: middle;
  39 }
  40
  41 p {
  42         font-size: 13px;
  43         line-height: 140%;
  44         margin-bottom: 13px;
  45 }
  46
  47 a {
  48         color: #3060A8;
  49         text-decoration: none;
  50 }
  51
  52 .badges a {
  53         color: #763333;
  54         text-decoration: underline;
  55 }
  56
  57 a:hover { text-decoration: underline; }
  58 .tright { text-align: right; }
  59
  60 .spacer3 {
  61         clear: both;
  62         height: 30px;
  63         line-height: 30px;
  64         visibility: hidden;
  65 }
  66
  67 h1 {
  68         font-size: 160%;
  69         padding: 5px 0;
  70 }
  71
  72 h2 {
  73         font-size: 140%;
  74         padding: 3px 0;
  75 }
  76
  77 h3 {
  78         font-size: 120%;
  79         padding: 3px 0;
  80 }
  81
  82 ul {
  83         list-style: disc outside none;
  84         margin-bottom: 1em;
  85         margin-left: 20px;
  86         padding-left: 0;
  87 }
  88
  89 ol {
  90         list-style: decimal outside none;
  91         margin-bottom: 1em;
  92         margin-left: 30px;
  93         padding-left: 0;
  94 }
  95
  96 td ul { vertical-align: middle; }
  97 li input { margin: 3px 3px 4px; }
  98
  99 pre {
 100         background-color: #F5F5F5;
 101         font-family: Consolas,Monaco,Liberation Mono,Lucida Console,Monospace;
 102         font-size: 100%;
 103         margin-bottom: 10px;
 104         overflow: auto;
 105         padding-left: 5px;
 106         padding-top: 5px;
 107         width: 580px;
 108 }
 109
 110 code {
 111         font-family: Consolas,Monaco,Liberation Mono,Lucida Console,Monospace;
 112         font-size: 100%;
 113 }
 114
 115 blockquote {
 116         background-color: #F5F5F5;
 117         margin-bottom: 10px;
 118         margin-right: 15px;
 119         padding: 10px 0 1px 10px;
 120 }
 121
 122 #wrapper {
 123         margin: auto;
 124         padding: 0;
 125         width: 990px;
 126 }
 127
 128 #roof {
 129         background: none repeat scroll 0 0 #FFFFFF;
 130         margin-top: 0;
 131         position: relative;
 132 }
 133
 134 #room {
 135         background-color: #FFFFFF;
 136         border-bottom: 1px solid #777777;
 137         padding: 10px 0;
 138 }
 139
 140 #CALeft {
 141         float: left;
 142         position: relative;
 143         width: 740px;
 144 }
 145
 146 #CARight {
 147         float: right;
 148         width: 240px;
 149 }
 150
 151 #CAFull {
 152         float: left;
 153         padding: 0 5px;
 154         width: 950px;
 155 }
 156
 157 #ground {
 158         background: none repeat scroll 0 0 #BDCCED;
 159         border-top: 1px solid #000000;
 160         padding-bottom: 0;
 161         padding-top: 6px;
 162         text-align: center;
 163         width: 100%;
 164 }
 165
 166 #top {
 167         background-color: #FFFFFF;
 168         height: 20px;
 169         padding: 3px;
 170         position: absolute;
 171         right: 0;
 172         text-align: right;
 173         top: 0;
 174         width: 500px;
 175 }
 176
 177 #top a {
 178         color: #333333;
 179         font-size: 12px;
 180         height: 35px;
 181         margin-left: 20px;
 182         text-align: right;
 183         text-decoration: underline;
 184 }
 185
 186 #logo { padding: 5px 0 0; }
 187
 188 #navBar {
 189         display: block;
 190         position: relative;
 191         width: 990px;
 192 }
 193
 194 #navBar .nav { margin: 20px 0 0 16px; }
 195
 196 #navBar .nav a {
 197         background-color: #E5EBF8;
 198         border-color: #888888 #888888 -moz-use-text-color;
 199         border-style: solid solid none;
 200         border-width: 1px 1px medium;
 201         color: #333333;
 202         display: block;
 203         float: left;
 204         font-size: 14px;
 205         font-weight: 400;
 206         height: 25px;
 207         line-height: 30px;
 208         margin-left: 10px;
 209         padding: 0 12px 3px;
 210         text-decoration: none;
 211 }
 212
 213 #navBar .nav a:hover { text-decoration: underline; }
 214
 215 #navBar .nav a.on {
 216         background: none repeat scroll 0 0 #356FCB;
 217         border: 1px solid #356FCB;
 218         color: #FFFFFF;
 219         font-weight: 600;
 220         height: 24px;
 221         line-height: 28px;
 222         text-decoration: none;
 223 }
 224
 225 #navBar .nav a.special {
 226         color: #B02B2C;
 227         font-size: 14px;
 228         font-weight: bold;
 229         text-decoration: none;
 230 }
 231
 232 #navBar .nav a.special:hover { text-decoration: underline; }
 233
 234 #navBar .nav div.focus {
 235         float: right;
 236         padding-right: 0;
 237 }
 238
 239 #searchBar {
 240         background-color: #B6C4E2;
 241         border-color: #EEEEEC #A9ACA5 #BABDB6 #EEEEEC;
 242         border-style: solid;
 243         border-width: 1px;
 244         padding: 4px 0 0;
 245         width: 988px;
 246 }
 247
 248 #searchBar .content { }
 249
 250 #searchBar .searchInput {
 251         font-size: 13px;
 252         height: 18px;
 253         width: 400px;
 254 }
 255
 256 #searchBar .searchBtn {
 257         font-size: 14px;
 258         height: 26px;
 259         width: 80px;
 260 }
 261
 262 #searchBar .options {
 263         color: #333333;
 264         font-size: 120%;
 265         padding: 3px 0;
 266 }
 267
 268 #searchBar .options input { margin: 0 3px 0 15px; }
 269 #searchBar .options input:hover { cursor: pointer; }
 270
 271 #listA {
 272         background-color: #FFFFFF;
 273         float: left;
 274         padding: 0 0;
 275         width: 100%;
 276 }
 277
 278 .thousand {
 279         color: orange;
 280 }
 281
 282 .short-summary {
 283         border-top: 1px dotted #CCCCCE;
 284         float: left;
 285         overflow: hidden;
 286         padding: 3px 0px 5px 0;
 287         position: relative;
 288         width: 740px;
 289 }
 290
 291 .short-summary h2 a {
 292         color: #2A5594;
 293         font-family: "Trebuchet MS","segoe ui",arial,sans-serif;
 294         font-size: 17px;
 295 }
 296
 297 .short-summary .userinfo {
 298         color: #666666;
 299         float: right;
 300         margin-top: 8px;
 301 }
 302
 303 .userinfo a,a.userinfo { color: #3060A8; }
 304
 305 .short-summary .counts {
 306         float: left;
 307         margin-right: 0px;
 308         margin-top: 4px;
 309         padding-right: 2px;
 310 }
 311
 312 .short-summary .counts .item-count {
 313         font-size: 17px;
 314         font-weight: bold;
 315 }
 316
 317 .short-summary .votes,.short-summary .status,.short-summary .views {
 318         -moz-border-radius: 5px 5px 5px 5px;
 319         border-bottom: 1px solid #CCCCCC;
 320         border-right: 1px solid #CCCCCC;
 321         float: left;
 322         font-size: 11px;
 323         height: 42px;
 324         margin: 0 6px 0 0px;
 325         padding: 8px 2px 0;
 326         text-align: center;
 327         width: 46px;
 328 }
 329
 330 .short-summary .votes,.short-summary .views { color: #666666; }
 331
 332 .short-summary .favorites {
 333         width: 24px;
 334         float: left;
 335         text-align: center;
 336 }
 337
 338 #question-table { margin-bottom: 10px; }
 339
 340 .questions-count {
 341         color: #A40000;
 342         font-family: sans-serif;
 343         font-size: 24px;
 344         font-weight: 600;
 345         margin-top: 3px;
 346     margin-right: 5px;
 347         padding: 0 0 5px 0;
 348 }
 349
 350 .boxA {
 351     background: none repeat scroll 0 0 #888A85;
 352     margin-bottom: 8px;
 353     padding: 6px;
 354 }
 355
 356 .boxA h3 {
 357         color: #FFFFFF;
 358         font-size: 13px;
 359         font-weight: 800;
 360         margin: 0 0 4px;
 361         padding: 0;
 362 }
 363
 364 .boxA .body {
 365         background: none repeat scroll 0 0 #FFFFFF;
 366         border: 1px solid #999999;
 367         font-size: 13px;
 368         padding: 8px;
 369 }
 370
 371 .boxA .more {
 372         font-weight: 800;
 373         padding: 2px;
 374         text-align: right;
 375 }
 376
 377 .boxC {
 378         background: none repeat scroll 0 0 #E5EBF8;
 379         border-color: #EEEEEC #A9ACA5 #BABDB6 #EEEEEC;
 380         border-style: solid;
 381         border-width: 1px;
 382         margin-bottom: 8px;
 383         padding: 10px;
 384 }
 385
 386 .boxC p { margin-bottom: 8px; }
 387 .boxC p.nomargin { margin: 0; }
 388
 389 .boxC p.info-box-follow-up-links {
 390         margin: 0;
 391         text-align: right;
 392 }
 393
 394 .pager {
 395         float: left;
 396         margin-bottom: 16px;
 397         margin-top: 10px;
 398 }
 399
 400 .pagesize {
 401         float: right;
 402         margin-bottom: 16px;
 403         margin-top: 10px;
 404 }
 405
 406 .paginator {
 407         font: 12px sans-serif;
 408         padding: 5px 0 10px;
 409 }
 410
 411 .paginator .prev a,.paginator .prev a:visited,.paginator .next a,.paginator .next a:visited {
 412         background-color: #FFFFFF;
 413         border: 1px solid #FFFFFF;
 414         color: #777777;
 415         font: bold 100% sans-serif;
 416         padding: 2px 4px 3px;
 417 }
 418
 419 .paginator .prev { margin-right: 0.5em; }
 420 .paginator .next { margin-left: 0.5em; }
 421
 422 .paginator .page a,.paginator .page a:visited,.paginator .curr {
 423         background-color: #FFFFFF;
 424         border: 1px solid #CCCCCC;
 425         color: #777777;
 426         font: 0.875em verdana;
 427         margin: 0 0.25em;
 428         padding: 0.25em;
 429 }
 430
 431 .paginator .curr {
 432         background-color: #777777;
 433         border: 1px solid #777777;
 434         color: #FFFFFF;
 435         font-weight: bold;
 436 }
 437
 438 .paginator .page a:hover,.paginator .prev a:hover,.paginator .next a:hover {
 439         background-color: #777777;
 440         border: 1px solid #777777;
 441         color: #FFFFFF;
 442         text-decoration: none;
 443 }
 444
 445 .paginator .text {
 446         color: #777777;
 447         font: bold 100% sans-serif;
 448         padding: 0.3em;
 449 }
 450
 451 .paginator-container-left { padding: 5px 0 10px; }
 452
 453 .tags {
 454         display: block;
 455         font-family: sans-serif;
 456         line-height: 200%;
 457         margin-top: 5px;
 458 }
 459
 460 .tags a,span.tag {
 461         background-color: #EEEEEE;
 462         border-bottom: 1px solid #CCCCCC;
 463         border-right: 1px solid #CCCCCC;
 464         color: #777777;
 465         font-size: 11px;
 466         font-weight: normal;
 467         padding: 1px 8px;
 468         text-decoration: none;
 469         white-space: nowrap;
 470 }
 471
 472 .tags a:hover {
 473         background-color: #356FCB;
 474         color: #FFFFFF;
 475 }
 476
 477 .tag-number {
 478         font-family: sans-serif;
 479         font-weight: 700;
 480 }
 481
 482 .marked-tags {
 483         margin-bottom: 5px;
 484         margin-top: 0;
 485 }
 486
 487 a.medal {
 488         background: none repeat scroll 0 0 #FFFFCD;
 489         border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE;
 490         border-left: 1px solid #EEEEEE;
 491         border-style: solid;
 492         border-width: 1px;
 493         color: #333333;
 494         font-size: 14px;
 495         font-weight: bold;
 496         line-height: 250%;
 497         padding: 4px 12px 4px 6px;
 498         text-decoration: none;
 499 }
 500
 501 a.medal:hover {
 502         background: url("../images/medala_on.gif") no-repeat scroll 0 0 transparent;
 503         border-color: #E7E296 #D1CA3D #D1CA3D #E7E296;
 504         border-left: 1px solid #E7E296;
 505         border-style: solid;
 506         border-width: 1px;
 507         color: #333333;
 508         text-decoration: none;
 509 }
 510
 511 .tabBar {
 512         background-color: #FFFFFF;
 513         border-bottom: 1px solid white;
 514         clear: both;
 515         height: 30px;
 516         margin-bottom: 3px;
 517         width: 100%;
 518 }
 519
 520 .tabsA {
 521         background-color: #FFFFFF;
 522         display: block;
 523         float: right;
 524         font-weight: bold;
 525         height: 20px;
 526         position: relative;
 527 }
 528
 529 .tabsA a {
 530         background: none repeat scroll 0 0 #EEEEEE;
 531         border-bottom: 1px solid #CCCCCC;
 532         border-right: 1px solid #CCCCCC;
 533         color: #888A85;
 534         display: block;
 535         float: left;
 536         height: 20px;
 537         line-height: 22px;
 538         margin: 5px 4px 0 0;
 539         padding: 0 11px;
 540         text-decoration: none;
 541 }
 542
 543 .tabsA a.on,.tabsA a:hover {
 544         background: none repeat scroll 0 0 #FFFFFF;
 545         color: #A40000;
 546 }
 547
 548 .tabsA a:hover {
 549         background: none repeat scroll 0 0 #356FCB;
 550         color: #FFFFFF;
 551 }
 552
 553 .headlineA {
 554         border-bottom: 1px solid #777777;
 555         font-size: 13px;
 556         font-weight: 800;
 557         height: 30px;
 558         margin-bottom: 12px;
 559         padding-bottom: 2px;
 560         text-align: right;
 561 }
 562
 563 .headQuestions {
 564         background: url("../images/dot-list.gif") no-repeat scroll left center transparent;
 565         border-bottom: 0 solid #777777;
 566         float: left;
 567         font-size: 15px;
 568         font-weight: 700;
 569         height: 23px;
 570         line-height: 23px;
 571         margin: 5px 0 0 5px;
 572         padding: 0 6px 0 15px;
 573 }
 574
 575 .headUsers {
 576         background: url("../images/dot-list.gif") no-repeat scroll left center transparent;
 577         border-bottom: 0 solid #777777;
 578         float: left;
 579         font-size: 15px;
 580         font-weight: 700;
 581         height: 23px;
 582         line-height: 23px;
 583         margin: 5px 0 0 5px;
 584         padding: 0 6px 0 15px;
 585 }
 586
 587 .headMedals {
 588         background: url("../images/dot-list.gif") no-repeat scroll left center transparent;
 589         border-bottom: 0 solid #777777;
 590         float: left;
 591         font-size: 15px;
 592         font-weight: 700;
 593         height: 23px;
 594         line-height: 23px;
 595         margin: 5px 0 0 5px;
 596         padding: 0 6px 0 15px;
 597 }
 598
 599 .headNormal {
 600         border-bottom: 1px solid #777777;
 601         font-size: 15px;
 602         font-weight: bold;
 603         margin-bottom: 12px;
 604         padding: 3px;
 605         text-align: left;
 606 }
 607
 608 .headUser {
 609         border-bottom: 1px solid #777777;
 610         font-size: 20px;
 611         font-weight: 800;
 612         margin-bottom: 12px;
 613         padding: 5px;
 614         text-align: left;
 615 }
 616
 617 .questions-related {
 618         font-weight: 700;
 619         word-wrap: break-word;
 620 }
 621
 622 .questions-related p {
 623         font-size: 100%;
 624         line-height: 20px;
 625         margin-bottom: 10px;
 626 }
 627
 628 .question-body {
 629         font-size: 13px;
 630         line-height: 20px;
 631         min-height: 100px;
 632 }
 633
 634 .question-body img { max-width: 640px; }
 635
 636 .vote-buttons {
 637         float: left;
 638         text-align: center;
 639 }
 640
 641 .vote-notification {
 642         background-color: darkred;
 643         color: White;
 644         cursor: pointer;
 645         display: none;
 646         padding: 15px;
 647         position: absolute;
 648         text-align: center;
 649         z-index: 1;
 650 }
 651
 652 .vote-notification a {
 653         color: White;
 654         text-decoration: underline;
 655 }
 656
 657 span.form-error {
 658         color: #990000;
 659         font-weight: normal;
 660         margin-left: 5px;
 661 }
 662
 663 ul.errorlist li {
 664         color: #990000;
 665         font-weight: normal;
 666         margin-left: 0px;
 667     margin-top: 5px;
 668 }
 669
 670 .answer {
 671         border-bottom: 1px solid #CCCCCE;
 672         padding-top: 10px;
 673         width: 100%;
 674 }
 675
 676 .answer-body {
 677         font-size: 13px;
 678         line-height: 20px;
 679         min-height: 80px;
 680 }
 681
 682 .answer-body img { max-width: 640px; }
 683
 684 .answered-by-owner { background: none repeat scroll 0 0 #E9E9FF; }
 685
 686 .accepted-answer {
 687         background-color: #EBFFE6;
 688         border-bottom-color: #9BD59B;
 689 }
 690
 691 .answered {
 692         background: none repeat scroll 0 0 #E5EBF8;
 693         color: #314362;
 694 }
 695
 696 .answered-accepted,.answer-votes.answered-accepted {
 697         background: none repeat scroll 0 0 #E6F8DD;
 698         color: #3A6231;
 699 }
 700
 701 .unanswered {
 702         background: none repeat scroll 0 0 #F3E3E1;
 703         color: #6B2B28;
 704 }
 705
 706 .tagsList {
 707         list-style-type: none;
 708         margin: 0;
 709         min-height: 360px;
 710         padding: 0;
 711 }
 712
 713 .tagsList li {
 714         float: left;
 715         width: 235px;
 716 }
 717
 718 .badge-list {
 719         list-style-type: none;
 720         margin: 0;
 721 }
 722
 723 .badge-list a { color: #3060A8; }
 724 .badge-list a.medal { color: #333333; }
 725 .list-item { margin-left: 15px; }
 726
 727 .list-item li {
 728         font-size: 13px;
 729         line-height: 20px;
 730         list-style-type: disc;
 731         margin-bottom: 10px;
 732 }
 733
 734 .form-row { line-height: 25px; }
 735 table.form-as-table { margin-top: 5px; }
 736
 737 table.form-as-table ul {
 738         display: inline;
 739         list-style-type: none;
 740 }
 741
 742 table.form-as-table li { display: inline; }
 743 table.form-as-table pre { display: inline; }
 744 table.check-table td { padding-right: 50px; }
 745
 746 .submit-row {
 747         clear: both;
 748         display: block;
 749         line-height: 30px;
 750         padding-top: 10px;
 751 }
 752
 753 .error {
 754         color: darkred;
 755         font-size: 10px;
 756         margin: 0;
 757 }
 758
 759 .small {
 760         font-size: 11px;
 761 }
 762
 763 span.form-error {
 764         color: #990000;
 765         font-size: 90%;
 766         font-weight: normal;
 767         margin-left: 5px;
 768 }
 769
 770 .title-desc {
 771         color: #666666;
 772         font-size: 90%;
 773 }
 774
 775 #editor {
 776         font-size: 100%;
 777         line-height: 18px;
 778         min-height: 200px;
 779         width: 100%;
 780 }
 781
 782 .wmd-preview {
 783         background-color: #F5F5F5;
 784         margin-top: 10px;
 785         min-height: 20px;
 786         padding: 6px;
 787         width: 98%;
 788 }
 789
 790 .preview-toggle {
 791         color: #AAAAAA;
 792         font-weight: 600;
 793         text-align: left;
 794         width: 100%;
 795 }
 796
 797 .preview-toggle span:hover { cursor: pointer; }
 798 #revisions { width: 950px; }
 799
 800 .revision {
 801         font-size: 13px;
 802         margin: 10px 0;
 803         width: 100%;
 804 }
 805
 806 .revision .header {
 807         background-color: #EEEEEE;
 808         cursor: pointer;
 809         padding: 5px;
 810 }
 811
 812 .revision .author { background-color: #E9E9FF; }
 813 .revision .summary { padding: 5px 0 10px; }
 814
 815 .revision .summary span {
 816         background-color: yellow;
 817         display: inline;
 818         padding-left: 3px;
 819         padding-right: 3px;
 820 }
 821
 822 .revision h1 {
 823         font-size: 130%;
 824         font-weight: 600;
 825         padding: 15px 0;
 826 }
 827
 828 .revision-mark {
 829         display: inline-block;
 830         font-size: 90%;
 831         overflow: hidden;
 832         text-align: left;
 833         width: 200px;
 834 }
 835
 836 .revision-number {
 837         font-family: sans-serif;
 838         font-size: 300%;
 839         font-weight: bold;
 840 }
 841
 842 .revision .body {
 843         margin-bottom: 50px;
 844         padding-left: 10px;
 845 }
 846
 847 del { color: #FF5F5F; }
 848 ins { background-color: #97FF97; }
 849
 850 .count {
 851         color: #777777;
 852         font-family: Arial;
 853         font-size: 200%;
 854         font-weight: 700;
 855 }
 856
 857 .scoreNumber {
 858         color: #777777;
 859         font-family: Arial;
 860         font-size: 35px;
 861         font-weight: 800;
 862         line-height: 40px;
 863 }
 864
 865 .user-details { font-size: 13px; }
 866
 867 .user-about {
 868         background-color: #EEEEEE;
 869         height: 200px;
 870         line-height: 20px;
 871         overflow: auto;
 872         padding: 10px;
 873         width: 90%;
 874 }
 875
 876 .user-edit-link {
 877         background: url("../images/edit.png") no-repeat scroll 0 0 transparent;
 878         padding-left: 20px;
 879 }
 880
 881 .user-info-table { margin-bottom: 10px; }
 882 .relativetime { text-decoration: none; }
 883
 884 .answer-summary {
 885         clear: both;
 886         display: block;
 887         padding: 3px;
 888 }
 889
 890 .answer-votes {
 891         background-color: #EEEEEE;
 892         color: #555555;
 893         float: left;
 894         font-family: Arial;
 895         font-size: 110%;
 896         font-weight: bold;
 897         height: 15px;
 898         margin-right: 10px;
 899         padding: 4px 4px 5px;
 900         text-align: center;
 901         text-decoration: none;
 902         width: 20px;
 903 }
 904
 905 .vote-count {
 906         color: #777777;
 907         font-family: Arial;
 908         font-size: 160%;
 909         font-weight: 700;
 910 }
 911
 912 .user-action-1 {
 913         color: #333333;
 914         font-weight: bold;
 915 }
 916
 917 .user-action-2 {
 918         color: #CCCCCC;
 919         font-weight: bold;
 920 }
 921
 922 .user-action-3 { color: #333333; }
 923 .user-action-4 { color: #333333; }
 924 .user-action-7 { color: #333333; }
 925
 926 .user-action-8 {
 927         background-color: #CCCCCC;
 928         color: #763333;
 929         font-weight: bold;
 930         padding: 3px;
 931 }
 932
 933 .question-title-link a {
 934         color: #0077CC;
 935         font-weight: bold;
 936 }
 937
 938 .answer-title-link a { color: #333333; }
 939 .post-type-1 a { font-weight: bold; }
 940 .post-type-3 a { font-weight: bold; }
 941 .post-type-2 a { color: #333333; }
 942 .post-type-4 a { color: #333333; }
 943 .post-type-8 a { color: #333333; }
 944 .badge1 { color: #FFCC00; }
 945 .silver,.badge2 { color: #CCCCCC; }
 946 .bronze,.badge3 { color: #CC9933; }
 947
 948 .score {
 949         color: #333333;
 950         font-size: 110%;
 951         font-weight: bold;
 952         margin-left: 3px;
 953 }
 954
 955 .footerLinks {
 956         color: #3060A8;
 957         font-size: 13px;
 958 }
 959
 960 .footerLinks a {
 961         color: #3060A8;
 962         font-size: 13px;
 963 }
 964
 965 .user {
 966         line-height: 140%;
 967         padding: 5px;
 968         width: 170px;
 969 }
 970
 971 .user ul {
 972         list-style-type: none;
 973         margin: 0;
 974 }
 975
 976 .user .thumb {
 977         clear: both;
 978         display: inline;
 979         float: left;
 980         margin-right: 4px;
 981 }
 982
 983 .message {
 984         background-color: #EEEEEE;
 985         border: 1px solid #AAAAAA;
 986         margin: 10px 0;
 987         padding: 5px;
 988 }
 989
 990 .message p { margin-bottom: 0; }
 991 .darkred { color: darkred; }
 992
 993 .submit {
 994         background-color: #D4D0C8;
 995         border: 1px solid #777777;
 996         cursor: pointer;
 997         font-size: 120%;
 998         font-weight: bold;
 999         height: 40px;
1000         padding-bottom: 4px;
1001 }
1002
1003 .submit:hover { text-decoration: underline; }
1004 .ask-body { padding-right: 10px; }
1005
1006 .notify {
1007         background-color: #F4A83D;
1008         color: #444444;
1009         font-weight: bold;
1010         left: 0;
1011         padding: 0;
1012         position: fixed;
1013         text-align: center;
1014         top: 0;
1015         width: 100%;
1016         z-index: 100;
1017 }
1018
1019 .notify p {
1020         font-size: 16px;
1021         margin-bottom: 5px;
1022         margin-top: 5px;
1023 }
1024
1025 #close-notify {
1026         background-color: #FAD163;
1027         border: 2px solid #735005;
1028         color: #735005;
1029         cursor: pointer;
1030         font-size: 14px;
1031         line-height: 18px;
1032         padding: 0 3px;
1033         position: absolute;
1034         right: 5px;
1035         text-decoration: none;
1036         top: 5px;
1037 }
1038
1039 #close-notify:hover { text-decoration: none; }
1040 .big { font-size: 15px; }
1041 .strong { font-weight: bold; }
1042
1043 .orange {
1044         color: #D64000;
1045         font-weight: bold;
1046 }
1047
1048 .grey { color: #808080; }
1049
1050 .about div {
1051         border-top: 1px dashed #AAAAAA;
1052         padding: 10px 5px;
1053 }
1054
1055 .about div.first {
1056         border-top: medium none;
1057         padding-top: 0;
1058 }
1059
1060 .about p { margin-bottom: 10px; }
1061
1062 .about a {
1063         color: #D64000;
1064         text-decoration: underline;
1065 }
1066
1067 .about h3 {
1068         font-size: 15px;
1069         font-weight: 700;
1070         line-height: 30px;
1071         padding-top: 0;
1072 }
1073
1074 .nomargin { margin: 0; }
1075 .inline-block { display: inline-block; }
1076 .list-table td { vertical-align: top; }
1077
1078 table.form-as-table input {
1079         display: inline;
1080         margin-left: 4px;
1081 }
1082
1083 ul.form-horizontal-rows {
1084         list-style: none outside none;
1085         margin: 0;
1086 }
1087
1088 ul.form-horizontal-rows li {
1089         height: 40px;
1090         position: relative;
1091 }
1092
1093 ul.form-horizontal-rows label { display: inline-block; }
1094
1095 ul.form-horizontal-rows label {
1096         bottom: 6px;
1097         font-size: 12px;
1098         left: 0;
1099         line-height: 12px;
1100         margin: 0;
1101         position: absolute;
1102 }
1103
1104 ul.form-horizontal-rows li input {
1105         bottom: 0;
1106         left: 180px;
1107         margin: 0;
1108         position: absolute;
1109 }
1110
1111 #changepw-form li input { left: 150px; }
1112
1113 .user-profile-tool-links {
1114         font-weight: bold;
1115         padding-bottom: 10px;
1116 }
1117
1118 .post-controls {
1119         font-size: 11px;
1120         line-height: 12px;
1121         margin-bottom: 5px;
1122         min-width: 200px;
1123 }
1124
1125 #question-controls .tags { margin: 0 0 3px; }
1126
1127 .post-update-info {
1128         display: inline-block;
1129         float: right;
1130         margin-bottom: 5px;
1131         width: 190px;
1132 }
1133
1134 .post-update-info p {
1135         font-size: 11px;
1136         line-height: 15px;
1137         margin: 0 0 4px;
1138         padding: 0;
1139 }
1140
1141 .post-update-info img {
1142         float: left;
1143         margin: 4px 8px 0 0;
1144         width: 32px;
1145 }
1146
1147 #tagSelector { padding-bottom: 2px; }
1148 #hideIgnoredTagsControl { margin: 5px 0 0; }
1149 #hideIgnoredTagsCb { margin: 0 2px 0 1px; }
1150
1151 a.sidebar_button {
1152         background: none repeat scroll 0 0 #EEEEEE;
1153         color: black;
1154         cursor: pointer;
1155         font-size: 11px;
1156         padding: 3px;
1157 }
1158
1159 a.sidebar_button:hover {
1160         background-color: #777777;
1161         color: white;
1162         text-decoration: none;
1163 }
1164
1165 a.post-vote,.favorite-mark,a.accept-answer {
1166         display: block;
1167         height: 24px;
1168         position: relative;
1169         width: 24px;
1170 }
1171
1172 a.post-vote.up { background: url("../images/vote-arrow-up.png") no-repeat scroll center center transparent; }
1173 a.post-vote.up.on,a.post-vote.up:hover { background: url("../images/vote-arrow-up-on.png") no-repeat scroll center center transparent; }
1174 a.post-vote.down { background: url("../images/vote-arrow-down.png") no-repeat scroll center center transparent; }
1175 a.post-vote.down.on,a.post-vote.down:hover { background: url("../images/vote-arrow-down-on.png") no-repeat scroll center center transparent; }
1176 a.accept-answer { background: url("../images/vote-accepted.png") no-repeat scroll center center transparent; }
1177 a.accept-answer.on,a.accept-answer:hover { background: url("../images/vote-accepted-on.png") no-repeat scroll center center transparent; }
1178
1179 .post-score, .comments-char-left-count {
1180         color: #777777;
1181         font-family: Arial;
1182         font-size: 165%;
1183         font-weight: bold;
1184         padding: 0 0 3px;
1185 }
1186
1187 .favorite-mark { background: url("../images/vote-favorite-off.png") no-repeat scroll center center transparent; }
1188 .favorite-mark.on,a.favorite-mark:hover { background: url("../images/vote-favorite-on.png") no-repeat scroll center center transparent; }
1189
1190 .favorite-count {
1191         color: #777777;
1192         font-family: Arial;
1193         font-size: 100%;
1194         font-weight: bold;
1195         padding: 0;
1196 }
1197
1198 .comments-container { clear: both; }
1199 .comments-container { padding: 0; }
1200 .answered-by-owner .comments-container { background-color: #E6ECFF; }
1201 .accepted-answer .comments-container { background-color: #CCFFBF; }
1202
1203 .comment {
1204         border-top: 1px dotted #CCCCCE;
1205         margin: 0;
1206     position: relative;
1207 }
1208
1209 .comment.not_top_scorer { display: none; }
1210
1211 .comment-score {
1212         color: #777777;
1213         font-family: Arial;
1214         font-size: 16px;
1215         font-weight: bold;
1216         padding-top: 3px;
1217         vertical-align: top;
1218     float: left;
1219         width: 22px;
1220     height: 100%;
1221     text-align: center;
1222 }
1223
1224 .comment-text {
1225         color: #444444;
1226         font-size: 12px;
1227         margin: 0 0 0 22px;
1228         padding: 0;
1229 }
1230
1231 .comment-text p {
1232     font-size: 12px;
1233 }
1234
1235 .comment-info {
1236         font-size: 11px;
1237         margin: 0 0 4px 0;
1238     text-align: right;
1239     height: 18px;
1240     vertical-align: middle;
1241 }
1242
1243 .comment-info * {
1244     float: right;
1245         height: 18px;
1246         margin-left: 4px;
1247 }
1248
1249 a.comment-like,a.comment-delete,a.comment-edit {
1250         margin-left: 2px;
1251         width: 18px;
1252 }
1253
1254 a.comment-like { background: url("../images/comment-like.png") no-repeat scroll center center transparent; }
1255 a.comment-like:hover,a.comment-like.on { background: url("../images/comment-like-on.png") no-repeat scroll center center transparent; }
1256 a.comment-delete { background: url("../images/comment-delete.png") no-repeat scroll center center transparent; }
1257 a.comment-delete:hover { background: url("../images/comment-delete-hover.png") no-repeat scroll center center transparent; }
1258 a.comment-edit { background: url("../images/comment-edit.png") no-repeat scroll center center transparent; }
1259 a.comment-edit:hover { background: url("../images/comment-edit-hover.png") no-repeat scroll center center transparent; }
1260
1261 .comment-form-container {
1262         display: none;
1263         padding-top: 12px;
1264 }
1265
1266 .comment-form-widgets-container input { vertical-align: top; }
1267
1268 .comment-form-widgets-container textarea {
1269         height: 80px;
1270         width: 80%;
1271     float: left;
1272 }
1273
1274 span.comment-chars-left {
1275         font-size: 11px;
1276         margin-right: 20px;
1277 }
1278
1279 div.comment-tools {
1280         border-top: 1px dotted #CCCCCE;
1281         padding-top: 12px;
1282         text-align: right;
1283 }
1284
1285 div.comment-tools .comments-showing {
1286         color: #777777;
1287         font-size: 11px;
1288 }
1289
1290 div.comment-tools a {
1291         background: none repeat scroll 0 0 #EEEEEE;
1292         color: black;
1293         cursor: pointer;
1294         font-size: 11px;
1295         padding: 3px;
1296 }
1297
1298 div.comment-tools a:hover {
1299         background-color: #777777;
1300         color: white;
1301         text-decoration: none;
1302 }
1303
1304 .action-link a {
1305         color: #777777;
1306         cursor: pointer;
1307         padding: 3px;
1308 }
1309
1310 .action-link a.ajax-command:hover {
1311         background-color: #777777;
1312         color: #FFFFFF;
1313         text-decoration: none;
1314 }
1315
1316 .action-link-separator { color: #CCCCCC; }
1317
1318 .deleted {background-color: #F4E7E7;}
1319
1320 #command-loader {
1321     position: fixed;
1322     bottom: 0px;
1323     left: 0px;
1324     width: 24px;
1325     height: 24px;
1326     background: url('/m/default/media/images/indicator.gif')
1327 }
1328
1329 #command-loader.success {
1330     background: url('/m/default/media/images/vote-accepted-on.png')
1331 }
1332
1333 .comment-form-buttons {
1334     width: 18%;
1335     height: 100%;
1336     float: right;
1337 }
1338
1339 .comment-form-buttons input, .user-prompt .prompt-buttons button {
1340     height: 16px;
1341     line-height: 12px;
1342     font-size: 110%;
1343     border: 1px solid #999;
1344 }
1345
1346 .comment-form-buttons input {
1347     width: 100%;
1348     height: 22px;
1349     vertical-align: middle;
1350     margin-top: 6px;
1351 }
1352
1353 .comments-char-left-count.warn {
1354     color: orange;
1355 }
1356
1357 #ask-related-questions {
1358     max-height: 150px;
1359     overflow-y: auto;
1360 }
1361
1362 .context-menu {
1363     position: relative;
1364 }
1365
1366 div.dialog, .context-menu-dropdown {
1367     position: absolute;
1368     background-color: #EEEEEE;
1369     -moz-border-radius: 5px;
1370     -webkit-border-radius: 5px;
1371     -moz-box-shadow: 2px 2px 5px #3060A8;
1372     -webkit-box-shadow: 2px 2px 5px #3060A8;
1373 }
1374
1375 .context-menu-dropdown {
1376     display: none;
1377     right: 0px;
1378     top: 1.5em;
1379     text-align: left;
1380     list-style-type: none;
1381 }
1382
1383 .context-menu-dropdown li.item {
1384     padding: 4px 8px 4px 8px;
1385      -moz-border-radius: 5px;
1386     -webkit-border-radius: 5px;
1387 }
1388
1389 .context-menu-dropdown li.item a {
1390     color: inherit;
1391     white-space: nowrap;
1392     text-decoration: none;
1393 }
1394
1395 .context-menu-dropdown li.separator {
1396     text-align: center;
1397     padding: 10px 0 4px 0;
1398     font-size: 120%;
1399     font-weight: bold;
1400 }
1401
1402 .context-menu-dropdown li.item:hover {
1403     background-color: #3060A8;
1404     color: white;
1405 }
1406
1407 .context-menu-dropdown span {
1408     margin-right: 4px;
1409     float: left;
1410     width: 16px;
1411     height: 16px;
1412 }
1413
1414 .context-menu-trigger {
1415     cursor: pointer;
1416 }
1417
1418 div.dialog .dialog-content {
1419     padding: 12px 12px 37px 12px;
1420 }
1421
1422 div.dialog .dialog-buttons {
1423     margin: 0px;
1424     height: 25px;
1425     text-align: center;
1426     position: absolute;
1427     bottom: 0px;
1428     left: 0px;
1429     width: 100%;
1430 }
1431
1432 .dialog-yes, .dialog-no {
1433     margin: 0 3px 5px 3px;
1434     -moz-border-radius: 3px;
1435     -webkit-border-radius: 3px;
1436     background-color: #3060A8;
1437     color: white;
1438     height: 20px;
1439     line-height: 20px;
1440     font-weight: bold;
1441     border: 0;
1442 }
1443
1444 div.dialog.confirm, div.dialog.warning {
1445     text-align: center;
1446 }
1447
1448 div.dialog.confirm {
1449     font-size: 140%;
1450     font-weight: bold;
1451 }
1452
1453 div.dialog.prompt {
1454     width: 300px;
1455 }
1456
1457 div.dialog.prompt .dialog-content select, div.dialog.prompt .dialog-content textarea, div.dialog.prompt .dialog-content input[type=text] {
1458     width: 100%;
1459     padding: 0;
1460     border: 0;
1461 }
1462
1463 .user-prompt .prompt-buttons {
1464     text-align: right;
1465 }