source: trunk/forum/adm/style/admin.css

Last change on this file was 702, checked in by george, 15 years ago
  • Upraveno: Aktualizace fóra.
File size: 27.8 KB
Line 
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
17body, div, p, th, td, li, dd {
18 font-size: x-small;
19 voice-family: "\"}\"";
20 voice-family: inherit;
21 font-size: small
22}
23
24html>body, html>div, html>p, html>th, html>td, html>li, html>dd {
25 font-size: small
26}
27
28html {
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
36body {
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
45img {
46 border: 0;
47}
48
49h1 {
50 font-family: "Trebuchet MS", Helvetica, sans-serif;
51 font-size: 1.70em;
52 font-weight: normal;
53 color: #333333;
54}
55
56h2, 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
69h3, 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
77p {
78 margin-bottom: 0.7em;
79 line-height: 1.40em;
80 font-size: 0.90em;
81}
82
83ul {
84 list-style: disc;
85 margin: 0 0 1em 2em;
86}
87
88.rtl ul {
89 margin: 0 2em 1em 0;
90}
91
92hr {
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 */
105a:link, a:visited {
106 color: #105289;
107 text-decoration: none;
108}
109
110a:hover {
111 color: #BC2A4D;
112 text-decoration: underline;
113}
114
115a:active {
116 color: #368AD2;
117 text-decoration: none;
118}
119
120.install-body p a {
121 font-weight: bold;
122}
123
124/* List items */
125ul, ol {
126 list-style-position: inside;
127 margin-left: 1em;
128}
129
130li {
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.gif") top left no-repeat;
146 height: 49px;
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.gif") 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
318span.corners-top, span.corners-bottom,
319span.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
327span.corners-top {
328 background-image: url("../images/corners_left.gif");
329 background-position: 0 0;
330 margin: -4px -2px 0;
331}
332
333span.corners-top span {
334 background-image: url("../images/corners_right.gif");
335 background-position: 100% 0;
336}
337
338span.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
345span.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
499table {
500 width: 100%;
501 border: 1px solid #CCCFD3;
502 background-color: #FFFFFF;
503 padding: 1px;
504}
505
506th {
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
517td {
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
528table.type2 {
529 border: none;
530 background: none;
531 padding: 0;
532}
533
534table.type2 th {
535 background: none;
536 border-top: none;
537 text-align: center;
538 color: #115098;
539 padding: 2px 0;
540}
541
542table.type2 td {
543 padding: 0;
544 font-size: 1em;
545}
546
547table.type2 td.name {
548 padding: 2px;
549 vertical-align: middle;
550}
551
552table.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
564table.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
575table.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
590table.type3 td {
591 text-align: center;
592 padding: 1px;
593}
594
595th.name {
596 text-align: left;
597 width: auto;
598}
599
600.rtl th.name {
601 text-align: right;
602}
603
604td.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----------------------------------------*/
637fieldset {
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
659fieldset p {
660 font-size: 0.85em;
661}
662
663legend {
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: 0;
674 vertical-align: middle;
675}
676
677/* Hide from macIE \*/
678legend { top: -1.2em; }
679/* end */
680
681* html legend {
682 margin: 0 0 -10px -7px;
683 line-height: 1em;
684 font-size: .85em;
685}
686
687/* Holly hack, .rtl comes after html */
688* html .rtl legend {
689 margin: 0;
690 margin-right: -7px;
691}
692
693input, textarea {
694 font-family: Verdana, Helvetica, Arial, sans-serif;
695 font-size: 0.90em;
696 font-weight: normal;
697 cursor: text;
698 vertical-align: middle;
699 padding: 2px;
700 color: #111111;
701 border-left: 1px solid #AFAEAA;
702 border-top: 1px solid #AFAEAA;
703 border-right: 1px solid #D5D5C8;
704 border-bottom: 1px solid #D5D5C8;
705 background-color: #E3DFD8;
706}
707
708.rtl input, .rtl textarea {
709 border-left: 1px solid #D5D5C8;
710 border-top: 1px solid #AFAEAA;
711 border-right: 1px solid #AFAEAA;
712 border-bottom: 1px solid #D5D5C8;
713}
714
715input:hover, textarea:hover {
716 border-left: 1px solid #AFAEAA;
717 border-top: 1px solid #AFAEAA;
718 border-right: 1px solid #AFAEAA;
719 border-bottom: 1px solid #AFAEAA;
720 background-color: #E9E9E2;
721}
722
723input.langvalue, textarea.langvalue {
724 width: 90%;
725}
726
727optgroup, select {
728 font-family: Verdana, Helvetica, Arial, sans-serif;
729 font-size: 0.85em;
730 font-weight: normal;
731 font-style: normal;
732 cursor: pointer;
733 vertical-align: middle;
734 width: auto;
735 color: #000;
736}
737
738optgroup {
739 font-size: 1.00em;
740 font-weight: bold;
741}
742
743optgroup.disabled-options {
744 display: none;
745 background-color: gray;
746}
747
748option {
749 padding: 0 1em 0 0;
750 color: #000;
751}
752
753option.disabled-option {
754 color: graytext;
755}
756
757.rtl option {
758 padding: 0 0 0 1em;
759}
760
761.sep {
762 font-weight: bold;
763}
764
765.username-coloured {
766 font-weight: bold;
767}
768
769textarea {
770 font-family: Verdana, Helvetica, Arial, sans-serif;
771 font-size: 0.85em;
772 width: 60%;
773 padding: 2px;
774}
775
776label {
777 cursor: pointer;
778 font-size: 0.85em;
779 padding: 0 5px 0 0;
780}
781
782.rtl label {
783 padding: 0 0 0 5px;
784}
785
786label input {
787 font-size: 1.00em;
788 vertical-align: middle;
789}
790
791label img {
792 vertical-align: middle;
793}
794
795fieldset.quick, p.quick {
796 margin: 0 0 5px;
797 padding: 5px 0 0;
798 border: none;
799 background-color: transparent;
800 text-align: right;
801}
802
803.rtl fieldset.quick, .rtl p.quick {
804 text-align: left;
805}
806
807fieldset.quick legend {
808 display: none;
809}
810
811fieldset.tabulated {
812 background: none;
813 margin: 0;
814 padding: 0;
815 padding-top: 5px;
816 border: 0;
817}
818
819fieldset.tabulated legend {
820 display: none;
821}
822
823fieldset.nobg {
824 margin: 15px 0 0 0;
825 padding: 0;
826 border: none;
827 background-color: transparent;
828}
829
830fieldset.display-options {
831 margin: 15px 0 2px 0;
832 padding: 0 0 4px 0;
833 border: none;
834 background-color: transparent;
835 text-align: center;
836 font-size: 0.75em;
837}
838
839fieldset.display-options select, fieldset.display-options input, fieldset.display-options label {
840 font-size: 1.00em;
841 vertical-align: middle;
842}
843
844select option.disabled {
845 background-color: #bbb;
846 color: #fff;
847}
848
849/* Special case inputs */
850select#board_timezone,
851select#full_folder_action {
852 width: 95%;
853}
854
855/* Definition list layout for forms
856 Other general def. list properties defined in prosilver_main.css
857---------------------------------------- */
858dl {
859 font-family: Verdana, Helvetica, Arial, sans-serif;
860 font-size: 1.00em;
861}
862
863dt {
864 float: left;
865 width: auto;
866}
867
868.rtl dt {
869 float: right;
870}
871
872dd { color: #666666;}
873dd + dd { padding-top: 5px;}
874dt span { padding: 0 5px 0 0;}
875.rtl dt span { padding: 0 0 0 5px;}
876
877dt .explain { font-style: italic;}
878
879dt label {
880 font-size: 1.00em;
881 text-align: left;
882 font-weight: bold;
883 color: #4A5A73;
884}
885
886.rtl dt label {
887 text-align: right;
888}
889
890dd label {
891 font-size: 1.00em;
892 white-space: nowrap;
893 margin: 0 10px 0 0;
894 color: #4A5A73;
895}
896
897.rtl dd label {
898 margin: 0 0 0 10px;
899}
900
901html>body dd label input { vertical-align: text-bottom;} /* Tweak for Moz to align checkboxes/radio buttons nicely */
902
903dd input {
904 font-size: 1.00em;
905 max-width: 100%;
906}
907
908dd select {
909 font-size: 100%;
910 width: auto;
911 max-width: 100%;
912}
913
914dd textarea {
915 font-size: 0.90em;
916 width: 90%;
917}
918
919dd select {
920 width: auto;
921 font-size: 1.00em;
922}
923
924fieldset dl {
925 margin-bottom: 10px;
926 font-size: 0.85em;
927}
928
929fieldset dt {
930 width: 45%;
931 text-align: left;
932 border: none;
933 border-right: 1px solid #CCCCCC;
934 padding-top: 3px;
935}
936
937.rtl fieldset dt {
938 text-align: right;
939 border: none;
940 border-left: 1px solid #CCCCCC;
941}
942
943fieldset dd {
944 margin: 0 0 0 45%;
945 padding: 0 0 0 5px;
946 border: none;
947 border-left: 1px solid #CCCCCC;
948 vertical-align: top;
949 font-size: 1.00em;
950}
951
952.rtl fieldset dd {
953 margin: 0 45% 0 0;
954 padding: 0 5px 0 0;
955 border: none;
956 border-right: 1px solid #CCCCCC;
957}
958
959dd.full, .rtl dd.full {
960 margin: 0;
961 border: 0;
962 padding: 0;
963 padding-top: 3px;
964 text-align: center;
965 width: 95%;
966}
967
968/* Hover highlights for form rows */
969fieldset dl:hover dt, fieldset dl:hover dd {
970 border-color: #666666;
971}
972
973fieldset dl:hover dt label {
974 color: #000000;
975}
976
977fieldset dl dd label:hover {
978 color: #BC2A4D;
979}
980
981input:focus, textarea:focus {
982 border: 1px solid #BC2A4D;
983 background-color: #E9E9E2;
984 color: #BC2A4D;
985}
986
987/* Submit button fieldset or paragraph
988---------------------------------------- */
989fieldset.submit-buttons {
990 text-align: center;
991 border: none;
992 background-color: transparent;
993 margin: 0;
994 padding: 4px;
995 margin-top: -1px;
996}
997
998p.submit-buttons {
999 text-align: center;
1000 margin: 0;
1001 padding: 4px;
1002 margin-top: 10px;
1003}
1004
1005fieldset.submit-buttons input, p.submit-buttons input {
1006 padding: 3px 2px;
1007}
1008
1009fieldset.submit-buttons legend {
1010 display: none;
1011}
1012
1013/* Input field styles
1014---------------------------------------- */
1015
1016input.radio, input.permissions-checkbox {
1017 width: auto !important;
1018 background-color: transparent;
1019 border: none;
1020 cursor: default;
1021}
1022
1023input.full,
1024textarea.full {
1025 width: 99%;
1026}
1027
1028* html input.full, * html textarea.full { width: 95%;}
1029input.medium { width: 50%;}
1030input.narrow { width: 25%;}
1031input.tiny { width: 10%;}
1032input.autowidth { width: auto !important;}
1033.box2 .inputbox { background-color: #E9E9E9;}
1034
1035/* Form button styles
1036---------------------------------------- */
1037a.button1, input.button1, input.button3,
1038a.button2, input.button2 {
1039 width: auto !important;
1040 padding: 1px 3px 0 3px;
1041 font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
1042 color: #000;
1043 font-size: 0.85em;
1044 background: #EFEFEF url("../images/bg_button.gif") repeat-x top;
1045 cursor: pointer;
1046}
1047
1048a.button1, input.button1 {
1049 font-weight: bold;
1050 border: 1px solid #666666;
1051}
1052
1053/* Alternative button */
1054a.button2, input.button2 {
1055 border: 1px solid #666666;
1056}
1057
1058/* <a> button in the style of the form buttons */
1059a.button1, a.button1:link, a.button1:visited, a.button1:active,
1060a.button2, a.button2:link, a.button2:visited, a.button2:active {
1061 text-decoration: none;
1062 color: #000000;
1063 padding: 4px 8px;
1064}
1065
1066/* Hover states */
1067a.button1:hover, input.button1:hover,
1068a.button2:hover, input.button2:hover {
1069 border: 1px solid #BC2A4D;
1070 background: #EFEFEF url("../images/bg_button.gif") repeat bottom;
1071 color: #BC2A4D;
1072}
1073
1074input.disabled {
1075 font-weight: normal;
1076 color: #666666;
1077}
1078
1079/* Pagination
1080---------------------------------------- */
1081.pagination {
1082 height: 1%; /* IE tweak (holly hack) */
1083 width: auto;
1084 text-align: right;
1085 margin-top: 5px;
1086 font-size: 0.85em;
1087 padding-bottom: 2px;
1088}
1089
1090.rtl .pagination {
1091 text-align: left;
1092}
1093
1094.pagination strong,
1095.pagination b {
1096 font-weight: normal;
1097}
1098
1099.pagination span.page-sep {
1100 display:none;
1101}
1102
1103.pagination span strong {
1104 padding: 0 2px;
1105 margin: 0 2px;
1106 font-weight: normal;
1107 font-size: 0.85em;
1108 color: #FFFFFF;
1109 background: #4692BF;
1110 border: 1px solid #4692BF;
1111}
1112
1113.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
1114 font-weight: normal;
1115 font-size: 0.85em;
1116 text-decoration: none;
1117 color: #5C758C;
1118 margin: 0 2px;
1119 padding: 0 2px;
1120 background: #ECEDEE;
1121 border: 1px solid #B4BAC0;
1122}
1123
1124.pagination span a:hover {
1125 border-color: #368AD2;
1126 background: #368AD2;
1127 color: #FFFFFF;
1128 text-decoration: none;
1129}
1130
1131.pagination img {
1132 vertical-align: middle;
1133}
1134
1135
1136/* Action Highlighting
1137---------------------------------------- */
1138.successbox, .errorbox {
1139 padding: 8px;
1140 margin: 10px 0;
1141 color: #FFFFFF;
1142 text-align: center;
1143}
1144
1145.success {
1146 color: #228822;
1147}
1148
1149.error {
1150 color: #BC2A4D;
1151}
1152
1153.successbox {
1154 background-color: #228822;
1155}
1156
1157.errorbox {
1158 background-color: #BC2A4D;
1159}
1160
1161* html .errorbox, * html .successbox { height: 1%; } /* Pixel shift fix for IE */
1162
1163.successbox h3, .errorbox h3 {
1164 color: #FFFFFF;
1165 margin: 0 0 0.5em;
1166 font-size: 1.10em;
1167 font-family: "Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
1168}
1169
1170.successbox p, .errorbox p {
1171 color: #FFFFFF;
1172 font-size: 0.85em;
1173 margin-bottom: 0;
1174}
1175
1176.errorbox a:link, .errorbox a:active, .errorbox a:visited,
1177.successbox a:link, .successbox a:active, .successbox a:visited {
1178 color: #DBD7D1;
1179 text-decoration: underline;
1180 font-weight: bold;
1181}
1182
1183.errorbox a:hover, .successbox a:hover {
1184 color: #FFFFFF;
1185 text-decoration: none;
1186 font-weight: bold;
1187}
1188
1189.notice {
1190 background-color: #62A5CC;
1191}
1192
1193/* Special cases for the error page */
1194#errorpage #page-header a {
1195 font-weight: bold;
1196 line-height: 6em;
1197}
1198
1199#errorpage #content {
1200 padding-top: 10px;
1201}
1202
1203#errorpage #content h1 {
1204 color: #DF075C;
1205}
1206
1207#errorpage #content h2 {
1208 margin-top: 20px;
1209 margin-bottom: 5px;
1210 border-bottom: 1px solid #CCCCCC;
1211 padding-bottom: 5px;
1212 color: #333333;
1213}
1214
1215/* Tooltip for permission roles */
1216.tooltip {
1217 width: 200px;
1218 color: #000;
1219 text-align: center;
1220 border: 1px solid #AAA;
1221}
1222
1223.tooltip span.top {
1224 background: #EFEFEF;
1225 font-weight: bold;
1226 padding: 2px;
1227}
1228
1229.tooltip span.bottom {
1230 padding: 5px;
1231 color: #000000;
1232 background: #FFFFFF;
1233}
1234
1235/*
1236 Format Buttons for signature editor
1237*/
1238#format-buttons {
1239 margin: 15px 0 2px 0;
1240}
1241
1242#format-buttons input, #format-buttons select {
1243 vertical-align: middle;
1244}
1245
1246/* Nice method for clearing floated blocks without having to insert any extra markup
1247 From http://www.positioniseverything.net/easyclearing.html
1248.clearfix:after, #tabs:after, .row:after, #content:after, fieldset dl:after, #page-body:after {
1249 content: ".";
1250 display: block;
1251 height: 0;
1252 clear: both;
1253 visibility: hidden;
1254}*/
1255
1256.clearfix, #tabs, .row, #content, fieldset dl, #page-body {
1257 height: 1%;
1258 overflow: hidden;
1259}
1260
1261/* Syntax Highlighting
1262---------------------------------------- */
1263.sourcenum {
1264 color: gray;
1265 font-family: Monaco, 'Courier New', monospace;
1266 font-size: 1.25em;
1267 font-weight: bold;
1268 line-height: 1.20em;
1269 text-align: right;
1270 padding: 0;
1271}
1272
1273.rtl .sourcenum {
1274 text-align: left;
1275}
1276
1277.source {
1278 font-family: Monaco, 'Courier New', monospace;
1279 font-size: 1.25em;
1280 line-height: 1.20em;
1281 padding: 0;
1282}
1283
1284.syntaxbg {
1285 color: #FFFFFF;
1286}
1287
1288.syntaxcomment {
1289 color: #FF8000;
1290}
1291
1292.syntaxdefault {
1293 color: #0000BB;
1294}
1295
1296.syntaxhtml {
1297 color: #000000;
1298}
1299
1300.syntaxkeyword {
1301 color: #007700;
1302}
1303
1304.syntaxstring {
1305 color: #DD0000;
1306}
1307
1308/* Permission interface
1309---------------------------------------- */
1310
1311fieldset.permissions legend {
1312 text-transform: none;
1313}
1314
1315fieldset.permissions legend input{
1316 height: 1.1em;
1317}
1318
1319/* Permission sections */
1320fieldset.permissions .permissions-simple {
1321 text-align: left;
1322 padding-top: 3px;
1323}
1324
1325.rtl fieldset.permissions .permissions-simple {
1326 text-align: right;
1327}
1328
1329fieldset.permissions .permissions-advanced {
1330 padding: 10px 0 0 5px;
1331 vertical-align: top;
1332 clear: right;
1333}
1334
1335.rtl fieldset.permissions .permissions-advanced {
1336 padding: 10px 5px 0 0;
1337 clear: left;
1338}
1339
1340fieldset.permissions .permissions-switch {
1341 float: right;
1342}
1343
1344.rtl fieldset.permissions .permissions-switch {
1345 float: left;
1346}
1347
1348fieldset.permissions .padding {
1349}
1350
1351.permissions-switch {
1352 margin-top: -6px;
1353 font-size: .9em;
1354}
1355
1356.permissions-switch a {
1357 text-decoration: underline;
1358}
1359
1360.permissions-reset {
1361 padding-bottom: 10px;
1362}
1363
1364.permissions-reset a {
1365 font-size: .85em;
1366}
1367
1368/* Tabbed menu */
1369.permissions-category {
1370 line-height: normal;
1371 margin: 0 0 -1px 7px;
1372 min-width: 570px;
1373 font-size: 0.85em;
1374}
1375
1376.rtl .permissions-category {
1377 margin: 0 7px -1px 0;
1378}
1379
1380.permissions-category ul {
1381 margin: 0;
1382 padding: 0;
1383 list-style: none;
1384}
1385
1386.permissions-category li {
1387 display: inline;
1388 margin: 0;
1389 padding: 0;
1390 font-size: 1em;
1391 font-weight: bold;
1392}
1393
1394.permissions-category a {
1395 float: left;
1396 background: url("../images/bg_tabs_alt1.gif") no-repeat 0% -35px;
1397 margin: 0 1px 0 0;
1398 padding: 0 0 0 6px;
1399 text-decoration: none;
1400 position: relative;
1401}
1402
1403.rtl .permissions-category a {
1404 float: right;
1405}
1406
1407.permissions-category a span.tabbg {
1408 float: left;
1409 display: block;
1410 background: url("../images/bg_tabs_alt2.gif") no-repeat 100% -35px;
1411 padding: 7px 12px 6px 6px;
1412 color: #536482;
1413 white-space: nowrap;
1414}
1415
1416.rtl .permissions-category a span.tabbg {
1417 float: right;
1418}
1419
1420/* Commented Backslash Hack hides rule from IE5-Mac \*/
1421.permissions-category a span.tabbg, .rtl .permissions-category a span.tabbg { float: none;}
1422/* End hack */
1423
1424.permissions-category a:hover span.tabbg {
1425 color: #DD6900;
1426}
1427
1428.permissions-category .activetab a {
1429 background-position: 0 0;
1430}
1431
1432.permissions-category .activetab a span.tabbg {
1433 background-position: 100% 0;
1434 padding-bottom: 7px;
1435 color: #333333;
1436}
1437
1438.permissions-category a:hover {
1439 background-position: 0 -70px;
1440}
1441
1442.permissions-category a:hover span.tabbg {
1443 background-position: 100% -70px;
1444}
1445
1446.permissions-category .activetab a:hover span.tabbg {
1447 color: #333333;
1448 background-position: 100% 0;
1449}
1450
1451.permissions-category .activetab a:hover {
1452 background-position: 0 0;
1453}
1454
1455.permissions-category a span.colour {
1456 border: 1px solid #536482;
1457 display: block;
1458 float: left;
1459 width: 10px;
1460 height: 10px;
1461 margin: 0 5px 0 0;
1462}
1463
1464/* 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
1465.rtl .permissions-category a span.colour {
1466 float: right;
1467 margin: 0 0 0 5px;
1468}
1469*/
1470
1471.permissions-category .activetab span.colour {
1472 border-color: #333333;
1473}
1474
1475.permissions-category a:hover span.colour {
1476 border-color: #DD6900;
1477}
1478
1479.permissions-category .activetab a:hover span.colour {
1480 border-color: #333333;
1481}
1482
1483/* Permission preset colours */
1484.permissions-preset-yes span.colour,
1485.yes {
1486 background-color: #86F786;
1487}
1488
1489.permissions-preset-custom span.colour {
1490 background-color: #B2BBDD;
1491}
1492
1493.permissions-preset-never span.colour {
1494 background-color: #DD0000;
1495}
1496
1497.permissions-preset-no span.colour,
1498.never {
1499 background-color: #EFB0B2;
1500}
1501
1502/* Permission panel
1503---------------------------------------- */
1504.permissions-panel {
1505 float: left;
1506 background-color: #CADCEB;
1507 width: 100%;
1508}
1509
1510.rtl .permissions-panel {
1511 float: right;
1512}
1513
1514.permissions-panel span.corners-top {
1515 background-image: url("../images/corners_left2.gif");
1516}
1517
1518.permissions-panel span.corners-top span {
1519 background-image: url("../images/corners_right2.gif");
1520}
1521
1522.permissions-panel span.corners-bottom {
1523 background-image: url("../images/corners_left2.gif");
1524}
1525
1526.permissions-panel span.corners-bottom span {
1527 background-image: url("../images/corners_right2.gif");
1528}
1529
1530.permissions-panel span.corners-top, .permissions-panel span.corners-bottom,
1531.permissions-panel span.corners-top span, .permissions-panel span.corners-bottom span {
1532 font-size: 1px;
1533 line-height: 1px;
1534 display: block;
1535 height: 5px;
1536 background-repeat: no-repeat;
1537}
1538
1539.permissions-panel span.corners-top {
1540 background-image: url("../images/corners_left2.gif");
1541 background-position: 0 0;
1542 margin: 0 0;
1543}
1544
1545.permissions-panel span.corners-top span {
1546 background-image: url("../images/corners_right2.gif");
1547 background-position: 100% 0;
1548}
1549
1550.permissions-panel span.corners-bottom {
1551 background-image: url("../images/corners_left2.gif");
1552 background-position: 0 100%;
1553 margin: 0 0;
1554 clear: both;
1555}
1556
1557.permissions-panel span.corners-bottom span {
1558 background-image: url("../images/corners_right2.gif");
1559 background-position: 100% 100%;
1560}
1561
1562/* Permission table
1563---------------------------------------- */
1564.permissions-panel .tablewrap {
1565 margin: 0 10px;
1566}
1567
1568.permissions-panel table {
1569 width: 100%;
1570}
1571
1572.permissions-panel th {
1573 text-transform: none;
1574}
1575
1576.permissions-panel th.value {
1577 text-align: center;
1578}
1579
1580.permissions-panel th.name {
1581 text-align: left;
1582 width: auto;
1583 text-transform: none;
1584}
1585
1586.rtl .permissions-panel th.name {
1587 text-align: right;
1588}
1589
1590.permissions-panel th.permissions-name {
1591 border: none;
1592 color: #536482;
1593 font-weight: normal;
1594}
1595
1596.permissions-panel th.permissions-name a.trace {
1597 display: inline;
1598}
1599
1600.permissions-panel th.row3 {
1601 background-image: none;
1602 background-color: #D1D7DC;
1603 color: #536482;
1604 border: none;
1605}
1606
1607.permissions-panel th.row4 {
1608 background-image: none;
1609 background-color: #E4E8EB;
1610 color: #536482;
1611 border: none;
1612}
1613
1614.permissions-panel th a:link, .permissions-panel th a:hover, .permissions-panel th a:visited {
1615 display: block;
1616 color: #FFFFFF;
1617 text-decoration: underline;
1618}
1619
1620.permissions-panel td.permissions-yes label:hover {
1621 background-color: #86F786;
1622}
1623
1624.permissions-panel td.permissions-no label:hover {
1625 background-color: #EFB0B2;
1626}
1627
1628.permissions-panel td.permissions-never label:hover {
1629 background-color: #DD0000;
1630}
1631
1632.permissions-panel td {
1633 padding: 0;
1634 text-align: center;
1635 width: 10%;
1636}
1637
1638.permissions-panel td label {
1639 display: block;
1640 margin: 0;
1641 padding: 0;
1642}
1643
1644/* Classes for additional tasks
1645---------------------------------------- */
1646
1647.phpinfo {
1648 overflow: auto;
1649 width: 99%;
1650 direction: ltr;
1651}
1652
1653.phpinfo td, .phpinfo th, .phpinfo h2, .phpinfo h1 {
1654 text-align: left;
1655}
Note: See TracBrowser for help on using the repository browser.