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