[Summary view] [Print] [Text view]

   1  /* General Markup Styles
   2  ---------------------------------------- */
   3  html {
   4      font-size: 100%;
   5      /* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
   6      height: 101%;
   7  }
   8  
   9  body {
  10      font-family: Verdana, Helvetica, Arial, sans-serif;
  11      font-size: 10px;
  12      line-height: normal;
  13      margin: 0;
  14      padding: 12px 0;
  15      word-wrap: break-word;
  16      -webkit-print-color-adjust: exact;
  17  }
  18  
  19  h1 {
  20      /* Forum name */
  21      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  22      margin-right: 200px;
  23      margin-top: 15px;
  24      font-weight: bold;
  25      font-size: 2em;
  26  }
  27  
  28  h2 {
  29      /* Forum header titles */
  30      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  31      font-weight: normal;
  32      font-size: 2em;
  33      margin: 0.8em 0 0.2em 0;
  34  }
  35  
  36  h2.solo {
  37      margin-bottom: 1em;
  38  }
  39  
  40  h3 {
  41      /* Sub-headers (also used as post headers, but defined later) */
  42      font-family: Arial, Helvetica, sans-serif;
  43      font-weight: bold;
  44      text-transform: uppercase;
  45      border-bottom: 1px solid transparent;
  46      margin-bottom: 3px;
  47      padding-bottom: 2px;
  48      font-size: 1.05em;
  49      margin-top: 20px;
  50  }
  51  
  52  h4 {
  53      /* Forum and topic list titles */
  54      font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
  55      font-size: 1.3em;
  56  }
  57  
  58  p {
  59      line-height: 1.3em;
  60      font-size: 1.1em;
  61      margin-bottom: 1.5em;
  62  }
  63  
  64  img {
  65      border-width: 0;
  66  }
  67  
  68  hr {
  69      border: 0 solid transparent;
  70      border-top-width: 1px;
  71      height: 1px;
  72      margin: 5px 0;
  73      display: block;
  74      clear: both;
  75  }
  76  
  77  hr.dashed {
  78      border-top-style: dashed;
  79      margin: 10px 0;
  80  }
  81  
  82  hr.divider {
  83      display: none;
  84  }
  85  
  86  p.right {
  87      text-align: right;
  88  }
  89  
  90  p.jumpbox-return {
  91      margin-top: 10px;
  92      margin-bottom: 0;
  93      float: left;
  94  }
  95  
  96  b, strong {
  97      font-weight: bold;
  98  }
  99  
 100  .text-strong {
 101      font-weight: bold;
 102  }
 103  
 104  i, em {
 105      font-style: italic;
 106  }
 107  
 108  .text-italics {
 109      font-style: italic;
 110  }
 111  
 112  u {
 113      text-decoration: underline;
 114  }
 115  
 116  ul {
 117      list-style-type: disc;
 118  }
 119  
 120  ol {
 121      list-style-type: decimal;
 122  }
 123  
 124  li {
 125      display: list-item;
 126  }
 127  
 128  ul ul, ol ul {
 129      list-style-type: circle;
 130  }
 131  
 132  ol ol ul, ol ul ul, ul ol ul, ul ul ul {
 133      list-style-type: square;
 134  }
 135  
 136  a:hover    { text-decoration: underline; }
 137  
 138  /* Main blocks
 139  ---------------------------------------- */
 140  .wrap {
 141      border: 1px solid transparent;
 142      border-radius: 8px;
 143      margin: 0 auto;
 144      max-width: 1152px;
 145      min-width: 625px;
 146      padding: 15px;
 147  }
 148  
 149  @media only screen and (max-width: 1220px), only screen and (max-device-width: 1220px) {
 150      .wrap {
 151          margin: 0 12px;
 152      }
 153  }
 154  
 155  .page-body {
 156      margin: 4px 0;
 157      clear: both;
 158  }
 159  
 160  .page-footer {
 161      clear: both;
 162  }
 163  
 164  .page-footer h3 {
 165      margin-top: 20px;
 166  }
 167  
 168  .logo {
 169      float: left;
 170      width: auto;
 171      padding: 10px 13px 0 10px;
 172  }
 173  
 174  .logo:hover {
 175      text-decoration: none;
 176  }
 177  
 178  .site_logo {
 179      background-repeat: no-repeat;
 180      display: inline-block;
 181      width: 149px;
 182      height: 52px;
 183  }
 184  
 185  /* Site description and logo */
 186  .site-description {
 187      float: left;
 188      width: 65%;
 189  }
 190  
 191  .site-description h1 {
 192      margin-right: 0;
 193  }
 194  
 195  /* Round cornered boxes and backgrounds
 196  ---------------------------------------- */
 197  .headerbar {
 198      margin-bottom: 4px;
 199      padding: 5px;
 200      border-radius: 7px;
 201  }
 202  
 203  .navbar {
 204      padding: 3px 10px;
 205      border-radius: 7px;
 206  }
 207  
 208  .forabg {
 209      margin-bottom: 4px;
 210      padding: 5px;
 211      clear: both;
 212      border-radius: 7px;
 213  }
 214  
 215  .forumbg {
 216      margin-bottom: 4px;
 217      padding: 5px;
 218      clear: both;
 219      border-radius: 7px;
 220  }
 221  
 222  .panel {
 223      margin-bottom: 4px;
 224      padding: 5px 10px;
 225      border-radius: 7px;
 226  }
 227  
 228  .post {
 229      padding: 5px 10px;
 230      margin-bottom: 4px;
 231      background-repeat: no-repeat;
 232      background-position: 100% 0;
 233      border-radius: 7px;
 234      position: relative;
 235  }
 236  
 237  .rowbg {
 238      margin: 5px 5px 2px 5px;
 239  }
 240  
 241  /* Horizontal lists
 242  ----------------------------------------*/
 243  .navbar ul.linklist {
 244      padding: 2px 0;
 245      list-style-type: none;
 246  }
 247  
 248  ul.linklist {
 249      display: block;
 250      margin: 0;
 251  }
 252  
 253  .cp-main .panel {
 254      padding: 5px 10px;
 255  }
 256  
 257  ul.linklist > li {
 258      float: left;
 259      font-size: 1.1em;
 260      line-height: 2.2em;
 261      list-style-type: none;
 262      margin-right: 7px;
 263      padding-top: 1px;
 264      width: auto;
 265  }
 266  
 267  ul.linklist > li.rightside, p.rightside, a.rightside {
 268      float: right;
 269      margin-right: 0;
 270      margin-left: 7px;
 271      text-align: right;
 272  }
 273  
 274  ul.navlinks {
 275      border-top: 1px solid transparent;
 276  }
 277  
 278  ul.leftside {
 279      float: left;
 280      margin-left: 0;
 281      margin-right: 5px;
 282      text-align: left;
 283  }
 284  
 285  ul.rightside {
 286      float: right;
 287      margin-left: 5px;
 288      margin-right: -5px;
 289      text-align: right;
 290  }
 291  
 292  ul.linklist li.responsive-menu {
 293      position: relative;
 294      margin: 0 5px 0 0;
 295  }
 296  
 297  .hasjs ul.linklist.leftside, .hasjs ul.linklist.rightside {
 298      max-width: 48%;
 299  }
 300  
 301  .hasjs ul.linklist.fullwidth {
 302      max-width: none;
 303  }
 304  
 305  li.responsive-menu.dropdown-right .dropdown {
 306      left: -9px;
 307  }
 308  
 309  li.responsive-menu.dropdown-left .dropdown {
 310      right: -6px;
 311  }
 312  
 313  ul.linklist .dropdown {
 314      top: 22px;
 315  }
 316  
 317  ul.linklist .dropdown-up .dropdown {
 318      bottom: 18px;
 319      top: auto;
 320  }
 321  
 322  /* Bulletin icons for list items
 323  ----------------------------------------*/
 324  ul.linklist.bulletin > li:before {
 325      display: inline-block;
 326      content: "\2022";
 327      font-size: inherit;
 328      line-height: inherit;
 329      padding-right: 4px;
 330  }
 331  
 332  ul.linklist.bulletin > li:first-child:before,
 333  ul.linklist.bulletin > li.rightside:last-child:before {
 334      content: none;
 335  }
 336  
 337  ul.linklist.bulletin > li.no-bulletin:before {
 338      content: none;
 339  }
 340  
 341  .responsive-menu:before {
 342      display: none !important;
 343  }
 344  
 345  /* Profile in overall_header.html */
 346  .header-profile {
 347      display: inline-block;
 348      vertical-align: top;
 349  }
 350  
 351  a.header-avatar,
 352  a.header-avatar:hover {
 353      text-decoration: none;
 354  }
 355  
 356  a.header-avatar img {
 357      margin-bottom: 2px;
 358      max-height: 20px;
 359      vertical-align: middle;
 360      width: auto;
 361  }
 362  
 363  a.header-avatar span:after {
 364      content: '\f0dd';
 365      display: inline-block;
 366      font: normal normal normal 14px/1 FontAwesome;
 367      padding-left: 6px;
 368      padding-top: 2px;
 369      vertical-align: top;
 370  }
 371  
 372  /* Dropdown menu
 373  ----------------------------------------*/
 374  .dropdown-container {
 375      position: relative;
 376  }
 377  
 378  .dropdown-container-right {
 379      float: right;
 380  }
 381  
 382  .dropdown-container-left {
 383      float: left;
 384  }
 385  
 386  .nojs .dropdown-container:hover .dropdown {
 387      display: block !important;
 388  }
 389  
 390  .dropdown {
 391      display: none;
 392      position: absolute;
 393      left: 0;
 394      top: 1.2em;
 395      z-index: 2;
 396      border: 1px solid transparent;
 397      border-radius: 5px;
 398      padding: 9px 0 0;
 399      margin-right: -500px;
 400  }
 401  
 402  .dropdown.live-search {
 403      top: auto;
 404  }
 405  
 406  .dropdown-container.topic-tools {
 407      float: left;
 408  }
 409  
 410  .dropdown-up .dropdown {
 411      top: auto;
 412      bottom: 1.2em;
 413      padding: 0 0 9px;
 414  }
 415  
 416  .dropdown-left .dropdown, .nojs .rightside .dropdown {
 417      left: auto;
 418      right: 0;
 419      margin-left: -500px;
 420      margin-right: 0;
 421  }
 422  
 423  .dropdown-button-control .dropdown {
 424      top: 24px;
 425  }
 426  
 427  .dropdown-button-control.dropdown-up .dropdown {
 428      top: auto;
 429      bottom: 24px;
 430  }
 431  
 432  .dropdown .pointer, .dropdown .pointer-inner {
 433      position: absolute;
 434      width: 0;
 435      height: 0;
 436      border-top-width: 0;
 437      border-bottom: 10px solid transparent;
 438      border-left: 10px dashed transparent;
 439      border-right: 10px dashed transparent;
 440      -webkit-transform: rotate(360deg); /* better anti-aliasing in webkit */
 441      display: block;
 442  }
 443  
 444  .dropdown-up .pointer, .dropdown-up .pointer-inner {
 445      border-bottom-width: 0;
 446      border-top: 10px solid transparent;
 447  }
 448  
 449  .dropdown .pointer {
 450      right: auto;
 451      left: 10px;
 452      top: -1px;
 453      z-index: 3;
 454  }
 455  
 456  .dropdown-up .pointer {
 457      bottom: -1px;
 458      top: auto;
 459  }
 460  
 461  .dropdown-left .dropdown .pointer, .nojs .rightside .dropdown .pointer {
 462      left: auto;
 463      right: 10px;
 464  }
 465  
 466  .dropdown .pointer-inner {
 467      top: auto;
 468      bottom: -11px;
 469      left: -10px;
 470  }
 471  
 472  .dropdown-up .pointer-inner {
 473      bottom: auto;
 474      top: -11px;
 475  }
 476  
 477  .dropdown .dropdown-contents {
 478      z-index: 2;
 479      overflow: hidden;
 480      overflow-y: auto;
 481      border: 1px solid transparent;
 482      border-radius: 5px;
 483      padding: 5px;
 484      position: relative;
 485      max-height: 300px;
 486  }
 487  
 488  .dropdown-contents a {
 489      display: block;
 490      padding: 5px;
 491  }
 492  
 493  .jumpbox {
 494      margin: 5px 0;
 495  }
 496  
 497  .jumpbox .dropdown li {
 498      border-top: 1px solid transparent;
 499  }
 500  
 501  .jumpbox .dropdown-select {
 502      margin: 0;
 503  }
 504  
 505  .jumpbox .dropdown-contents {
 506      padding: 0;
 507      text-decoration: none;
 508  }
 509  
 510  .jumpbox .dropdown-contents li {
 511      padding: 0;
 512  }
 513  
 514  .jumpbox .dropdown-contents a {
 515      margin-right: 20px;
 516      padding: 5px 10px;
 517      text-decoration: none;
 518      width: 100%;
 519  }
 520  
 521  .jumpbox .spacer {
 522      display: inline-block;
 523      width: 0px;
 524  }
 525  
 526  .jumpbox .spacer + .spacer {
 527      width: 20px;
 528  }
 529  
 530  .dropdown-contents a {
 531      display: block;
 532      padding: 5px;
 533  }
 534  
 535  .jumpbox .dropdown-select {
 536      margin: 0;
 537  }
 538  
 539  .jumpbox .dropdown-contents a {
 540      text-decoration: none;
 541  }
 542  
 543  .dropdown li {
 544      display: list-item;
 545      border-top: 1px dotted transparent;
 546      float: none !important;
 547      line-height: normal !important;
 548      font-size: 1em !important;
 549      list-style: none;
 550      margin: 0;
 551      white-space: nowrap;
 552      text-align: left;
 553  }
 554  
 555  .dropdown-contents > li {
 556      padding-right: 15px;
 557  }
 558  
 559  .dropdown-nonscroll > li {
 560      padding-right: 0;
 561  }
 562  
 563  .dropdown li:first-child, .dropdown li.separator + li, .dropdown li li {
 564      border-top: 0;
 565  }
 566  
 567  .dropdown li li:first-child {
 568      margin-top: 4px;
 569  }
 570  
 571  .dropdown li li:last-child {
 572      padding-bottom: 0;
 573  }
 574  
 575  .dropdown li li {
 576      border-top: 1px dotted transparent;
 577      padding-left: 18px;
 578  }
 579  
 580  .wrap .dropdown li, .dropdown.wrap li, .dropdown-extended li {
 581      white-space: normal;
 582  }
 583  
 584  .dropdown li.separator {
 585      border-top: 1px solid transparent;
 586      padding: 0;
 587  }
 588  
 589  .dropdown li.separator:first-child, .dropdown li.separator:last-child {
 590      display: none !important;
 591  }
 592  
 593  /* Responsive breadcrumbs
 594  ----------------------------------------*/
 595  .breadcrumbs .crumb {
 596      float: left;
 597      font-weight: bold;
 598      word-wrap: normal;
 599  }
 600  
 601  .breadcrumbs .crumb:before {
 602      content: '\2039';
 603      font-weight: bold;
 604      padding: 0 0.5em;
 605  }
 606  
 607  .breadcrumbs .crumb:first-child:before {
 608      content: none;
 609  }
 610  
 611  .breadcrumbs .crumb a {
 612      white-space: nowrap;
 613      text-overflow: ellipsis;
 614      vertical-align: bottom;
 615      overflow: hidden;
 616  }
 617  
 618  .breadcrumbs.wrapped .crumb a { letter-spacing: -.3px; }
 619  .breadcrumbs.wrapped .crumb.wrapped-medium a { letter-spacing: -.4px; }
 620  .breadcrumbs.wrapped .crumb.wrapped-tiny a { letter-spacing: -.5px; }
 621  
 622  .breadcrumbs .crumb.wrapped-max a { max-width: 120px; }
 623  .breadcrumbs .crumb.wrapped-wide a { max-width: 100px; }
 624  .breadcrumbs .crumb.wrapped-medium a { max-width: 80px; }
 625  .breadcrumbs .crumb.wrapped-small a { max-width: 60px; }
 626  .breadcrumbs .crumb.wrapped-tiny a { max-width: 40px; }
 627  
 628  /* Table styles
 629  ----------------------------------------*/
 630  table.table1 {
 631      width: 100%;
 632  }
 633  
 634  .ucp-main table.table1 {
 635      padding: 2px;
 636  }
 637  
 638  table.table1 thead th {
 639      font-weight: normal;
 640      text-transform: uppercase;
 641      line-height: 1.3em;
 642      font-size: 1em;
 643      padding: 0 0 4px 3px;
 644  }
 645  
 646  table.table1 thead th span {
 647      padding-left: 7px;
 648  }
 649  
 650  table.table1 tbody tr {
 651      border: 1px solid transparent;
 652  }
 653  
 654  table.table1 td {
 655      font-size: 1.1em;
 656  }
 657  
 658  table.table1 tbody td {
 659      padding: 5px;
 660      border-top: 1px solid transparent;
 661  }
 662  
 663  table.table1 tbody th {
 664      padding: 5px;
 665      border-bottom: 1px solid transparent;
 666      text-align: left;
 667  }
 668  
 669  /* Specific column styles */
 670  table.table1 .name        { text-align: left; }
 671  table.table1 .center        { text-align: center; }
 672  table.table1 .reportby        { width: 15%; }
 673  table.table1 .posts        { text-align: center; width: 7%; }
 674  table.table1 .joined        { text-align: left; width: 15%; }
 675  table.table1 .active        { text-align: left; width: 15%; }
 676  table.table1 .mark        { text-align: center; width: 7%; }
 677  table.table1 .info        { text-align: left; width: 30%; }
 678  table.table1 .info div        { width: 100%; white-space: normal; overflow: hidden; }
 679  table.table1 .autocol        { line-height: 2em; white-space: nowrap; }
 680  table.table1 thead .autocol    { padding-left: 1em; }
 681  
 682  table.table1 span.rank-img {
 683      float: right;
 684      width: auto;
 685  }
 686  
 687  table.info td {
 688      padding: 3px;
 689  }
 690  
 691  table.info tbody th {
 692      padding: 3px;
 693      text-align: right;
 694      vertical-align: top;
 695      font-weight: normal;
 696  }
 697  
 698  .forumbg table.table1 {
 699      margin: 0;
 700  }
 701  
 702  .forumbg-table > .inner {
 703      margin: 0 -1px;
 704  }
 705  
 706  .color_palette_placeholder table {
 707      border-collapse: separate;
 708      border-spacing: 1px;
 709  }
 710  
 711  /* Misc layout styles
 712  ---------------------------------------- */
 713  /* column[1-2] styles are containers for two column layouts */
 714  .column1 {
 715      float: left;
 716      clear: left;
 717      width: 49%;
 718  }
 719  
 720  .column2 {
 721      float: right;
 722      clear: right;
 723      width: 49%;
 724  }
 725  
 726  /* General classes for placing floating blocks */
 727  .left-box {
 728      float: left;
 729      width: auto;
 730      text-align: left;
 731      max-width: 100%;
 732  }
 733  
 734  .avatar-rank-container {
 735      max-width: 20%;
 736  }
 737  
 738  .left-box.profile-details {
 739      width: 80%;
 740  }
 741  
 742  .right-box {
 743      float: right;
 744      width: auto;
 745      text-align: right;
 746      max-width: 100%;
 747  }
 748  
 749  dl.details {
 750      font-size: 1.1em;
 751  }
 752  
 753  dl.details dt {
 754      float: left;
 755      clear: left;
 756      width: 30%;
 757      text-align: right;
 758      display: block;
 759  }
 760  
 761  dl.details dd {
 762      margin-left: 0;
 763      padding-left: 5px;
 764      margin-bottom: 5px;
 765      float: left;
 766      width: 65%;
 767      overflow: hidden;
 768      text-overflow: ellipsis;
 769  }
 770  
 771  .clearfix, fieldset dl, ul.topiclist dl, dl.polls {
 772      overflow: hidden;
 773  }
 774  
 775  fieldset.fields1 ul.recipients {
 776      list-style-type: none;
 777      line-height: 1.8;
 778      max-height: 150px;
 779      overflow-y: auto;
 780  }
 781  
 782  fieldset.fields1 dd.recipients {
 783      clear: left;
 784      margin-left: 1em;
 785  }
 786  
 787  fieldset.fields1 dl.pmlist > dt {
 788      width: auto !important;
 789  }
 790  
 791  fieldset.fields1 dl.pmlist dd.recipients {
 792      margin-left: 0 !important;
 793  }
 794  
 795  /* Action-bars (container for post/reply buttons, pagination, etc.)
 796  ---------------------------------------- */
 797  .action-bar {
 798      font-size: 11px;
 799      margin: 4px 0;
 800  }
 801  
 802  .forabg + .action-bar {
 803      margin-top: 2em;
 804  }
 805  
 806  .action-bar .button {
 807      margin-right: 5px;
 808      float: left;
 809  }
 810  
 811  .action-bar .button-search {
 812      margin-right: 0;
 813  }
 814  
 815  /* Pagination
 816  ---------------------------------------- */
 817  .pagination {
 818      float: right;
 819      text-align: right;
 820      width: auto;
 821  }
 822  
 823  .action-bar.bar-bottom .pagination {
 824      margin-top: 0;
 825  }
 826  
 827  .action-bar .pagination .button {
 828      margin-right: 0;
 829      float: none;
 830  }
 831  
 832  .pagination > ul {
 833      display: inline-block;
 834      list-style: none !important;
 835      margin-left: 5px;
 836  }
 837  
 838  .pagination > ul > li {
 839      display: inline-block !important;
 840      padding: 0;
 841      font-size: 100%;
 842      line-height: normal;
 843      vertical-align: middle;
 844  }
 845  
 846  .pagination li a, .pagination li span {
 847      border-radius: 2px;
 848      padding: 2px 5px;
 849  }
 850  
 851  .pagination li.active span {
 852      display: inline-block;
 853      font-size: 13px;
 854      font-weight: normal;
 855      font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
 856      line-height: 1.4;
 857      text-align: center;
 858      white-space: nowrap;
 859      vertical-align: middle;
 860      border: 1px solid transparent;
 861  }
 862  
 863  .pagination li.ellipsis span {
 864      border: none;
 865      padding: 0;
 866  }
 867  
 868  .pagination li.page-jump {
 869      margin-right: 5px;
 870  }
 871  
 872  .pagination li.page-jump a {
 873      padding: 0 8px;
 874  }
 875  
 876  .pagination li.page-jump a i {
 877      font-size: 21px;
 878  }
 879  
 880  .pagination .arrow a {
 881      padding: 2px 0;
 882  }
 883  
 884  /* Pagination in viewforum for multipage topics */
 885  .row .pagination {
 886      display: block;
 887      margin-top: 3px;
 888      margin-bottom: 3px;
 889  }
 890  
 891  .row .pagination > ul {
 892      margin: 0;
 893  }
 894  
 895  .row .pagination li a, .row .pagination li span {
 896      border-radius: 2px;
 897      padding: 1px 3px;
 898      font-size: 9px;
 899  }
 900  
 901  /* jQuery popups
 902  ---------------------------------------- */
 903  .phpbb_alert {
 904      border: 1px solid transparent;
 905      display: none;
 906      left: 0;
 907      padding: 0 25px 20px 25px;
 908      position: fixed;
 909      right: 0;
 910      top: 150px;
 911      z-index: 50;
 912      width: 620px;
 913      margin: 0 auto;
 914  }
 915  
 916  @media only screen and (max-height: 500px), only screen and (max-device-width: 500px)
 917  {
 918      .phpbb_alert {
 919          top: 25px;
 920      }
 921  }
 922  
 923  .phpbb_alert .alert_close {
 924      float: right;
 925      margin-right: -36px;
 926      margin-top: -8px;
 927  }
 928  
 929  .phpbb_alert p {
 930      margin: 8px 0;
 931      padding-bottom: 8px;
 932  }
 933  
 934  .phpbb_alert label {
 935      display: block;
 936      margin: 8px 0;
 937      padding-bottom: 8px;
 938  }
 939  
 940  .phpbb_alert div.alert_text > p,
 941  .phpbb_alert div.alert_text > label,
 942  .phpbb_alert div.alert_text > select,
 943  .phpbb_alert div.alert_text > textarea,
 944  .phpbb_alert div.alert_text > input {
 945      font-size: 1.1em;
 946  }
 947  
 948  .darkenwrapper {
 949      display: none;
 950      position: relative;
 951      z-index: 44;
 952  }
 953  
 954  .darken {
 955      position: fixed;
 956      left: 0;
 957      top: 0;
 958      width: 100%;
 959      height: 100%;
 960      opacity: 0.5;
 961      z-index: 45;
 962  }
 963  
 964  .loading_indicator {
 965      background: center center no-repeat;
 966      border-radius: 5px;
 967      display: none;
 968      opacity: 0.8;
 969      margin-top: -50px;
 970      margin-left: -50px;
 971      height: 50px;
 972      width: 50px;
 973      position: fixed;
 974      left: 50%;
 975      top: 50%;
 976      z-index: 51;
 977  }
 978  
 979  /* Miscellaneous styles
 980  ---------------------------------------- */
 981  .copyright {
 982      font-size: 10px;
 983      text-align: center;
 984      padding: 10px;
 985  }
 986  
 987  .footer-row {
 988      font-size: 10px;
 989      line-height: 1.8;
 990      margin: 0;
 991  }
 992  
 993  .small {
 994      font-size: 0.9em !important;
 995  }
 996  
 997  .titlespace {
 998      margin-bottom: 15px;
 999  }
