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