[Summary view] [Print] [Text view]

   1  /*  phpBB 3.0 Admin Style Sheet
   2      ------------------------------------------------------------------------
   3      Original author:    subBlue ( http://www.subblue.com/ )
   4      Copyright 2007 phpBB Group ( http://www.phpbb.com/ )
   5      ------------------------------------------------------------------------
   6  */
   7  
   8  /* General markup styles
   9  ---------------------------------------- */
  10  * {
  11      /* Reset browsers default margin, padding and font sizes */
  12      margin: 0;
  13      padding: 0;
  14      font-size: 100%;
  15  }
  16  
  17  body, div, p, th, td, li, dd {
  18      font-size: x-small;
  19      voice-family: "\"}\"";
  20      voice-family: inherit;
  21      font-size: small
  22  }
  23  
  24  html>body, html>div, html>p, html>th, html>td, html>li, html>dd {
  25      font-size: small
  26  }
  27  
  28  html {
  29      color: #536482;
  30      background: #DBD7D1;
  31      /* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-ie browsers */
  32      height: 100%;
  33      margin-bottom: 1px;
  34  }
  35  
  36  body {
  37      /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
  38      font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  39      color: #536482;
  40      background: #DBD7D1;
  41      font-size: 62.5%;    /* This sets the default font size to be equivalent to 10px */
  42      margin: 10px 15px;
  43  }
  44  
  45  img {
  46      border: 0;
  47  }
  48  
  49  h1 {
  50      font-family: "Trebuchet MS", Helvetica, sans-serif;
  51      font-size: 1.70em;
  52      font-weight: normal;
  53      color: #333333;
  54  }
  55  
  56  h2, caption {
  57      font-family: "Trebuchet MS", Helvetica, sans-serif;
  58      font-size: 1.40em;
  59      font-weight: normal;
  60      color: #115098;
  61      text-align: left;
  62      margin-top: 25px;
  63  }
  64  
  65  .rtl h2, .rtl caption {
  66      text-align: right;
  67  }
  68  
  69  h3, h4 {
  70      font-family: "Trebuchet MS", Helvetica, sans-serif;
  71      font-size: 1.20em;
  72      text-decoration: none;
  73      line-height: 1.20em;
  74      margin-top: 25px;
  75  }
  76  
  77  p {
  78      margin-bottom: 0.7em;
  79      line-height: 1.40em;
  80      font-size: 0.90em;
  81  }
  82  
  83  ul {
  84      list-style: disc;
  85      margin: 0 0 1em 2em;
  86  }
  87  
  88  .rtl ul {
  89      margin: 0 2em 1em 0;
  90  }
  91  
  92  hr {
  93      border: 0 none;
  94      border-top: 1px dashed #999999;
  95      margin-bottom: 5px;
  96      padding-bottom: 5px;
  97      height: 1px;
  98  }
  99  
 100  .small {
 101      font-size: 0.85em;
 102  }
 103  
 104  /* General links  */
 105  a:link, a:visited {
 106      color: #105289;
 107      text-decoration: none;
 108  }
 109  
 110  a:hover {
 111      color: #BC2A4D;
 112      text-decoration: underline;
 113  }
 114  
 115  a:active {
 116      color: #368AD2;
 117      text-decoration: none;
 118  }
 119  
 120  .install-body p a {
 121      font-weight: bold;
 122  }
 123  
 124  /* List items */
 125  ul, ol {
 126      list-style-position: inside;
 127      margin-left: 1em;
 128  }
 129  
 130  li {
 131      display: list-item;
 132      list-style-type: inherit;
 133  }
 134  
 135  /* Main blocks
 136  ---------------------------------------- */
 137  #wrap {
 138      padding: 0 0 15px 0;
 139      min-width: 615px;
 140  }
 141  
 142  #page-header {
 143      clear: both;
 144      text-align: right;
 145      background: url("../images/phpbb_logo.png") top left no-repeat;
 146      height: 54px;
 147      font-size: 0.85em;
 148      margin-bottom: 10px;
 149  }
 150  
 151  .rtl #page-header {
 152      text-align: left;
 153      background: url("../images/phpbb_logo.png") top right no-repeat;
 154  }
 155  
 156  #page-header h1 {
 157      color: #767676;
 158      font-family: "Trebuchet MS",Helvetica,sans-serif;
 159      font-size: 1.70em;
 160      padding-top: 10px;
 161  }
 162  
 163  #page-header p {
 164      font-size: 1.00em;
 165  }
 166  
 167  #page-header p#skip {
 168      display: none;
 169  }
 170  
 171  #page-body {
 172      clear: both;
 173      min-width: 700px;
 174  }
 175  
 176  #page-footer {
 177      clear: both;
 178      font-size: 0.75em;
 179      text-align: center;
 180  }
 181  
 182  #content {
 183      padding: 30px 10px 10px;
 184      position: relative;
 185  }
 186  
 187  #content h1 {
 188      color: #115098;
 189      line-height: 1.2em;
 190      margin-bottom: 0;
 191  }
 192  
 193  #main {
 194      float: left;
 195      width: 76%;
 196      margin: 0 0 0 3%;
 197      min-height: 350px;
 198  }
 199  
 200  .rtl #main {
 201      float: right;
 202      margin: 0 3% 0 0;
 203  }
 204  
 205  * html #main {
 206      height: 350px;
 207  }
 208  
 209  #page-body.simple-page-body {
 210      padding: 0;
 211      padding-right: 10px;
 212      min-width: 0;
 213  }
 214  
 215  /* Tabbed menu
 216      Based on: http://www.alistapart.com/articles/slidingdoors2/
 217  ----------------------------------------*/
 218  #tabs {
 219      line-height: normal;
 220      margin: 0 0 -6px 7px;
 221      min-width: 600px;
 222  }
 223  
 224  .rtl #tabs {
 225      margin: 0 7px -6px 0;
 226  }
 227  
 228  #tabs ul {
 229      margin:0;
 230      padding: 0;
 231      list-style: none;
 232  }
 233  
 234  #tabs li {
 235      display: inline;
 236      margin: 0;
 237      padding: 0;
 238      font-size: 0.85em;
 239      font-weight: bold;
 240  }
 241  
 242  #tabs a {
 243      float: left;
 244      background:url("../images/bg_tabs1.gif") no-repeat 0% -34px;
 245      margin: 0 1px 0 0;
 246      padding: 0 0 0 7px;
 247      text-decoration: none;
 248      position: relative;
 249  }
 250  
 251  .rtl #tabs a {
 252      float: right;
 253  }
 254  
 255  #tabs a span {
 256      float: left;
 257      display: block;
 258      background: url("../images/bg_tabs2.gif") no-repeat 100% -34px;
 259      padding: 7px 10px 4px 4px;
 260      color: #767676;
 261      white-space: nowrap;
 262      font-family: Arial, Helvetica, sans-serif;
 263      text-transform: uppercase;
 264      font-weight: bold;
 265  }
 266  
 267  .rtl #tabs a span {
 268      float: right;
 269  }
 270  
 271  /* Commented Backslash Hack hides rule from IE5-Mac \*/
 272  #tabs a span, .rtl #tabs a span { float:none;}
 273  /* End hack */
 274  
 275  #tabs a:hover span {
 276      color: #BC2A4D;
 277  }
 278  
 279  #tabs #activetab a {
 280      background-position: 0 0;
 281      border-bottom: 1px solid #DCDEE2;
 282  }
 283  
 284  #tabs #activetab a span {
 285      background-position: 100% 0;
 286      padding-bottom: 5px;
 287      color: #23649F;
 288  }
 289  
 290  #tabs a:hover {
 291      background-position: 0 -69px;
 292  }
 293  
 294  #tabs a:hover span {
 295      background-position: 100% -69px;
 296  }
 297  
 298  #tabs #activetab a:hover span {
 299      color: #115098;
 300  }
 301  
 302  
 303  /* Main Panel
 304  ---------------------------------------- */
 305  #acp {
 306      margin: 4px 0;
 307      padding: 3px 1px;
 308      min-width: 550px;
 309      background-color: #FFFFFF;
 310      border: 1px #999999 solid;
 311  }
 312  
 313  .panel {
 314      background: #F3F3F3 url("../images/innerbox_bg.gif") repeat-x top;
 315      padding: 0;
 316  }
 317  
 318  span.corners-top, span.corners-bottom,
 319  span.corners-top span, span.corners-bottom span {
 320      font-size: 1px;
 321      line-height: 1px;
 322      display: block;
 323      height: 5px;
 324      background-repeat: no-repeat;
 325  }
 326  
 327  span.corners-top {
 328      background-image: url("../images/corners_left.gif");
 329      background-position: 0 0;
 330      margin: -4px -2px 0;
 331  }
 332  
 333  span.corners-top span {
 334      background-image: url("../images/corners_right.gif");
 335      background-position: 100% 0;
 336  }
 337  
 338  span.corners-bottom {
 339      background-image: url("../images/corners_left.gif");
 340      background-position: 0 100%;
 341      margin: 0 -2px -4px;
 342      clear: both;
 343  }
 344  
 345  span.corners-bottom span {
 346      background-image: url("../images/corners_right.gif");
 347      background-position: 100% 100%;
 348  }
 349  
 350  /* WinIE tweaks \*/
 351  * html span.corners-top, * html span.corners-bottom { background-image: url("../images/corners_left.gif"); }
 352  * html span.corners-top span, * html span.corners-bottom span { background-image: url("../images/corners_right.gif"); }
 353  /* End tweaks */
 354  
 355  /* Sub-navigation Menu
 356  ---------------------------------------- */
 357  
 358  /* Toggle */
 359  #toggle {
 360      padding: 5px;
 361      width: 5%;
 362      height: 100px;
 363      position: absolute;
 364      left: 15%;
 365      top: 28px;
 366      margin-left: 2px;
 367  }
 368  
 369  .rtl #toggle {
 370      left: 75%;
 371      margin-right: 0;
 372      margin-left: 6px;
 373  }
 374  
 375  #toggle-handle {
 376      display: block;
 377      width: 18px;
 378      height: 19px;
 379      float: right;
 380      background-image: url(../images/toggle.gif);
 381  }
 382  
 383  .rtl #toggle-handle {
 384      background-image: url(../images/toggle.gif);
 385      background-position: 100% 50%;
 386  }
 387  
 388  /* Menu */
 389  #menu {
 390      float: left;
 391      width: 20%;
 392      font-size: 1.00em;
 393      padding: 0;
 394      border-right: 1px solid #CCCFD3;
 395  }
 396  
 397  .rtl #menu {
 398      float: right;
 399      border: none;
 400      border-left: 1px solid #CCCFD3;
 401  }
 402  
 403  #menu p {
 404      font-size: 0.85em;
 405  }
 406  
 407  #menu ul {
 408      list-style: none;
 409      margin: 0;
 410      padding: 0;
 411  }
 412  
 413  /* Default list state */
 414  #menu li {
 415      padding: 0;
 416      margin: 0;
 417      font-size: 0.85em;
 418      font-weight: bold;
 419      display: inline;
 420  }
 421  
 422  /* Link styles for the sub-section links */
 423  #menu li span {
 424      display: block;
 425      padding: 3px 3px 3px 8px;
 426      margin: 1px 0;
 427      text-decoration: none;
 428      font-weight: normal;
 429      color: #138ECB;
 430  }
 431  
 432  .rtl #menu li span {
 433      padding: 3px 8px 3px 3px;
 434  }
 435  
 436  #menu li a:hover, #menu li a:hover span {
 437      text-decoration: none;
 438      background-color: #FFFFFF;
 439      color: #BC2A4D;
 440  }
 441  
 442  #menu li a:active, #menu li a:active span {
 443      color: #F632A0;
 444  }
 445  
 446  #menu li#activemenu a span {
 447      text-decoration: none;
 448      font-weight: bold;
 449      color: #1180B7;
 450      background: transparent url("../images/arrow_right.gif") 0% 50% no-repeat;
 451  }
 452  
 453  .rtl #menu li#activemenu a span {
 454      background: transparent url("../images/arrow_left.gif") 100% 50% no-repeat;
 455  }
 456  
 457  #menu li#activemenu a:hover span, #menu li#activemenu span {
 458      text-decoration: none;
 459      font-weight: bold;
 460      color: #BC2A4D;
 461      background: #FFFFFF url("../images/arrow_right.gif") 1% 50% no-repeat;
 462  }
 463  
 464  .rtl #menu li#activemenu a:hover span, .rtl #menu li#activemenu span {
 465      background: #FFFFFF url("../images/arrow_left.gif") 99% 50% no-repeat;
 466  }
 467  
 468  #menu li a:active, #menu li a:active span, #menu li#activemenu a:active span {
 469      color: #F632A0;
 470  }
 471  
 472  #menu li span.completed {
 473      text-decoration: none;
 474      padding: 3px 3px 3px 12px;
 475      background: url("../images/arrow_down.gif") 1% 50% no-repeat;
 476  }
 477  
 478  .rtl #menu li span.completed {
 479      text-decoration: none;
 480      padding: 3px 12px 3px 3px;
 481      background: url("../images/arrow_down.gif") 99% 50% no-repeat;
 482  }
 483  
 484  #menu li.header {
 485      font-family: Tahoma, Helvetica, sans-serif;
 486      display: block;
 487      font-weight: bold;
 488      color: #115098;
 489      border-bottom: 1px solid #327AA5;
 490      padding: 4px 0 2px;
 491      margin-top: 15px;
 492      text-transform: uppercase;
 493      font-size: 0.75em;
 494  }
 495  
 496  /* Table styles
 497  ---------------------------------------- */
 498  
 499  table {
 500      width: 100%;
 501      border: 1px solid #CCCFD3;
 502      background-color: #FFFFFF;
 503      padding: 1px;
 504  }
 505  
 506  th {
 507      padding: 3px 4px;
 508      color: #FFFFFF;
 509      background: #70AED3 url("../images/gradient2b.gif") bottom left repeat-x;
 510      border-top: 1px solid #6DACD2;
 511      border-bottom: 1px solid #327AA5;
 512      text-align: left;
 513      font-size: 0.75em;
 514      text-transform: uppercase;
 515  }
 516  
 517  td {
 518      text-align: left;
 519      font-size: 0.85em;
 520      padding: 4px;
 521      line-height: 1.20em;
 522  }
 523  
 524  .rtl th, .rtl td {
 525      text-align: right;
 526  }
 527  
 528  table.type2 {
 529      border: none;
 530      background: none;
 531      padding: 0;
 532  }
 533  
 534  table.type2 th {
 535      background: none;
 536      border-top: none;
 537      text-align: center;
 538      color: #115098;
 539      padding: 2px 0;
 540  }
 541  
 542  table.type2 td {
 543      padding: 0;
 544      font-size: 1em;
 545  }
 546  
 547  table.type2 td.name {
 548      padding: 2px;
 549      vertical-align: middle;
 550  }
 551  
 552  table.type3  {
 553      float: right;
 554      width: 300px;
 555      border: none;
 556      background-color: transparent;
 557      padding: 0;
 558  }
 559  
 560  .rtl table.type3 {
 561      float: left;
 562  }
 563  
 564  table.type3 thead th {
 565      background-color: transparent;
 566      border-top: none;
 567      text-align: center;
 568      color: #115098;
 569      padding: 0 3px;
 570      font-size: 0.85em;
 571      font-weight: normal;
 572      text-transform: none;
 573  }
 574  
 575  table.type3 tbody th {
 576      border-top: none;
 577      text-align: left;
 578      text-transform: none;
 579      padding: 0;
 580      border: none;
 581      font-size: 0.90em;
 582      font-weight: normal;
 583      width: 100%;
 584  }
 585  
 586  .rtl table.type3 tbody th {
 587      text-align: right;
 588  }
 589  
 590  table.type3 td {
 591      text-align: center;
 592      padding: 1px;
 593  }
 594  
 595  th.name {
 596      text-align: left;
 597      width: auto;
 598  }
 599  
 600  .rtl th.name {
 601      text-align: right;
 602  }
 603  
 604  td.name {
 605      text-align: left;
 606      font-weight: bold;
 607  }
 608  
 609  .rtl td.name {
 610      text-align: right;
 611  }
 612  
 613  .entry {
 614      text-align: left;
 615      font-weight: normal;
 616  }
 617  
 618  .rtl .entry {
 619      text-align: right;
 620  }
 621  
 622  .row1 { background-color: #F9F9F9; }
 623  .row2 { background-color: #DCEBFE; }
 624  .row3 { background-color: #DBDFE2; }
 625  .row4 { background-color: #E4E8EB; }
 626  .col1 { background-color: #DCEBFE; }
 627  .col2 { background-color: #F9F9F9; }
 628  
 629  .spacer {
 630      background-color: #DBDFE2;
 631      height: 1px;
 632      line-height: 1px;
 633  }
 634  
 635  /* General form styles
 636  ----------------------------------------*/
 637  fieldset {
 638      margin: 15px 0;
 639      padding: 10px;
 640      border-top: 1px solid #D7D7D7;
 641      border-right: 1px solid #CCCCCC;
 642      border-bottom: 1px solid #CCCCCC;
 643      border-left: 1px solid #D7D7D7;
 644      background-color: #FFFFFF;
 645      position: relative;
 646  }
 647  
 648  .rtl fieldset {
 649      border-top: 1px solid #D7D7D7;
 650      border-right: 1px solid #D7D7D7;
 651      border-bottom: 1px solid #CCCCCC;
 652      border-left: 1px solid #CCCCCC;
 653  }
 654  
 655  * html fieldset {
 656      padding: 0 10px 5px 10px;
 657  }
 658  
 659  fieldset p {
 660      font-size: 0.85em;
 661  }
 662  
 663  legend {
 664      padding: 1px 0;
 665      font-family: Tahoma,arial,Verdana,Sans-serif;
 666      font-size: .9em;
 667      font-weight: bold;
 668      color: #115098;
 669      margin-top: -.4em;
 670      position: relative;
 671      text-transform: none;
 672      line-height: 1.2em;
 673      top: -.2em;
 674      vertical-align: middle;
 675  }
 676  
 677  * html legend {
 678      margin: 0 0 -10px -7px;
 679      line-height: 1em;
 680      font-size: .85em;
 681  }
 682  
 683  /* Holly hack, .rtl comes after html */
 684  * html .rtl legend {
 685      margin: 0;
 686      margin-right: -7px;
 687  }
 688  
 689  input, textarea {
 690      font-family: Verdana, Helvetica, Arial, sans-serif;
 691      font-size: 0.90em;
 692      font-weight: normal;
 693      cursor: text;
 694      vertical-align: middle;
 695      padding: 2px;
 696      color: #111111;
 697      border-left: 1px solid #AFAEAA;
 698      border-top: 1px solid #AFAEAA;
 699      border-right: 1px solid #D5D5C8;
 700      border-bottom: 1px solid #D5D5C8;
 701      background-color: #E3DFD8;
 702  }
 703  
 704  .rtl input, .rtl textarea {
 705      border-left: 1px solid #D5D5C8;
 706      border-top: 1px solid #AFAEAA;
 707      border-right: 1px solid #AFAEAA;
 708      border-bottom: 1px solid #D5D5C8;
 709  }
 710  
 711  input:hover, textarea:hover {
 712      border-left: 1px solid #AFAEAA;
 713      border-top: 1px solid #AFAEAA;
 714      border-right: 1px solid #AFAEAA;
 715      border-bottom: 1px solid #AFAEAA;
 716      background-color: #E9E9E2;
 717  }
 718  
 719  input.langvalue, textarea.langvalue {
 720      width: 90%;
 721  }
 722  
 723  optgroup, select {
 724      font-family: Verdana, Helvetica, Arial, sans-serif;
 725      font-size: 0.85em;
 726      font-weight: normal;
 727      font-style: normal;
 728      cursor: pointer;
 729      vertical-align: middle;
 730      width: auto;
 731      color: #000;
 732  }
 733  
 734  optgroup {
 735      font-size: 1.00em;
 736      font-weight: bold;
 737  }
 738  
 739  optgroup.disabled-options {
 740      display: none;
 741      background-color: gray;
 742  }
 743  
 744  option {
 745      padding: 0 1em 0 0;
 746      color: #000;
 747  }
 748  
 749  option.disabled-option {
 750      color: graytext;
 751  }
 752  
 753  .rtl option {
 754      padding: 0 0 0 1em;
 755  }
 756  
 757  .sep {
 758      font-weight: bold;
 759  }
 760  
 761  .username-coloured {
 762      font-weight: bold;
 763  }
 764  
 765  textarea {
 766      font-family: Verdana, Helvetica, Arial, sans-serif;
 767      font-size: 0.85em;
 768      width: 60%;
 769      padding: 2px;
 770  }
 771  
 772  label {
 773      cursor: pointer;
 774      font-size: 0.85em;
 775      padding: 0 5px 0 0;
 776  }
 777  
 778  .rtl label {
 779      padding: 0 0 0 5px;
 780  }
 781  
 782  label input {
 783      font-size: 1.00em;
 784      vertical-align: middle;
 785  }
 786  
 787  label img {
 788      vertical-align: middle;
 789  }
 790  
 791  fieldset.quick, p.quick {
 792      margin: 0 0 5px;
 793      padding: 5px 0 0;
 794      border: none;
 795      background-color: transparent;
 796      text-align: right;
 797  }
 798  
 799  .rtl fieldset.quick, .rtl p.quick {
 800      text-align: left;
 801  }
 802  
 803  fieldset.quick legend {
 804      display: none;
 805  }
 806  
 807  fieldset.tabulated {
 808      background: none;
 809      margin: 0;
 810      padding: 0;
 811      padding-top: 5px;
 812      border: 0;
 813  }
 814  
 815  fieldset.tabulated legend {
 816      display: none;
 817  }
 818  
 819  fieldset.nobg {
 820      margin: 15px 0 0 0;
 821      padding: 0;
 822      border: none;
 823      background-color: transparent;
 824  }
 825  
 826  fieldset.display-options {
 827      margin: 15px 0 2px 0;
 828      padding: 0 0 4px 0;
 829      border: none;
 830      background-color: transparent;
 831      text-align: center;
 832      font-size: 0.75em;
 833  }
 834  
 835  fieldset.display-options select, fieldset.display-options input, fieldset.display-options label {
 836      font-size: 1.00em;
 837      vertical-align: middle;
 838  }
 839  
 840  select option.disabled {
 841      background-color: #bbb;
 842      color: #fff;
 843  }
 844  
 845  /* Special case inputs */
 846  select#board_timezone,
 847  select#full_folder_action {
 848      width: 95%;
 849  }
 850  
 851  /* Definition list layout for forms
 852      Other general def. list properties defined in prosilver_main.css
 853  ---------------------------------------- */
 854  dl {
 855      font-family: Verdana, Helvetica, Arial, sans-serif;
 856      font-size: 1.00em;
 857  }
 858  
 859  dt {
 860      float: left;
 861      width: auto;
 862  }
 863  
 864  .rtl dt {
 865      float: right;
 866  }
 867  
 868  dd { color: #666666;}
 869  dd + dd { padding-top: 5px;}
 870  dt span { padding: 0 5px 0 0;}
 871  .rtl dt span { padding: 0 0 0 5px;}
 872  
 873  dt .explain { font-style: italic;}
 874  
 875  dt label {
 876      font-size: 1.00em;
 877      text-align: left;
 878      font-weight: bold;
 879      color: #4A5A73;
 880  }
 881  
 882  .rtl dt label {
 883      text-align: right;
 884  }
 885  
 886  dd label {
 887      font-size: 1.00em;
 888      white-space: nowrap;
 889      margin: 0 10px 0 0;
 890      color: #4A5A73;
 891  }
 892  
 893  .rtl dd label {
 894      margin: 0 0 0 10px;
 895  }
 896  
 897  html>body dd label input { vertical-align: text-bottom;}    /* Tweak for Moz to align checkboxes/radio buttons nicely */
 898  
 899  dd input {
 900      font-size: 1.00em;
 901      max-width: 100%;
 902      margin: 2px 0;
 903  }
 904  
 905  dd select {
 906      font-size: 100%;
 907      font-size: 1em;
 908      width: auto;
 909      max-width: 100%;
 910      margin: 2px 0;
 911  }
 912  
 913  dd textarea {
 914      font-size: 0.90em;
 915      width: 90%;
 916  }
 917  
 918  fieldset dl {
 919      margin-bottom: 10px;
 920      font-size: 0.85em;
 921  }
 922  
 923  fieldset dt {
 924      width: 45%;
 925      text-align: left;
 926      border: none;
 927      border-right: 1px solid #CCCCCC;
 928      padding-top: 3px;
 929  }
 930  
 931  .rtl fieldset dt {
 932      text-align: right;
 933      border: none;
 934      border-left: 1px solid #CCCCCC;
 935  }
 936  
 937  fieldset dd {
 938      margin: 0 0 0 45%;
 939      padding: 0 0 0 5px;
 940      border: none;
 941      border-left: 1px solid #CCCCCC;
 942      vertical-align: top;
 943      font-size: 1.00em;
 944  }
 945  
 946  .rtl fieldset dd {
 947      margin: 0 45% 0 0;
 948      padding: 0 5px 0 0;
 949      border: none;
 950      border-right: 1px solid #CCCCCC;
 951  }
 952  
 953  dd.full, .rtl dd.full {
 954      margin: 0;
 955      border: 0;
 956      padding: 0;
 957      padding-top: 3px;
 958      text-align: center;
 959      width: 95%;
 960  }
 961  
 962  /* Hover highlights for form rows */
 963  fieldset dl:hover dt, fieldset dl:hover dd {
 964      border-color: #666666;
 965  }
 966  
 967  fieldset dl:hover dt label {
 968      color: #000000;
 969  }
 970  
 971  fieldset dl dd label:hover {
 972      color: #BC2A4D;
 973  }
 974  
 975  input:focus, textarea:focus {
 976      border: 1px solid #BC2A4D;
 977      background-color: #E9E9E2;
 978      color: #BC2A4D;
 979  }
 980  
 981  /* Submit button fieldset or paragraph
 982  ---------------------------------------- */
 983  fieldset.submit-buttons {
 984      text-align: center;
 985      border: none;
 986      background-color: transparent;
 987      margin: 0;
 988      padding: 4px;
 989      margin-top: -1px;
 990  }
 991  
 992  p.submit-buttons {
 993      text-align: center;
 994      margin: 0;
 995      padding: 4px;
 996      margin-top: 10px;
 997  }
 998  
 999  fieldset.submit-buttons input, p.submit-buttons input {
1000      padding: 3px 2px;
1001  }
1002  
1003  fieldset.submit-buttons legend {
1004      display: none;
1005  }
1006  
1007  /* Input field styles
1008  ---------------------------------------- */
1009  
1010  input.radio, input.permissions-checkbox {
1011      width: auto !important;
1012      background-color: transparent;
1013      border: none;
1014      cursor: default;
1015  }
1016  
1017  input.full,
1018  textarea.full {
1019      width: 99%;
1020  }
1021  
1022  * html input.full, * html textarea.full { width: 95%;}
1023  input.medium { width: 50%;}
1024  input.narrow { width: 25%;}
1025  input.tiny { width: 10%;}
1026  input.autowidth { width: auto !important;}
1027  .box2 .inputbox { background-color: #E9E9E9;}
1028  
1029  /* Form button styles
1030  ---------------------------------------- */
1031  a.button1, input.button1, input.button3,
1032  a.button2, input.button2 {
1033      width: auto !important;
1034      padding: 1px 3px 0 3px;
1035      font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
1036      color: #000;
1037      font-size: 0.85em;
1038      background: #EFEFEF url("../images/bg_button.gif") repeat-x top;
1039      cursor: pointer;
1040  }
1041  
1042  a.button1, input.button1 {
1043      font-weight: bold;
1044      border: 1px solid #666666;
1045  }
1046  
1047  /* Alternative button */
1048  a.button2, input.button2 {
1049      border: 1px solid #666666;
1050  }
1051  
1052  /* <a> button in the style of the form buttons */
1053  a.button1, a.button1:link, a.button1:visited, a.button1:active,
1054  a.button2, a.button2:link, a.button2:visited, a.button2:active {
1055      text-decoration: none;
1056      color: #000000;
1057      padding: 4px 8px;
1058  }
1059  
1060  /* Hover states */
1061  a.button1:hover, input.button1:hover,
1062  a.button2:hover, input.button2:hover {
1063      border: 1px solid #BC2A4D;
1064      background: #EFEFEF url("../images/bg_button.gif") repeat bottom;
1065      color: #BC2A4D;
1066  }
1067  
1068  input.disabled {
1069      font-weight: normal;
1070      color: #666666;
1071  }
1072  
1073  /* Pagination
1074  ---------------------------------------- */
1075  .pagination {
1076      height: 1%; /* IE tweak (holly hack) */
1077      width: auto;
1078      text-align: right;
1079      margin-top: 5px;
1080      font-size: 0.85em;
1081      padding-bottom: 2px;
1082  }
1083  
1084  .rtl .pagination {
1085      text-align: left;
1086  }
1087  
1088  .pagination strong,
1089  .pagination b {
1090      font-weight: normal;
1091  }
1092  
1093  .pagination span.page-sep {
1094      display:none;
1095  }
1096  
1097  .pagination span strong {
1098      padding: 0 2px;
1099      margin: 0 2px;
1100      font-weight: normal;
1101      font-size: 0.85em;
1102      color: #FFFFFF;
1103      background: #4692BF;
1104      border: 1px solid #4692BF;
1105  }
1106  
1107  .pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
1108      font-weight: normal;
1109      font-size: 0.85em;
1110      text-decoration: none;
1111      color: #5C758C;
1112      margin: 0 2px;
1113      padding: 0 2px;
1114      background: #ECEDEE;
1115      border: 1px solid #B4BAC0;
1116  }
1117  
1118  .pagination span a:hover {
1119      border-color: #368AD2;
1120      background: #368AD2;
1121      color: #FFFFFF;
1122      text-decoration: none;
1123  }
1124  
1125  .pagination img {
1126      vertical-align: middle;
1127  }
1128  
1129  
1130  /* Action Highlighting
1131  ---------------------------------------- */
1132  .successbox, .errorbox {
1133      padding: 8px;
1134      margin: 10px 0;
1135      color: #FFFFFF;
1136      text-align: center;
1137  }
1138  
1139  .success {
1140      color: #228822;
1141  }
1142  
1143  .error {
1144      color: #BC2A4D;
1145  }
1146  
1147  .successbox {
1148      background-color: #228822;
1149  }
1150  
1151  .errorbox {
1152      background-color: #BC2A4D;
1153  }
1154  
1155  * html .errorbox, * html .successbox { height: 1%; } /* Pixel shift fix for IE */
1156  
1157  .successbox h3, .errorbox h3 {
1158      color: #FFFFFF;
1159      margin: 0 0 0.5em;
1160      font-size: 1.10em;
1161      font-family: "Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
1162  }
1163  
1164  .successbox p, .errorbox p {
1165      color: #FFFFFF;
1166      font-size: 0.85em;
1167      margin-bottom: 0;
1168  }
1169  
1170  .errorbox a:link, .errorbox a:active, .errorbox a:visited,
1171  .successbox a:link, .successbox a:active, .successbox a:visited {
1172      color: #DBD7D1;
1173      text-decoration: underline;
1174      font-weight: bold;
1175  }
1176  
1177  .errorbox a:hover, .successbox a:hover {
1178      color: #FFFFFF;
1179      text-decoration: none;
1180      font-weight: bold;
1181  }
1182  
1183  .notice {
1184      background-color: #62A5CC;
1185  }
1186  
1187  /* Special cases for the error page */
1188  #errorpage #page-header a {
1189      font-weight: bold;
1190      line-height: 6em;
1191  }
1192  
1193  #errorpage #content {
1194      padding-top: 10px;
1195  }
1196  
1197  #errorpage #content h1 {
1198      color: #DF075C;
1199  }
1200  
1201  #errorpage #content h2 {
1202      margin-top: 20px;
1203      margin-bottom: 5px;
1204      border-bottom: 1px solid #CCCCCC;
1205      padding-bottom: 5px;
1206      color: #333333;
1207  }
1208  
1209  /* Tooltip for permission roles */
1210  .tooltip {
1211      width: 200px;
1212      color: #000;
1213      text-align: center;
1214      border: 1px solid #AAA;
1215  }
1216  
1217  .tooltip span.top {
1218      background: #EFEFEF;
1219      font-weight: bold;
1220      padding: 2px;
1221  }
1222  
1223  .tooltip span.bottom {
1224      padding: 5px;
1225      color: #000000;
1226      background: #FFFFFF;
1227  }
1228  
1229  /*
1230   Format Buttons for signature editor
1231  */
1232  #format-buttons {
1233      margin: 15px 0 2px 0;
1234  }
1235  
1236  #format-buttons input, #format-buttons select {
1237      vertical-align: middle;
1238  }
1239  
1240  /* Nice method for clearing floated blocks without having to insert any extra markup
1241      From http://www.positioniseverything.net/easyclearing.html
1242  .clearfix:after, #tabs:after, .row:after, #content:after, fieldset dl:after, #page-body:after {
1243      content: ".";
1244      display: block;
1245      height: 0;
1246      clear: both;
1247      visibility: hidden;
1248  }*/
1249  
1250  .clearfix, #tabs, .row, #content, fieldset dl, #page-body {
1251      height: 1%;
1252      overflow: hidden;
1253  }
1254  
1255  /* Syntax Highlighting
1256  ---------------------------------------- */
1257  .sourcenum {
1258      color: gray;
1259      font-family: Monaco, 'Courier New', monospace;
1260      font-size: 1.25em;
1261      font-weight: bold;
1262      line-height: 1.20em;
1263      text-align: right;
1264      padding: 0;
1265  }
1266  
1267  .rtl .sourcenum {
1268      text-align: left;
1269  }
1270  
1271  .source {
1272      font-family: Monaco, 'Courier New', monospace;
1273      font-size: 1.25em;
1274      line-height: 1.20em;
1275      padding: 0;
1276  }
1277  
1278  .syntaxbg {
1279      color: #FFFFFF;
1280  }
1281  
1282  .syntaxcomment {
1283      color: #FF8000;
1284  }
1285  
1286  .syntaxdefault {
1287      color: #0000BB;
1288  }
1289  
1290  .syntaxhtml {
1291      color: #000000;
1292  }
1293  
1294  .syntaxkeyword {
1295      color: #007700;
1296  }
1297  
1298  .syntaxstring {
1299      color: #DD0000;
1300  }
1301  
1302  /* Permission interface
1303  ---------------------------------------- */
1304  
1305  fieldset.permissions legend {
1306      text-transform: none;
1307  }
1308  
1309  fieldset.permissions legend input{
1310      height: 1.1em;
1311  }
1312  
1313  /* Permission sections */
1314  fieldset.permissions .permissions-simple {
1315      text-align: left;
1316      padding-top: 3px;
1317  }
1318  
1319  .rtl fieldset.permissions .permissions-simple {
1320      text-align: right;
1321  }
1322  
1323  fieldset.permissions .permissions-advanced {
1324      padding: 10px 0 0 5px;
1325      vertical-align: top;
1326      clear: right;
1327  }
1328  
1329  .rtl fieldset.permissions .permissions-advanced {
1330      padding: 10px 5px 0 0;
1331      clear: left;
1332  }
1333  
1334  fieldset.permissions .permissions-switch {
1335      float: right;
1336  }
1337  
1338  .rtl fieldset.permissions .permissions-switch {
1339      float: left;
1340  }
1341  
1342  fieldset.permissions .padding {
1343  }
1344  
1345  .permissions-switch {
1346      margin-top: -6px;
1347      font-size: .9em;
1348  }
1349  
1350  .permissions-switch a {
1351      text-decoration: underline;
1352  }
1353  
1354  .permissions-reset {
1355      padding-bottom: 10px;
1356  }
1357  
1358  .permissions-reset a {
1359      font-size: .85em;
1360  }
1361  
1362  /* Tabbed menu */
1363  .permissions-category {
1364      line-height: normal;
1365      margin: 0 0 -1px 7px;
1366      min-width: 570px;
1367      font-size: 0.85em;
1368  }
1369  
1370  .rtl .permissions-category {
1371      margin: 0 7px -1px 0;
1372  }
1373  
1374  .permissions-category ul {
1375      margin: 0;
1376      padding: 0;
1377      list-style: none;
1378  }
1379  
1380  .permissions-category li {
1381      display: inline;
1382      margin: 0;
1383      padding: 0;
1384      font-size: 1em;
1385      font-weight: bold;
1386  }
1387  
1388  .permissions-category a {
1389      float: left;
1390      background: url("../images/bg_tabs_alt1.gif") no-repeat 0% -35px;
1391      margin: 0 1px 0 0;
1392      padding: 0 0 0 6px;
1393      text-decoration: none;
1394      position: relative;
1395  }
1396  
1397  .rtl .permissions-category a {
1398      float: right;
1399  }
1400  
1401  .permissions-category a span.tabbg {
1402      float: left;
1403      display: block;
1404      background: url("../images/bg_tabs_alt2.gif") no-repeat 100% -35px;
1405      padding: 7px 12px 6px 6px;
1406      color: #536482;
1407      white-space: nowrap;
1408  }
1409  
1410  .rtl .permissions-category a span.tabbg {
1411      float: right;
1412  }
1413  
1414  /* Commented Backslash Hack hides rule from IE5-Mac \*/
1415  .permissions-category a span.tabbg, .rtl .permissions-category a span.tabbg { float: none;}
1416  /* End hack */
1417  
1418  .permissions-category a:hover span.tabbg {
1419      color: #DD6900;
1420  }
1421  
1422  .permissions-category .activetab a {
1423      background-position: 0 0;
1424  }
1425  
1426  .permissions-category .activetab a span.tabbg {
1427      background-position: 100% 0;
1428      padding-bottom: 7px;
1429      color: #333333;
1430  }
1431  
1432  .permissions-category a:hover {
1433      background-position: 0 -70px;
1434  }
1435  
1436  .permissions-category a:hover span.tabbg {
1437      background-position: 100% -70px;
1438  }
1439  
1440  .permissions-category .activetab a:hover span.tabbg {
1441      color: #333333;
1442      background-position: 100% 0;
1443  }
1444  
1445  .permissions-category .activetab a:hover {
1446      background-position: 0 0;
1447  }
1448  
1449  .permissions-category a span.colour {
1450      border: 1px solid #536482;
1451      display: block;
1452      float: left;
1453      width: 10px;
1454      height: 10px;
1455      margin: 0 5px 0 0;
1456  }
1457  
1458  /* 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
1459  .rtl .permissions-category a span.colour {
1460      float: right;
1461      margin: 0 0 0 5px;
1462  }
1463  */
1464  
1465  .permissions-category .activetab span.colour {
1466      border-color: #333333;
1467  }
1468  
1469  .permissions-category a:hover span.colour {
1470      border-color: #DD6900;
1471  }
1472  
1473  .permissions-category .activetab a:hover span.colour {
1474      border-color: #333333;
1475  }
1476  
1477  /* Permission preset colours */
1478  .permissions-preset-yes span.colour,
1479  .yes {
1480      background-color: #86F786;
1481  }
1482  
1483  .permissions-preset-custom span.colour {
1484      background-color: #B2BBDD;
1485  }
1486  
1487  .permissions-preset-never span.colour {
1488      background-color: #DD0000;
1489  }
1490  
1491  .permissions-preset-no span.colour,
1492  .never {
1493      background-color: #EFB0B2;
1494  }
1495  
1496  /* Permission panel
1497  ---------------------------------------- */
1498  .permissions-panel {
1499      float: left;
1500      background-color: #CADCEB;
1501      width: 100%;
1502  }
1503  
1504  .rtl .permissions-panel {
1505      float: right;
1506  }
1507  
1508  .permissions-panel span.corners-top {
1509      background-image: url("../images/corners_left2.gif");
1510  }
1511  
1512  .permissions-panel span.corners-top span {
1513      background-image: url("../images/corners_right2.gif");
1514  }
1515  
1516  .permissions-panel span.corners-bottom {
1517      background-image: url("../images/corners_left2.gif");
1518  }
1519  
1520  .permissions-panel span.corners-bottom span {
1521      background-image: url("../images/corners_right2.gif");
1522  }
1523  
1524  .permissions-panel span.corners-top, .permissions-panel span.corners-bottom,
1525  .permissions-panel span.corners-top span, .permissions-panel span.corners-bottom span {
1526      font-size: 1px;
1527      line-height: 1px;
1528      display: block;
1529      height: 5px;
1530      background-repeat: no-repeat;
1531  }
1532  
1533  .permissions-panel span.corners-top {
1534      background-image: url("../images/corners_left2.gif");
1535      background-position: 0 0;
1536      margin: 0 0;
1537  }
1538  
1539  .permissions-panel span.corners-top span {
1540      background-image: url("../images/corners_right2.gif");
1541      background-position: 100% 0;
1542  }
1543  
1544  .permissions-panel span.corners-bottom {
1545      background-image: url("../images/corners_left2.gif");
1546      background-position: 0 100%;
1547      margin: 0 0;
1548      clear: both;
1549  }
1550  
1551  .permissions-panel span.corners-bottom span {
1552      background-image: url("../images/corners_right2.gif");
1553      background-position: 100% 100%;
1554  }
1555  
1556  /* Permission table
1557  ---------------------------------------- */
1558  .permissions-panel .tablewrap {
1559      margin: 0 10px;
1560  }
1561  
1562  .permissions-panel table {
1563      width: 100%;
1564  }
1565  
1566  .permissions-panel th {
1567      text-transform: none;
1568  }
1569  
1570  .permissions-panel th.value {
1571      text-align: center;
1572  }
1573  
1574  .permissions-panel th.name {
1575      text-align: left;
1576      width: auto;
1577      text-transform: none;
1578  }
1579  
1580  .rtl .permissions-panel th.name {
1581      text-align: right;
1582  }
1583  
1584  .permissions-panel th.permissions-name {
1585      border: none;
1586      color: #536482;
1587      font-weight: normal;
1588  }
1589  
1590  .permissions-panel th.permissions-name a.trace {
1591      display: inline;
1592  }
1593  
1594  .permissions-panel th.row3 {
1595      background-image: none;
1596      background-color: #D1D7DC;
1597      color: #536482;
1598      border: none;
1599  }
1600  
1601  .permissions-panel th.row4 {
1602      background-image: none;
1603      background-color: #E4E8EB;
1604      color: #536482;
1605      border: none;
1606  }
1607  
1608  .permissions-panel th a:link, .permissions-panel th a:hover, .permissions-panel th a:visited {
1609      display: block;
1610      color: #FFFFFF;
1611      text-decoration: underline;
1612  }
1613  
1614  .permissions-panel td.permissions-yes label:hover {
1615      background-color: #86F786;
1616  }
1617  
1618  .permissions-panel td.permissions-no label:hover {
1619      background-color: #EFB0B2;
1620  }
1621  
1622  .permissions-panel td.permissions-never label:hover {
1623      background-color: #DD0000;
1624  }
1625  
1626  .permissions-panel td {
1627      padding: 0;
1628      text-align: center;
1629      width: 10%;
1630  }
1631  
1632  .permissions-panel td label {
1633      display: block;
1634      margin: 0;
1635      padding: 0;
1636  }
1637  
1638  /* Classes for additional tasks
1639  ---------------------------------------- */
1640  
1641  .phpinfo {
1642      overflow: auto;
1643      width: 99%;
1644      direction: ltr;
1645  }
1646  
1647  .phpinfo td, .phpinfo th, .phpinfo h2, .phpinfo h1 {
1648      text-align: left;
1649  }