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