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