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