Ticket #714: theme_right.css.php

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