New classes for table/db operations
[phpmyadmin-themes.git] / darkblue_orange / css / theme_right.css.php
blob637b063a5a0dd03ef078f54af0ecfb875d82f892
1 <?php
2 /* vim: set expandtab sw=4 ts=4 sts=4: */
3 /**
4 * main css file from theme Darkblue Orange
6 * @package phpMyAdmin-theme
7 * @subpackage Darkblue_orange
8 */
10 // unplanned execution path
11 if (!defined('PMA_MINIMUM_COMMON')) {
12 exit();
15 /******************************************************************************/
16 /* general tags */
17 html {
18 font-size: <?php echo (null !== $GLOBALS['PMA_Config']->get('fontsize') ? $GLOBALS['PMA_Config']->get('fontsize') : (
19 isset($_COOKIE['pma_fontsize']) ? $_COOKIE['pma_fontsize'] : '82%'));?>;
22 input, select, textarea {
23 font-size: 1em;
26 body {
27 <?php if (! empty($GLOBALS['cfg']['FontFamily'])) { ?>
28 font-family: <?php echo $GLOBALS['cfg']['FontFamily']; ?>;
29 <?php } ?>
30 padding: 0;
31 margin: 0.5em;
32 color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
33 background: <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
36 <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
37 textarea, tt, pre, code {
38 font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
40 <?php } ?>
41 h1 {
42 font-size: 180%;
43 font-weight: bold;
46 h2 {
47 font-size: 130%;
48 font-weight: bold;
51 h3 {
52 font-size: 120%;
53 font-weight: bold;
56 pre, tt, code {
57 font-size: 110%;
60 a, a:link,
61 a:visited,
62 a:active {
63 text-decoration: none;
64 color: #333399;
65 cursor: pointer;
68 a:hover {
69 text-decoration: underline;
70 color: #cc0000;
73 dfn {
74 font-style: normal;
77 dfn:hover {
78 font-style: normal;
79 cursor: help;
82 th {
83 font-weight: bold;
84 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
85 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
88 th a:link,
89 th a:active,
90 th a:visited {
91 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
92 text-decoration: underline;
95 th a:hover {
96 color: #666666;
97 text-decoration: none;
100 a img {
101 border: 0;
104 hr {
105 color: #666699;
106 background-color: #6666cc;
107 border: 0;
108 height: 1px;
111 form {
112 padding: 0;
113 margin: 0;
114 display: inline;
117 textarea {
118 overflow: visible;
119 height: <?php echo ceil($GLOBALS['cfg']['TextareaRows'] * 1.2); ?>em;
122 fieldset {
123 margin-top: 1em;
124 border: #666699 solid 1px;
125 padding: 0.5em;
128 fieldset fieldset {
129 margin: 0.8em;
132 fieldset legend {
133 background: <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
134 font-weight: bold;
135 color: #444444;
136 padding: 2px 2px 2px 2px;
139 /* buttons in some browsers (eg. Konqueror) are block elements,
140 this breaks design */
141 button {
142 display: inline;
145 table caption,
146 table th,
147 table td {
148 padding: 0.1em 0.5em 0.1em 0.5em;
149 margin: 0.1em;
150 vertical-align: top;
153 img,
154 input,
155 select,
156 button {
157 vertical-align: middle;
161 /******************************************************************************/
162 /* classes */
163 div.tools {
164 border: 1px solid #000000;
165 padding: 0.2em;
168 div.tools,
169 fieldset.tblFooters {
170 margin-top: 0;
171 margin-bottom: 0.5em;
172 /* avoid a thick line since this should be used under another fieldset */
173 border-top: 0;
174 text-align: <?php echo $right; ?>;
175 float: none;
176 clear: both;
179 div.null_div {
180 height: 20px;
181 text-align: center;
182 font-style:normal;
183 min-width:60px;
186 fieldset .formelement {
187 float: <?php echo $left; ?>;
188 margin-<?php echo $right; ?>: 0.5em;
189 /* IE */
190 white-space: nowrap;
193 /* revert for Gecko */
194 fieldset div[class=formelement] {
195 white-space: normal;
198 button.mult_submit {
199 border: none;
200 background-color: transparent;
203 /* odd items 1,3,5,7,... */
204 table tr.odd th,
205 .odd {
206 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
209 /* even items 2,4,6,8,... */
210 table tr.even th,
211 .even {
212 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
215 /* odd table rows 1,3,5,7,... */
216 table tr.odd th,
217 table tr.odd {
218 background-image: none;
219 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
220 text-align: <?php echo $left; ?>;
223 /* even table rows 2,4,6,8,... */
224 table tr.even th,
225 table tr.even {
226 background-image: none;
227 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
228 text-align: <?php echo $left; ?>;
231 <?php if ($GLOBALS['cfg']['BrowseMarkerEnable']) { ?>
232 /* marked table rows */
233 td.marked,
234 table tr.marked th,
235 table tr.marked {
236 background: <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
237 color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
239 <?php } ?>
241 <?php if ($GLOBALS['cfg']['BrowsePointerEnable']) { ?>
242 /* hovered items */
243 .odd:hover,
244 .even:hover,
245 .hover,
246 .structure_actions_dropdown {
247 background: <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>;
248 color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
251 /* hovered table rows */
252 table tr.odd:hover th,
253 table tr.even:hover th,
254 table tr.hover th {
255 background: <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>;
256 color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
258 <?php } ?>
261 * marks table rows/cells if the db field is in a where condition
263 tr.condition th,
264 tr.condition td,
265 td.condition,
266 th.condition {
267 border: 1px solid <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
271 * cells with the value NULL
273 td.null {
274 font-style: italic;
275 text-align: <?php echo $right; ?>;
278 table .value {
279 text-align: <?php echo $right; ?>;
280 white-space: normal;
282 /* IE doesnt handles 'pre' right */
283 table [class=value] {
284 white-space: normal;
288 <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
289 .value {
290 font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
292 <?php } ?>
293 .value .attention {
294 color: red;
295 font-weight: bold;
297 .value .allfine {
298 color: green;
302 img.lightbulb {
303 cursor: pointer;
306 .pdflayout {
307 overflow: hidden;
308 clip: inherit;
309 background-color: #FFFFFF;
310 display: none;
311 border: 1px solid #000000;
312 position: relative;
315 .pdflayout_table {
316 background: #ff9900;
317 color: #000000;
318 overflow: hidden;
319 clip: inherit;
320 z-index: 2;
321 display: inline;
322 visibility: inherit;
323 cursor: move;
324 position: absolute;
325 font-size: 110%;
326 border: 1px dashed #000000;
329 /* MySQL Parser */
330 .syntax {
333 .syntax a {
334 text-decoration: none;
335 border-bottom:1px dotted black;
338 .syntax_comment {
339 padding-left: 4pt;
340 padding-right: 4pt;
343 .syntax_digit {
346 .syntax_digit_hex {
349 .syntax_digit_integer {
352 .syntax_digit_float {
355 .syntax_punct {
358 .syntax_alpha {
361 .syntax_alpha_columnType {
362 text-transform: uppercase;
365 .syntax_alpha_columnAttrib {
366 text-transform: uppercase;
369 .syntax_alpha_reservedWord {
370 text-transform: uppercase;
371 font-weight: bold;
374 .syntax_alpha_functionName {
375 text-transform: uppercase;
378 .syntax_alpha_identifier {
381 .syntax_alpha_charset {
384 .syntax_alpha_variable {
387 .syntax_quote {
388 white-space: pre;
391 .syntax_quote_backtick {
394 /* leave some space between icons and text */
395 .icon, img.footnotemarker {
396 vertical-align: middle;
397 margin-right: 0.3em;
398 margin-left: 0.3em;
401 img.footnotemarker {
402 display: none;
405 /* no extra space in table cells */
406 td .icon {
407 margin: 0;
410 .selectallarrow {
411 margin-<?php echo $right; ?>: 0.3em;
412 margin-<?php echo $left; ?>: 0.6em;
415 /* message boxes: warning, error, confirmation */
416 .success h1,
417 .notice h1,
418 .warning h1,
419 div.error h1 {
420 border-bottom: 2px solid;
421 font-weight: bold;
422 text-align: <?php echo $left; ?>;
423 margin: 0 0 0.2em 0;
426 div.success,
427 div.notice,
428 div.warning,
429 div.error,
430 div.footnotes {
431 margin: 0.3em 0 0 0;
432 border: 2px solid;
433 width: 90%;
434 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
435 background-repeat: no-repeat;
436 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
437 background-position: 10px 50%;
438 padding: 0.1em 0.1em 0.1em 36px;
439 <?php } else { ?>
440 background-position: 99% 50%;
441 padding: 10px 5% 10px 10px;
442 <?php } ?>
443 <?php } else { ?>
444 padding: 0.3em;
445 <?php } ?>
448 .success {
449 color: #000000;
450 background-color: #f0fff0;
452 h1.success,
453 div.success {
454 border-color: #00FF00;
455 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
456 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_success.png);
457 background-repeat: no-repeat;
458 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
459 background-position: 5px 50%;
460 padding: 0.2em 0.2em 0.2em 25px;
461 <?php } else { ?>
462 background-position: 97% 50%;
463 padding: 0.2em 25px 0.2em 0.2em;
464 <?php } ?>
465 <?php } ?>
467 .success h1 {
468 border-color: #00FF00;
471 .notice, .footnotes {
472 color: #000000;
473 background-color: #FFFFDD;
475 h1.notice,
476 div.notice,
477 div.footnotes {
478 border-color: #FFD700;
479 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
480 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_notice.png);
481 background-repeat: no-repeat;
482 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
483 background-position: 5px 50%;
484 padding: 0.2em 0.2em 0.2em 25px;
485 <?php } else { ?>
486 background-position: 97% 50%;
487 padding: 0.2em 25px 0.2em 0.2em;
488 <?php } ?>
489 <?php } ?>
491 .notice h1 {
492 border-color: #FFD700;
495 .warning {
496 color: #CC0000;
497 background-color: #FFFFCC;
499 p.warning,
500 h1.warning,
501 div.warning {
502 border-color: #CC0000;
503 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
504 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_warn.png);
505 background-repeat: no-repeat;
506 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
507 background-position: 5px 50%;
508 padding: 0.2em 0.2em 0.2em 25px;
509 <?php } else { ?>
510 background-position: 97% 50%;
511 padding: 0.2em 25px 0.2em 0.2em;
512 <?php } ?>
513 <?php } ?>
515 .warning h1 {
516 border-color: #cc0000;
519 .error {
520 background-color: #FFFFCC;
521 color: #ff0000;
524 h1.error,
525 div.error {
526 border-color: #ff0000;
527 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
528 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_error.png);
529 background-repeat: no-repeat;
530 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
531 background-position: 5px 50%;
532 padding: 0.2em 0.2em 0.2em 25px;
533 <?php } else { ?>
534 background-position: 97% 50%;
535 padding: 0.2em 25px 0.2em 0.2em;
536 <?php } ?>
537 <?php } ?>
539 div.error h1 {
540 border-color: #ff0000;
543 .confirmation {
544 background-color: #FFFFCC;
546 fieldset.confirmation {
547 border: 0.1em solid #FF0000;
549 fieldset.confirmation legend {
550 border-left: 0.1em solid #FF0000;
551 border-right: 0.1em solid #FF0000;
552 font-weight: bold;
553 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
554 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_really.png);
555 background-repeat: no-repeat;
556 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
557 background-position: 5px 50%;
558 padding: 0.2em 0.2em 0.2em 25px;
559 <?php } else { ?>
560 background-position: 97% 50%;
561 padding: 0.2em 25px 0.2em 0.2em;
562 <?php } ?>
563 <?php } ?>
565 /* end messageboxes */
568 .tblcomment {
569 font-weight: normal;
570 color: #000099;
573 .tblHeaders {
574 font-weight: bold;
575 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
576 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
579 div.tools,
580 .tblFooters {
581 font-weight: normal;
582 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
583 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
586 .tblHeaders a:link,
587 .tblHeaders a:active,
588 .tblHeaders a:visited,
589 div.tools a:link,
590 div.tools a:visited,
591 div.tools a:active,
592 .tblFooters a:link,
593 .tblFooters a:active,
594 .tblFooters a:visited {
595 color: #ffffcc;
596 text-decoration: underline;
599 .tblHeaders a:hover,
600 div.tools a:hover,
601 .tblFooters a:hover {
602 text-decoration: none;
603 color: #ffffff;
606 /* forbidden, no privilegs */
607 .noPrivileges {
608 color: #cc0000;
609 font-weight: bold;
612 /* disabled text */
613 .disabled,
614 .disabled a:link,
615 .disabled a:active,
616 .disabled a:visited {
617 color: #666666;
620 .disabled a:hover {
621 color: #666666;
622 text-decoration: none;
625 tr.disabled td,
626 td.disabled {
627 background-color: #cccccc;
630 .nowrap {
631 white-space: nowrap;
635 * login form
637 body.loginform h1,
638 body.loginform a.logo {
639 display: block;
640 text-align: center;
643 body.loginform {
644 text-align: center;
647 body.loginform div.container {
648 text-align: <?php echo $left; ?>;
649 width: 30em;
650 margin: 0 auto;
653 form.login label {
654 float: <?php echo $left; ?>;
655 width: 10em;
656 font-weight: bolder;
659 .commented_column {
660 border-bottom: 1px dashed black;
663 .column_attribute {
664 font-size: 70%;
667 /******************************************************************************/
668 /* specific elements */
670 /* topmenu */
671 ul#topmenu, ul#topmenu2, ul.tabs {
672 font-weight: bold;
673 list-style-type: none;
674 margin: 0;
675 padding: 0;
678 ul#topmenu2 {
679 margin: 0.25em 0.5em 0;
680 height: 2em;
681 clear: both;
684 ul#topmenu li, ul#topmenu2 li {
685 float: <?php echo $left; ?>;
686 margin: 0;
687 padding: 0;
688 vertical-align: middle;
691 #topmenu img, #topmenu2 img {
692 vertical-align: middle;
693 margin-<?php echo $right; ?>: 0.1em;
696 /* default tab styles */
697 ul#topmenu a, ul#topmenu span {
698 display: block;
699 margin: 2px 2px 0;
700 padding: 2px 2px 0;
701 white-space: nowrap;
704 ul#topmenu ul a {
705 margin: 0;
706 padding-bottom: 2px;
709 ul#topmenu .submenu {
710 position: relative;
711 display: none;
713 ul#topmenu .shown {
714 display: block;
717 ul#topmenu ul {
718 padding: 0;
719 margin: 0;
720 position: absolute;
721 right: 0;
722 list-style-type: none;
723 display: none;
724 border: 1px #666 solid;
727 ul#topmenu li:hover ul, ul#topmenu .submenuhover ul {
728 display: block;
731 ul#topmenu ul li {
732 width: 100%;
735 ul#topmenu2 a {
736 display: block;
737 margin: 0.1em;
738 padding: 0.2em;
739 white-space: nowrap;
742 /* disabled tabs */
743 ul#topmenu span.tab {
744 color: #666666;
747 /* disabled drop/empty tabs */
748 ul#topmenu span.tabcaution {
749 color: #ff6666;
752 /* enabled drop/empty tabs */
753 ul#topmenu a.tabcaution {
754 color: #FF0000;
756 ul#topmenu a.tabcaution:hover {
757 color: #FFFFFF;
758 background-color: #FF0000;
760 fieldset.caution a {
761 color: #FF0000;
763 fieldset.caution a:hover {
764 color: #ffffff;
765 background-color: #FF0000;
768 <?php if ($GLOBALS['cfg']['LightTabs']) { ?>
769 /* active tab */
770 ul#topmenu a.tabactive, ul#topmenu2 a.tabactive {
771 color: black;
774 ul#topmenu ul {
775 background: <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
777 <?php } else { ?>
778 #topmenu {
779 margin-top: 0.5em;
780 padding: 0.1em 0.3em 0.1em 0.3em;
783 ul#topmenu ul {
784 -moz-box-shadow: 2px 2px 3px #666;
785 -webkit-box-shadow: 2px 2px 3px #666;
786 box-shadow: 2px 2px 3px #666;
789 ul#topmenu > li {
790 border-bottom: 1pt solid black;
793 /* default tab styles */
794 ul#topmenu a, ul#topmenu span {
795 background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
796 border: 0 solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
797 border-width: 1pt 1pt 0 1pt;
798 -moz-border-radius: 0.4em 0.4em 0 0;
799 border-radius: 0.4em 0.4em 0 0;
802 ul#topmenu ul a {
803 border-width: 1pt 0 0 0;
804 -moz-border-radius: 0;
805 border-radius: 0;
808 ul#topmenu ul li:first-child a {
809 border-width: 0;
812 /* enabled hover/active tabs */
813 ul#topmenu > li > a:hover,
814 ul#topmenu > li > .tabactive {
815 margin: 0;
816 padding: 2px 4px;
817 text-decoration: none;
820 ul#topmenu ul a:hover,
821 ul#topmenu ul .tabactive {
822 text-decoration: none;
825 ul#topmenu a.tab:hover,
826 ul#topmenu .tabactive {
827 background-color: <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
830 ul#topmenu2 a.tab:hover,
831 ul#topmenu2 a.tabactive {
832 background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
833 -moz-border-radius: 0.3em;
834 border-radius: 0.3em;
835 text-decoration: none;
838 /* to be able to cancel the bottom border, use <li class="active"> */
839 ul#topmenu > li.active {
840 border-bottom: 1pt solid <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
843 /* disabled drop/empty tabs */
844 ul#topmenu span.tab,
845 a.warning,
846 ul#topmenu span.tabcaution {
847 cursor: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>error.ico), default;
849 <?php } ?>
850 /* end topmenu */
853 /* Calendar */
854 table.calendar {
855 width: 100%;
857 table.calendar td {
858 text-align: center;
860 table.calendar td a {
861 display: block;
864 table.calendar td a:hover {
865 background-color: #CCFFCC;
868 table.calendar th {
869 background-color: #D3DCE3;
872 table.calendar td.selected {
873 background-color: #FFCC99;
876 img.calendar {
877 border: none;
879 form.clock {
880 text-align: center;
882 /* end Calendar */
885 /* table stats */
886 div#tablestatistics {
887 border-bottom: 0.1em solid #669999;
888 margin-bottom: 0.5em;
889 padding-bottom: 0.5em;
892 div#tablestatistics table {
893 float: <?php echo $left; ?>;
894 margin-bottom: 0.5em;
895 margin-<?php echo $right; ?>: 0.5em;
898 div#tablestatistics table caption {
899 margin-<?php echo $right; ?>: 0.5em;
901 /* END table stats */
904 /* server privileges */
905 #tableuserrights td,
906 #tablespecificuserrights td,
907 #tabledatabases td {
908 vertical-align: middle;
910 /* END server privileges */
914 /* Heading */
915 #serverinfo {
916 font-weight: bold;
917 margin-bottom: 0.5em;
920 #serverinfo .item {
921 white-space: nowrap;
924 #span_table_comment {
925 font-weight: normal;
926 font-style: italic;
927 white-space: nowrap;
930 #serverinfo img {
931 margin: 0 0.1em 0 0.1em;
934 /* some styles for IDs: */
935 #buttonNo {
936 color: #CC0000;
937 font-weight: bold;
938 padding: 0 10px 0 10px;
941 #buttonYes {
942 color: #006600;
943 font-weight: bold;
944 padding: 0 10px 0 10px;
947 #buttonGo {
948 color: #006600;
949 font-weight: bold;
950 padding: 0 10px 0 10px;
953 #listTable {
954 width: 260px;
957 #textSqlquery {
958 width: 450px;
961 #textSQLDUMP {
962 width: 95%;
963 height: 95%;
964 font-family: "Courier New", Courier, mono;
965 font-size: 110%;
968 #TooltipContainer {
969 position: absolute;
970 z-index: 99;
971 width: 20em;
972 height: auto;
973 overflow: visible;
974 visibility: hidden;
975 background-color: #ffffcc;
976 color: #006600;
977 border: 0.1em solid #000000;
978 padding: 0.5em;
981 /* user privileges */
982 #fieldset_add_user_login div.item {
983 border-bottom: 1px solid silver;
984 padding-bottom: 0.3em;
985 margin-bottom: 0.3em;
988 #fieldset_add_user_login label {
989 float: <?php echo $left; ?>;
990 display: block;
991 width: 10em;
992 max-width: 100%;
993 text-align: <?php echo $right; ?>;
994 padding-<?php echo $right; ?>: 0.5em;
997 #fieldset_add_user_login span.options #select_pred_username,
998 #fieldset_add_user_login span.options #select_pred_hostname,
999 #fieldset_add_user_login span.options #select_pred_password {
1000 width: 100%;
1001 max-width: 100%;
1004 #fieldset_add_user_login span.options {
1005 float: <?php echo $left; ?>;
1006 display: block;
1007 width: 12em;
1008 max-width: 100%;
1009 padding-<?php echo $right; ?>: 0.5em;
1012 #fieldset_add_user_login input {
1013 width: 12em;
1014 clear: <?php echo $right; ?>;
1015 max-width: 100%;
1018 #fieldset_add_user_login span.options input {
1019 width: auto;
1022 #fieldset_user_priv div.item {
1023 float: <?php echo $left; ?>;
1024 width: 9em;
1025 max-width: 100%;
1028 #fieldset_user_priv div.item div.item {
1029 float: none;
1032 #fieldset_user_priv div.item label {
1033 white-space: nowrap;
1036 #fieldset_user_priv div.item select {
1037 width: 100%;
1040 #fieldset_user_global_rights fieldset {
1041 float: <?php echo $left; ?>;
1043 /* END user privileges */
1046 /* serverstatus */
1047 div#serverstatus table caption a.top {
1048 float: <?php echo $right; ?>;
1051 div#serverstatus div#serverstatusqueriesdetails table,
1052 div#serverstatus table#serverstatustraffic_src,
1053 div#serverstatus table#serverstatustraffic_trg,
1054 div#serverstatus table#serverstatusconnections {
1055 float: <?php echo $left; ?>;
1058 #serverstatussection,
1059 .clearfloat {
1060 clear: both;
1062 div#serverstatussection table {
1063 width: 100%;
1064 margin-bottom: 1em;
1066 div#serverstatussection table .name {
1067 width: 18em;
1069 div#serverstatussection table .value {
1070 width: 6em;
1073 div#serverstatus table tbody td.descr a,
1074 div#serverstatus table .tblFooters a {
1075 white-space: nowrap;
1077 div#serverstatus div#statuslinks a:before,
1078 div#serverstatus div#sectionlinks a:before,
1079 div#serverstatus table tbody td.descr a:before,
1080 div#serverstatus table .tblFooters a:before {
1081 content: '[';
1083 div#serverstatus div#statuslinks a:after,
1084 div#serverstatus div#sectionlinks a:after,
1085 div#serverstatus table tbody td.descr a:after,
1086 div#serverstatus table .tblFooters a:after {
1087 content: ']';
1089 /* end serverstatus */
1091 /* querywindow */
1092 body#bodyquerywindow {
1093 margin: 0;
1094 padding: 0;
1095 background-image: none;
1096 background-color: #F5F5F5;
1099 div#querywindowcontainer {
1100 margin: 0;
1101 padding: 0;
1102 width: 100%;
1105 div#querywindowcontainer fieldset {
1106 margin-top: 0;
1108 /* END querywindow */
1111 /* querybox */
1113 div#sqlquerycontainer {
1114 float: <?php echo $left; ?>;
1115 width: 69%;
1116 /* height: 15em; */
1119 div#tablefieldscontainer {
1120 float: <?php echo $right; ?>;
1121 width: 29%;
1122 /* height: 15em; */
1125 div#tablefieldscontainer select {
1126 width: 100%;
1127 /* height: 12em; */
1130 textarea#sqlquery {
1131 width: 100%;
1132 /* height: 100%; */
1134 textarea#sql_query_edit{
1135 height:7em;
1136 width: 95%;
1137 display:block;
1139 div#queryboxcontainer div#bookmarkoptions {
1140 margin-top: 0.5em;
1142 /* end querybox */
1144 /* main page */
1145 #maincontainer {
1146 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>logo_right.png);
1147 background-position: <?php echo $right; ?> bottom;
1148 background-repeat: no-repeat;
1151 #mysqlmaininformation,
1152 #pmamaininformation {
1153 float: <?php echo $left; ?>;
1154 width: 49%;
1157 #maincontainer ul {
1158 list-style-type: disc;
1159 vertical-align: middle;
1162 #maincontainer li {
1163 margin-bottom: 0.3em;
1165 /* END main page */
1168 <?php if ($GLOBALS['cfg']['MainPageIconic']) { ?>
1169 /* iconic view for ul items */
1170 li#li_create_database {
1171 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_newdb.png);
1174 li#li_select_lang {
1175 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_lang.png);
1178 li#li_select_mysql_collation {
1179 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
1182 li#li_select_theme{
1183 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_theme.png);
1186 li#li_user_info{
1187 /* list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png); */
1190 li#li_mysql_status{
1191 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_status.png);
1194 li#li_mysql_variables{
1195 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_vars.png);
1198 li#li_mysql_processes{
1199 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_process.png);
1202 li#li_mysql_collations{
1203 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
1206 li#li_mysql_engines{
1207 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_engine.png);
1210 li#li_mysql_binlogs {
1211 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_tbl.png);
1214 li#li_mysql_databases {
1215 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_db.png);
1218 li#li_export {
1219 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_export.png);
1222 li#li_import {
1223 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_import.png);
1226 li#li_change_password {
1227 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_passwd.png);
1230 li#li_log_out {
1231 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_loggoff.png);
1234 li#li_mysql_privilegs{
1235 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png);
1238 li#li_switch_dbstats {
1239 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_dbstatistics.png);
1242 li#li_flush_privileges {
1243 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_reload.png);
1246 li#li_user_preferences {
1247 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_tblops.png);
1249 /* END iconic view for ul items */
1250 <?php } /* end if $GLOBALS['cfg']['MainPageIconic'] */ ?>
1253 #body_browse_foreigners {
1254 background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1255 margin: 0.5em 0.5em 0 0.5em;
1258 #bodyquerywindow {
1259 background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1262 #bodythemes {
1263 width: 500px;
1264 margin: auto;
1265 text-align: center;
1268 #bodythemes img {
1269 border: 0.1em solid black;
1272 #bodythemes a:hover img {
1273 border: 0.1em solid red;
1276 #fieldset_select_fields {
1277 float: <?php echo $left; ?>;
1280 #selflink {
1281 clear: both;
1282 display: block;
1283 margin-top: 1em;
1284 margin-bottom: 1em;
1285 width: 100%;
1286 border-top: 0.1em solid silver;
1287 text-align: <?php echo $right; ?>;
1290 #table_innodb_bufferpool_usage,
1291 #table_innodb_bufferpool_activity {
1292 float: <?php echo $left; ?>;
1295 #div_mysql_charset_collations table {
1296 float: <?php echo $left; ?>;
1299 .operations_half_width {
1300 min-width: 48%;
1301 float: <?php echo $left; ?>;
1304 .operations_full_width {
1305 width: 100%;
1306 clear: both;
1309 #qbe_div_table_list {
1310 float: <?php echo $left; ?>;
1313 #qbe_div_sql_query {
1314 float: <?php echo $left; ?>;
1317 label.desc {
1318 width: 30em;
1319 float: <?php echo $left; ?>;
1322 label.desc sup {
1323 position: absolute;
1326 code.sql, div.sqlvalidate {
1327 display: block;
1328 padding: 0.3em;
1329 margin-top: 0;
1330 margin-bottom: 0;
1331 border: <?php echo $GLOBALS['cfg']['MainColor']; ?> solid 1px;
1332 border-top: 0;
1333 border-bottom: 0;
1334 max-height: 10em;
1335 overflow: auto;
1336 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1339 #main_pane_left {
1340 width: 60%;
1341 float: <?php echo $left; ?>;
1342 padding-top: 1em;
1345 #main_pane_right {
1346 margin-<?php echo $left; ?>: 60%;
1347 padding-top: 1em;
1348 padding-<?php echo $left; ?>: 1em;
1351 .group {
1352 border-<?php echo $left; ?>: 0.3em solid <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
1353 margin-bottom: 1em;
1356 .group h2 {
1357 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
1358 padding: 0.1em 0.3em;
1359 margin-top: 0;
1362 .group-cnt {
1363 padding: 0 0 0 0.5em;
1364 display: inline-block;
1365 width: 98%;
1368 textarea#partitiondefinition {
1369 height:3em;
1372 /* for elements that should be revealed only via js */
1373 .hide {
1374 display: none;
1377 #li_select_server {
1378 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_host.png);
1381 #list_server {
1382 list-style-image: none;
1386 * Progress bar styles
1388 div.upload_progress_bar_outer
1390 border: 1px solid black;
1391 width: 202px;
1394 div.upload_progress_bar_inner
1396 background-color: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1397 width: 0px;
1398 height: 12px;
1399 margin: 1px;
1402 table#serverconnection_src_remote,
1403 table#serverconnection_trg_remote,
1404 table#serverconnection_src_local,
1405 table#serverconnection_trg_local {
1406 float:left;
1409 #NavFilter {
1410 display: none;
1413 #clear_fast_filter {
1414 background: white;
1415 color: black;
1416 cursor: pointer;
1417 padding: 0;
1418 margin: 3px 5px 0 -23px;
1419 position: relative;
1420 float: right;
1423 #fast_filter {
1424 width: 100%;
1425 padding:2px 0px;
1426 margin:0;
1427 border:0;
1430 * Validation error message styles
1432 .invalid_value
1433 {background:#F00;}
1436 * Ajax notification styling
1438 .ajax_notification {
1439 top: 0px;
1440 position: fixed;
1441 margin-top: 0;
1442 margin-right: auto;
1443 margin-bottom: 0;
1444 margin-left: auto;
1445 padding: 3px 5px;
1446 min-width: 70px;
1447 max-width: 350px;
1448 background-color: #FF9900;
1449 z-index: 1100;
1450 text-align: center;
1451 display: block;
1452 left: 0;
1453 right: 0;
1454 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>ajax_clock_small.gif);
1455 background-repeat: no-repeat;
1456 background-position: 2%;
1459 #loading_parent {
1460 position: relative;
1461 width: 100%;
1465 * Export and Import styles
1467 .exportoptions h3, .importoptions h3 {
1468 border-bottom: 1px #999999 solid;
1471 .exportoptions ul, .importoptions ul, .format_specific_options ul {
1472 list-style-type: none;
1473 margin-bottom: 15px;
1476 .exportoptions li, .importoptions li {
1477 margin: 7px;
1479 .exportoptions label, .importoptions label, .exportoptions p, .importoptions p {
1480 margin: 5px;
1481 float: none;
1484 #csv_options label.desc, #ldi_options label.desc, #latex_options label.desc, #output label.desc{
1485 float: left;
1486 width: 15em;
1489 .exportoptions, .importoptions {
1490 margin: 20px 30px 30px 10px
1493 .exportoptions #buttonGo, .importoptions #buttonGo {
1494 padding: 5px 30px;
1495 -moz-border-radius: 11px;
1496 -webkit-border-radius: 11px;
1497 border-radius: 11px;
1498 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
1499 background: -moz-linear-gradient(top, #ffffff, #cccccc);
1500 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
1501 border: 1px solid #444444;
1502 cursor: pointer;
1505 .format_specific_options h3 {
1506 margin: 10px 0px 0px 10px;
1507 border: 0px;
1510 .format_specific_options {
1511 border: 1px solid #999999;
1512 margin: 7px 0px;
1513 padding: 3px;
1516 p.desc {
1517 margin: 5px;
1521 * Export styles only
1523 select#db_select, select#table_select {
1524 width: 400px;
1527 .export_sub_options {
1528 margin: 20px 0px 0px 30px;
1531 .export_sub_options h4 {
1532 border-bottom: 1px #999999 solid;
1535 #quick_or_custom, #output_quick_export {
1536 display: none;
1540 * Import styles only
1543 .importoptions #import_notification {
1544 margin: 10px 0px;
1545 font-style: italic;
1548 input#input_import_file {
1549 margin: 5px;
1552 .formelementrow {
1553 margin: 5px 0px 5px 0px;
1557 * ENUM/SET editor styles
1559 p.enum_notice {
1560 margin: 5px 2px;
1561 font-size: 80%;
1564 #enum_editor {
1565 display: none;
1566 position: fixed;
1567 _position: absolute; /* hack for IE */
1568 z-index: 101;
1569 overflow: auto;
1572 #enum_editor_no_js {
1573 margin: auto auto;
1576 #enum_editor, #enum_editor_no_js {
1577 width: 50%;
1578 height: 80%;
1579 background: #D0DCE0;
1580 padding: 15px;
1583 #popup_background {
1584 display: none;
1585 position: fixed;
1586 _position: absolute; /* hack for IE */
1587 width: 100%;
1588 height: 100%;
1589 top: 0;
1590 left: 0;
1591 background: #000;
1592 z-index: 100;
1595 a.close_enum_editor {
1596 float: right;
1599 #enum_editor #values, #enum_editor_no_js #values {
1600 margin: 15px 0px;
1603 #enum_editor #values input, #enum_editor_no_js #values input {
1604 margin: 5px 0px;
1605 float: top;
1606 width: 100%;
1609 #enum_editor input, #enum_editor_no_js input {
1610 float: bottom;
1613 #enum_editor_output {
1614 margin-top: 50px;
1618 * Table structure styles
1620 .structure_actions_dropdown {
1621 position: absolute;
1622 padding: 3px;
1623 display: none;
1626 .structure_actions_dropdown a {
1627 display: block;
1630 td.more_opts {
1631 display: none;
1632 white-space: nowrap;
1635 /* config forms */
1636 .config-form ul.tabs {
1637 margin: 1.1em 0.2em 0;
1638 padding: 0 0 0.3em 0;
1639 list-style: none;
1640 font-weight: bold;
1643 .config-form ul.tabs li {
1644 float: <?php echo $left; ?>;
1647 .config-form ul.tabs li a {
1648 display: block;
1649 margin: 0.1em 0.2em 0;
1650 padding: 0.1em 0.4em;
1651 white-space: nowrap;
1652 text-decoration: none;
1653 border: 1px solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1654 border-bottom: none;
1657 .config-form ul.tabs li a:hover,
1658 .config-form ul.tabs li a:active,
1659 .config-form ul.tabs li a.active {
1660 margin: 0;
1661 padding: 0.1em 0.6em 0.2em;
1664 .config-form ul.tabs li a.active {
1665 background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1668 .config-form fieldset {
1669 margin-top: 0;
1670 padding: 0;
1671 clear: both;
1672 /*border-color: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;*/
1675 .config-form legend {
1676 display: none;
1679 .config-form fieldset p {
1680 margin: 0;
1681 padding: 0.5em;
1682 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1685 .config-form fieldset .errors { /* form error list */
1686 margin: 0 -2px 1em -2px;
1687 padding: 0.5em 1.5em;
1688 background: #FBEAD9;
1689 border: 0 #C83838 solid;
1690 border-width: 1px 0;
1691 list-style: none;
1692 font-family: sans-serif;
1693 font-size: small;
1696 .config-form fieldset .inline_errors { /* field error list */
1697 margin: 0.3em 0.3em 0.3em 0;
1698 padding: 0;
1699 list-style: none;
1700 color: #9A0000;
1701 font-size: small;
1704 .config-form fieldset th {
1705 padding: 0.3em 0.3em 0.3em 0.5em;
1706 text-align: left;
1707 vertical-align: top;
1708 width: 40%;
1709 background: transparent;
1712 .config-form fieldset .doc, .config-form fieldset .disabled-notice {
1713 margin-left: 1em;
1716 .config-form fieldset .disabled-notice {
1717 font-size: 80%;
1718 text-transform: uppercase;
1719 color: #E00;
1720 cursor: help;
1723 .config-form fieldset td {
1724 padding-top: 0.3em;
1725 padding-bottom: 0.3em;
1726 vertical-align: top;
1729 .config-form fieldset th small {
1730 display: block;
1731 font-weight: normal;
1732 font-family: sans-serif;
1733 font-size: x-small;
1734 color: #444;
1737 .config-form fieldset th, .config-form fieldset td {
1738 border-top: 1px <?php echo $GLOBALS['cfg']['BgTwo']; ?> solid;
1741 fieldset .group-header th {
1742 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1745 fieldset .group-header + tr th {
1746 padding-top: 0.6em;
1749 fieldset .group-field-1 th, fieldset .group-header-2 th {
1750 padding-left: 1.5em;
1753 fieldset .group-field-2 th, fieldset .group-header-3 th {
1754 padding-left: 3em;
1757 fieldset .group-field-3 th {
1758 padding-left: 4.5em;
1761 fieldset .disabled-field th,
1762 fieldset .disabled-field th small,
1763 fieldset .disabled-field td {
1764 color: #777;
1765 background-color: #eee;
1768 .config-form .lastrow {
1769 border-top: 1px #000 solid;
1772 .config-form .lastrow {
1773 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;;
1774 padding: 0.5em;
1775 text-align: center;
1778 .config-form .lastrow input {
1779 font-weight: bold;
1782 /* form elements */
1784 .config-form span.checkbox {
1785 padding: 2px;
1786 display: inline-block;
1789 .config-form .custom { /* customized field */
1790 background: #FFC;
1793 .config-form span.checkbox.custom {
1794 padding: 1px;
1795 border: 1px #EDEC90 solid;
1796 background: #FFC;
1799 .config-form .field-error {
1800 border-color: #A11 !important;
1803 .config-form input[type="text"],
1804 .config-form select,
1805 .config-form textarea {
1806 border: 1px #A7A6AA solid;
1807 height: auto;
1810 .config-form input[type="text"]:focus,
1811 .config-form select:focus,
1812 .config-form textarea:focus {
1813 border: 1px #6676FF solid;
1814 background: #F7FBFF;
1817 .config-form .field-comment-mark {
1818 font-family: serif;
1819 color: #00A;
1820 cursor: help;
1821 padding: 0 0.2em;
1822 font-weight: bold;
1823 font-style: italic;
1826 .config-form .field-comment-warning {
1827 color: #A00;
1830 /* error list */
1831 .config-form dd {
1832 margin-left: 0.5em;
1835 .config-form dd:before {
1836 content: "\25B8 ";
1839 .click-hide-message {
1840 cursor: pointer;
1843 .prefsmanage_opts {
1844 margin-<?php echo $left; ?>: 2em;
1847 #prefs_autoload {
1848 margin-bottom: 0.5em;