Mercurial > repos > phpBB-MODs > Multi_Race_Rank_Themes

comparison root/umil/style/style.css @ 34:b42dcaaed003

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