[Summary view] [Print] [Text view]

   1  /* Content Styles
   2  ---------------------------------------- */
   3  
   4  ul.topiclist {
   5      display: block;
   6      list-style-type: none;
   7      margin: 0;
   8  }
   9  
  10  ul.forums {
  11      background: #f9f9f9 none repeat-x 0 0;
  12  }
  13  
  14  ul.topiclist li {
  15      display: block;
  16      list-style-type: none;
  17      color: #777777;
  18      margin: 0;
  19  }
  20  
  21  ul.topiclist dl {
  22      position: relative;
  23  }
  24  
  25  ul.topiclist li.row dl {
  26      padding: 2px 0;
  27  }
  28  
  29  ul.topiclist dt {
  30      display: block;
  31      float: left;
  32      width: 50%;
  33      font-size: 1.1em;
  34      padding-left: 5px;
  35      padding-right: 5px;
  36  }
  37  
  38  ul.topiclist dd {
  39      display: block;
  40      float: left;
  41      border-left: 1px solid #FFFFFF;
  42      padding: 4px 0;
  43  }
  44  
  45  ul.topiclist dfn {
  46      /* Labels for post/view counts */
  47      position: absolute;
  48      left: -999px;
  49      width: 990px;
  50  }
  51  
  52  ul.topiclist li.row dt a.subforum {
  53      background-image: none;
  54      background-position: 0 50%;
  55      background-repeat: no-repeat;
  56      position: relative;
  57      white-space: nowrap;
  58      padding: 0 0 0 12px;
  59  }
  60  
  61  .forum-image {
  62      float: left;
  63      padding-top: 5px;
  64      margin-right: 5px;
  65  }
  66  
  67  li.row {
  68      border-top: 1px solid #FFFFFF;
  69      border-bottom: 1px solid #8f8f8f;
  70  }
  71  
  72  li.row strong {
  73      font-weight: normal;
  74      color: #000000;
  75  }
  76  
  77  li.row:hover {
  78      background-color: #f6f6f6;
  79  }
  80  
  81  li.row:hover dd {
  82      border-left-color: #CCCCCC;
  83  }
  84  
  85  li.header dt, li.header dd {
  86      line-height: 1em;
  87      border-left-width: 0;
  88      margin: 2px 0 4px 0;
  89      color: #FFFFFF;
  90      padding-top: 2px;
  91      padding-bottom: 2px;
  92      font-size: 1em;
  93      font-family: Arial, Helvetica, sans-serif;
  94      text-transform: uppercase;
  95  }
  96  
  97  li.header dt {
  98      font-weight: bold;
  99  }
 100  
 101  li.header dd {
 102      margin-left: 1px;
 103  }
 104  
 105  li.header dl.icon {
 106      min-height: 0;
 107  }
 108  
 109  li.header dl.icon dt {
 110      /* Tweak for headers alignment when folder icon used */
 111      padding-left: 0;
 112      padding-right: 50px;
 113  }
 114  
 115  /* Forum list column styles */
 116  dl.icon {
 117      min-height: 35px;
 118      background-position: 10px 50%;        /* Position of folder icon */
 119      background-repeat: no-repeat;
 120  }
 121  
 122  dl.icon dt {
 123      padding-left: 45px;                    /* Space for folder icon */
 124      background-repeat: no-repeat;
 125      background-position: 5px 95%;        /* Position of topic icon */
 126  }
 127  
 128  dd.posts, dd.topics, dd.views {
 129      width: 8%;
 130      text-align: center;
 131      line-height: 2.2em;
 132      font-size: 1.2em;
 133  }
 134  
 135  /* List in forum description */
 136  dl.icon dt ol,
 137  dl.icon dt ul {
 138      list-style-position: inside;
 139      margin-left: 1em;
 140  }
 141  
 142  dl.icon dt li {
 143      display: list-item;
 144      list-style-type: inherit;
 145  }
 146  
 147  dd.lastpost {
 148      width: 25%;
 149      font-size: 1.1em;
 150  }
 151  
 152  dd.redirect {
 153      font-size: 1.1em;
 154      line-height: 2.5em;
 155  }
 156  
 157  dd.moderation {
 158      font-size: 1.1em;
 159  }
 160  
 161  dd.lastpost span, ul.topiclist dd.searchby span, ul.topiclist dd.info span, ul.topiclist dd.time span, dd.redirect span, dd.moderation span {
 162      display: block;
 163      padding-left: 5px;
 164  }
 165  
 166  dd.time {
 167      width: auto;
 168      line-height: 200%;
 169      font-size: 1.1em;
 170  }
 171  
 172  dd.extra {
 173      width: 12%;
 174      line-height: 200%;
 175      text-align: center;
 176      font-size: 1.1em;
 177  }
 178  
 179  dd.mark {
 180      float: right !important;
 181      width: 9%;
 182      text-align: center;
 183      line-height: 200%;
 184      font-size: 1.2em;
 185  }
 186  
 187  dd.info {
 188      width: 30%;
 189  }
 190  
 191  dd.option {
 192      width: 15%;
 193      line-height: 200%;
 194      text-align: center;
 195      font-size: 1.1em;
 196  }
 197  
 198  dd.searchby {
 199      width: 47%;
 200      font-size: 1.1em;
 201      line-height: 1em;
 202  }
 203  
 204  ul.topiclist dd.searchextra {
 205      margin-left: 5px;
 206      padding: 0.2em 0;
 207      font-size: 1.1em;
 208      color: #333333;
 209      border-left: none;
 210      clear: both;
 211      width: 98%;
 212      overflow: hidden;
 213  }
 214  
 215  /* Container for post/reply buttons and pagination */
 216  .topic-actions {
 217      margin-bottom: 3px;
 218      font-size: 1.1em;
 219      height: 28px;
 220      min-height: 28px;
 221  }
 222  div[class].topic-actions {
 223      height: auto;
 224  }
 225  
 226  /* Post body styles
 227  ----------------------------------------*/
 228  .postbody {
 229      padding: 0;
 230      line-height: 1.48em;
 231      color: #333333;
 232      width: 76%;
 233      float: left;
 234      clear: both;
 235  }
 236  
 237  .postbody .ignore {
 238      font-size: 1.1em;
 239  }
 240  
 241  .postbody h3.first {
 242      /* The first post on the page uses this */
 243      font-size: 1.7em;
 244  }
 245  
 246  .postbody h3 {
 247      /* Postbody requires a different h3 format - so change it here */
 248      font-size: 1.5em;
 249      padding: 2px 0 0 0;
 250      margin: 0 0 0.3em 0 !important;
 251      text-transform: none;
 252      border: none;
 253      font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
 254      line-height: 125%;
 255  }
 256  
 257  .postbody h3 img {
 258      /* Also see tweaks.css */
 259      vertical-align: bottom;
 260  }
 261  
 262  .postbody .content {
 263      font-size: 1.3em;
 264  }
 265  
 266  .search .postbody {
 267      width: 68%
 268  }
 269  
 270  /* Topic review panel
 271  ----------------------------------------*/
 272  #review {
 273      margin-top: 2em;
 274  }
 275  
 276  #topicreview {
 277      padding-right: 5px;
 278      overflow: auto;
 279      height: 300px;
 280  }
 281  
 282  #topicreview .postbody {
 283      width: auto;
 284      float: none;
 285      margin: 0;
 286      height: auto;
 287  }
 288  
 289  #topicreview .post {
 290      height: auto;
 291  }
 292  
 293  #topicreview h2 {
 294      border-bottom-width: 0;
 295  }
 296  
 297  .post-ignore .postbody {
 298      display: none;
 299  }
 300  
 301  /* MCP Post details
 302  ----------------------------------------*/
 303  #post_details
 304  {
 305      /* This will only work in IE7+, plus the others */
 306      overflow: auto;
 307      max-height: 300px;
 308  }
 309  
 310  #expand
 311  {
 312      clear: both;
 313  }
 314  
 315  /* Content container styles
 316  ----------------------------------------*/
 317  .content {
 318      min-height: 3em;
 319      overflow: hidden;
 320      line-height: 1.4em;
 321      font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
 322      font-size: 1em;
 323      color: #333333;
 324      padding-bottom: 1px;
 325  }
 326  
 327  .content h2, .panel h2 {
 328      font-weight: normal;
 329      color: #989898;
 330      border-bottom: 1px solid #CCCCCC;
 331      font-size: 1.6em;
 332      margin-top: 0.5em;
 333      margin-bottom: 0.5em;
 334      padding-bottom: 0.5em;
 335  }
 336  
 337  .panel h3 {
 338      margin: 0.5em 0;
 339  }
 340  
 341  .panel p {
 342      font-size: 1.2em;
 343      margin-bottom: 1em;
 344      line-height: 1.4em;
 345  }
 346  
 347  .content p {
 348      font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
 349      font-size: 1.2em;
 350      margin-bottom: 1em;
 351      line-height: 1.4em;
 352  }
 353  
 354  dl.faq {
 355      font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
 356      font-size: 1.1em;
 357      margin-top: 1em;
 358      margin-bottom: 2em;
 359      line-height: 1.4em;
 360  }
 361  
 362  dl.faq dt {
 363      font-weight: bold;
 364      color: #333333;
 365  }
 366  
 367  .content dl.faq {
 368      font-size: 1.2em;
 369      margin-bottom: 0.5em;
 370  }
 371  
 372  .content li {
 373      list-style-type: inherit;
 374  }
 375  
 376  .content ul, .content ol {
 377      margin-bottom: 1em;
 378      margin-left: 3em;
 379  }
 380  
 381  .posthilit {
 382      background-color: #f3f3f3;
 383      color: #BCBCBC;
 384      padding: 0 2px 1px 2px;
 385  }
 386  
 387  .announce, .unreadpost {
 388      /* Highlight the announcements & unread posts box */
 389      border-left-color: #BCBCBC;
 390      border-right-color: #BCBCBC;
 391  }
 392  
 393  /* Post author */
 394  p.author {
 395      margin: 0 15em 0.6em 0;
 396      padding: 0 0 5px 0;
 397      font-family: Verdana, Helvetica, Arial, sans-serif;
 398      font-size: 1em;
 399      line-height: 1.2em;
 400  }
 401  
 402  /* Post signature */
 403  .signature {
 404      margin-top: 1.5em;
 405      padding-top: 0.2em;
 406      font-size: 1.1em;
 407      border-top: 1px solid #CCCCCC;
 408      clear: left;
 409      line-height: 140%;
 410      overflow: hidden;
 411      width: 100%;
 412  }
 413  
 414  dd .signature {
 415      margin: 0;
 416      padding: 0;
 417      clear: none;
 418      border: none;
 419  }
 420  
 421  .signature li {
 422      list-style-type: inherit;
 423  }
 424  
 425  .signature ul, .signature ol {
 426      margin-bottom: 1em;
 427      margin-left: 3em;
 428  }
 429  
 430  /* Post noticies */
 431  .notice {
 432      font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
 433      width: auto;
 434      margin-top: 1.5em;
 435      padding-top: 0.2em;
 436      font-size: 1em;
 437      border-top: 1px dashed #CCCCCC;
 438      clear: left;
 439      line-height: 130%;
 440  }
 441  
 442  /* Jump to post link for now */
 443  ul.searchresults {
 444      list-style: none;
 445      text-align: right;
 446      clear: both;
 447  }
 448  
 449  /* BB Code styles
 450  ----------------------------------------*/
 451  /* Quote block */
 452  blockquote {
 453      background: #ebebeb none 6px 8px no-repeat;
 454      border: 1px solid #dbdbdb;
 455      font-size: 0.95em;
 456      margin: 0.5em 1px 0 25px;
 457      overflow: hidden;
 458      padding: 5px;
 459  }
 460  
 461  blockquote blockquote {
 462      /* Nested quotes */
 463      background-color: #bababa;
 464      font-size: 1em;
 465      margin: 0.5em 1px 0 15px;    
 466  }
 467  
 468  blockquote blockquote blockquote {
 469      /* Nested quotes */
 470      background-color: #e4e4e4;
 471  }
 472  
 473  blockquote cite {
 474      /* Username/source of quoter */
 475      font-style: normal;
 476      font-weight: bold;
 477      margin-left: 20px;
 478      display: block;
 479      font-size: 0.9em;
 480  }
 481  
 482  blockquote cite cite {
 483      font-size: 1em;
 484  }
 485  
 486  blockquote.uncited {
 487      padding-top: 25px;
 488  }
 489  
 490  /* Code block */
 491  dl.codebox {
 492      padding: 3px;
 493      background-color: #FFFFFF;
 494      border: 1px solid #d8d8d8;
 495      font-size: 1em;
 496  }
 497  
 498  dl.codebox dt {
 499      text-transform: uppercase;
 500      border-bottom: 1px solid #CCCCCC;
 501      margin-bottom: 3px;
 502      font-size: 0.8em;
 503      font-weight: bold;
 504      display: block;
 505  }
 506  
 507  blockquote dl.codebox {
 508      margin-left: 0;
 509  }
 510  
 511  dl.codebox code {
 512      /* Also see tweaks.css */
 513      overflow: auto;
 514      display: block;
 515      height: auto;
 516      max-height: 200px;
 517      white-space: normal;
 518      padding-top: 5px;
 519      font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono;
 520      line-height: 1.3em;
 521      color: #8b8b8b;
 522      margin: 2px 0;
 523  }
 524  
 525  .syntaxbg        { color: #FFFFFF; }
 526  .syntaxcomment    { color: #000000; }
 527  .syntaxdefault    { color: #bcbcbc; }
 528  .syntaxhtml        { color: #000000; }
 529  .syntaxkeyword    { color: #585858; }
 530  .syntaxstring    { color: #a7a7a7; }
 531  
 532  /* Attachments
 533  ----------------------------------------*/
 534  .attachbox {
 535      float: left;
 536      width: auto; 
 537      margin: 5px 5px 5px 0;
 538      padding: 6px;
 539      background-color: #FFFFFF;
 540      border: 1px dashed #d8d8d8;
 541      clear: left;
 542  }
 543  
 544  .pm-message .attachbox {
 545      background-color: #f3f3f3;
 546  }
 547  
 548  .attachbox dt {
 549      font-family: Arial, Helvetica, sans-serif;
 550      text-transform: uppercase;
 551  }
 552  
 553  .attachbox dd {
 554      margin-top: 4px;
 555      padding-top: 4px;
 556      clear: left;
 557      border-top: 1px solid #d8d8d8;
 558  }
 559  
 560  .attachbox dd dd {
 561      border: none;
 562  }
 563  
 564  .attachbox p {
 565      line-height: 110%;
 566      color: #666666;
 567      font-weight: normal;
 568      clear: left;
 569  }
 570  
 571  .attachbox p.stats
 572  {
 573      line-height: 110%;
 574      color: #666666;
 575      font-weight: normal;
 576      clear: left;
 577  }
 578  
 579  .attach-image {
 580      margin: 3px 0;
 581      width: 100%;
 582      max-height: 350px;
 583      overflow: auto;
 584  }
 585  
 586  .attach-image img {
 587      border: 1px solid #999999;
 588  /*    cursor: move; */
 589      cursor: default;
 590  }
 591  
 592  /* Inline image thumbnails */
 593  div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
 594      display: block;
 595      margin-bottom: 4px;
 596  }
 597  
 598  div.inline-attachment p {
 599      font-size: 100%;
 600  }
 601  
 602  dl.file {
 603      font-family: Verdana, Arial, Helvetica, sans-serif;
 604      display: block;
 605  }
 606  
 607  dl.file dt {
 608      text-transform: none;
 609      margin: 0;
 610      padding: 0;
 611      font-weight: bold;
 612      font-family: Verdana, Arial, Helvetica, sans-serif;
 613  }
 614  
 615  dl.file dd {
 616      color: #666666;
 617      margin: 0;
 618      padding: 0;    
 619  }
 620  
 621  dl.thumbnail img {
 622      padding: 3px;
 623      border: 1px solid #666666;
 624      background-color: #FFF;
 625  }
 626  
 627  dl.thumbnail dd {
 628      color: #666666;
 629      font-style: italic;
 630      font-family: Verdana, Arial, Helvetica, sans-serif;
 631  }
 632  
 633  .attachbox dl.thumbnail dd {
 634      font-size: 100%;
 635  }
 636  
 637  dl.thumbnail dt a:hover {
 638      background-color: #EEEEEE;
 639  }
 640  
 641  dl.thumbnail dt a:hover img {
 642      border: 1px solid #d2d2d2;
 643  }
 644  
 645  /* Post poll styles
 646  ----------------------------------------*/
 647  fieldset.polls {
 648      font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
 649  }
 650  
 651  fieldset.polls dl {
 652      margin-top: 5px;
 653      border-top: 1px solid #e2e2e2;
 654      padding: 5px 0 0 0;
 655      line-height: 120%;
 656      color: #666666;
 657  }
 658  
 659  fieldset.polls dl.voted {
 660      font-weight: bold;
 661      color: #000000;
 662  }
 663  
 664  fieldset.polls dt {
 665      text-align: left;
 666      float: left;
 667      display: block;
 668      width: 30%;
 669      border-right: none;
 670      padding: 0;
 671      margin: 0;
 672      font-size: 1.1em;
 673  }
 674  
 675  fieldset.polls dd {
 676      float: left;
 677      width: 10%;
 678      border-left: none;
 679      padding: 0 5px;
 680      margin-left: 0;
 681      font-size: 1.1em;
 682  }
 683  
 684  fieldset.polls dd.resultbar {
 685      width: 50%;
 686  }
 687  
 688  fieldset.polls dd input {
 689      margin: 2px 0;
 690  }
 691  
 692  fieldset.polls dd div {
 693      text-align: right;
 694      font-family: Arial, Helvetica, sans-serif;
 695      color: #FFFFFF;
 696      font-weight: bold;
 697      padding: 0 2px;
 698      overflow: visible;
 699      min-width: 2%;
 700  }
 701  
 702  .pollbar1 {
 703      background-color: #aaaaaa;
 704      border-bottom: 1px solid #747474;
 705      border-right: 1px solid #747474;
 706  }
 707  
 708  .pollbar2 {
 709      background-color: #bebebe;
 710      border-bottom: 1px solid #8c8c8c;
 711      border-right: 1px solid #8c8c8c;
 712  }
 713  
 714  .pollbar3 {
 715      background-color: #D1D1D1;
 716      border-bottom: 1px solid #aaaaaa;
 717      border-right: 1px solid #aaaaaa;
 718  }
 719  
 720  .pollbar4 {
 721      background-color: #e4e4e4;
 722      border-bottom: 1px solid #bebebe;
 723      border-right: 1px solid #bebebe;
 724  }
 725  
 726  .pollbar5 {
 727      background-color: #f8f8f8;
 728      border-bottom: 1px solid #D1D1D1;
 729      border-right: 1px solid #D1D1D1;
 730  }
 731  
 732  /* Poster profile block
 733  ----------------------------------------*/
 734  .postprofile {
 735      /* Also see tweaks.css */
 736      margin: 5px 0 10px 0;
 737      min-height: 80px;
 738      color: #666666;
 739      border-left: 1px solid #FFFFFF;
 740      width: 22%;
 741      float: right;
 742      display: inline;
 743  }
 744  .pm .postprofile {
 745      border-left: 1px solid #DDDDDD;
 746  }
 747  
 748  .postprofile dd, .postprofile dt {
 749      line-height: 1.2em;
 750      margin-left: 8px;
 751  }
 752  
 753  .postprofile strong {
 754      font-weight: normal;
 755      color: #000000;
 756  }
 757  
 758  .avatar {
 759      border: none;
 760      margin-bottom: 3px;
 761  }
 762  
 763  .online {
 764      background-image: none;
 765      background-position: 100% 0;
 766      background-repeat: no-repeat;
 767  }
 768  
 769  /* Poster profile used by search*/
 770  .search .postprofile {
 771      width: 30%;
 772  }
 773  
 774  /* pm list in compose message if mass pm is enabled */
 775  dl.pmlist dt {
 776      width: 60% !important;
 777  }
 778  
 779  dl.pmlist dt textarea {
 780      width: 95%;
 781  }
 782  
 783  dl.pmlist dd {
 784      margin-left: 61% !important;
 785      margin-bottom: 2px;
 786  }