[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: transparent none repeat-x 0 0;
  12  }
  13  
  14  ul.topiclist li {
  15      display: block;
  16      list-style-type: none;
  17      margin: 0;
  18  }
  19  
  20  ul.topiclist dl {
  21      position: relative;
  22  }
  23  
  24  ul.topiclist li.row dl {
  25      padding: 2px 0;
  26  }
  27  
  28  ul.topiclist dt, ul.topiclist dd {
  29      display: block;
  30      float: left;
  31  }
  32  
  33  ul.topiclist dt {
  34      width: 100%;
  35      margin-right: -440px;
  36      font-size: 1.1em;
  37  }
  38  
  39  ul.topiclist.missing-column dt {
  40      margin-right: -345px;
  41  }
  42  
  43  ul.topiclist.two-long-columns dt {
  44      margin-right: -250px;
  45  }
  46  
  47  ul.topiclist.two-columns dt {
  48      margin-right: -80px;
  49  }
  50  
  51  ul.topiclist dt .list-inner {
  52      margin-right: 440px;
  53      padding-left: 5px;
  54      padding-right: 5px;
  55  }
  56  
  57  ul.topiclist.missing-column dt .list-inner {
  58      margin-right: 345px;
  59  }
  60  
  61  ul.topiclist.two-long-columns dt .list-inner {
  62      margin-right: 250px;
  63  }
  64  
  65  ul.topiclist.two-columns dt .list-inner {
  66      margin-right: 80px;
  67  }
  68  
  69  ul.topiclist dd {
  70      border-left: 1px solid transparent;
  71      padding: 4px 0;
  72      -webkit-box-sizing: border-box;
  73      -moz-box-sizing: border-box;
  74      box-sizing: border-box;
  75  }
  76  
  77  ul.topiclist dfn {
  78      /* Labels for post/view counts */
  79      position: absolute;
  80      left: -999px;
  81      width: 990px;
  82  }
  83  
  84  ul.topiclist li.row dt a.subforum {
  85      background-image: none;
  86      background-position: 0 50%;
  87      background-repeat: no-repeat;
  88      position: relative;
  89      white-space: nowrap;
  90      padding: 0 0 0 12px;
  91  }
  92  
  93  .forum-image {
  94      float: left;
  95      padding-top: 5px;
  96      margin-right: 5px;
  97  }
  98  
  99  li.row {
 100      border-top: 1px solid transparent;
 101      border-bottom: 1px solid transparent;
 102  }
 103  
 104  li.row strong {
 105      font-weight: normal;
 106  }
 107  
 108  li.header dt, li.header dd {
 109      line-height: 1em;
 110      border-left-width: 0;
 111      margin: 2px 0 4px 0;
 112      padding-top: 2px;
 113      padding-bottom: 2px;
 114      font-size: 1em;
 115      font-family: Arial, Helvetica, sans-serif;
 116      text-transform: uppercase;
 117  }
 118  
 119  li.header dt {
 120      font-weight: bold;
 121      width: 100%;
 122      margin-right: -440px;
 123  }
 124  
 125  li.header dt .list-inner {
 126      margin-right: 440px;
 127  }
 128  
 129  li.header dd {
 130      padding-left: 1px;
 131      -webkit-box-sizing: border-box;
 132      -moz-box-sizing: border-box;
 133      box-sizing: border-box;
 134  }
 135  
 136  li.header dl.icon dt, li.header dl.icon dd {
 137      min-height: 0;
 138  }
 139  
 140  li.header dl.icon dt .list-inner {
 141      /* Tweak for headers alignment when folder icon used */
 142      padding-left: 0;
 143      padding-right: 50px;
 144  }
 145  
 146  /* Forum list column styles */
 147  dl.icon {
 148      background-position: 10px 50%;        /* Position of folder icon */
 149      background-repeat: no-repeat;
 150  }
 151  
 152  dl.icon dt {
 153      background-repeat: no-repeat;
 154      background-position: 5px 95%;        /* Position of topic icon */
 155  }
 156  
 157  dl.icon dt .list-inner {
 158      padding-left: 45px;                    /* Space for folder icon */
 159  }
 160  
 161  dl.icon dt, dl.icon dd {
 162      min-height: 35px;
 163  }
 164  
 165  dl a.icon-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.icon dt ol,
 190  dl.icon dt ul {
 191      list-style-position: inside;
 192      margin-left: 1em;
 193  }
 194  
 195  dl.icon 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  #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-bottom: 1em;
 387      margin-left: 3em;
 388  }
 389  
 390  .posthilit {
 391      padding: 0 2px 1px 2px;
 392  }
 393  
 394  /* Post author */
 395  p.author {
 396      margin-bottom: 0.6em;
 397      padding: 0 0 5px 0;
 398      font-family: Verdana, Helvetica, Arial, sans-serif;
 399      font-size: 1em;
 400      line-height: 1.2em;
 401      clear: both;
 402  }
 403  
 404  /* Post signature */
 405  .signature {
 406      margin-top: 1.5em;
 407      padding-top: 0.2em;
 408      font-size: 1.1em;
 409      border-top: 1px solid transparent;
 410      clear: left;
 411      line-height: 140%;
 412      overflow: hidden;
 413      width: 100%;
 414  }
 415  
 416  .signature.standalone {
 417      border-top-width: 0;
 418      margin-top: 0;
 419  }
 420  
 421  dd .signature {
 422      margin: 0;
 423      padding: 0;
 424      clear: none;
 425      border: none;
 426  }
 427  
 428  .signature li {
 429      list-style-type: inherit;
 430  }
 431  
 432  .signature ul, .signature ol {
 433      margin-bottom: 1em;
 434      margin-left: 3em;
 435  }
 436  
 437  /* Post noticies */
 438  .notice {
 439      font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
 440      width: auto;
 441      margin-top: 1.5em;
 442      padding-top: 0.2em;
 443      font-size: 1em;
 444      border-top: 1px dashed transparent;
 445      clear: left;
 446      line-height: 130%;
 447  }
 448  
 449  /* Jump to post link for now */
 450  ul.searchresults {
 451      list-style: none;
 452      text-align: right;
 453      clear: both;
 454  }
 455  
 456  /* BB Code styles
 457  ----------------------------------------*/
 458  /* Quote block */
 459  blockquote {
 460      background: transparent none 6px 8px no-repeat;
 461      border: 1px solid transparent;
 462      font-size: 0.95em;
 463      margin: 0.5em 1px 0 25px;
 464      overflow: hidden;
 465      padding: 5px;
 466  }
 467  
 468  blockquote blockquote {
 469      /* Nested quotes */
 470      font-size: 1em;
 471      margin: 0.5em 1px 0 15px;
 472  }
 473  
 474  blockquote cite {
 475      /* Username/source of quoter */
 476      font-style: normal;
 477      font-weight: bold;
 478      margin-left: 20px;
 479      display: block;
 480      font-size: 0.9em;
 481  }
 482  
 483  blockquote cite cite {
 484      font-size: 1em;
 485  }
 486  
 487  blockquote.uncited {
 488      padding-top: 25px;
 489  }
 490  
 491  /* Code block */
 492  .codebox {
 493      padding: 3px;
 494      border: 1px solid transparent;
 495      font-size: 1em;
 496      overflow-x: scroll;
 497      word-wrap: normal;
 498  }
 499  
 500  .codebox p {
 501      text-transform: uppercase;
 502      border-bottom: 1px solid transparent;
 503      margin-bottom: 3px;
 504      font-size: 0.8em !important;
 505      font-weight: bold;
 506      display: block;
 507  }
 508  
 509  blockquote .codebox {
 510      margin-left: 0;
 511  }
 512  
 513  .codebox code {
 514      overflow: auto;
 515      display: block;
 516      height: auto;
 517      max-height: 200px;
 518      white-space: normal;
 519      padding-top: 5px;
 520      font: 0.9em Monaco, "Andale Mono","Courier New", Courier, monospace;
 521      line-height: 1.3em;
 522      margin: 2px 0;
 523  }
 524  
 525  /* Attachments
 526  ----------------------------------------*/
 527  .attachbox {
 528      float: left;
 529      width: auto;
 530      max-width: 100%;
 531      margin: 5px 5px 5px 0;
 532      padding: 6px;
 533      border: 1px dashed transparent;
 534      clear: left;
 535      -webkit-box-sizing: border-box;
 536      -moz-box-sizing: border-box;
 537      box-sizing: border-box;
 538  }
 539  
 540  .attachbox dt {
 541      font-family: Arial, Helvetica, sans-serif;
 542      text-transform: uppercase;
 543  }
 544  
 545  .attachbox dd {
 546      margin-top: 4px;
 547      padding-top: 4px;
 548      clear: left;
 549      border-top: 1px solid transparent;
 550      overflow-x: auto;
 551  }
 552  
 553  .attachbox dd dd {
 554      border: none;
 555  }
 556  
 557  .attachbox p {
 558      line-height: 110%;
 559      font-weight: normal;
 560      clear: left;
 561  }
 562  
 563  .attachbox p.stats
 564  {
 565      line-height: 110%;
 566      font-weight: normal;
 567      clear: left;
 568  }
 569  
 570  .attach-image {
 571      margin: 3px 0;
 572      max-width: 100%;
 573  }
 574  
 575  .attach-image img {
 576      border: 1px solid transparent;
 577  /*    cursor: move; */
 578      cursor: default;
 579  }
 580  
 581  /* Inline image thumbnails */
 582  div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
 583      display: block;
 584      margin-bottom: 4px;
 585  }
 586  
 587  div.inline-attachment p {
 588      font-size: 100%;
 589  }
 590  
 591  dl.file {
 592      font-family: Verdana, Arial, Helvetica, sans-serif;
 593      display: block;
 594  }
 595  
 596  dl.file dt {
 597      text-transform: none;
 598      margin: 0;
 599      padding: 0;
 600      font-weight: bold;
 601      font-family: Verdana, Arial, Helvetica, sans-serif;
 602  }
 603  
 604  dl.file dd {
 605      margin: 0;
 606      padding: 0;
 607  }
 608  
 609  dl.thumbnail img {
 610      padding: 3px;
 611      border: 1px solid transparent;
 612      box-sizing: border-box;
 613  }
 614  
 615  dl.thumbnail dd {
 616      font-style: italic;
 617      font-family: Verdana, Arial, Helvetica, sans-serif;
 618  }
 619  
 620  .attachbox dl.thumbnail dd {
 621      font-size: 100%;
 622  }
 623  
 624  dl.thumbnail dt a:hover img {
 625      border: 1px solid transparent;
 626  }
 627  
 628  /* Post poll styles
 629  ----------------------------------------*/
 630  fieldset.polls {
 631      font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
 632  }
 633  
 634  fieldset.polls dl {
 635      margin-top: 5px;
 636      border-top: 1px solid transparent;
 637      padding: 5px 0 0 0;
 638      line-height: 120%;
 639  }
 640  
 641  fieldset.polls dl.voted {
 642      font-weight: bold;
 643  }
 644  
 645  fieldset.polls dt {
 646      text-align: left;
 647      float: left;
 648      display: block;
 649      width: 30%;
 650      border-right: none;
 651      padding: 0;
 652      margin: 0;
 653      font-size: 1.1em;
 654  }
 655  
 656  fieldset.polls dd {
 657      float: left;
 658      width: 10%;
 659      border-left: none;
 660      padding: 0 5px;
 661      margin-left: 0;
 662      font-size: 1.1em;
 663  }
 664  
 665  fieldset.polls dd.resultbar {
 666      width: 50%;
 667  }
 668  
 669  fieldset.polls dd input {
 670      margin: 2px 0;
 671  }
 672  
 673  fieldset.polls dd div {
 674      text-align: right;
 675      font-family: Arial, Helvetica, sans-serif;
 676      font-weight: bold;
 677      padding: 2px 2px 0 2px;
 678      overflow: visible;
 679      min-width: 8px;
 680  }
 681  
 682  .pollbar1, .pollbar2, .pollbar3, .pollbar4, .pollbar5 {
 683      border-bottom: 1px solid transparent;
 684      border-right: 1px solid transparent;
 685  }
 686  
 687  .vote-submitted {
 688      font-size: 1.2em;
 689      font-weight: bold;
 690      text-align: center;
 691  }
 692  
 693  /* Poster profile block
 694  ----------------------------------------*/
 695  .postprofile {
 696      margin: 5px 0 10px 0;
 697      min-height: 80px;
 698      border: 1px solid transparent;
 699      border-width: 0 0 0 1px;
 700      width: 22%;
 701      float: right;
 702      display: inline;
 703  }
 704  
 705  .postprofile dd, .postprofile dt {
 706      line-height: 1.2em;
 707      margin-left: 8px;
 708  }
 709  
 710  .postprofile dd {
 711      overflow: hidden;
 712      text-overflow: ellipsis;
 713  }
 714  
 715  .postprofile strong {
 716      font-weight: normal;
 717  }
 718  
 719  .postprofile dt.no-profile-rank, .postprofile dd.profile-rank, .postprofile .search-result-date {
 720      margin-bottom: 10px;
 721  }
 722  
 723  /* Post-profile avatars */
 724  .postprofile .has-avatar .avatar-container {
 725      margin-bottom: 3px;
 726      overflow: hidden;
 727  }
 728  
 729  .postprofile .avatar {
 730      display: block;
 731      float: left;
 732      max-width: 100%;
 733  }
 734  
 735  .postprofile .avatar img {
 736      display: block;
 737      height: auto !important;
 738      max-width: 100%;
 739  }
 740  
 741  .postprofile .profile-posts a {
 742      font-weight: normal;
 743  }
 744  
 745  dd.profile-warnings {
 746      font-weight: bold;
 747  }
 748  
 749  dd.profile-contact {
 750      overflow: visible;
 751  }
 752  
 753  .profile-contact .dropdown-container {
 754      display: inline-block;
 755  }
 756  
 757  .profile-contact .icon_contact {
 758      vertical-align: middle;
 759  }
 760  
 761  .profile-contact .dropdown {
 762      margin-right: -14px;
 763  }
 764  
 765  .online {
 766      background-image: none;
 767      background-position: 100% 0;
 768      background-repeat: no-repeat;
 769  }
 770  
 771  /* Poster profile used by search*/
 772  .search .postprofile {
 773      width: 30%;
 774  }
 775  
 776  /* Profile used on view-profile */
 777  .profile-avatar img {
 778      max-width: 100%;
 779  }
 780  
 781  /* pm list in compose message if mass pm is enabled */
 782  dl.pmlist dt {
 783      width: 60% !important;
 784  }
 785  
 786  dl.pmlist dt textarea {
 787      width: 95%;
 788  }
 789  
 790  dl.pmlist dd {
 791      margin-left: 61% !important;
 792      margin-bottom: 2px;
 793  }
 794  
 795  .action-bar div.dl_links {
 796      padding: 10px 0 0 10px;
 797  }
 798  
 799  div.dl_links {
 800      display: inline-block;
 801      text-transform: none;
 802  }
 803  
 804  .dl_links strong {
 805      font-weight: bold;
 806  }
 807  
 808  .dl_links ul {
 809      list-style-type: none;
 810      margin: 0;
 811      display: inline-block;
 812  }
 813  
 814  .dl_links li {
 815      display: inline-block;
 816  }
 817  
 818  .attachment-filename {
 819      width: 100%;
 820  }
 821  
 822  .ellipsis-text {
 823      display: inline-block;
 824      overflow: hidden;
 825      text-overflow: ellipsis;
 826      white-space: nowrap;
 827  }
 828  
 829  table.fixed-width-table {
 830      table-layout: fixed;
 831  }
 832  
 833  /* Show scrollbars for items with overflow on iOS devices
 834  ----------------------------------------*/
 835  .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 {
 836      width: 8px;
 837      height: 8px;
 838      -webkit-appearance: none;
 839      background: rgba(0, 0, 0, .1);
 840      border-radius: 3px;
 841  }
 842  
 843  .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 {
 844      background: rgba(0, 0, 0, .3);
 845      border-radius: 3px;
 846  }
 847  
 848  #memberlist tr.inactive, #team tr.inactive {
 849      font-style: italic;
 850  }