Verzeichnisstruktur phpBB-3.0.0


Veröffentlicht
12.12.2007

So funktioniert es


Auf das letzte Element klicken. Dies geht jeweils ein Schritt zurück

Auf das Icon klicken, dies öffnet das Verzeichnis. Nochmal klicken schließt das Verzeichnis.
Auf den Verzeichnisnamen klicken, dies zeigt nur das Verzeichnis mit Inhalt an

(Beispiel Datei-Icons)

Auf das Icon klicken um den Quellcode anzuzeigen

admin.css

Zuletzt modifiziert: 09.10.2024, 12:51 - Dateigröße: 27.65 KiB


0001  /*  phpBB 3.0 Admin Style Sheet
0002      ------------------------------------------------------------------------
0003      Original author:    subBlue ( http://www.subblue.com/ )
0004      Copyright 2007 phpBB Group ( http://www.phpbb.com/ )
0005      ------------------------------------------------------------------------
0006  */
0007   
0008  /* General markup styles
0009  ---------------------------------------- */
0010  * {
0011      /* Reset browsers default margin, padding and font sizes */
0012      margin: 0;
0013      padding: 0;
0014      font-size: 100%;
0015  }
0016   
0017  body, div, p, th, td, li, dd {
0018      font-size: x-small;
0019      voice-family: "\"}\"";
0020      voice-family: inherit;
0021      font-size: small
0022  }
0023   
0024  html>body, html>div, html>p, html>th, html>td, html>li, html>dd {
0025      font-size: small
0026  }
0027   
0028  html {
0029      color: #536482;
0030      background: #DBD7D1;
0031      /* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-ie browsers */
0032      height: 100%;
0033      margin-bottom: 1px;
0034  }
0035   
0036  body {
0037      /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
0038      font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
0039      color: #536482;
0040      background: #DBD7D1;
0041      font-size: 62.5%;    /* This sets the default font size to be equivalent to 10px */
0042      margin: 10px 15px;
0043  }
0044   
0045  img {
0046      border: 0;
0047  }
0048   
0049  h1 {
0050      font-family: "Trebuchet MS", Helvetica, sans-serif;
0051      font-size: 1.70em;
0052      font-weight: normal;
0053      color: #333333;
0054  }
0055   
0056  h2, caption {
0057      font-family: "Trebuchet MS", Helvetica, sans-serif;
0058      font-size: 1.40em;
0059      font-weight: normal;
0060      color: #115098;
0061      text-align: left;
0062      margin-top: 25px;
0063  }
0064   
0065  .rtl h2, .rtl caption {
0066      text-align: right;
0067  }
0068   
0069  h3, h4 {
0070      font-family: "Trebuchet MS", Helvetica, sans-serif;
0071      font-size: 1.20em;
0072      text-decoration: none; 
0073      line-height: 1.20em; 
0074      margin-top: 25px;
0075  }
0076   
0077  p {
0078      margin-bottom: 0.7em;
0079      line-height: 1.40em;
0080      font-size: 0.90em;
0081  }
0082   
0083  ul {
0084      list-style: disc;
0085      margin: 0 0 1em 2em;
0086  }
0087   
0088  .rtl ul {
0089      margin: 0 2em 1em 0;
0090  }
0091   
0092  hr {
0093      border: 0 none;
0094      border-top: 1px dashed #999999;
0095      margin-bottom: 5px;
0096      padding-bottom: 5px;
0097      height: 1px;
0098  }
0099   
0100  .small { 
0101      font-size: 0.85em; 
0102  }
0103   
0104  /* General links  */
0105  a:link, a:visited {
0106      color: #105289;
0107      text-decoration: none;
0108  }
0109   
0110  a:hover {
0111      color: #BC2A4D;
0112      text-decoration: underline;
0113  }
0114   
0115  a:active {
0116      color: #368AD2;
0117      text-decoration: none;
0118  }
0119   
0120  .install-body p a {
0121      font-weight: bold;
0122  }
0123   
0124  /* Main blocks
0125  ---------------------------------------- */
0126  #wrap {
0127      padding: 0 0 15px 0;
0128      min-width: 615px;
0129  }
0130   
0131  #page-header {
0132      clear: both;
0133      text-align: right;
0134      background: url("../images/phpbb_logo.gif") top left no-repeat;
0135      height: 49px;
0136      font-size: 0.85em;
0137      margin-bottom: 10px;
0138  }
0139   
0140  .rtl #page-header {
0141      text-align: left;
0142      background: url("../images/phpbb_logo.gif") top right no-repeat;
0143  }
0144   
0145  #page-header h1 {
0146      color: #767676;
0147      font-family: "Trebuchet MS",Helvetica,sans-serif;
0148      font-size: 1.70em;
0149      padding-top: 10px;
0150  }
0151   
0152  #page-header p {
0153      font-size: 1.00em;
0154  }
0155   
0156  #page-header p#skip {
0157      display: none;
0158  }
0159   
0160  #page-body {
0161      clear: both;
0162      min-width: 700px;
0163  }
0164   
0165  #page-footer {
0166      clear: both;
0167      font-size: 0.75em;
0168      text-align: center;
0169  }
0170   
0171  #content {
0172      padding: 30px 10px 10px;
0173      position: relative;
0174  }
0175   
0176  #content h1 {
0177      color: #115098;
0178      line-height: 1.2em;
0179      margin-bottom: 0;
0180  }
0181   
0182  #main {
0183      float: left;
0184      width: 76%;
0185      margin: 0 0 0 3%;
0186      min-height: 350px;
0187  }
0188   
0189  .rtl #main {
0190      float: right;
0191      margin: 0 3% 0 0;
0192  }
0193   
0194  * html #main { 
0195      height: 350px; 
0196  }
0197   
0198  #page-body.simple-page-body {
0199      padding: 0;
0200      padding-right: 10px;
0201      min-width: 0;
0202  }
0203   
0204  /* Tabbed menu
0205      Based on: http://www.alistapart.com/articles/slidingdoors2/
0206  ----------------------------------------*/
0207  #tabs {
0208      line-height: normal;
0209      margin: 0 0 -6px 7px;
0210      min-width: 600px;
0211  }
0212   
0213  .rtl #tabs {
0214      margin: 0 7px -6px 0;
0215  }
0216   
0217  #tabs ul {
0218      margin:0;
0219      padding: 0;
0220      list-style: none;
0221  }
0222   
0223  #tabs li {
0224      display: inline;
0225      margin: 0;
0226      padding: 0;
0227      font-size: 0.85em;
0228      font-weight: bold;
0229  }
0230   
0231  #tabs a {
0232      float: left;
0233      background:url("../images/bg_tabs1.gif") no-repeat 0% -34px;
0234      margin: 0 1px 0 0;
0235      padding: 0 0 0 7px;
0236      text-decoration: none;
0237      position: relative;
0238  }
0239   
0240  .rtl #tabs a {
0241      float: right;
0242  }
0243   
0244  #tabs a span {
0245      float: left;
0246      display: block;
0247      background: url("../images/bg_tabs2.gif") no-repeat 100% -34px;
0248      padding: 7px 10px 4px 4px;
0249      color: #767676;
0250      white-space: nowrap;
0251      font-family: Arial, Helvetica, sans-serif;
0252      text-transform: uppercase;
0253      font-weight: bold;
0254  }
0255   
0256  .rtl #tabs a span {
0257      float: right;
0258  }
0259   
0260  /* Commented Backslash Hack hides rule from IE5-Mac \*/
0261  #tabs a span, .rtl #tabs a span { float:none;}
0262  /* End hack */
0263   
0264  #tabs a:hover span {
0265      color: #BC2A4D;
0266  }
0267   
0268  #tabs #activetab a {
0269      background-position: 0 0;
0270      border-bottom: 1px solid #DCDEE2;
0271  }
0272   
0273  #tabs #activetab a span {
0274      background-position: 100% 0;
0275      padding-bottom: 5px;
0276      color: #23649F;
0277  }
0278   
0279  #tabs a:hover {
0280      background-position: 0 -69px;
0281  }
0282   
0283  #tabs a:hover span {
0284      background-position: 100% -69px;
0285  }
0286   
0287  #tabs #activetab a:hover span {
0288      color: #115098;
0289  }
0290   
0291   
0292  /* Main Panel
0293  ---------------------------------------- */
0294  #acp {
0295      margin: 4px 0;
0296      padding: 3px 1px;
0297      min-width: 550px;
0298      background-color: #FFFFFF;
0299      border: 1px #999999 solid;
0300  }
0301   
0302  .panel {
0303      background: #F3F3F3 url("../images/innerbox_bg.gif") repeat-x top;
0304      padding: 0;
0305  }
0306   
0307  span.corners-top, span.corners-bottom, 
0308  span.corners-top span, span.corners-bottom span {
0309      font-size: 1px;
0310      line-height: 1px;
0311      display: block;
0312      height: 5px;
0313      background-repeat: no-repeat;
0314  }
0315   
0316  span.corners-top {
0317      background-image: url("../images/corners_left.gif");
0318      background-position: 0 0;
0319      margin: -4px -2px 0;
0320  }
0321   
0322  span.corners-top span {
0323      background-image: url("../images/corners_right.gif");
0324      background-position: 100% 0;
0325  }
0326   
0327  span.corners-bottom {
0328      background-image: url("../images/corners_left.gif");
0329      background-position: 0 100%;
0330      margin: 0 -2px -4px;
0331      clear: both;
0332  }
0333   
0334  span.corners-bottom span {
0335      background-image: url("../images/corners_right.gif");
0336      background-position: 100% 100%;
0337  }
0338   
0339  /* WinIE tweaks \*/
0340  * html span.corners-top, * html span.corners-bottom { background-image: url("../images/corners_left.gif"); }
0341  * html span.corners-top span, * html span.corners-bottom span { background-image: url("../images/corners_right.gif"); }
0342  /* End tweaks */
0343   
0344  /* Sub-navigation Menu
0345  ---------------------------------------- */
0346   
0347  /* Toggle */
0348  #toggle {
0349      padding: 5px;
0350      width: 5%;
0351      height: 100px;
0352      position: absolute;
0353      left: 15%;
0354      top: 28px;
0355      margin-left: 2px;
0356  }
0357   
0358  .rtl #toggle {
0359      left: 75%;
0360      margin-right: 0;
0361      margin-left: 6px;
0362  }
0363   
0364  #toggle-handle {
0365      display: block;
0366      width: 18px;
0367      height: 19px;
0368      float: right;
0369      background-image: url(../images/toggle.gif);
0370  }
0371   
0372  .rtl #toggle-handle {
0373      background-image: url(../images/toggle.gif);
0374      background-position: 100% 50%;
0375  }
0376   
0377  /* Menu */
0378  #menu {
0379      float: left;
0380      width: 20%;
0381      font-size: 1.00em;
0382      padding: 0;
0383      border-right: 1px solid #CCCFD3;
0384  }
0385   
0386  .rtl #menu {
0387      float: right;
0388      border: none;
0389      border-left: 1px solid #CCCFD3;
0390  }
0391   
0392  #menu p {
0393      font-size: 0.85em;
0394  }
0395   
0396  #menu ul {
0397      list-style: none;
0398      margin: 0;
0399      padding: 0;
0400  }
0401   
0402  /* Default list state */
0403  #menu li {
0404      padding: 0;
0405      margin: 0;
0406      font-size: 0.85em;
0407      font-weight: bold;
0408      display: inline;
0409  }
0410   
0411  /* Link styles for the sub-section links */
0412  #menu li span {
0413      display: block;
0414      padding: 3px 3px 3px 8px;
0415      margin: 1px 0;
0416      text-decoration: none;
0417      font-weight: normal;
0418      color: #138ECB;
0419  }
0420   
0421  .rtl #menu li span {
0422      padding: 3px 8px 3px 3px;
0423  }
0424   
0425  #menu li a:hover, #menu li a:hover span {
0426      text-decoration: none;
0427      background-color: #FFFFFF;
0428      color: #BC2A4D;
0429  }
0430   
0431  #menu li a:active, #menu li a:active span {
0432      color: #F632A0;
0433  }
0434   
0435  #menu li#activemenu a span {
0436      text-decoration: none;
0437      font-weight: bold;
0438      color: #1180B7;
0439      background: transparent url("../images/arrow_right.gif") 0% 50% no-repeat;
0440  }
0441   
0442  .rtl #menu li#activemenu a span {
0443      background: transparent url("../images/arrow_left.gif") 100% 50% no-repeat;
0444  }
0445   
0446  #menu li#activemenu a:hover span, #menu li#activemenu span {
0447      text-decoration: none;
0448      font-weight: bold;
0449      color: #BC2A4D;
0450      background: #FFFFFF url("../images/arrow_right.gif") 1% 50% no-repeat;
0451  }
0452   
0453  .rtl #menu li#activemenu a:hover span, .rtl #menu li#activemenu span {
0454      background: #FFFFFF url("../images/arrow_left.gif") 99% 50% no-repeat;
0455  }
0456   
0457  #menu li a:active, #menu li a:active span, #menu li#activemenu a:active span {
0458      color: #F632A0;
0459  }
0460   
0461  #menu li span.completed {
0462      text-decoration: none;
0463      padding: 3px 3px 3px 12px;
0464      background: url("../images/arrow_down.gif") 1% 50% no-repeat;
0465  }
0466   
0467  .rtl #menu li span.completed {
0468      text-decoration: none;
0469      padding: 3px 12px 3px 3px;
0470      background: url("../images/arrow_down.gif") 99% 50% no-repeat;
0471  }
0472   
0473  #menu li.header {
0474      font-family: Tahoma, Helvetica, sans-serif;
0475      display: block;
0476      font-weight: bold;
0477      color: #115098;
0478      border-bottom: 1px solid #327AA5;
0479      padding: 4px 0 2px;
0480      margin-top: 15px;
0481      text-transform: uppercase;
0482      font-size: 0.75em;
0483  }
0484   
0485  /* Table styles
0486  ---------------------------------------- */
0487   
0488  table {
0489      width: 100%;
0490      border: 1px solid #CCCFD3;
0491      background-color: #FFFFFF;
0492      padding: 1px;
0493  }
0494   
0495  th {
0496      padding: 3px 4px;
0497      color: #FFFFFF;
0498      background: #70AED3 url("../images/gradient2b.gif") bottom left repeat-x;
0499      border-top: 1px solid #6DACD2;
0500      border-bottom: 1px solid #327AA5;
0501      text-align: left;
0502      font-size: 0.75em;
0503      text-transform: uppercase;
0504  }
0505   
0506  td {
0507      text-align: left;
0508      font-size: 0.85em;
0509      padding: 4px;
0510      line-height: 1.20em;
0511  }
0512   
0513  .rtl th, .rtl td {
0514      text-align: right;
0515  }
0516   
0517  table.type2 {
0518      border: none;
0519      background: none;
0520      padding: 0;
0521  }
0522   
0523  table.type2 th {
0524      background: none;
0525      border-top: none;
0526      text-align: center;
0527      color: #115098;
0528      padding: 2px 0;
0529  }
0530   
0531  table.type2 td {
0532      padding: 0;
0533      font-size: 1em;
0534  }
0535   
0536  table.type2 td.name {
0537      padding: 2px;
0538      vertical-align: middle;
0539  }
0540   
0541  table.type3  {
0542      float: right;
0543      width: 300px;
0544      border: none;
0545      background-color: transparent;
0546      padding: 0;
0547  }
0548   
0549  .rtl table.type3 {
0550      float: left;
0551  }
0552   
0553  table.type3 thead th {
0554      background-color: transparent;
0555      border-top: none;
0556      text-align: center;
0557      color: #115098;
0558      padding: 0 3px;
0559      font-size: 0.85em;
0560      font-weight: normal;
0561      text-transform: none;
0562  }
0563   
0564  table.type3 tbody th {
0565      border-top: none;
0566      text-align: left;
0567      text-transform: none;
0568      padding: 0;
0569      border: none;
0570      font-size: 0.90em;
0571      font-weight: normal;
0572      width: 100%;
0573  }
0574   
0575  .rtl table.type3 tbody th {
0576      text-align: right;
0577  }
0578   
0579  table.type3 td {
0580      text-align: center;
0581      padding: 1px;
0582  }
0583   
0584  th.name {
0585      text-align: left;
0586      width: auto;
0587  }
0588   
0589  .rtl th.name {
0590      text-align: right;
0591  }
0592   
0593  td.name {
0594      text-align: left;
0595      font-weight: bold;
0596  }
0597   
0598  .rtl td.name {
0599      text-align: right;
0600  }
0601   
0602  .entry {
0603      text-align: left;
0604      font-weight: normal;
0605  }
0606   
0607  .rtl .entry {
0608      text-align: right;
0609  }
0610   
0611  .row1 { background-color: #F9F9F9; }
0612  .row2 { background-color: #DCEBFE; }
0613  .row3 { background-color: #DBDFE2; }
0614  .row4 { background-color: #E4E8EB; }
0615  .col1 { background-color: #DCEBFE; }
0616  .col2 { background-color: #F9F9F9; }
0617   
0618  .spacer {
0619      background-color: #DBDFE2;
0620      height: 1px;
0621      line-height: 1px;
0622  }
0623   
0624  /* General form styles
0625  ----------------------------------------*/
0626  fieldset {
0627      margin: 15px 0;
0628      padding: 10px;
0629      border-top: 1px solid #D7D7D7;
0630      border-right: 1px solid #CCCCCC;
0631      border-bottom: 1px solid #CCCCCC;
0632      border-left: 1px solid #D7D7D7;
0633      background-color: #FFFFFF;
0634      position: relative;
0635  }
0636   
0637  .rtl fieldset {
0638      border-top: 1px solid #D7D7D7;
0639      border-right: 1px solid #D7D7D7;
0640      border-bottom: 1px solid #CCCCCC;
0641      border-left: 1px solid #CCCCCC;
0642  }
0643   
0644  * html fieldset {
0645      padding: 0 10px 5px 10px;
0646  }
0647   
0648  fieldset p {
0649      font-size: 0.85em;
0650  }
0651   
0652  legend {
0653      padding: 1px 0;
0654      font-family: Tahoma,arial,Verdana,Sans-serif;
0655      font-size: .9em;
0656      font-weight: bold;
0657      color: #115098;
0658      margin-top: -.4em;
0659      position: relative;
0660      text-transform: none;
0661      line-height: 1.2em;
0662      top: 0;
0663      vertical-align: middle;
0664  }
0665   
0666  /* Hide from macIE \*/
0667  legend { top: -1.2em; }
0668  /* end */
0669   
0670  * html legend {
0671      margin: 0 0 -10px -7px;
0672      line-height: 1em;
0673      font-size: .85em;
0674  }
0675   
0676  /* Holly hack, .rtl comes after html */
0677  * html .rtl legend {
0678      margin: 0;
0679      margin-right: -7px;
0680  }
0681   
0682  input, textarea {
0683      font-family: Verdana, Helvetica, Arial, sans-serif;
0684      font-size: 0.90em;
0685      font-weight: normal;
0686      cursor: text;
0687      vertical-align: middle;
0688      padding: 2px;
0689      color: #111111;
0690      border-left: 1px solid #AFAEAA;
0691      border-top: 1px solid #AFAEAA;
0692      border-right: 1px solid #D5D5C8;
0693      border-bottom: 1px solid #D5D5C8;
0694      background-color: #E3DFD8;
0695  }
0696   
0697  .rtl input, .rtl textarea {
0698      border-left: 1px solid #D5D5C8;
0699      border-top: 1px solid #AFAEAA;
0700      border-right: 1px solid #AFAEAA;
0701      border-bottom: 1px solid #D5D5C8;
0702  }
0703   
0704  input:hover, textarea:hover {
0705      border-left: 1px solid #AFAEAA;
0706      border-top: 1px solid #AFAEAA;
0707      border-right: 1px solid #AFAEAA;
0708      border-bottom: 1px solid #AFAEAA;
0709      background-color: #E9E9E2;
0710  }
0711   
0712  input.langvalue, textarea.langvalue {
0713      width: 90%;
0714  }
0715   
0716  optgroup, select {
0717      font-family: Verdana, Helvetica, Arial, sans-serif;
0718      font-size: 0.85em;
0719      font-weight: normal;
0720      font-style: normal;
0721      cursor: pointer;
0722      vertical-align: middle;
0723      width: auto;
0724      color: #000;
0725  }
0726   
0727  optgroup {
0728      font-size: 1.00em;
0729      font-weight: bold;
0730  }
0731   
0732  optgroup.disabled-options {
0733      display: none;
0734      background-color: gray;
0735  }
0736   
0737  option {
0738      padding: 0 1em 0 0;
0739      color: #000;
0740  }
0741   
0742  option.disabled-option {
0743      color: graytext;
0744  }
0745   
0746  .rtl option {
0747      padding: 0 0 0 1em;
0748  }
0749   
0750  .sep {
0751      font-weight: bold;
0752  }
0753   
0754  .username-coloured {
0755      font-weight: bold;
0756  }
0757   
0758  textarea {
0759      font-family: Verdana, Helvetica, Arial, sans-serif;
0760      font-size: 0.85em;
0761      width: 60%;
0762      padding: 2px;
0763  }
0764   
0765  label {
0766      cursor: pointer;
0767      font-size: 0.85em;
0768      padding: 0 5px 0 0;
0769  }
0770   
0771  .rtl label {
0772      padding: 0 0 0 5px;
0773  }
0774   
0775  label input {
0776      font-size: 1.00em;
0777      vertical-align: middle;
0778  }
0779   
0780  label img {
0781      vertical-align: middle;
0782  }
0783   
0784  fieldset.quick, p.quick {
0785      margin: 0 0 5px;
0786      padding: 5px 0 0; 
0787      border: none;
0788      background-color: transparent;
0789      text-align: right;
0790  }
0791   
0792  .rtl fieldset.quick, .rtl p.quick {
0793      text-align: left;
0794  }
0795   
0796  fieldset.quick legend {
0797      display: none;
0798  }
0799   
0800  fieldset.tabulated {
0801      background: none;
0802      margin: 0;
0803      padding: 0;
0804      padding-top: 5px;
0805      border: 0;
0806  }
0807   
0808  fieldset.tabulated legend {
0809      display: none;
0810  }
0811   
0812  fieldset.nobg {
0813      margin: 15px 0 0 0;
0814      padding: 0;
0815      border: none;
0816      background-color: transparent;
0817  }
0818   
0819  fieldset.display-options {
0820      margin: 15px 0 2px 0;
0821      padding: 0 0 4px 0;
0822      border: none;
0823      background-color: transparent;
0824      text-align: center;
0825      font-size: 0.75em;
0826  }
0827   
0828  fieldset.display-options select, fieldset.display-options input, fieldset.display-options label {
0829      font-size: 1.00em;
0830      vertical-align: middle;
0831  }
0832   
0833  select option.disabled {
0834      background-color: #bbb;
0835      color: #fff;
0836  }
0837   
0838  /* Special case inputs */
0839  select#board_timezone, 
0840  select#full_folder_action {
0841      width: 95%;
0842  }
0843   
0844  /* Definition list layout for forms
0845      Other general def. list properties defined in prosilver_main.css
0846  ---------------------------------------- */
0847  dl {
0848      font-family: Verdana, Helvetica, Arial, sans-serif;
0849      font-size: 1.00em;
0850  }
0851   
0852  dt {
0853      float: left;
0854      width: auto;
0855  }
0856   
0857  .rtl dt {
0858      float: right;
0859  }
0860   
0861  dd { color: #666666;}
0862  dd + dd { padding-top: 5px;}
0863  dt span { padding: 0 5px 0 0;}
0864  .rtl dt span { padding: 0 0 0 5px;}
0865   
0866  dt .explain { font-style: italic;}
0867   
0868  dt label {
0869      font-size: 1.00em;
0870      text-align: left;
0871      font-weight: bold;
0872      color: #4A5A73;
0873  }
0874   
0875  .rtl dt label {
0876      text-align: right;
0877  }
0878   
0879  dd label {
0880      font-size: 1.00em;
0881      white-space: nowrap;
0882      margin: 0 10px 0 0;
0883      color: #4A5A73;
0884  }
0885   
0886  .rtl dd label {
0887      margin: 0 0 0 10px;
0888  }
0889   
0890  html>body dd label input { vertical-align: text-bottom;}    /* Tweak for Moz to align checkboxes/radio buttons nicely */
0891   
0892  dd input {
0893      font-size: 1.00em;
0894      max-width: 100%;
0895  }
0896   
0897  dd select {
0898      font-size: 100%;
0899      width: auto;
0900      max-width: 100%;
0901  }
0902   
0903  dd textarea {
0904      font-size: 0.90em;
0905      width: 90%;
0906  }
0907   
0908  dd select {
0909      width: auto;
0910      font-size: 1.00em;
0911  }
0912   
0913  fieldset dl {
0914      margin-bottom: 10px;
0915      font-size: 0.85em;
0916  }
0917   
0918  fieldset dt {
0919      width: 45%;
0920      text-align: left;
0921      border: none;
0922      border-right: 1px solid #CCCCCC;
0923      padding-top: 3px;
0924  }
0925   
0926  .rtl fieldset dt {
0927      text-align: right;
0928      border: none;
0929      border-left: 1px solid #CCCCCC;
0930  }
0931   
0932  fieldset dd {
0933      margin: 0 0 0 45%;
0934      padding: 0 0 0 5px;
0935      border: none;
0936      border-left: 1px solid #CCCCCC;
0937      vertical-align: top;
0938      font-size: 1.00em;
0939  }
0940   
0941  .rtl fieldset dd {
0942      margin: 0 45% 0 0;
0943      padding: 0 5px 0 0;
0944      border: none;
0945      border-right: 1px solid #CCCCCC;
0946  }
0947   
0948  dd.full, .rtl dd.full {
0949      margin: 0;
0950      border: 0;
0951      padding: 0;
0952      padding-top: 3px;
0953      text-align: center;
0954      width: 95%;
0955  }
0956   
0957  /* Hover highlights for form rows */
0958  fieldset dl:hover dt, fieldset dl:hover dd {
0959      border-color: #666666;
0960  }
0961   
0962  fieldset dl:hover dt label {
0963      color: #000000;
0964  }
0965   
0966  fieldset dl dd label:hover {
0967      color: #BC2A4D;
0968  }
0969   
0970  input:focus, textarea:focus {
0971      border: 1px solid #BC2A4D;
0972      background-color: #E9E9E2;
0973      color: #BC2A4D;
0974  }
0975   
0976  /* Submit button fieldset or paragraph
0977  ---------------------------------------- */
0978  fieldset.submit-buttons {
0979      text-align: center;
0980      border: none;
0981      background-color: transparent;
0982      margin: 0;
0983      padding: 4px;
0984      margin-top: -1px;
0985  }
0986   
0987  p.submit-buttons {
0988      text-align: center;
0989      margin: 0;
0990      padding: 4px;
0991      margin-top: 10px;
0992  }
0993   
0994  fieldset.submit-buttons input, p.submit-buttons input {
0995      padding: 3px 2px;
0996  }
0997   
0998  fieldset.submit-buttons legend {
0999      display: none;
1000  }
1001   
1002  /* Input field styles
1003  ---------------------------------------- */
1004   
1005  input.radio, input.permissions-checkbox {
1006      width: auto !important;
1007      background-color: transparent;
1008      border: none;
1009      cursor: default;
1010  }
1011   
1012  input.full,
1013  textarea.full {
1014      width: 99%;
1015  }
1016   
1017  * html input.full, * html textarea.full { width: 95%;}
1018  input.medium { width: 50%;}
1019  input.narrow { width: 25%;}
1020  input.tiny { width: 10%;}
1021  input.autowidth { width: auto !important;}
1022  .box2 .inputbox { background-color: #E9E9E9;}
1023   
1024  /* Form button styles
1025  ---------------------------------------- */
1026  a.button1, input.button1, input.button3,
1027  a.button2, input.button2 {
1028      width: auto !important;
1029      padding: 1px 3px 0 3px;
1030      font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
1031      color: #000;
1032      font-size: 0.85em;
1033      background: #EFEFEF url("../images/bg_button.gif") repeat-x top;
1034      cursor: pointer;
1035  }
1036   
1037  a.button1, input.button1 {
1038      font-weight: bold;
1039      border: 1px solid #666666;
1040  }
1041   
1042  /* Alternative button */
1043  a.button2, input.button2 {
1044      border: 1px solid #666666;
1045  }
1046   
1047  /* <a> button in the style of the form buttons */
1048  a.button1, a.button1:link, a.button1:visited, a.button1:active,
1049  a.button2, a.button2:link, a.button2:visited, a.button2:active {
1050      text-decoration: none;
1051      color: #000000;
1052      padding: 4px 8px;
1053  }
1054   
1055  /* Hover states */
1056  a.button1:hover, input.button1:hover,
1057  a.button2:hover, input.button2:hover {
1058      border: 1px solid #BC2A4D;
1059      background: #EFEFEF url("../images/bg_button.gif") repeat bottom;
1060      color: #BC2A4D;
1061  }
1062   
1063  input.disabled {
1064      font-weight: normal;
1065      color: #666666;
1066  }
1067   
1068  /* Pagination
1069  ---------------------------------------- */
1070  .pagination {
1071      height: 1%; /* IE tweak (holly hack) */
1072      width: auto;
1073      text-align: right;
1074      margin-top: 5px;
1075      font-size: 0.85em;
1076      padding-bottom: 2px;
1077  }
1078   
1079  .rtl .pagination {
1080      text-align: left;
1081  }
1082   
1083  .pagination strong,
1084  .pagination b {
1085      font-weight: normal;
1086  }
1087   
1088  .pagination span.page-sep {
1089      display:none;
1090  }
1091   
1092  .pagination span strong {
1093      padding: 0 2px;
1094      margin: 0 2px;
1095      font-weight: normal;
1096      font-size: 0.85em;
1097      color: #FFFFFF;
1098      background: #4692BF;
1099      border: 1px solid #4692BF;
1100  }
1101   
1102  .pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
1103      font-weight: normal;
1104      font-size: 0.85em;
1105      text-decoration: none;
1106      color: #5C758C;
1107      margin: 0 2px;
1108      padding: 0 2px;
1109      background: #ECEDEE;
1110      border: 1px solid #B4BAC0;
1111  }
1112   
1113  .pagination span a:hover {
1114      border-color: #368AD2;
1115      background: #368AD2;
1116      color: #FFFFFF;
1117      text-decoration: none;
1118  }
1119   
1120  .pagination img {
1121      vertical-align: middle;
1122  }
1123   
1124   
1125  /* Action Highlighting
1126  ---------------------------------------- */
1127  .successbox, .errorbox {
1128      padding: 8px;
1129      margin: 10px 0;
1130      color: #FFFFFF;
1131      text-align: center;
1132  }
1133   
1134  .success {
1135      color: #228822;
1136  }
1137   
1138  .error {
1139      color: #BC2A4D;
1140  }
1141   
1142  .successbox {
1143      background-color: #228822;
1144  }
1145   
1146  .errorbox {
1147      background-color: #BC2A4D;
1148  }
1149   
1150  * html .errorbox, * html .successbox { height: 1%; } /* Pixel shift fix for IE */
1151   
1152  .successbox h3, .errorbox h3 {
1153      color: #FFFFFF;
1154      margin: 0 0 0.5em;
1155      font-size: 1.10em;
1156      font-family: "Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
1157  }
1158   
1159  .successbox p, .errorbox p {
1160      color: #FFFFFF;
1161      font-size: 0.85em;
1162      margin-bottom: 0;
1163  }
1164   
1165  .errorbox a:link, .errorbox a:active, .errorbox a:visited,
1166  .successbox a:link, .successbox a:active, .successbox a:visited {
1167      color: #DBD7D1;
1168      text-decoration: underline;
1169      font-weight: bold;
1170  }
1171   
1172  .errorbox a:hover, .successbox a:hover {
1173      color: #FFFFFF;
1174      text-decoration: none;
1175      font-weight: bold;
1176  }
1177   
1178  /* Special cases for the error page */
1179  #errorpage #page-header a {
1180      font-weight: bold;
1181      line-height: 6em;
1182  }
1183   
1184  #errorpage #content {
1185      padding-top: 10px;
1186  }
1187   
1188  #errorpage #content h1 {
1189      color: #DF075C;
1190  }
1191   
1192  #errorpage #content h2 {
1193      margin-top: 20px;
1194      margin-bottom: 5px;
1195      border-bottom: 1px solid #CCCCCC;
1196      padding-bottom: 5px;
1197      color: #333333;
1198  }
1199   
1200  /* Tooltip for permission roles */
1201  .tooltip {
1202      width: 200px;
1203      color: #000;
1204      text-align: center;
1205      border: 1px solid #AAA;
1206  }
1207   
1208  .tooltip span.top {
1209      background: #EFEFEF;
1210      font-weight: bold;
1211      padding: 2px;
1212  }
1213   
1214  .tooltip span.bottom {
1215      padding: 5px;
1216      color: #000000;
1217      background: #FFFFFF;
1218  }
1219   
1220  /*
1221   Format Buttons for signature editor
1222  */
1223  #format-buttons {
1224      margin: 15px 0 2px 0;
1225  }
1226   
1227  #format-buttons input, #format-buttons select {
1228      vertical-align: middle;
1229  }
1230   
1231  /* Nice method for clearing floated blocks without having to insert any extra markup
1232      From http://www.positioniseverything.net/easyclearing.html 
1233  .clearfix:after, #tabs:after, .row:after, #content:after, fieldset dl:after, #page-body:after {
1234      content: "."; 
1235      display: block; 
1236      height: 0; 
1237      clear: both; 
1238      visibility: hidden;
1239  }*/
1240   
1241  .clearfix, #tabs, .row, #content, fieldset dl, #page-body {
1242      height: 1%;
1243      overflow: hidden;
1244  }
1245   
1246  /* Syntax Highlighting
1247  ---------------------------------------- */
1248  .sourcenum {
1249      color: gray;
1250      font-family: Monaco, 'Courier New', monospace;
1251      font-size: 1.25em;
1252      font-weight: bold;
1253      line-height: 1.20em;
1254      text-align: right;
1255      padding: 0;
1256  }
1257   
1258  .rtl .sourcenum {
1259      text-align: left;
1260  }
1261   
1262  .source {
1263      font-family: Monaco, 'Courier New', monospace;
1264      font-size: 1.25em;
1265      line-height: 1.20em;
1266      padding: 0;
1267  }
1268   
1269  .syntaxbg {
1270      color: #FFFFFF;
1271  }
1272   
1273  .syntaxcomment {
1274      color: #FF8000;
1275  }
1276   
1277  .syntaxdefault {
1278      color: #0000BB;
1279  }
1280   
1281  .syntaxhtml {
1282      color: #000000;
1283  }
1284   
1285  .syntaxkeyword {
1286      color: #007700;
1287  }
1288   
1289  .syntaxstring {
1290      color: #DD0000;
1291  }
1292   
1293  /* Permission interface
1294  ---------------------------------------- */
1295   
1296  fieldset.permissions legend {
1297      text-transform: none;
1298  }
1299   
1300  fieldset.permissions legend input{
1301      height: 1.1em;
1302  }
1303   
1304  /* Permission sections */ 
1305  fieldset.permissions .permissions-simple {
1306      text-align: left;
1307      padding-top: 3px;
1308  }
1309   
1310  .rtl fieldset.permissions .permissions-simple {
1311      text-align: right;
1312  }
1313   
1314  fieldset.permissions .permissions-advanced {
1315      padding: 10px 0 0 5px;
1316      vertical-align: top;
1317      clear: right;
1318  }
1319   
1320  .rtl fieldset.permissions .permissions-advanced {
1321      padding: 10px 5px 0 0;
1322      clear: left;
1323  }
1324   
1325  fieldset.permissions .permissions-switch {
1326      float: right;
1327  }
1328   
1329  .rtl fieldset.permissions .permissions-switch {
1330      float: left;
1331  }
1332   
1333  fieldset.permissions .padding {
1334  }
1335   
1336  .permissions-switch a {
1337      text-decoration: underline;
1338      font-size: 0.90em;
1339  }
1340   
1341  .permissions-reset {
1342      margin-top: -6px;
1343      padding-bottom: 10px;
1344  }
1345   
1346  .permissions-reset a {
1347      font-size: .8em;
1348  }
1349   
1350  /* Tabbed menu */
1351  .permissions-category {
1352      line-height: normal;
1353      margin: 0 0 -1px 7px;
1354      min-width: 570px;
1355      font-size: 0.85em;
1356  }
1357   
1358  .rtl .permissions-category {
1359      margin: 0 7px -1px 0;
1360  }
1361   
1362  .permissions-category ul {
1363      margin: 0;
1364      padding: 0;
1365      list-style: none;
1366  }
1367   
1368  .permissions-category li {
1369      display: inline;
1370      margin: 0;
1371      padding: 0;
1372      font-size: 1em;
1373      font-weight: bold;
1374  }
1375   
1376  .permissions-category a {
1377      float: left;
1378      background: url("../images/bg_tabs_alt1.gif") no-repeat 0% -35px;
1379      margin: 0 1px 0 0;
1380      padding: 0 0 0 6px;
1381      text-decoration: none;
1382      position: relative;
1383  }
1384   
1385  .rtl .permissions-category a {
1386      float: right;
1387  }
1388   
1389  .permissions-category a span.tabbg {
1390      float: left;
1391      display: block;
1392      background: url("../images/bg_tabs_alt2.gif") no-repeat 100% -35px;
1393      padding: 7px 12px 6px 6px;
1394      color: #536482;
1395      white-space: nowrap;
1396  }
1397   
1398  .rtl .permissions-category a span.tabbg {
1399      float: right;
1400  }
1401   
1402  /* Commented Backslash Hack hides rule from IE5-Mac \*/
1403  .permissions-category a span.tabbg, .rtl .permissions-category a span.tabbg { float: none;}
1404  /* End hack */
1405   
1406  .permissions-category a:hover span.tabbg {
1407      color: #DD6900;
1408  }
1409   
1410  .permissions-category .activetab a {
1411      background-position: 0 0;
1412  }
1413   
1414  .permissions-category .activetab a span.tabbg {
1415      background-position: 100% 0;
1416      padding-bottom: 7px;
1417      color: #333333;
1418  }
1419   
1420  .permissions-category a:hover {
1421      background-position: 0 -70px;
1422  }
1423   
1424  .permissions-category a:hover span.tabbg {
1425      background-position: 100% -70px;
1426  }
1427   
1428  .permissions-category .activetab a:hover span.tabbg {
1429      color: #333333;
1430      background-position: 100% 0;
1431  }
1432   
1433  .permissions-category .activetab a:hover {
1434      background-position: 0 0;
1435  }
1436   
1437  .permissions-category a span.colour {
1438      border: 1px solid #536482;
1439      display: block;
1440      float: left;
1441      width: 10px;
1442      height: 10px;
1443      margin: 0 5px 0 0;
1444  }
1445   
1446  /* 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
1447  .rtl .permissions-category a span.colour {
1448      float: right;
1449      margin: 0 0 0 5px;
1450  }
1451  */
1452   
1453  .permissions-category .activetab span.colour {
1454      border-color: #333333;
1455  }
1456   
1457  .permissions-category a:hover span.colour {
1458      border-color: #DD6900;
1459  }
1460   
1461  .permissions-category .activetab a:hover span.colour {
1462      border-color: #333333;
1463  }
1464   
1465  /* Permission preset colours */
1466  .permissions-preset-yes span.colour,
1467  .yes {
1468      background-color: #86F786;
1469  }
1470   
1471  .permissions-preset-custom span.colour {
1472      background-color: #B2BBDD;
1473  }
1474   
1475  .permissions-preset-never span.colour {
1476      background-color: #DD0000;
1477  }
1478   
1479  .permissions-preset-no span.colour,
1480  .never {
1481      background-color: #EFB0B2;
1482  }
1483   
1484  /* Permission panel
1485  ---------------------------------------- */
1486  .permissions-panel {
1487      float: left;
1488      background-color: #CADCEB;
1489      width: 100%;
1490  }
1491   
1492  .rtl .permissions-panel {
1493      float: right;
1494  }
1495   
1496  .permissions-panel span.corners-top {
1497      background-image: url("../images/corners_left2.gif");
1498  }
1499   
1500  .permissions-panel span.corners-top span {
1501      background-image: url("../images/corners_right2.gif");
1502  }
1503   
1504  .permissions-panel span.corners-bottom {
1505      background-image: url("../images/corners_left2.gif");
1506  }
1507   
1508  .permissions-panel span.corners-bottom span {
1509      background-image: url("../images/corners_right2.gif");
1510  }
1511   
1512  .permissions-panel span.corners-top, .permissions-panel span.corners-bottom, 
1513  .permissions-panel span.corners-top span, .permissions-panel span.corners-bottom span {
1514      font-size: 1px;
1515      line-height: 1px;
1516      display: block;
1517      height: 5px;
1518      background-repeat: no-repeat;
1519  }
1520   
1521  .permissions-panel span.corners-top {
1522      background-image: url("../images/corners_left2.gif");
1523      background-position: 0 0;
1524      margin: 0 0;
1525  }
1526   
1527  .permissions-panel span.corners-top span {
1528      background-image: url("../images/corners_right2.gif");
1529      background-position: 100% 0;
1530  }
1531   
1532  .permissions-panel span.corners-bottom {
1533      background-image: url("../images/corners_left2.gif");
1534      background-position: 0 100%;
1535      margin: 0 0;
1536      clear: both;
1537  }
1538   
1539  .permissions-panel span.corners-bottom span {
1540      background-image: url("../images/corners_right2.gif");
1541      background-position: 100% 100%;
1542  }
1543   
1544  /* Permission table
1545  ---------------------------------------- */
1546  .permissions-panel .tablewrap {
1547      margin: 0 10px;
1548  }
1549   
1550  .permissions-panel table {
1551      width: 100%;
1552  }
1553   
1554  .permissions-panel th {
1555      text-transform: none;
1556  }
1557   
1558  .permissions-panel th.value {
1559      text-align: center;
1560  }
1561   
1562  .permissions-panel th.name {
1563      text-align: left;
1564      width: auto;
1565      text-transform: none;
1566  }
1567   
1568  .rtl .permissions-panel th.name {
1569      text-align: right;
1570  }
1571   
1572  .permissions-panel th.permissions-name {
1573      border: none;
1574      color: #536482;
1575      font-weight: normal;
1576  }
1577   
1578  .permissions-panel th.permissions-name a.trace {
1579      display: inline;
1580  }
1581   
1582  .permissions-panel th.row3 {
1583      background-image: none;
1584      background-color: #D1D7DC;
1585      color: #536482;
1586      border: none;
1587  }
1588   
1589  .permissions-panel th.row4 {
1590      background-image: none;    
1591      background-color: #E4E8EB;
1592      color: #536482;
1593      border: none;
1594  }
1595   
1596  .permissions-panel th a:link, .permissions-panel th a:hover, .permissions-panel th a:visited {
1597      display: block;
1598      color: #FFFFFF; 
1599      text-decoration: underline; 
1600  }
1601   
1602  .permissions-panel td.permissions-yes label:hover {
1603      background-color: #86F786;
1604  }
1605   
1606  .permissions-panel td.permissions-no label:hover {
1607      background-color: #EFB0B2;
1608  }
1609   
1610  .permissions-panel td.permissions-never label:hover {
1611      background-color: #DD0000;
1612  }
1613   
1614  .permissions-panel td {
1615      padding: 0;
1616      text-align: center;
1617      width: 10%;
1618  }
1619   
1620  .permissions-panel td label {
1621      display: block;
1622      margin: 0;
1623      padding: 0;
1624  }
1625   
1626  /* Classes for additional tasks
1627  ---------------------------------------- */
1628   
1629  .phpinfo {
1630      overflow: auto;
1631      width: 99%;
1632      direction: ltr;
1633  }
1634   
1635  .phpinfo td, .phpinfo th, .phpinfo h2, .phpinfo h1 {
1636      text-align: left;
1637  }
1638