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