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

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