1000  
1001  .headerspace {
1002      margin-top: 20px;
1003  }
1004  
1005  .error {
1006      font-weight: bold;
1007      font-size: 1em;
1008  }
1009  
1010  div.rules {
1011      margin: 10px 0;
1012      font-size: 1.1em;
1013      padding: 5px 10px;
1014      border-radius: 7px;
1015  }
1016  
1017  div.rules ul, div.rules ol {
1018      margin-left: 20px;
1019  }
1020  
1021  p.post-notice {
1022      position: relative;
1023      padding: 5px;
1024      min-height: 14px;
1025      margin-bottom: 1em;
1026  }
1027  
1028  form > p.post-notice strong {
1029      line-height: 20px;
1030  }
1031  
1032  .stat-block {
1033      clear: both;
1034  }
1035  
1036  .top-anchor {
1037      display: block;
1038      position: absolute;
1039      top: -20px;
1040  }
1041  
1042  .clear {
1043      display: block;
1044      clear: both;
1045      font-size: 1px;
1046      line-height: 1px;
1047      background: transparent;
1048  }
1049  
1050  /* Inner box-model clearing */
1051  .inner:after,
1052  ul.linklist:after,
1053  .action-bar:after,
1054  .notification_text:after,
1055  .tabs-container:after,
1056  .tabs > ul:after,
1057  .minitabs > ul:after,
1058  .postprofile .avatar-container:after {
1059      clear: both;
1060      content: '';
1061      display: block;
1062  }
1063  
1064  .emoji {
1065      min-height: 18px;
1066      min-width: 18px;
1067      height: 1em;
1068      width: 1em;
1069  }
1070  
1071  .smilies {
1072      vertical-align: text-bottom;
1073  }
1074  
1075  .icon-notification {
1076      position: relative;
1077  }
1078  
1079  .member-search {
1080      float: left;
1081      margin: 0;
1082      padding: 6px 10px;
1083  }
1084  
1085  .member-search strong {
1086      font-size: 0.95em;
1087  }
1088  
1089  .dropdown-extended {
1090      display: none;
1091      z-index: 1;
1092  }
1093  
1094  .dropdown-extended ul {
1095      max-height: 350px;
1096      overflow-y: auto;
1097      overflow-x: hidden;
1098      clear: both;
1099  }
1100  
1101  .dropdown-extended ul li {
1102      padding: 0;
1103      margin: 0 !important;
1104      float: none;
1105      border-top: 1px solid;
1106      list-style-type: none;
1107      font-size: 0.95em;
1108      clear: both;
1109      position: relative;
1110  }
1111  
1112  .dropdown-extended ul li:first-child {
1113      border-top: none;
1114  }
1115  
1116  .dropdown-extended ul li.no_notifications {
1117      padding: 10px;
1118  }
1119  
1120  .dropdown-extended .dropdown-contents {
1121      max-height: none;
1122      padding: 0;
1123      position: absolute;
1124      width: 340px;
1125  }
1126  
1127  .nojs .dropdown-extended .dropdown-contents {
1128      position: relative;
1129  }
1130  
1131  .dropdown-extended .header {
1132      padding: 0 10px;
1133      font-family: Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
1134      font-weight: bold;
1135      text-align: left;
1136      text-shadow: 1px 1px 1px white;
1137      text-transform: uppercase;
1138      line-height: 3em;
1139      border-bottom: 1px solid;
1140      border-radius: 5px 5px 0 0;
1141  }
1142  
1143  .dropdown-extended .header .header_settings {
1144      float: right;
1145      font-weight: normal;
1146      text-transform: none;
1147  }
1148  
1149  .dropdown-extended .header .header_settings a {
1150      display: inline-block;
1151      padding: 0 5px;
1152  }
1153  
1154  .dropdown-extended .header:after {
1155      content: '';
1156      display: table;
1157      clear: both;
1158  }
1159  
1160  .dropdown-extended .footer {
1161      text-align: center;
1162      font-size: 1.1em;
1163  }
1164  
1165  .dropdown-extended ul li a, .dropdown-extended ul li.no-url {
1166      padding: 8px;
1167  }
1168  
1169  .dropdown-extended .footer > a {
1170      padding: 5px 0;
1171  }
1172  
1173  .dropdown-extended ul li a, .notification_list dt > a, .dropdown-extended .footer > a {
1174      display: block;
1175      text-decoration: none;
1176  }
1177  
1178  .notification_list ul li img {
1179      float: left;
1180      max-height: 50px;
1181      max-width: 50px;
1182      width: auto !important;
1183      height: auto !important;
1184      margin-right: 5px;
1185  }
1186  
1187  .notification_list ul li p {
1188      margin-bottom: 4px;
1189      font-size: 1em;
1190  }
1191  
1192  .notification_list p.notification-reference,
1193  .notification_list p.notification-location,
1194  .notification_list li a p.notification-reason {
1195      overflow: hidden;
1196      text-overflow: ellipsis;
1197      white-space: nowrap;
1198  }
1199  
1200  .notification_list p.notification-time {
1201      font-size: 0.9em;
1202      margin: 0;
1203      text-align: right;
1204  }
1205  
1206  .notification_list div.notifications {
1207      margin-left: 50px;
1208      padding: 5px;
1209  }
1210  
1211  .notification_list div.notifications a {
1212      display: block;
1213  }
1214  
1215  .notification_list p.notifications_title {
1216      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
1217      font-size: 1.2em !important;
1218  }
1219  
1220  .notification_list p.notifications_title strong {
1221      font-weight: bold;
1222  }
1223  
1224  .notification_list p.notifications_time {
1225      font-size: 0.9em !important;
1226  }
1227  
1228  .notification_text {
1229      margin-left: 58px;
1230  }
1231  
1232  .badge {
1233      border-radius: 10px;
1234      opacity: 0.8;
1235      text-align: center;
1236      white-space: nowrap;
1237      font-size: 10px;
1238      line-height: 1;
1239      float: right;
1240      display: inline-block;
1241      margin-left: 3px;
1242      vertical-align: baseline;
1243      position: relative;
1244      top: 3px;
1245      padding: 4px 6px;
1246  }
1247  
1248  .badge.hidden {
1249      display: none;
1250  }
1251  
1252  /* Navbar specific list items
1253  ----------------------------------------*/
1254  
1255  .linklist .quick-links {
1256      margin: 0 7px 0 0;
1257  }
1258  
1259  .linklist.compact .rightside > a > span {
1260      display: none;
1261  }
1262  
1263  .dropdown-page-jump .dropdown {
1264      top: 20px;
1265  }
1266  
1267  .dropdown-page-jump.dropdown-up .dropdown {
1268      bottom: 20px;
1269  }
1270  
1271  .dropdown-page-jump input.tiny {
1272      width: 50px;
1273  }
1274  
1275  .dropdown .clone.hidden {
1276      display: none;
1277  }
1278  
1279  .dropdown .clone.hidden + li.separator {
1280      display: none;
1281  }
1282  
1283  .dropdown .clone.hidden + li {
1284      border-top: none;
1285  }