Rev Author Line No. Line
250 kaklik 1 <?php
2 // unplanned execution path
3 if (!defined('PMA_MINIMUM_COMMON')) {
4 exit();
5 }
6 ?>
7 /******************************************************************************/
8 /* general tags */
9 body {
10 font-family: Verdana, Arial, Helvetica, sans-serif;
11 font-size: 12px;
12 color: #000000;
13 background-color: #ffffff;
14 margin: 5px;
15 }
16  
17 /* gecko FIX, font size is not correctly assigned to all child elements */
18 body * {
19 font-family: inherit;
20 font-size: inherit;
21 }
22  
23 h1 {
24 font-size: 180%;
25 font-weight: bold;
26 }
27  
28 h2 {
29 font-size: 130%;
30 font-weight: bold;
31 }
32  
33 h3 {
34 font-size: 120%;
35 font-weight: bold;
36 }
37  
38 pre, tt, code {
39 font-size: 110%;
40 }
41  
42 a:link,
43 a:visited,
44 a:active {
45 text-decoration: none;
46 color: #333399;
47  
48 }
49  
50 a:hover {
51 text-decoration: underline;
52 color: #cc0000;
53 }
54  
55 dfn {
56 font-style: normal;
57 }
58  
59 dfn:hover {
60 font-style: normal;
61 cursor: help;
62 }
63  
64 th {
65 font-weight: bold;
66 color: #000000;
67 background-color: #ff9900;
68 background-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/darkblue_orange/img/tbl_th.png);
69 background-repeat: repeat-x;
70 background-position: top;
71 height: 18px;
72 }
73  
74 th a:link,
75 th a:active,
76 th a:visited {
77 color: #000000;
78 text-decoration: underline;
79 }
80  
81 th a:hover {
82 color: #666666;
83 text-decoration: none;
84 }
85  
86 a img {
87 border: 0;
88 }
89  
90 hr {
91 color: #666699;
92 background-color: #6666cc;
93 border: 0;
94 height: 1px;
95 }
96  
97 form {
98 padding: 0;
99 margin: 0;
100 }
101  
102 textarea {
103 overflow: visible;
104 height: 8em;
105 }
106  
107 fieldset {
108 margin-top: 1em;
109 border: #666699 solid 1px;
110 padding: 0.5em;
111 }
112  
113 fieldset fieldset {
114 margin: 0.8em;
115 }
116  
117 fieldset legend {
118 color: #666699;
119 font-weight: bold;
120 background-color: #ffffff;
121 padding: 2px 2px 2px 2px;
122 }
123  
124 /* buttons in some browsers (eg. Konqueror) are block elements,
125 this breaks design */
126 button {
127 display: inline;
128 }
129  
130 table caption,
131 table th,
132 table td {
133 padding: 0.1em 0.5em 0.1em 0.5em;
134 margin: 0.1em;
135 vertical-align: top;
136 }
137  
138 img,
139 input,
140 select,
141 button {
142 vertical-align: middle;
143 }
144  
145  
146 /******************************************************************************/
147 /* classes */
148  
149 fieldset.tblFooters {
150 margin-top: 0;
151 margin-bottom: 0.5em;
152 text-align: right;
153 float: none;
154 clear: both;
155 }
156  
157 fieldset .formelement {
158 float: left;
159 margin-right: 0.5em;
160 /* IE */
161 white-space: nowrap;
162 }
163  
164 /* revert for Gecko */
165 fieldset div[class=formelement] {
166 white-space: normal;
167 }
168  
169 button.mult_submit {
170 border: none;
171 background-color: transparent;
172 }
173  
174 /* odd table rows 1,3,5,7,... */
175 table tr.odd th,
176 table tr.odd {
177 background-image: none;
178 background-color: #E5E5E5;
179 text-align: left;
180 }
181  
182 /* even table rows 2,4,6,8,... */
183 table tr.even th,
184 table tr.even {
185 background-image: none;
186 background-color: #D5D5D5;
187 text-align: left;
188 }
189  
190 /* marked tbale rows */
191 table tr.marked th,
192 table tr.marked {
193 background-color: #FFCC99;
194 }
195  
196 /* hovered table rows */
197 table tr.odd:hover,
198 table tr.even:hover,
199 table tr.odd:hover th,
200 table tr.even:hover th,
201 table tr.hover th,
202 table tr.hover {
203 background-color: #CCFFCC;
204 }
205  
206 table .value {
207 text-align: right;
208 white-space: nowrap;
209 }
210 /* IE doesnt handles 'pre' right */
211 table [class=value] {
212 white-space: pre;
213 }
214  
215 .value {
216 font-family: "Courier New", Courier, monospace;
217 }
218 .value .attention {
219 color: red;
220 font-weight: bold;
221 }
222 .value .allfine {
223 color: green;
224 }
225  
226  
227 img.lightbulb {
228 cursor: pointer;
229 }
230  
231 .pdflayout {
232 overflow: hidden;
233 clip: inherit;
234 background-color: #FFFFFF;
235 display: none;
236 border: 1px solid #000000;
237 position: relative;
238 }
239  
240 .pdflayout_table {
241 background: #ff9900;
242 color: #000000;
243 overflow: hidden;
244 clip: inherit;
245 z-index: 2;
246 display: inline;
247 visibility: inherit;
248 cursor: move;
249 position: absolute;
250 font-size: 110%;
251 border: 1px dashed #000000;
252 }
253  
254 .print {
255 font-size: 8pt;
256 }
257  
258 /* MySQL Parser */
259 .syntax {
260 }
261  
262 .syntax_comment {
263 padding-left: 4pt;
264 padding-right: 4pt;
265 }
266  
267 .syntax_digit {
268 }
269  
270 .syntax_digit_hex {
271 }
272  
273 .syntax_digit_integer {
274 }
275  
276 .syntax_digit_float {
277 }
278  
279 .syntax_punct {
280 }
281  
282 .syntax_alpha {
283 }
284  
285 .syntax_alpha_columnType {
286 text-transform: uppercase;
287 }
288  
289 .syntax_alpha_columnAttrib {
290 text-transform: uppercase;
291 }
292  
293 .syntax_alpha_reservedWord {
294 text-transform: uppercase;
295 font-weight: bold;
296 }
297  
298 .syntax_alpha_functionName {
299 text-transform: uppercase;
300 }
301  
302 .syntax_alpha_identifier {
303 }
304  
305 .syntax_alpha_charset {
306 }
307  
308 .syntax_alpha_variable {
309 }
310  
311 .syntax_quote {
312 white-space: pre;
313 }
314  
315 .syntax_quote_backtick {
316 }
317  
318 /* leave some space between icons and text */
319 .icon {
320 vertical-align: middle;
321 margin-right: 0.3em;
322 margin-left: 0.3em;
323 }
324 /* no extra space in table cells */
325 td .icon {
326 margin: 0;
327 }
328  
329 .selectallarrow {
330 margin-<?php echo $right; ?>: 0.3em;
331 margin-<?php echo $left; ?>: 0.6em;
332 }
333  
334 /* message boxes: warning, error, confirmation */
335 .notice {
336 color: #000000;
337 background-color: #FFFFDD;
338 }
339 h1.notice,
340 div.notice {
341 margin: 0.5em 0 0.5em 0;
342 border: 0.1em solid #FFD700;
343 <?php if ( $GLOBALS['cfg']['ErrorIconic'] ) { ?>
344 background-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/darkblue_orange/img/s_notice.png);
345 background-repeat: no-repeat;
346 <?php if ( $GLOBALS['text_dir'] === 'ltr' ) { ?>
347 background-position: 10px 50%;
348 padding: 10px 10px 10px 36px;
349 <?php } else { ?>
350 background-position: 99% 50%;
351 padding: 10px 5% 10px 10px;
352 <?php } ?>
353 <?php } else { ?>
354 padding: 0.5em;
355 <?php } ?>
356 }
357 .notice h1 {
358 border-bottom: 0.1em solid #FFD700;
359 font-weight: bold;
360 text-align: <?php echo $left; ?>;
361 margin: 0 0 0.2em 0;
362 }
363  
364 .warning {
365 color: #CC0000;
366 background-color: #FFFFCC;
367 }
368 p.warning,
369 h1.warning,
370 div.warning {
371 margin: 0.5em 0 0.5em 0;
372 border: 0.1em solid #CC0000;
373 width: 90%;
374  
375 <?php if ( $GLOBALS['cfg']['ErrorIconic'] ) { ?>
376 background-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/darkblue_orange/img/s_warn.png);
377 background-repeat: no-repeat;
378 <?php if ( $GLOBALS['text_dir'] === 'ltr' ) { ?>
379 background-position: 10px 50%;
380 padding: 10px 10px 10px 36px;
381 <?php } else { ?>
382 background-position: 99% 50%;
383 padding: 10px 5% 10px 10px;
384 <?php } ?>
385 <?php } else { ?>
386 padding: 0.5em;
387 <?php } ?>
388 }
389 .warning h1 {
390 border-bottom: 0.1em solid #cc0000;
391 font-weight: bold;
392 text-align: <?php echo $left; ?>;
393 margin: 0 0 0.2em 0;
394 }
395  
396 .error {
397 background-color: #FFFFCC;
398 color: #ff0000;
399 }
400  
401 h1.error,
402 div.error {
403 margin: 0.5em 0 0.5em 0;
404 border: 0.1em solid #ff0000;
405 width: 90%;
406 <?php if ( $GLOBALS['cfg']['ErrorIconic'] ) { ?>
407 background-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/darkblue_orange/img/s_error.png);
408 background-repeat: no-repeat;
409 <?php if ( $GLOBALS['text_dir'] === 'ltr' ) { ?>
410 background-position: 10px 50%;
411 padding: 10px 10px 10px 36px;
412 <?php } else { ?>
413 background-position: 99% 50%;
414 padding: 10px 5% 10px 10px;
415 <?php } ?>
416 <?php } else { ?>
417 padding: 0.5em;
418 <?php } ?>
419 }
420 div.error h1 {
421 border-bottom: 0.1em solid #ff0000;
422 font-weight: bold;
423 text-align: <?php echo $left; ?>;
424 margin: 0 0 0.2em 0;
425 }
426  
427 .confirmation {
428 background-color: #FFFFCC;
429 }
430 fieldset.confirmation {
431 border: 0.1em solid #FF0000;
432 }
433 fieldset.confirmation legend {
434 border-left: 0.1em solid #FF0000;
435 border-right: 0.1em solid #FF0000;
436 font-weight: bold;
437 <?php if ( $GLOBALS['cfg']['ErrorIconic'] ) { ?>
438 background-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/darkblue_orange/img/s_really.png);
439 background-repeat: no-repeat;
440 <?php if ( $GLOBALS['text_dir'] === 'ltr' ) { ?>
441 background-position: 5px 50%;
442 padding: 0.2em 0.2em 0.2em 25px;
443 <?php } else { ?>
444 background-position: 97% 50%;
445 padding: 0.2em 25px 0.2em 0.2em;
446 <?php } ?>
447 <?php } ?>
448 }
449 /* end messageboxes */
450  
451  
452 .tblcomment {
453 font-weight: normal;
454 color: #000099;
455 }
456  
457 .tblHeaders {
458 font-weight: bold;
459 color: #ffffff;
460 background-color: #666699;
461 background-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/darkblue_orange/img/tbl_header.png);
462 background-repeat: repeat-x;
463 background-position: top;
464 height: 18px;
465 }
466  
467 .tblFooters {
468 font-weight: normal;
469 color: #ffffff;
470 background-color: #666699;
471 background-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/darkblue_orange/img/tbl_header.png);
472 background-repeat: repeat-x;
473 background-position: top;
474 }
475  
476 .tblHeaders a:link,
477 .tblHeaders a:active,
478 .tblHeaders a:visited,
479 .tblFooters a:link,
480 .tblFooters a:active,
481 .tblFooters a:visited {
482 color: #ffffcc;
483 text-decoration: underline;
484 }
485  
486 .tblHeaders a:hover,
487 .tblFooters a:hover {
488 text-decoration: none;
489 color: #ffffff;
490 }
491  
492 /* forbidden, no privilegs */
493 .noPrivileges {
494 color: #cc0000;
495 font-weight: bold;
496 }
497  
498 /* disabled text */
499 .disabled,
500 .disabled a:link,
501 .disabled a:active,
502 .disabled a:visited {
503 color: #666666;
504 }
505  
506 .disabled a:hover {
507 color: #666666;
508 text-decoration: none;
509 }
510  
511 tr.disabled td,
512 td.disabled {
513 background-color: #cccccc;
514 }
515  
516  
517 /******************************************************************************/
518 /* specific elements */
519  
520 /* topmenu */
521 ul#topmenu {
522 font-weight: bold;
523 list-style-type: none;
524 margin: 0;
525 padding: 0;
526 }
527  
528 ul#topmenu li {
529 float: left;
530 margin: 0;
531 padding: 0;
532 vertical-align: middle;
533 }
534  
535 #topmenu img {
536 vertical-align: middle;
537 margin-right: 0.1em;
538 }
539  
540 /* default tab styles */
541 .tab, .tabcaution, .tabactive {
542 display: block;
543 margin: 0.2em 0.2em 0 0.2em;
544 padding: 0.2em 0.2em 0 0.2em;
545 white-space: nowrap;
546 }
547  
548 /* disabled tabs */
549 span.tab {
550 color: #666666;
551 }
552  
553 /* disabled drop/empty tabs */
554 span.tabcaution {
555 color: #ff6666;
556 }
557  
558 /* enabled drop/empty tabs */
559 a.tabcaution {
560 color: FF0000;
561 }
562 a.tabcaution:hover {
563 color: #FFFFFF;
564 background-color: #FF0000;
565 }
566  
567 <?php if ( $GLOBALS['cfg']['LightTabs'] ) { ?>
568 /* active tab */
569 a.tabactive {
570 color: black;
571 }
572 <?php } else { ?>
573 #topmenu {
574 margin-top: 0.5em;
575 padding: 0.1em 0.3em 0.1em 0.3em;
576 }
577  
578 ul#topmenu li {
579 border-bottom: 1pt solid black;
580 }
581  
582 /* default tab styles */
583 .tab, .tabcaution, .tabactive {
584 background-color: <?php echo $GLOBALS['cfg']['BgcolorOne']; ?>;
585 border: 1pt solid <?php echo $GLOBALS['cfg']['BgcolorTwo']; ?>;
586 border-bottom: 0;
587 border-radius-topleft: 0.4em;
588 border-radius-topright: 0.4em;
589 -moz-border-radius-topleft: 0.4em;
590 -moz-border-radius-topright: 0.4em;
591 }
592  
593 /* enabled hover/active tabs */
594 a.tab:hover,
595 a.tabcaution:hover,
596 .tabactive,
597 .tabactive:hover {
598 margin: 0;
599 padding: 0.2em 0.4em 0.2em 0.4em;
600 text-decoration: none;
601 }
602  
603 a.tab:hover,
604 .tabactive {
605 background-color: <?php echo $GLOBALS['cfg']['BgcolorTwo']; ?>;
606 }
607  
608 /* disabled drop/empty tabs */
609 span.tab,
610 span.tabcaution {
611 cursor: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/darkblue_orange/img/error.ico), default;
612 }
613 <?php } ?>
614 /* end topmenu */
615  
616 /* Calendar */
617 table.calendar {
618 width: 100%;
619 }
620 table.calendar td {
621 text-align: center;
622 }
623 table.calendar td a {
624 display: block;
625 }
626  
627 table.calendar td a:hover {
628 background-color: #CCFFCC;
629 }
630  
631 table.calendar th {
632 background-color: #D3DCE3;
633 }
634  
635 table.calendar td.selected {
636 background-color: #FFCC99;
637 }
638  
639 img.calendar {
640 border: none;
641 }
642 form.clock {
643 text-align: center;
644 }
645 /* end Calendar */
646  
647  
648 /* table stats */
649 div#tablestatistics {
650 border-bottom: 0.1em solid #669999;
651 margin-bottom: 0.5em;
652 padding-bottom: 0.5em;
653 }
654  
655 div#tablestatistics table {
656 float: left;
657 margin-bottom: 0.5em;
658 margin-right: 0.5em;
659 }
660  
661 div#tablestatistics table caption {
662 margin-right: 0.5em;
663 }
664 /* END table stats */
665  
666  
667 /* server privileges */
668 #tableuserrights td,
669 #tablespecificuserrights td,
670 #tabledatabases td {
671 vertical-align: middle;
672 }
673 /* END server privileges */
674  
675  
676  
677 /* Heading */
678 #serverinfo {
679 font-weight: bold;
680 margin-bottom: 0.5em;
681 }
682  
683 #serverinfo .item {
684 white-space: nowrap;
685 }
686  
687 #span_table_comment {
688 font-weight: normal;
689 font-style: italic;
690 white-space: nowrap;
691 }
692  
693 #serverinfo img {
694 margin: 0 0.1em 0 0.1em;
695 }
696  
697 /* some styles for IDs: */
698 #buttonNo {
699 color: #CC0000;
700 font-weight: bold;
701 padding: 0 10px 0 10px;
702 }
703  
704 #buttonYes {
705 color: #006600;
706 font-weight: bold;
707 padding: 0 10px 0 10px;
708 }
709  
710 #buttonGo {
711 color: #006600;
712 font-weight: bold;
713 padding: 0 10px 0 10px;
714 }
715  
716 #listTable {
717 width: 260px;
718 }
719  
720 #textSqlquery {
721 width: 450px;
722 }
723  
724 #textSQLDUMP {
725 width: 95%;
726 height: 95%;
727 font-family: "Courier New", Courier, mono;
728 font-size: 110%;
729 }
730  
731 #TooltipContainer {
732 position: absolute;
733 z-index: 99;
734 width: 20em;
735 height: auto;
736 overflow: visible;
737 visibility: hidden;
738 background-color: #ffffcc;
739 color: #006600;
740 border: 0.1em solid #000000;
741 padding: 0.5em;
742 }
743  
744 /* user privileges */
745 #fieldset_add_user_login div.item {
746 border-bottom: 1px solid silver;
747 padding-bottom: 0.3em;
748 margin-bottom: 0.3em;
749 }
750  
751 #fieldset_add_user_login label {
752 float: left;
753 display: block;
754 width: 10em;
755 max-width: 100%;
756 text-align: right;
757 padding-right: 0.5em;
758 }
759  
760 #fieldset_add_user_login span.options #select_pred_username,
761 #fieldset_add_user_login span.options #select_pred_hostname,
762 #fieldset_add_user_login span.options #select_pred_password {
763 width: 100%;
764 max-width: 100%;
765 }
766  
767 #fieldset_add_user_login span.options {
768 float: left;
769 display: block;
770 width: 12em;
771 max-width: 100%;
772 padding-right: 0.5em;
773 }
774  
775 #fieldset_add_user_login input {
776 width: 12em;
777 clear: right;
778 max-width: 100%;
779 }
780  
781 #fieldset_add_user_login span.options input {
782 width: auto;
783 }
784  
785 #fieldset_user_priv div.item {
786 float: left;
787 width: 8em;
788 max-width: 100%;
789 }
790  
791 #fieldset_user_priv div.item div.item {
792 float: none;
793 }
794  
795 #fieldset_user_priv div.item label {
796 white-space: nowrap;
797 }
798  
799 #fieldset_user_priv div.item select {
800 width: 100%;
801 }
802  
803 #fieldset_user_global_rights fieldset {
804 float: left;
805 }
806 /* END user privileges */
807  
808  
809 /* serverstatus */
810 div#serverstatus table caption a.top {
811 float: right;
812 }
813  
814 div#serverstatus div#serverstatusqueriesdetails table,
815 div#serverstatus table#serverstatustraffic,
816 div#serverstatus table#serverstatusconnections {
817 float: left;
818 }
819  
820 #serverstatussection,
821 .clearfloat {
822 clear: both;
823 }
824 div#serverstatussection table {
825 width: 100%;
826 margin-bottom: 1em;
827 }
828 div#serverstatussection table .name {
829 width: 18em;
830 }
831 div#serverstatussection table .value {
832 width: 6em;
833 }
834  
835 div#serverstatus table tbody td.descr a,
836 div#serverstatus table .tblFooters a {
837 white-space: nowrap;
838 }
839 div#serverstatus div#statuslinks a:before,
840 div#serverstatus div#sectionlinks a:before,
841 div#serverstatus table tbody td.descr a:before,
842 div#serverstatus table .tblFooters a:before {
843 content: '[';
844 }
845 div#serverstatus div#statuslinks a:after,
846 div#serverstatus div#sectionlinks a:after,
847 div#serverstatus table tbody td.descr a:after,
848 div#serverstatus table .tblFooters a:after {
849 content: ']';
850 }
851 /* end serverstatus */
852  
853 /* querywindow */
854 body#bodyquerywindow {
855 margin: 0;
856 padding: 0;
857 background-image: none;
858 background-color: #F5F5F5;
859 }
860  
861 div#querywindowcontainer {
862 margin: 0;
863 padding: 0;
864 width: 100%;
865 }
866  
867 div#querywindowcontainer fieldset {
868 margin-top: 0;
869 }
870 /* END querywindow */
871  
872  
873 /* querybox */
874  
875 div#sqlquerycontainer {
876 float: left;
877 width: 69%;
878 /* height: 15em; */
879 }
880  
881 div#tablefieldscontainer {
882 float: right;
883 width: 29%;
884 /* height: 15em; */
885 }
886  
887 div#tablefieldscontainer select {
888 width: 100%;
889 /* height: 12em; */
890 }
891  
892 textarea#sqlquery {
893 width: 100%;
894 /* height: 100%; */
895 }
896  
897 div#queryboxcontainer div#bookmarkoptions {
898 margin-top: 0.5em;
899 }
900 /* end querybox */
901