[Summary view] [Print] [Text view]

   1  /*  phpBB 3.3 Admin Style Sheet
   2      ------------------------------------------------------------------------
   3      Original author:    subBlue ( http://www.subblue.com/ )
   4      Copyright (c) phpBB Limited <https://www.phpbb.com>
   5  
   6      For full copyright and license information, please see
   7      the docs/CREDITS.txt file.
   8      ------------------------------------------------------------------------
   9  */
  10  
  11  /* General markup styles
  12  ---------------------------------------- */
  13  * {
  14      /* Reset browsers default margin, padding and font sizes */
  15      margin: 0;
  16      padding: 0;
  17      font-size: 100%;
  18  }
  19  
  20  abbr {
  21      text-decoration: none;
  22  }
  23  
  24  body, div, p, th, td, li, dd {
  25      font-size: x-small;
  26      voice-family: "\"}\"";
  27      voice-family: inherit;
  28      font-size: small;
  29  }
  30  
  31  html>body, html>div, html>p, html>th, html>td, html>li, html>dd {
  32      font-size: small;
  33  }
  34  
  35  html {
  36      color: #536482;
  37      background: #DBD7D1;
  38      /* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-ie browsers */
  39      height: 100%;
  40      margin-bottom: 1px;
  41      word-wrap: break-word;
  42  }
  43  
  44  body {
  45      /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
  46      font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  47      color: #536482;
  48      background: #DBD7D1;
  49      font-size: 62.5%;    /* This sets the default font size to be equivalent to 10px */
  50      margin: 10px 15px;
  51  }
  52  
  53  code, samp {
  54      font-size: 1.2em;
  55  }
  56  
  57  img {
  58      border: 0;
  59  }
  60  
  61  h1 {
  62      font-family: "Trebuchet MS", Helvetica, sans-serif;
  63      font-size: 1.70em;
  64      font-weight: normal;
  65      color: #333333;
  66  }
  67  
  68  h2, caption {
  69      font-family: "Trebuchet MS", Helvetica, sans-serif;
  70      font-size: 1.40em;
  71      font-weight: normal;
  72      color: #115098;
  73      text-align: left;
  74      margin-top: 25px;
  75  }
  76  
  77  .rtl h2, .rtl caption {
  78      text-align: right;
  79  }
  80  
  81  h3, h4 {
  82      font-family: "Trebuchet MS", Helvetica, sans-serif;
  83      font-size: 1.20em;
  84      text-decoration: none;
  85      line-height: 1.20em;
  86      margin-top: 25px;
  87  }
  88  
  89  p {
  90      margin-bottom: 0.7em;
  91      line-height: 1.40em;
  92      font-size: 0.90em;
  93  }
  94  
  95  ul {
  96      list-style: disc;
  97      margin: 0 0 1em 2em;
  98  }
  99  
 100  .rtl ul {
 101      margin: 0 2em 1em 0;
 102  }
 103  
 104  hr {
 105      border: 0 none;
 106      border-top: 1px dashed #999999;
 107      margin-bottom: 5px;
 108      padding-bottom: 5px;
 109      height: 1px;
 110  }
 111  
 112  .centered-text {
 113      text-align: center;
 114  }
 115  
 116  .search-box {
 117      float: left;
 118  }
 119  
 120  .rtl .search-box {
 121      float: right;
 122  }
 123  
 124  .small {
 125      font-size: 0.85em;
 126  }
 127  
 128  .hidden {
 129      display: none;
 130  }
 131  
 132  @media only screen and (max-width: 800px), only screen and (max-device-width: 800px)
 133  {
 134      body {
 135          margin: 5px 5px 0;
 136      }
 137  }
 138  
 139  @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
 140  {
 141      html, body {
 142          height: auto;
 143          margin: 0;
 144          padding: 0;
 145      }
 146  }
 147  
 148  
 149  /* General links  */
 150  a:link, a:visited {
 151      color: #105289;
 152      text-decoration: none;
 153  }
 154  
 155  a:hover {
 156      color: #BC2A4D;
 157      text-decoration: underline;
 158  }
 159  
 160  a:active {
 161      color: #368AD2;
 162      text-decoration: none;
 163  }
 164  
 165  .install-body p a {
 166      font-weight: bold;
 167  }
 168  
 169  a#maincontent, a#acl, a#assigned_to {
 170      display: block;
 171  }
 172  
 173  /* List items */
 174  ul, ol {
 175      list-style-position: inside;
 176      margin-left: 1em;
 177  }
 178  
 179  li {
 180      display: list-item;
 181      list-style-type: inherit;
 182  }
 183  
 184  
 185  /* Main blocks
 186  ---------------------------------------- */
 187  #wrap {
 188      padding: 0 0 15px 0;
 189      min-width: 615px;
 190  }
 191  
 192  #page-header {
 193      text-align: right;
 194      background: url("../images/phpbb_logo.svg") top left no-repeat;
 195      height: 54px;
 196      font-size: 0.85em;
 197      margin-bottom: 10px;
 198  }
 199  
 200  .rtl #page-header {
 201      text-align: left;
 202      background: url("../images/phpbb_logo.svg") top right no-repeat;
 203  }
 204  
 205  #page-header h1 {
 206      color: #767676;
 207      font-family: "Trebuchet MS",Helvetica,sans-serif;
 208      font-size: 1.70em;
 209      padding-top: 10px;
 210  }
 211  
 212  #page-header p {
 213      font-size: 1.00em;
 214  }
 215  
 216  #page-header p#skip {
 217      display: none;
 218  }
 219  
 220  #page-body {
 221      min-width: 650px;
 222  }
 223  
 224  .copyright {
 225      font-size: 0.75em;
 226      text-align: center;
 227  }
 228  
 229  #content {
 230      padding: 30px 10px 10px;
 231      position: relative;
 232  }
 233  
 234  #content h1 {
 235      color: #115098;
 236      line-height: 1.2em;
 237      margin-bottom: 0;
 238  }
 239  
 240  #main {
 241      float: right;
 242      width: 100%;
 243      margin: 0 0 0 -210px;
 244  }
 245  
 246  .rtl #main {
 247      float: left;
 248      margin: 0 -210px 0 0;
 249  }
 250  
 251  .main {
 252      margin-left: 210px;
 253  }
 254  
 255  .rtl .main {
 256      margin-left: 0;
 257      margin-right: 210px;
 258  }
 259  
 260  #page-body.simple-page-body {
 261      padding: 0;
 262      padding-right: 10px;
 263      min-width: 0;
 264  }
 265  
 266  @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
 267  {
 268      #wrap, #page-body, #page-body.simple-page-body {
 269          padding: 0;
 270          min-width: 300px;
 271      }
 272  
 273      #page-header {
 274          margin: 5px;
 275          padding-left: 160px;
 276          height: auto;
 277          min-height: 54px;
 278          overflow: hidden;
 279      }
 280  
 281      .rtl #page-header {
 282          padding-right: 160px;
 283          padding-left: 0;
 284      }
 285  
 286      #page-header h1 {
 287          font-size: 1.2em;
 288          white-space: nowrap;
 289          overflow: hidden;
 290          text-overflow: ellipsis;
 291      }
 292  
 293      #page-header fieldset {
 294          margin-top: 5px;
 295      }
 296  
 297      #main, .rtl #main, .main, .rtl .main {
 298          float: none;
 299          width: auto;
 300          margin: 0;
 301      }
 302  
 303      #content {
 304          background: #F3F3F3 url("../images/innerbox_bg.gif") repeat-x top;
 305          padding: 5px;
 306      }
 307  
 308      #page-footer {
 309          padding: 0 5px 5px;
 310      }
 311  }
 312  
 313  @media only screen and (max-width: 400px), only screen and (max-device-width: 400px)
 314  {
 315      #page-header {
 316          background-size: 76px 26.5px;
 317          padding-left: 80px;
 318          min-height: 30px;
 319      }
 320  
 321      .rtl #page-header {
 322          padding-right: 80px;
 323      }
 324  
 325      #page-header h1 {
 326          padding-top: 0;
 327          font-size: 1.1em;
 328      }
 329  }
 330  
 331  
 332  /* Tabbed menu
 333  ----------------------------------------*/
 334  #tabs {
 335      font-family: Arial, Helvetica, sans-serif;
 336      line-height: normal;
 337      margin: 0 7px;
 338      position: relative;
 339      z-index: 2;
 340  }
 341  
 342  #tabs > ul {
 343      list-style: none;
 344      margin: 0;
 345      padding: 0;
 346  }
 347  
 348  #tabs .tab {
 349      display: inline-block;
 350      float: left;
 351      font-size: 0.85em;
 352      font-weight: bold;
 353      line-height: 14px;
 354  }
 355  
 356  .rtl #tabs .tab {
 357      float: right;
 358  }
 359  
 360  #tabs .tab > a {
 361      background: #D4D6DA;
 362      background: -moz-linear-gradient(top, #CACBCF 0%, #D4D6DA 100%);
 363      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CACBCF), color-stop(100%, #D4D6DA));
 364      background: -webkit-linear-gradient(top, #CACBCF 0%, #D4D6DA 100%);
 365      background: -o-linear-gradient(top, #CACBCF 0%, #D4D6DA 100%);
 366      background: -ms-linear-gradient(top, #CACBCF 0%, #D4D6DA 100%);
 367      background: linear-gradient(to bottom, #CACBCF 0%, #D4D6DA 100%);
 368      border: 1px solid #BBB;
 369      border-bottom-width: 0;
 370      border-radius: 5px 5px 0 0;
 371      color: #767676;
 372      display: block;
 373      font-weight: bold;
 374      margin: 1px 1px 2px 0;
 375      padding: 6px 9px 4px;
 376      position: relative;
 377      text-decoration: none;
 378      text-transform: uppercase;
 379      white-space: nowrap;
 380      cursor: pointer;
 381  }
 382  
 383  #tabs .tab > a:hover {
 384      background: #F1F1EE;
 385      border-color: #C0BFBB;
 386      color: #BC2A4D;
 387  }
 388  
 389  #tabs .activetab > a,
 390  #tabs .activetab > a:hover {
 391      background: #DCDEE2;
 392      background: -moz-linear-gradient(top, #F2F2F2 0%, #DCDEE2 100%);
 393      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F2F2F2), color-stop(100%, #DCDEE2));
 394      background: -webkit-linear-gradient(top, #F2F2F2 0%, #DCDEE2 100%);
 395      background: -o-linear-gradient(top, #F2F2F2 0%, #DCDEE2 100%);
 396      background: -ms-linear-gradient(top, #F2F2F2 0%, #DCDEE2 100%);
 397      background: linear-gradient(to bottom, #F2F2F2 0%, #DCDEE2 100%);
 398      border-color: #999;
 399      border-bottom: 2px solid #DCDEE2;
 400      box-shadow: 0 1px 1px #FFF inset;
 401      color: #23649F;
 402      margin: 0 1px 0 0;
 403      padding: 7px 10px 4px;
 404  }
 405  
 406  #tabs .activetab > a:hover {
 407      color: #115098;
 408  }
 409  
 410  /* Responsive tabs
 411  ----------------------------------------*/
 412  .responsive-tab {
 413      position: relative;
 414  }
 415  
 416  .responsive-tab > a.responsive-tab-link {
 417      display: block;
 418      font-size: 16px;
 419      position: relative;
 420      width: 16px;
 421      line-height: 14px;
 422      text-decoration: none;
 423      padding-left: 9px !important;
 424      padding-right: 9px !important;
 425  }
 426  
 427  .responsive-tab .responsive-tab-link:before {
 428      content: '';
 429      position: absolute;
 430      left: 10px;
 431      top: 7px;
 432      height: .125em;
 433      width: 14px;
 434      border-bottom: 0.125em solid #767676;
 435      border-top: 0.375em double #767676;
 436  }
 437  
 438  .responsive-tab .responsive-tab-link:hover:before {
 439      border-color: #BC2A4D;
 440  }
 441  
 442  .responsive-tab.activetab .responsive-tab-link:before {
 443      border-color: #23649F;
 444  }
 445  
 446  .responsive-tab.activetab .responsive-tab-link:hover:before {
 447      border-color: #115098;
 448  }
 449  
 450  #tabs .dropdown, #minitabs .dropdown {
 451      top: 20px;
 452      margin-right: -2px;
 453      font-weight: normal;
 454  }
 455  
 456  #tabs .dropdown-right .dropdown {
 457      margin-left: -2px;
 458  }
 459  
 460  #tabs .dropdown-contents {
 461      list-style: none;
 462      margin: 0;
 463  }
 464  
 465  #tabs .dropdown li {
 466      border-bottom: 1px dotted #DCDCDC;
 467  }
 468  
 469  #tabs .dropdown li:last-child {
 470      border-bottom: none;
 471  }
 472  
 473  #tabs .dropdown a {
 474      display: block;
 475      padding: 4px 8px;
 476      text-align: right;
 477  }
 478  
 479  /* Main Panel
 480  ---------------------------------------- */
 481  #acp {
 482      position: relative;
 483      top: -2px;
 484      margin: 0 0 2px;
 485      padding: 3px 1px;
 486      min-width: 550px;
 487      background: #F3F3F3 url("../images/innerbox_bg.gif") repeat-x top;
 488      border: 1px #999999 solid;
 489      border-radius: 5px;
 490      box-shadow: #FFF 0 0 0 1px inset;
 491  }
 492  
 493  #acp:first-child {
 494      top: 0;
 495  }
 496  
 497  .panel {
 498      background: #F3F3F3 url("../images/innerbox_bg.gif") repeat-x top;
 499      padding: 5px 0;
 500      border-radius: 5px;
 501      overflow: hidden;
 502  }
 503  
 504  @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
 505  {
 506      #acp {
 507          min-width: 0;
 508          min-height: 0;
 509          border-radius: 0;
 510          border-width: 1px 0;
 511          background: #fff;
 512          padding: 1px 0;
 513          box-shadow: none;
 514      }
 515  }
 516  
 517  /* Sub-navigation Menu
 518  ---------------------------------------- */
 519  
 520  /* Menu */
 521  #menu {
 522      float: left;
 523      width: 200px;
 524      font-size: 1.00em;
 525      padding: 0;
 526      border-right: 1px solid #CCCFD3;
 527      position: relative;
 528  }
 529  
 530  .rtl #menu {
 531      float: right;
 532      border: none;
 533      border-left: 1px solid #CCCFD3;
 534  }
 535  
 536  #menu p {
 537      font-size: 0.85em;
 538  }
 539  
 540  #menu ul {
 541      list-style: none;
 542      margin: 0;
 543      padding: 0;
 544      word-wrap: normal;
 545  }
 546  
 547  /* Default list state */
 548  #menu li, #menu .header {
 549      padding: 0;
 550      margin: 0;
 551      font-size: 0.85em;
 552      font-weight: bold;
 553      display: block;
 554  }
 555  
 556  /* Link styles for the sub-section links */
 557  #menu li span {
 558      display: block;
 559      padding: 3px 3px 3px 8px;
 560      margin: 1px 0;
 561      text-decoration: none;
 562      font-weight: normal;
 563      color: #138ECB;
 564  }
 565  
 566  .rtl #menu li span {
 567      padding: 3px 8px 3px 3px;
 568  }
 569  
 570  #menu li a:hover, #menu li a:hover span {
 571      text-decoration: none;
 572      background-color: #FFFFFF;
 573      color: #BC2A4D;
 574  }
 575  
 576  #menu li a:active, #menu li a:active span {
 577      color: #F632A0;
 578  }
 579  
 580  #menu li#activemenu a span {
 581      text-decoration: none;
 582      font-weight: bold;
 583      color: #1180B7;
 584      background: transparent url("../images/arrow_right.gif") 0% 50% no-repeat;
 585  }
 586  
 587  .rtl #menu li#activemenu a span {
 588      background: transparent url("../images/arrow_left.gif") 100% 50% no-repeat;
 589  }
 590  
 591  #menu li#activemenu a:hover span, #menu li#activemenu span {
 592      text-decoration: none;
 593      font-weight: bold;
 594      color: #BC2A4D;
 595      background: #FFFFFF url("../images/arrow_right.gif") 1% 50% no-repeat;
 596  }
 597  
 598  .rtl #menu li#activemenu a:hover span, .rtl #menu li#activemenu span {
 599      background: #FFFFFF url("../images/arrow_left.gif") 99% 50% no-repeat;
 600  }
 601  
 602  #menu li a:active, #menu li a:active span, #menu li#activemenu a:active span {
 603      color: #F632A0;
 604  }
 605  
 606  #menu li span.completed {
 607      text-decoration: none;
 608      padding: 3px 3px 3px 12px;
 609      background: url("../images/arrow_down.gif") 1% 50% no-repeat;
 610  }
 611  
 612  .rtl #menu li span.completed {
 613      text-decoration: none;
 614      padding: 3px 12px 3px 3px;
 615      background: url("../images/arrow_down.gif") 99% 50% no-repeat;
 616  }
 617  
 618  #menu .header {
 619      font-family: Tahoma, Helvetica, sans-serif;
 620      display: block;
 621      font-weight: bold;
 622      color: #115098;
 623      border-bottom: 1px solid #327AA5;
 624      padding: 4px 0 2px;
 625      margin-top: 15px;
 626      text-transform: uppercase;
 627      font-size: 0.75em;
 628      text-decoration: none;
 629      cursor: inherit;
 630      outline-style: none;
 631  }
 632  
 633  @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
 634  {
 635      #menu, .rtl #menu {
 636          float: none;
 637          width: auto;
 638          border-width: 0;
 639          max-width: 200px;
 640          margin: 0 auto 10px;
 641      }
 642  
 643      #menu p {
 644          text-align: center;
 645      }
 646  
 647      #menu .menu-block.active {
 648          margin: 0 -5px;
 649          padding: 0 5px 3px;
 650          background: rgba(255, 255, 255, .5);
 651          border-radius: 5px;
 652      }
 653  
 654      #menu .menu-block.no-header.active {
 655          padding-top: 3px;
 656      }
 657  
 658      #menu .menu-block .header {
 659          margin-top: 5px;
 660          cursor: pointer;
 661          border-bottom-width: 0;
 662          position: relative;
 663          text-decoration: underline;
 664      }
 665  
 666      #menu .menu-block .header:focus, #menu .menu-block.active .header {
 667          color: #D31141;
 668          text-decoration: none;
 669      }
 670  
 671      #menu .menu-block ul {
 672          display: none;
 673      }
 674  
 675      .nojs #menu .menu-block:hover ul, #menu .menu-block.active ul, #menu .menu-block.no-header ul {
 676          display: block;
 677      }
 678  
 679      #menu .menu-block li:last-child {
 680          border-bottom: 1px solid #327AA5;
 681      }
 682  
 683      #menu .menu-block:last-child li:last-child, #menu .menu-block.active li:last-child {
 684          border-bottom-width: 0;
 685      }
 686  
 687      #menu .menu-block li a span {
 688          border-radius: 2px;
 689      }
 690  }
 691  
 692  
 693  /* Table styles
 694  ---------------------------------------- */
 695  
 696  table {
 697      width: 100%;
 698      border: 1px solid #CCCFD3;
 699      background-color: #FFFFFF;
 700      padding: 1px;
 701  }
 702  
 703  th {
 704      padding: 3px 4px;
 705      color: #FFFFFF;
 706      background: #70AED3 url("../images/gradient2b.gif") bottom left repeat-x;
 707      border-top: 1px solid #6DACD2;
 708      border-bottom: 1px solid #327AA5;
 709      text-align: left;
 710      font-size: 0.75em;
 711      text-transform: uppercase;
 712  }
 713  
 714  td {
 715      text-align: left;
 716      font-size: 0.85em;
 717      padding: 4px;
 718      line-height: 1.20em;
 719  }
 720  
 721  .rtl th, .rtl td {
 722      text-align: right;
 723  }
 724  
 725  .table1 {
 726      clear: both;
 727      border-spacing: 1px;
 728      border-collapse: separate;
 729  }
 730  
 731  .table2 {
 732      display: inline-block;
 733      border-spacing: 1px;
 734      border-collapse: separate;
 735  }
 736  
 737  .lside {
 738      display: flex;
 739      align-items: stretch;
 740      width: 100%;
 741  }
 742  
 743  .tabled {
 744      width: 1%;
 745  }
 746  
 747  dt#color_palette_placeholder table {
 748      margin-right: 5px;
 749      width: 80px;
 750  }
 751  
 752  #color_palette_placeholder td {
 753      padding: 0;
 754  }
 755  
 756  table.type2 {
 757      border: none;
 758      background: none;
 759      padding: 0;
 760  }
 761  
 762  table.type2 th {
 763      background: none;
 764      border-top: none;
 765      text-align: center;
 766      color: #115098;
 767      padding: 2px 0;
 768  }
 769  
 770  table.type2 td {
 771      padding: 0;
 772      font-size: 1em;
 773  }
 774  
 775  table.type2 td.name {
 776      padding: 2px;
 777      vertical-align: middle;
 778  }
 779  
 780  table.type3  {
 781      float: right;
 782      width: 300px;
 783      border: none;
 784      background-color: transparent;
 785      padding: 0;
 786  }
 787  
 788  .rtl table.type3 {
 789      float: left;
 790  }
 791  
 792  table.type3 thead th {
 793      background-color: transparent;
 794      border-top: none;
 795      text-align: center;
 796      color: #115098;
 797      padding: 0 3px;
 798      font-size: 0.85em;
 799      font-weight: normal;
 800      text-transform: none;
 801  }
 802  
 803  table.type3 tbody th {
 804      border-top: none;
 805      text-align: left;
 806      text-transform: none;
 807      padding: 0;
 808      border: none;
 809      font-size: 0.90em;
 810      font-weight: normal;
 811      width: 100%;
 812  }
 813  
 814  .rtl table.type3 tbody th {
 815      text-align: right;
 816  }
 817  
 818  table.type3 td {
 819      text-align: center;
 820      padding: 1px;
 821  }
 822  
 823  th.name {
 824      text-align: left;
 825      width: auto;
 826  }
 827  
 828  .rtl th.name {
 829      text-align: right;
 830  }
 831  
 832  td.name {
 833      text-align: left;
 834      font-weight: bold;
 835  }
 836  
 837  .rtl td.name {
 838      text-align: right;
 839  }
 840  
 841  .entry {
 842      text-align: left;
 843      font-weight: normal;
 844  }
 845  
 846  .rtl .entry {
 847      text-align: right;
 848  }
 849  
 850  .row1 {
 851      background-color: #F9F9F9;
 852  }
 853  
 854  table.zebra-table tbody tr:nth-child(odd) {
 855      background-color: #F9F9F9;
 856  }
 857  
 858  .row2 {
 859      word-break: break-all;
 860      background-color: #DCEBFE;
 861  }
 862  
 863  table.zebra-table tbody tr:nth-child(even) {
 864      background-color: #DCEBFE;
 865  }
 866  
 867  .row3 { background-color: #DBDFE2; }
 868  .row4 { background-color: #E4E8EB; }
 869  .col1 { background-color: #DCEBFE; }
 870  .col2 { background-color: #F9F9F9; }
 871  
 872  /* 4 row background colours for trees */
 873  .row1a { background-color: #F9F9F9; }
 874  .row1b { background-color: #F6F6F6; }
 875  .row2a { background-color: #E7EEF4; }
 876  .row2b { background-color: #E3EBF2; }
 877  
 878  tr.row-highlight:hover td { background-color: #DBDFE2; }
 879  
 880  .spacer {
 881      background-color: #DBDFE2;
 882      height: 1px;
 883      line-height: 1px;
 884  }
 885  
 886  /* Deactivated row */
 887  .row-inactive {
 888      color: #999;
 889  }
 890  .row-inactive a, .row-inactive strong {
 891      color: #888;
 892  }
 893  .row-inactive a:hover {
 894      color: #BC2A4D;
 895  }
 896  
 897  /* Specific tables */
 898  table.forums td.folder {
 899      width: 27px;
 900      text-align: center;
 901  }
 902  
 903  table td.actions {
 904      vertical-align: middle;
 905      width: 100px;
 906      text-align: center;
 907      white-space: nowrap;
 908  }
 909  
 910  table tr:first-child td.actions .up, table tr:last-child td.actions .down {
 911      display: none;
 912  }
 913  
 914  table tr:first-child td.actions .up-disabled, table tr:last-child td.actions .down-disabled {
 915      display: inline !important;
 916  }
 917  
 918  table.styles td.users, table td.mark {
 919      text-align: center;
 920  }
 921  
 922  table.fixed-width-table {
 923      table-layout: fixed;
 924      word-break: break-word;
 925  }
 926  
 927  @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
 928  {
 929      table.responsive, table.responsive tbody, table.responsive tr, table.responsive td {
 930          display: block;
 931      }
 932  
 933      table.responsive thead, table.responsive th, table.responsive colgroup {
 934          display: none;
 935      }
 936  
 937      table.responsive.show-header thead, table.responsive.show-header th:first-child, table.responsive caption {
 938          display: block;
 939          width: auto !important;
 940          text-align: left !important;
 941          margin: 0;
 942      }
 943  
 944      table.responsive {
 945          background: transparent none;
 946          border-width: 0;
 947          padding: 0;
 948      }
 949  
 950      table.responsive caption {
 951          padding: 3px 4px;
 952          color: #FFFFFF;
 953          background: #70AED3 url("../images/gradient2b.gif") bottom left repeat-x;
 954          border-top: 1px solid #6DACD2;
 955          border-bottom: 1px solid #327AA5;
 956          text-align: left;
 957          font-size: 0.75em;
 958          font-weight: bold;
 959          text-transform: uppercase;
 960      }
 961  
 962      table.responsive.show-header th:first-child span.rank-img, table.responsive.no-caption caption, table.responsive.no-header thead {
 963          display: none;
 964      }
 965  
 966      table.responsive tr {
 967          margin: 2px 0;
 968          border: 1px solid #CCCFD3;
 969          background-color: #FFFFFF;
 970          padding: 1px 1px 0;
 971          overflow: hidden;
 972      }
 973  
 974      table.responsive tr.row1 td { background-color: #F9F9F9; }
 975      table.responsive tr.row2 td { background-color: #DCEBFE; }
 976      table.responsive tr.row3 td { background-color: #DBDFE2; }
 977      table.responsive tr.row4 td { background-color: #E4E8EB; }
 978      table.responsive tr.col1 td { background-color: #DCEBFE; }
 979      table.responsive tr.col2 td { background-color: #F9F9F9; }
 980      table.responsive tr.row1a td { background-color: #F9F9F9; }
 981      table.responsive tr.row1b td { background-color: #F6F6F6; }
 982      table.responsive tr.row2a td { background-color: #E7EEF4; }
 983      table.responsive tr.row2b td { background-color: #E3EBF2; }
 984  
 985      table.responsive td {
 986          width: auto !important;
 987          text-align: left !important;
 988          padding: 4px;
 989          margin-bottom: 1px;
 990      }
 991  
 992      .rtl table.responsive td {
 993          text-align: right !important;
 994      }
 995  
 996      table.responsive td.empty {
 997          display: none !important;
 998      }
 999  
1000      table.responsive td > dfn {
1001          display: inline-block !important;
1002      }
1003  
1004      table.responsive td > dfn:after {
1005          content: ':';
1006          padding-right: 5px;
1007      }
1008  
1009      table.responsive.two-columns td {
1010          width: 50% !important;
1011          float: left;
1012          -moz-box-sizing: border-box;
1013          box-sizing: border-box;
1014      }
1015  
1016      .rtl table.responsive.two-columns td {
1017          float: right;
1018      }
1019  
1020      table.responsive.two-columns td:nth-child(2n+1) {
1021          clear: left;
1022      }
1023  
1024      table.responsive span.rank-img {
1025          float: none;
1026          padding-right: 5px;
1027      }
1028  
1029      table.responsive#memberlist td:first-child input[type="checkbox"] {
1030          float: right;
1031      }
1032  
1033      /* Specific tables */
1034      table.responsive.forums td.folder {
1035          float: left;
1036          width: 27px;
1037          background: transparent;
1038      }
1039      .rtl table.responsive.forums td.folder {
1040          float: right;
1041      }
1042  
1043      table.responsive.forums td.forum-desc {
1044          margin-left: 35px;
1045          min-height: 27px;
1046          background: transparent;
1047      }
1048  
1049      .rtl table.responsive.forums td.forum-desc {
1050          margin-left: 0;
1051          margin-right: 35px;
1052      }
1053  
1054      table.responsive td.actions {
1055          clear: both;
1056          text-align: right !important;
1057      }
1058  
1059      .rtl table.responsive td.actions {
1060          text-align: left !important;
1061      }
1062  
1063      table.responsive.styles tr.responsive-style-row td:first-child {
1064          padding-left: 4px !important;
1065          padding-right: 4px !important;
1066      }
1067  
1068      table.responsive.styles td:first-child > dfn, table.responsive td.actions > dfn {
1069          display: none !important;
1070      }
1071  
1072      .horizontal-palette td:nth-child(2n), .vertical-palette tr:nth-child(2n) {
1073          display: none;
1074      }
1075  
1076      .colour-palette a {
1077          display: inline-block !important;
1078      }
1079  }
1080  
1081  /* General form styles
1082  ----------------------------------------*/
1083  fieldset {
1084      margin: 15px 0;
1085      padding: 10px;
1086      border-top: 1px solid #D7D7D7;
1087      border-right: 1px solid #CCCCCC;
1088      border-bottom: 1px solid #CCCCCC;
1089      border-left: 1px solid #D7D7D7;
1090      background-color: #FFFFFF;
1091      position: relative;
1092      border-radius: 3px;
1093  }
1094  
1095  fieldset h2 {
1096      margin-top: 0;
1097  }
1098  
1099  .rtl fieldset {
1100      border-top: 1px solid #D7D7D7;
1101      border-right: 1px solid #D7D7D7;
1102      border-bottom: 1px solid #CCCCCC;
1103      border-left: 1px solid #CCCCCC;
1104  }
1105  
1106  fieldset p {
1107      font-size: 0.85em;
1108  }
1109  
1110  legend {
1111      padding: 1px 0;
1112      font-family: Tahoma,arial,Verdana,Sans-serif;
1113      font-size: .9em;
1114      font-weight: bold;
1115      color: #115098;
1116      margin-top: -.4em;
1117      position: relative;
1118      text-transform: none;
1119      line-height: 1.2em;
1120      top: -.2em;
1121      vertical-align: middle;
1122  }
1123  
1124  input, textarea {
1125      font-family: Verdana, Helvetica, Arial, sans-serif;
1126      font-size: 0.90em;
1127      font-weight: normal;
1128      vertical-align: middle;
1129      padding: 2px;
1130      color: #111111;
1131      border-left: 1px solid #AFAEAA;
1132      border-top: 1px solid #AFAEAA;
1133      border-right: 1px solid #D5D5C8;
1134      border-bottom: 1px solid #D5D5C8;
1135      background-color: #E3DFD8;
1136  }
1137  
1138  .rtl input, .rtl textarea {
1139      border-left: 1px solid #D5D5C8;
1140      border-top: 1px solid #AFAEAA;
1141      border-right: 1px solid #AFAEAA;
1142      border-bottom: 1px solid #D5D5C8;
1143  }
1144  
1145  input:hover, textarea:hover {
1146      border-left: 1px solid #AFAEAA;
1147      border-top: 1px solid #AFAEAA;
1148      border-right: 1px solid #AFAEAA;
1149      border-bottom: 1px solid #AFAEAA;
1150      background-color: #E9E9E2;
1151  }
1152  
1153  input.langvalue, textarea.langvalue {
1154      width: 90%;
1155  }
1156  
1157  input[type="number"] {
1158      width: 60px;
1159      -moz-padding-end: 0;
1160  }
1161  
1162  optgroup, select {
1163      background-color: #FAFAFA;
1164      border: 1px solid #666666;
1165      font-family: Verdana, Helvetica, Arial, sans-serif;
1166      font-size: 0.85em;
1167      font-weight: normal;
1168      font-style: normal;
1169      cursor: pointer;
1170      padding: 1px;
1171      vertical-align: middle;
1172      width: auto;
1173      color: #000;
1174  }
1175  
1176  select:focus {
1177      outline-style: none;
1178  }
1179  
1180  optgroup {
1181      font-size: 1.00em;
1182      font-weight: bold;
1183  }
1184  
1185  optgroup.disabled-options {
1186      display: none;
1187      background-color: gray;
1188  }
1189  
1190  option {
1191      padding: 0 1em 0 0;
1192      color: #000;
1193  }
1194  
1195  option.disabled-option {
1196      color: graytext;
1197  }
1198  
1199  .rtl option {
1200      padding: 0 0 0 1em;
1201  }
1202  
1203  .sep {
1204      font-weight: bold;
1205  }
1206  
1207  .username-coloured {
1208      font-weight: bold;
1209  }
1210  
1211  textarea {
1212      font-family: Verdana, Helvetica, Arial, sans-serif;
1213      font-size: 0.85em;
1214      width: 60%;
1215      padding: 2px;
1216  }
1217  
1218  label {
1219      cursor: pointer;
1220      font-size: 0.85em;
1221      padding: 0 5px 0 0;
1222  }
1223  
1224  .rtl label {
1225      padding: 0 0 0 5px;
1226  }
1227  
1228  label input {
1229      font-size: 1.00em;
1230      vertical-align: middle;
1231  }
1232  
1233  label img {
1234      vertical-align: middle;
1235  }
1236  
1237  fieldset.quick, p.quick {
1238      margin: 0 0 5px;
1239      padding: 5px 0 0;
1240      border: none;
1241      background-color: transparent;
1242      text-align: right;
1243  }
1244  
1245  .rtl fieldset.quick, .rtl p.quick {
1246      text-align: left;
1247  }
1248  
1249  fieldset.quick legend {
1250      display: none;
1251  }
1252  
1253  fieldset.tabulated {
1254      background: none;
1255      margin: 0;
1256      margin-top: 5px;
1257      padding: 0;
1258      border: 0;
1259  }
1260  
1261  fieldset.tabulated legend {
1262      display: none;
1263  }
1264  
1265  fieldset.nobg {
1266      margin: 15px 0 0 0;
1267      padding: 0;
1268      border: none;
1269      background-color: transparent;
1270  }
1271  
1272  fieldset.display-options {
1273      margin: 15px 0 2px 0;
1274      padding: 0 0 4px 0;
1275      border: none;
1276      background-color: transparent;
1277      text-align: center;
1278      font-size: 0.85em;
1279  }
1280  
1281  fieldset.display-options select, fieldset.display-options input, fieldset.display-options label {
1282      font-size: 1.00em;
1283      vertical-align: middle;
1284  }
1285  
1286  select option.disabled {
1287      background-color: #bbb;
1288      color: #fff;
1289  }
1290  
1291  /* Special case inputs */
1292  select#board_timezone,
1293  select#full_folder_action {
1294      width: 95%;
1295  }
1296  
1297  @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
1298  {
1299      fieldset {
1300          padding: 5px;
1301      }
1302  
1303      fieldset.quick, p.quick {
1304          float: none !important;
1305          text-align: center;
1306      }
1307  
1308      fieldset.display-options {
1309          clear: both;
1310      }
1311  }
1312  
1313  /* Definition list layout for forms
1314      Other general def. list properties defined in prosilver_main.css
1315  ---------------------------------------- */
1316  dl {
1317      font-family: Verdana, Helvetica, Arial, sans-serif;
1318      font-size: 1.00em;
1319  }
1320  
1321  dt {
1322      float: left;
1323      width: auto;
1324  }
1325  
1326  .rtl dt {
1327      float: right;
1328  }
1329  
1330  dd { color: #666666;}
1331  dd + dd { padding-top: 5px;}
1332  dt span { padding: 0 5px 0 0;}
1333  .rtl dt span { padding: 0 0 0 5px;}
1334  
1335  dt .explain { font-style: italic;}
1336  
1337  dt label {
1338      font-size: 1.00em;
1339      text-align: left;
1340      font-weight: bold;
1341      color: #4A5A73;
1342  }
1343  
1344  .rtl dt label {
1345      text-align: right;
1346  }
1347  
1348  dd label {
1349      font-size: 1.00em;
1350      white-space: nowrap;
1351      margin: 0 10px 0 0;
1352      color: #4A5A73;
1353  }
1354  
1355  .rtl dd label {
1356      margin: 0 0 0 10px;
1357  }
1358  
1359  html>body dd label input { vertical-align: text-bottom;}    /* Tweak for Moz to align checkboxes/radio buttons nicely */
1360  
1361  dd input {
1362      font-size: 1.00em;
1363      max-width: 100%;
1364      margin: 2px 0;
1365  }
1366  
1367  dd select {
1368      font-size: 100%;
1369      font-size: 1em;
1370      width: auto;
1371      max-width: 100%;
1372      margin: 2px 0;
1373  }
1374  
1375  dd textarea {
1376      font-size: 0.90em;
1377      width: 90%;
1378  }
1379  
1380  fieldset dl {
1381      margin-bottom: 10px;
1382      font-size: 0.85em;
1383  }
1384  
1385  fieldset dt {
1386      width: 45%;
1387      text-align: left;
1388      border: none;
1389      border-right: 1px solid #CCCCCC;
1390      padding-top: 3px;
1391  }
1392  
1393  .rtl fieldset dt {
1394      text-align: right;
1395      border: none;
1396      border-left: 1px solid #CCCCCC;
1397  }
1398  
1399  fieldset #color_palette_placeholder {
1400      padding-top: 0;
1401  }
1402  
1403  fieldset dd {
1404      margin: 0 0 0 45%;
1405      padding: 0 0 0 5px;
1406      border: none;
1407      border-left: 1px solid #CCCCCC;
1408      vertical-align: top;
1409      font-size: 1.00em;
1410  }
1411  
1412  .rtl fieldset dd {
1413      margin: 0 45% 0 0;
1414      padding: 0 5px 0 0;
1415      border: none;
1416      border-right: 1px solid #CCCCCC;
1417  }
1418  
1419  dd.full, .rtl dd.full {
1420      margin: 0;
1421      border: 0;
1422      padding: 0;
1423      padding-top: 3px;
1424      text-align: center;
1425      width: 95%;
1426  }
1427  
1428  /* Hover highlights for form rows */
1429  fieldset dl:hover dt, fieldset dl:hover dd {
1430      border-color: #666666;
1431  }
1432  
1433  fieldset dl:hover dt label {
1434      color: #000000;
1435  }
1436  
1437  fieldset dl dd label:hover {
1438      color: #BC2A4D;
1439  }
1440  
1441  input:focus, textarea:focus {
1442      border: 1px solid #BC2A4D;
1443      background-color: #E9E9E2;
1444      color: #BC2A4D;
1445      outline-style: none;
1446  }
1447  
1448  @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
1449  {
1450      fieldset dl {
1451          margin-bottom: 5px;
1452          padding-bottom: 5px;
1453          border-bottom: 1px solid #e8e8e8;
1454      }
1455  
1456      fieldset > dl:last-child, fieldset > form:last-child > dl:last-child {
1457          border-bottom-width: 0;
1458          margin-bottom: 0;
1459      }
1460  
1461      fieldset dt, .rtl fieldset dt, fieldset dd, .rtl fieldset dd {
1462          border-width: 0;
1463          margin-left: 0;
1464          margin-right: 0;
1465          float: none;
1466          width: auto;
1467      }
1468  
1469      fieldset .responsive-columns dt {
1470          float: left;
1471      }
1472  
1473      .ltr fieldset dd {
1474          padding-left: 20px;
1475      }
1476  
1477      .rtl fieldset dd {
1478          padding-right: 20px;
1479      }
1480  
1481      select, dd select, dd input {
1482          max-width: 300px;
1483      }
1484  
1485      input[type="number"], dd input[type="number"] {
1486          max-width: 70px;
1487      }
1488  }
1489  
1490  @media only screen and (max-width: 400px), only screen and (max-device-width: 400px)
1491  {
1492      select, dd select, dd input {
1493          max-width: 240px;
1494      }
1495  }
1496  
1497  /* Submit button fieldset or paragraph
1498  ---------------------------------------- */
1499  fieldset.submit-buttons {
1500      text-align: center;
1501      border: none;
1502      background-color: transparent;
1503      margin: 0;
1504      padding: 4px;
1505      margin-top: -1px;
1506  }
1507  
1508  p.submit-buttons {
1509      text-align: center;
1510      margin: 0;
1511      padding: 4px;
1512      margin-top: 10px;
1513  }
1514  
1515  fieldset.submit-buttons input, p.submit-buttons input {
1516      padding: 3px 2px;
1517  }
1518  
1519  fieldset.submit-buttons legend {
1520      display: none;
1521  }
1522  
1523  @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
1524  {
1525      p.submit-buttons {
1526          margin-top: 0;
1527      }
1528  }
1529  
1530  /* Input field styles
1531  ---------------------------------------- */
1532  
1533  input.radio, input.checkbox, input.permissions-checkbox {
1534      width: auto !important;
1535      background-color: transparent;
1536      border: none;
1537      cursor: pointer;
1538  }
1539  
1540  input.full,
1541  textarea.full {
1542      width: 99%;
1543  }
1544  
1545  input.medium { width: 50%;}
1546  input.narrow { width: 25%;}
1547  input.tiny { width: 10%;}
1548  input.autowidth { width: auto !important;}
1549  .box2 .inputbox { background-color: #E9E9E9;}
1550  
1551  /* Form button styles
1552  ---------------------------------------- */
1553  a.button1, input.button1,
1554  a.button2, input.button2 {
1555      width: auto !important;
1556      padding: 1px 3px 0 3px;
1557      font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
1558      color: #000;
1559      font-size: 0.85em;
1560      background: #EFEFEF url("../images/bg_button.gif") repeat-x top;
1561      cursor: pointer;
1562  }
1563  
1564  a.button1, input.button1 {
1565      font-weight: bold;
1566      border: 1px solid #666666;
1567  }
1568  
1569  /* Alternative button */
1570  a.button2, input.button2 {
1571      border: 1px solid #666666;
1572  }
1573  
1574  /* <a> button in the style of the form buttons */
1575  a.button1, a.button1:link, a.button1:visited, a.button1:active,
1576  a.button2, a.button2:link, a.button2:visited, a.button2:active {
1577      text-decoration: none;
1578      color: #000000;
1579      padding: 4px 8px;
1580  }
1581  
1582  /* Hover states */
1583  a.button1:hover, input.button1:hover,
1584  a.button2:hover, input.button2:hover {
1585      border: 1px solid #BC2A4D;
1586      background: #EFEFEF url("../images/bg_button.gif") repeat bottom;
1587      color: #BC2A4D;
1588  }
1589  
1590  input.disabled {
1591      font-weight: normal;
1592      color: #666666;
1593  }
1594  
1595  /* Focus states */
1596  input.button1:focus, input.button2:focus {
1597      outline-style: none;
1598  }
1599  
1600  /* jQuery popups
1601  ---------------------------------------- */
1602  .phpbb_alert {
1603      background-color: #FFFFFF;
1604      border: 1px solid #999999;
1605      position: fixed;
1606      display: none;
1607      top: 150px;
1608      left: 0;
1609      right: 0;
1610      width: 620px;
1611      margin: 0 auto;
1612      z-index: 50;
1613      padding: 25px;
1614      padding: 0 25px 20px 25px;
1615  }
1616  
1617  .phpbb_alert .alert_close {
1618      display: block;
1619      float: right;
1620      width: 16px;
1621      height: 16px;
1622      overflow: hidden;
1623      text-decoration: none !important;
1624      background: transparent url("../images/alert_close.png") 0 0 no-repeat;
1625      margin-top: -7px;
1626      margin-right: -31px;
1627  }
1628  .phpbb_alert .alert_close:hover {
1629      background-position: 0 -16px;
1630  }
1631  
1632  
1633  .phpbb_alert p {
1634      margin: 8px 0;
1635      padding-bottom: 8px;
1636  }
1637  
1638  .phpbb_alert label {
1639      display: block;
1640      margin: 8px 0;
1641      padding-bottom: 8px;
1642  }
1643  
1644  .phpbb_alert div.alert_text > p,
1645  .phpbb_alert div.alert_text > label,
1646  .phpbb_alert div.alert_text > select,
1647  .phpbb_alert div.alert_text > textarea,
1648  .phpbb_alert div.alert_text > input {
1649      font-size: 0.9em;
1650  }
1651  
1652  #darkenwrapper {
1653      display: none;
1654      position: relative;
1655      z-index: 44;
1656  }
1657  
1658  #darken {
1659      position: fixed;
1660      left: 0;
1661      top: 0;
1662      width: 100%;
1663      height: 100%;
1664      background-color: #000000;
1665      opacity: 0.5;
1666      z-index: 45;
1667  }
1668  
1669  @media only screen and (max-height: 500px), only screen and (max-device-width: 500px)
1670  {
1671      .phpbb_alert {
1672          top: 25px;
1673      }
1674  }
1675  
1676  @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
1677  {
1678      .phpbb_alert {
1679          width: auto;
1680          margin: 0 25px;
1681      }
1682  }
1683  
1684  #loading_indicator {
1685      background: #000000 url("../images/loading.gif") center center no-repeat;
1686      border-radius: 5px;
1687      display: none;
1688      opacity: 0.8;
1689      margin-top: -50px;
1690      margin-left: -50px;
1691      height: 50px;
1692      width: 50px;
1693      position: fixed;
1694      left: 50%;
1695      top: 50%;
1696      z-index: 51;
1697  }
1698  
1699  /* Pagination
1700  ---------------------------------------- */
1701  .pagination {
1702      font-size: .85em;
1703      height: 1%; /* IE tweak (holly hack) */
1704      width: auto;
1705      text-align: right;
1706      margin: 5px 0;
1707  }
1708  
1709  .top-pagination {
1710      float: right;
1711      margin: 15px 0 5px 0;
1712  }
1713  
1714  .rtl .pagination {
1715      text-align: left;
1716      float: left;
1717  }
1718  
1719  li.pagination {
1720      margin-top: 0;
1721  }
1722  
1723  .pagination img {
1724      vertical-align: middle;
1725  }
1726  
1727  .pagination ul {
1728      display: inline-block;
1729      *display: inline; /* IE7 inline-block hack */
1730      *zoom: 1;
1731      margin-left: 0;
1732      margin-bottom: 0;
1733  }
1734  
1735  li.pagination ul {
1736      margin-top: -2px;
1737      vertical-align: middle;
1738  }
1739  
1740  .pagination ul li, dl .pagination ul li, dl.icon .pagination ul li {
1741      display: inline;
1742      padding: 0;
1743      font-size: 100%;
1744      line-height: normal;
1745  }
1746  
1747  .pagination li a, .pagnation li span, li .pagination li a, li .pagnation li span, .pagination li.active span, .pagination li.ellipsis span {
1748      font-weight: normal;
1749      text-decoration: none;
1750      padding: 0 2px;
1751      border: 1px solid transparent;
1752      font-size: 0.9em;
1753      line-height: 1.5em;
1754  }
1755  
1756  .pagination li a, .pagination li a:link, .pagination li a:visited {
1757      color: #5C758C;
1758      background-color: #ECEDEE;
1759      border-color: #B4BAC0;
1760  }
1761  
1762  .pagination li.ellipsis  span {
1763      background-color: transparent;
1764      color: #000000;
1765  }
1766  
1767  .pagination li.active span {
1768      color: #FFFFFF;
1769      background-color: #4692BF;
1770      border-color: #4692BF;
1771  }
1772  
1773  .pagination li a:hover, .pagination .active a:hover {
1774      color: #FFFFFF;
1775      background-color: #368AD2;
1776      border-color: #368AD2;
1777  }
1778  
1779  .pagination li a:active, .pagination li.active a:active {
1780      color: #5C758C;
1781      background-color: #ECEDEE;
1782      border-color: #B4BAC0;
1783  }
1784  
1785  @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
1786  {
1787      .pagination, .rtl .pagination {
1788          float: none;
1789          text-align: center;
1790          margin: 5px 0;
1791      }
1792  
1793      .pagination li a, .pagination li span {
1794          display: inline-block;
1795          min-width: 10px;
1796      }
1797  }
1798  
1799  /* Action Highlighting
1800  ---------------------------------------- */
1801  .successbox, .errorbox, .warningbox {
1802      padding: 8px;
1803      margin: 10px 0;
1804      color: #FFFFFF;
1805      text-align: center;
1806      clear: both;
1807  }
1808  
1809  .success {
1810      color: #228822;
1811  }
1812  
1813  .error {
1814      color: #BC2A4D;
1815  }
1816  
1817  .successbox {
1818      background-color: #228822;
1819  }
1820  
1821  .errorbox {
1822      background-color: #BC2A4D;
1823  }
1824  
1825  .warningbox {
1826      background-color: #fca600;
1827  }
1828  
1829  .successbox h3, .errorbox h3 {
1830      color: #FFFFFF;
1831      margin: 0 0 0.5em;
1832      font-size: 1.10em;
1833      font-family: "Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
1834  }
1835  
1836  .successbox p, .errorbox p {
1837      color: #FFFFFF;
1838      font-size: 0.85em;
1839      margin-bottom: 0;
1840  }
1841  
1842  .errorbox a:link, .errorbox a:active, .errorbox a:visited,
1843  .successbox a:link, .successbox a:active, .successbox a:visited {
1844      color: #DBD7D1;
1845      text-decoration: underline;
1846      font-weight: bold;
1847  }
1848  
1849  .errorbox a:hover, .successbox a:hover {
1850      color: #FFFFFF;
1851      text-decoration: none;
1852      font-weight: bold;
1853  }
1854  
1855  #log-container {
1856      display: none;
1857      max-height: 300px;
1858      padding: 8px;
1859      margin: 10px 0;
1860      clear: both;
1861      overflow-y: auto;
1862      background-color: #FFFFFF;
1863  }
1864  
1865  #log-container.show_log_container {
1866      display: block;
1867      border: 1px solid #DBD7D1;
1868  }
1869  
1870  .log {
1871      font-size: 0.8em;
1872  }
1873  
1874  .notice {
1875      background-color: #62A5CC;
1876  }
1877  
1878  .download-box {
1879      margin: 10px 0 10px 0;
1880  }
1881  
1882  /* Special cases for the error page */
1883  #errorpage #page-header a {
1884      font-weight: bold;
1885      line-height: 6em;
1886  }
1887  
1888  #errorpage #content {
1889      padding-top: 10px;
1890  }
1891  
1892  #errorpage #content h1 {
1893      color: #DF075C;
1894  }
1895  
1896  #errorpage #content h2 {
1897      margin-top: 20px;
1898      margin-bottom: 5px;
1899      border-bottom: 1px solid #CCCCCC;
1900      padding-bottom: 5px;
1901      color: #333333;
1902  }
1903  
1904  /* Tooltip for permission roles */
1905  .tooltip {
1906      width: 200px;
1907      color: #000;
1908      text-align: center;
1909      border: 1px solid #AAA;
1910  }
1911  
1912  .tooltip span.top {
1913      background: #EFEFEF;
1914      font-weight: bold;
1915      padding: 2px;
1916  }
1917  
1918  .tooltip span.bottom {
1919      padding: 5px;
1920      color: #000000;
1921      background: #FFFFFF;
1922  }
1923  
1924  /*
1925   Format Buttons for signature editor
1926  */
1927  #format-buttons {
1928      margin: 15px 0 2px 0;
1929  }
1930  
1931  #format-buttons input, #format-buttons select {
1932      vertical-align: middle;
1933  }
1934  
1935  .row, fieldset dl {
1936      overflow: hidden;
1937  }
1938  
1939  /* Syntax Highlighting
1940  ---------------------------------------- */
1941  .sourcenum {
1942      color: gray;
1943      font-family: Monaco, 'Courier New', monospace;
1944      font-size: 1.25em;
1945      font-weight: bold;
1946      line-height: 1.20em;
1947      text-align: right;
1948      padding: 0;
1949  }
1950  
1951  .rtl .sourcenum {
1952      text-align: left;
1953  }
1954  
1955  .source {
1956      font-family: Monaco, 'Courier New', monospace;
1957      font-size: 1.25em;
1958      line-height: 1.20em;
1959      padding: 0;
1960  }
1961  
1962  .syntaxbg {
1963      color: #FFFFFF;
1964  }
1965  
1966  .syntaxcomment {
1967      color: #FF8000;
1968  }
1969  
1970  .syntaxdefault {
1971      color: #0000BB;
1972  }
1973  
1974  .syntaxhtml {
1975      color: #000000;
1976  }
1977  
1978  .syntaxkeyword {
1979      color: #007700;
1980  }
1981  
1982  .syntaxstring {
1983      color: #DD0000;
1984  }
1985  
1986  /* Permission interface
1987  ---------------------------------------- */
1988  
1989  .column1, .column2 {
1990      width: 48%;
1991      float: left;
1992  }
1993  
1994  .ltr .column2, .rtl .column1 {
1995      float: right;
1996  }
1997  
1998  fieldset.permissions legend {
1999      text-transform: none;
2000  }
2001  
2002  fieldset.permissions legend input{
2003      height: 1.1em;
2004  }
2005  
2006  /* Permission sections */
2007  fieldset.permissions .permissions-simple {
2008      text-align: left;
2009      padding-top: 3px;
2010  }
2011  
2012  .rtl fieldset.permissions .permissions-simple {
2013      text-align: right;
2014  }
2015  
2016  fieldset.permissions .permissions-advanced {
2017      padding: 10px 0 0 5px;
2018      vertical-align: top;
2019      clear: right;
2020  }
2021  
2022  .rtl fieldset.permissions .permissions-advanced {
2023      padding: 10px 5px 0 0;
2024      clear: left;
2025  }
2026  
2027  fieldset.permissions .permissions-switch {
2028      float: right;
2029  }
2030  
2031  .rtl fieldset.permissions .permissions-switch {
2032      float: left;
2033  }
2034  
2035  fieldset.permissions .padding {
2036  }
2037  
2038  .permissions-switch {
2039      margin-top: -6px;
2040      font-size: .9em;
2041  }
2042  
2043  .permissions-switch a {
2044      text-decoration: underline;
2045  }
2046  
2047  .permissions-reset {
2048      padding-bottom: 10px;
2049  }
2050  
2051  .permissions-reset a {
2052      font-size: .85em;
2053  }
2054  
2055  /* Tabbed menu */
2056  .permissions-category {
2057      line-height: normal;
2058      margin: 0 0 -1px 7px;
2059      min-width: 570px;
2060      font-size: 0.85em;
2061  }
2062  
2063  .rtl .permissions-category {
2064      margin: 0 7px -1px 0;
2065  }
2066  
2067  .permissions-category ul {
2068      display: flex;
2069      flex-wrap: wrap;
2070      margin: 0;
2071      padding: 0;
2072      list-style: none;
2073  }
2074  
2075  .permissions-category li {
2076      display: inline;
2077      margin: 0;
2078      padding: 0;
2079      font-size: 1em;
2080      font-weight: bold;
2081  }
2082  
2083  .permissions-category a {
2084      float: left;
2085      background: url("../images/bg_tabs_alt1.gif") no-repeat 0% -35px;
2086      margin: 0 1px 0 0;
2087      padding: 0 0 0 6px;
2088      text-decoration: none;
2089      position: relative;
2090  }
2091  
2092  .rtl .permissions-category a {
2093      float: right;
2094  }
2095  
2096  .permissions-category a span.tabbg {
2097      float: left;
2098      display: block;
2099      background: url("../images/bg_tabs_alt2.gif") no-repeat 100% -35px;
2100      padding: 7px 12px 6px 6px;
2101      color: #536482;
2102      white-space: nowrap;
2103  }
2104  
2105  .rtl .permissions-category a span.tabbg {
2106      float: right;
2107  }
2108  
2109  /* Commented Backslash Hack hides rule from IE5-Mac \*/
2110  .permissions-category a span.tabbg, .rtl .permissions-category a span.tabbg { float: none;}
2111  /* End hack */
2112  
2113  .permissions-category a:hover span.tabbg {
2114      color: #DD6900;
2115  }
2116  
2117  .permissions-category .activetab a {
2118      background-position: 0 0;
2119  }
2120  
2121  .permissions-category .activetab a span.tabbg {
2122      background-position: 100% 0;
2123      color: #333333;
2124  }
2125  
2126  .permissions-category a:hover {
2127      background-position: 0 -70px;
2128  }
2129  
2130  .permissions-category a:hover span.tabbg {
2131      background-position: 100% -70px;
2132  }
2133  
2134  .permissions-category .activetab a:hover span.tabbg {
2135      color: #333333;
2136      background-position: 100% 0;
2137  }
2138  
2139  .permissions-category .activetab a:hover {
2140      background-position: 0 0;
2141  }
2142  
2143  .permissions-category a span.colour {
2144      border: 1px solid #536482;
2145      display: block;
2146      float: left;
2147      width: 10px;
2148      height: 10px;
2149      margin: 0 5px 0 0;
2150  }
2151  
2152  /* Most browsers will have to live with a left aligned icon in RTL mode, as (currently) only Firefox 3.0 Alpha 3 renders it correctly without destroying it
2153  .rtl .permissions-category a span.colour {
2154      float: right;
2155      margin: 0 0 0 5px;
2156  }
2157  */
2158  
2159  .permissions-category .activetab span.colour {
2160      border-color: #333333;
2161  }
2162  
2163  .permissions-category a:hover span.colour {
2164      border-color: #DD6900;
2165  }
2166  
2167  .permissions-category .activetab a:hover span.colour {
2168      border-color: #333333;
2169  }
2170  
2171  /* Permission preset colours */
2172  .permissions-preset-yes span.colour,
2173  .yes {
2174      background-color: #86F786;
2175  }
2176  
2177  .permissions-preset-custom span.colour {
2178      background-color: #B2BBDD;
2179  }
2180  
2181  .permissions-preset-never span.colour {
2182      background-color: #DD0000;
2183  }
2184  
2185  .permissions-preset-no span.colour,
2186  .never {
2187      background-color: #EFB0B2;
2188  }
2189  
2190  /* Permission panel
2191  ---------------------------------------- */
2192  .permissions-panel {
2193      float: left;
2194      background-color: #CADCEB;
2195      width: 100%;
2196      border-radius: 5px;
2197      overflow: hidden;
2198      padding: 5px 0;
2199  }
2200  
2201  .rtl .permissions-panel {
2202      float: right;
2203  }
2204  
2205  /* Permission table
2206  ---------------------------------------- */
2207  .permissions-panel .tablewrap {
2208      margin: 0 10px;
2209  }
2210  
2211  .permissions-panel table {
2212      width: 100%;
2213  }
2214  
2215  .permissions-panel th {
2216      text-transform: none;
2217  }
2218  
2219  .permissions-panel th.value {
2220      text-align: center;
2221  }
2222  
2223  .permissions-panel th.name {
2224      text-align: left;
2225      width: auto;
2226      text-transform: none;
2227  }
2228  
2229  .rtl .permissions-panel th.name {
2230      text-align: right;
2231  }
2232  
2233  .permissions-panel th.permissions-name {
2234      border: none;
2235      color: #536482;
2236      font-weight: normal;
2237  }
2238  
2239  .permissions-panel th.permissions-name a.trace {
2240      display: inline;
2241  }
2242  
2243  .permissions-panel th.row3 {
2244      background-image: none;
2245      background-color: #D1D7DC;
2246      color: #536482;
2247      border: none;
2248  }
2249  
2250  .permissions-panel th.row4 {
2251      background-image: none;
2252      background-color: #E4E8EB;
2253      color: #536482;
2254      border: none;
2255  }
2256  
2257  .permissions-panel th a:link, .permissions-panel th a:hover, .permissions-panel th a:visited {
2258      display: block;
2259      color: #FFFFFF;
2260      text-decoration: underline;
2261  }
2262  
2263  .permissions-panel td.permissions-yes label:hover {
2264      background-color: #86F786;
2265  }
2266  
2267  .permissions-panel td.permissions-no label:hover {
2268      background-color: #EFB0B2;
2269  }
2270  
2271  .permissions-panel td.permissions-never label:hover {
2272      background-color: #DD0000;
2273  }
2274  
2275  .permissions-panel td {
2276      padding: 0;
2277      text-align: center;
2278      width: 10%;
2279  }
2280  
2281  .permissions-panel td label {
2282      display: block;
2283      margin: 0;
2284      padding: 0;
2285  }
2286  
2287  @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
2288  {
2289      .column1, .column2 {
2290          float: none !important;
2291          width: auto;
2292      }
2293  
2294      .permissions-simple {
2295          clear: both;
2296      }
2297  
2298      .permissions-simple td, .permissions-simple dd {
2299          width: auto !important;
2300          margin-left: 0 !important;
2301          margin-right: 0 !important;
2302      }
2303  
2304      .permissions-simple dd {
2305          margin-top: 5px;
2306      }
2307  
2308      .permissions-panel .tablewrap {
2309          margin: 0 5px;
2310      }
2311  
2312      .permissions-category {
2313          min-width: 0;
2314          margin: 0 !important;
2315      }
2316  
2317      .permissions-category ul {
2318          display: block;
2319      }
2320  
2321      .permissions-category a, .permissions-category a span.tabbg {
2322          display: block;
2323          float: none !important;
2324          background: transparent none;
2325      }
2326  
2327      .permissions-category a {
2328          background: #d9e5ee;
2329          margin: 5px 0;
2330          padding: 0 !important;
2331          border-radius: 3px;
2332          text-decoration: underline;
2333      }
2334  
2335      .permissions-category .activetab a {
2336          background-color: #dd6900;
2337          color: #fff;
2338      }
2339  
2340      .permissions-category a span.tabbg {
2341          color: inherit !important;
2342          padding-top: 6px !important;
2343          padding-bottom: 6px !important;
2344      }
2345  
2346      .permissions-category .activetab span.colour {
2347          border-color: #fff;
2348      }
2349  }
2350  
2351  /* Avatars gallery
2352  ---------------------------------------- */
2353  #gallery {
2354      display: block;
2355      margin: 0 -5px;
2356      padding: 0;
2357      overflow: hidden;
2358  }
2359  
2360  #gallery li {
2361      display: block;
2362      float: left;
2363      border: 1px solid #ccc;
2364      border-radius: 2px;
2365      background: #fff;
2366      padding: 5px;
2367      margin: 5px;
2368  }
2369  
2370  #gallery li:hover {
2371      background-color: #eee;
2372  }
2373  
2374  #gallery li label {
2375      display: block;
2376      text-align: center;
2377      padding: 0;
2378  }
2379  
2380  /* Dropdown menu
2381  ----------------------------------------*/
2382  .dropdown {
2383      position: absolute;
2384      left: 0;
2385      top: 22px;
2386      z-index: 2;
2387      border: 1px solid transparent;
2388      border-radius: 5px;
2389      padding: 9px 0 0;
2390  }
2391  
2392  .dropdown-up .dropdown {
2393      top: auto;
2394      bottom: 18px;
2395      padding: 0 0 9px;
2396  }
2397  
2398  .dropdown-left .dropdown {
2399      left: auto;
2400      right: 0;
2401  }
2402  
2403  .dropdown .pointer, .dropdown .pointer-inner {
2404      position: absolute;
2405      width: 0;
2406      height: 0;
2407      border-top-width: 0;
2408      border-bottom: 10px solid transparent;
2409      border-left: 10px dashed transparent;
2410      border-right: 10px dashed transparent;
2411      -webkit-transform: rotate(360deg); /* better anti-aliasing in webkit */
2412      display: block;
2413  }
2414  
2415  .dropdown-up .pointer, .dropdown-up .pointer-inner {
2416      border-bottom-width: 0;
2417      border-top: 10px solid transparent;
2418  }
2419  
2420  .dropdown .pointer {
2421      right: auto;
2422      left: 10px;
2423      top: 0;
2424      z-index: 3;
2425  }
2426  
2427  .dropdown-up .pointer {
2428      bottom: 0;
2429      top: auto;
2430  }
2431  
2432  .dropdown-left .dropdown .pointer {
2433      left: auto;
2434      right: 10px;
2435  }
2436  
2437  .dropdown .pointer-inner {
2438      top: auto;
2439      bottom: -11px;
2440      left: -10px;
2441  }
2442  
2443  .dropdown-up .pointer-inner {
2444      bottom: auto;
2445      top: -11px;
2446  }
2447  
2448  .dropdown .pointer {
2449      border-color: #B9B9B9 transparent;
2450  }
2451  
2452  .dropdown .pointer-inner {
2453      border-color: #FFF transparent;
2454  }
2455  
2456  .dropdown .dropdown-contents {
2457      z-index: 2;
2458      overflow: hidden;
2459      overflow-y: auto;
2460      background: #fff;
2461      border: 1px solid #b9b9b9;
2462      border-radius: 5px;
2463      padding: 5px;
2464      position: relative;
2465      min-width: 40px;
2466      max-height: 200px;
2467      box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
2468      -webkit-box-sizing: border-box;
2469      -moz-box-sizing: border-box;
2470      box-sizing: border-box;
2471  }
2472  
2473  .dropdown-up .dropdown-contents {
2474      box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2);
2475  }
2476  
2477  .dropdown li {
2478      float: none;
2479      margin: 0;
2480      white-space: nowrap;
2481      text-align: left;
2482  }
2483  
2484  .rtl .dropdown li {
2485      text-align: right;
2486  }
2487  .wrap .dropdown li, .dropdown.wrap li {
2488      white-space: normal;
2489  }
2490  
2491  .dropdown li:before, .dropdown li:after {
2492      display: none !important;
2493  }
2494  
2495  .roles-options > .dropdown {
2496      left: auto;
2497      top: 3.2em;
2498      width: 250px;
2499  }
2500  
2501  .rtl .roles-options > .dropdown {
2502      right: auto;
2503  }
2504  
2505  .roles-options {
2506      -webkit-user-select: none;
2507      -moz-user-select: none;
2508      -ms-user-select: none;
2509      -o-user-select: none;
2510      user-select: none;
2511      width: 250px;
2512  }
2513  
2514  .roles-options > span {
2515      border: 1px solid #DEDEDE;
2516      border-radius: 3px;
2517      padding: 4px;
2518      width: 250px;
2519      display: none;
2520      background: url('../images/arrow_down.gif') no-repeat 245px .7em;
2521  }
2522  
2523  .rtl .roles-options > span {
2524      background: url('../images/arrow_down.gif') no-repeat 7px .7em;
2525  }
2526  
2527  .roles-options li {
2528      list-style: none;
2529  }
2530  
2531  .roles-highlight {
2532      background-color: #1e90ff;
2533      color: #fff;
2534  }
2535  
2536  
2537  /* Classes for additional tasks
2538  ---------------------------------------- */
2539  
2540  .current-ext {
2541      color: #228822;
2542  }
2543  
2544  .outdated-ext {
2545      color: #BC2A4D;
2546  }
2547  
2548  .phpinfo {
2549      overflow: auto;
2550      width: 99%;
2551      direction: ltr;
2552  }
2553  
2554  .phpinfo td, .phpinfo th, .phpinfo h2, .phpinfo h1 {
2555      text-align: left;
2556  }
2557  
2558  .requirements_not_met {
2559      padding: 5px;
2560      background-color: #BC2A4D;
2561  }
2562  
2563  .requirements_not_met dt label, .requirements_not_met dd p {
2564      color: #FFFFFF;
2565      font-size: 1.4em;
2566  }
2567  
2568  @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
2569  {
2570      .responsive-hide { display: none !important; }
2571      .responsive-show { display: block !important; }
2572      .responsive-show-inline { display: inline !important; }
2573      .responsive-show-inline-block { display: inline-block !important; }
2574  }
2575  
2576  .clearfix {
2577      overflow: hidden;
2578  }
2579  
2580  .pagination:after,
2581  #page-header:after,
2582  #page-body:after,
2583  #tabs:after,
2584  #tabs > ul:after,
2585  #tabs li:after,
2586  #acp:after,
2587  #content:after {
2588      content: '';
2589      clear: both;
2590      display: block;
2591  }
2592  
2593  #progress-bar {
2594      position: relative;
2595      width: 90%;
2596      text-align: center;
2597      height: 25px;
2598      margin: 20px auto;
2599      border: 1px solid #cecece;
2600  }
2601  
2602  #progress-bar #progress-bar-text {
2603      position: absolute;
2604      top: 0;
2605      width: 100%;
2606      color: #000;
2607  }
2608  
2609  #progress-bar #progress-bar-filler {
2610      display: block;
2611      position: relative;
2612      top: 0;
2613      left: 0;
2614      background-color: #3c84ad;
2615      width: 0;
2616      height: 25px;
2617      overflow: hidden;
2618      color: #fff;
2619  }
2620  
2621  #progress-bar p {
2622      line-height: 25px;
2623      font-weight: bold;
2624  }
2625  
2626  .send-stats-row {
2627      margin: 15px 0;
2628  }
2629  
2630  .send-stats-row:before {
2631      display: table;
2632      content: " ";
2633  }
2634  
2635  .send-stats-tile {
2636      position: relative;
2637      padding: 14px;
2638      margin-bottom: 20px;
2639      background-color: #eff0f2;
2640      border-radius: 6px;
2641      box-shadow: rgba(0,0,0,0.3) 1px 1px 5px;
2642  }
2643  
2644  .send-stats-tile h2 {
2645      margin-top: 0;
2646      text-align: center;
2647      padding-bottom: 1em;
2648  }
2649  
2650  .send-stats-tile i {
2651      padding-right: 0.3em;
2652  }
2653  
2654  .icon {
2655      font-family: FontAwesome;
2656      font-style: normal;
2657  }
2658  
2659  .send-stats-data-row {
2660      background: #f9f9f9;
2661      border-radius: 6px;
2662      border: #DEDEDE 1px solid;
2663      padding: 10px;
2664      border-top-width: 0;
2665      border-top-right-radius: 0;
2666      border-top-left-radius: 0;
2667  }
2668  
2669  .send-stats-data-hidden .configlist {
2670      display: none;
2671  }
2672  
2673  .send-stats-data-only-row {
2674      border-radius: 6px !important;
2675      border-bottom-width: 1px !important;
2676  }
2677  
2678  .send-stats-data-hidden {
2679      padding: 0;
2680      border: none;
2681  }
2682  
2683  .send-stats-row > .send-stats-data-row:first-child {
2684      background-color: #d9edf7;
2685      border-bottom-width: 0;
2686      border-top-right-radius: 6px;
2687      border-top-left-radius: 6px;
2688      border-top-width: 1px;
2689      border-bottom-left-radius: 0;
2690      border-bottom-right-radius: 0;
2691  }
2692  
2693  .send-stats-settings dt, .send-stats-settings dd {
2694      min-width: 25px;
2695  }
2696  
2697  .send-stats-settings dd {
2698      line-height: 1.5em;
2699  }
2700  
2701  .send-stats-settings input {
2702      display: none;
2703  }
2704  
2705  .send-stats-settings input[type=checkbox] + label:before {
2706      content: "\f096";
2707      font-family: FontAwesome;
2708      font-size: 1.5em;
2709  }
2710  
2711  .send-stats-settings input[type=checkbox]:checked + label:before {
2712      content: "\f14a";
2713      color: #3c763d;
2714  }
2715  
2716  .send-stats-data-row a:hover span {
2717      text-decoration: underline;
2718  }
2719  
2720  .send-stats-data-row a {
2721      text-decoration: none;
2722      cursor: default;
2723  }
2724  
2725  .send-stats-data-row i {
2726      padding-left: 6px;
2727  }
2728  
2729  .configlist {
2730      word-wrap: break-word;
2731      word-break: break-all;
2732  }
2733  
2734  /* stylelint-disable declaration-property-unit-whitelist */
2735  .emoji {
2736      min-height: 18px;
2737      min-width: 18px;
2738      height: 1em;
2739      width: 1em;
2740  }
2741  
2742  .acp-icon {
2743      font-size: 1.5em;
2744  }
2745  /* stylelint-enable declaration-property-unit-whitelist */
2746  
2747  .acp-icon-move-up,
2748  .acp-icon-move-down {
2749      color: #4ba5de;
2750  }
2751  
2752  .acp-icon-settings {
2753      color: #62c046;
2754  }
2755  
2756  .acp-icon-delete {
2757      color: #d74558;
2758  }
2759  
2760  .acp-icon-resync {
2761      color: #f69934;
2762  }
2763  
2764  .acp-icon-disabled {
2765      color: #d0d0d0;
2766  }