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. |
|
(Beispiel Datei-Icons)
|
Auf das Icon klicken um den Quellcode anzuzeigen |
admin.css
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