[Summary view] [Print] [Text view]

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