Gain some vertical space in table create form
[phpmyadmin/crack.git] / themes / darkblue_orange / css / theme_right.css.php
blobcdc26d51aef72f49eff659186a7379b45e4f4f03
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') : $_COOKIE['pma_fontsize']); ?>;
21 input, select, textarea {
22 font-size: 1em;
25 body {
26 <?php if (! empty($GLOBALS['cfg']['FontFamily'])) { ?>
27 font-family: <?php echo $GLOBALS['cfg']['FontFamily']; ?>;
28 <?php } ?>
29 padding: 0;
30 margin: 0.5em;
31 color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
32 background: <?php echo (isset($_SESSION['tmp_user_values']['custom_color']) ? $_SESSION['tmp_user_values']['custom_color'] : $GLOBALS['cfg']['MainBackground']); ?>;
35 <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
36 textarea, tt, pre, code {
37 font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
39 <?php } ?>
40 h1 {
41 font-size: 180%;
42 font-weight: bold;
45 h2 {
46 font-size: 130%;
47 font-weight: bold;
50 h3 {
51 font-size: 120%;
52 font-weight: bold;
55 pre, tt, code {
56 font-size: 110%;
59 a, a:link,
60 a:visited,
61 a:active {
62 text-decoration: none;
63 color: #333399;
64 cursor: pointer;
67 a:hover {
68 text-decoration: underline;
69 color: #cc0000;
72 dfn {
73 font-style: normal;
76 dfn:hover {
77 font-style: normal;
78 cursor: help;
81 th {
82 font-weight: bold;
83 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
84 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
87 th a:link,
88 th a:active,
89 th a:visited {
90 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
91 text-decoration: underline;
94 th a:hover {
95 color: #666666;
96 text-decoration: none;
99 a img {
100 border: 0;
103 hr {
104 color: #666699;
105 background-color: #6666cc;
106 border: 0;
107 height: 1px;
110 form {
111 padding: 0;
112 margin: 0;
113 display: inline;
116 textarea {
117 overflow: visible;
118 height: <?php echo ceil($GLOBALS['cfg']['TextareaRows'] * 1.2); ?>em;
121 fieldset {
122 margin-top: 1em;
123 border: #666699 solid 1px;
124 padding: 0.5em;
127 fieldset fieldset {
128 margin: 0.8em;
131 fieldset legend {
132 background: <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
133 font-weight: bold;
134 color: #444444;
135 padding: 2px 2px 2px 2px;
138 /* buttons in some browsers (eg. Konqueror) are block elements,
139 this breaks design */
140 button {
141 display: inline;
144 table caption,
145 table th,
146 table td {
147 padding: 0.1em 0.5em 0.1em 0.5em;
148 margin: 0.1em;
149 vertical-align: top;
152 img,
153 input,
154 select,
155 button {
156 vertical-align: middle;
160 /******************************************************************************/
161 /* classes */
162 div.tools {
163 border: 1px solid #000000;
164 padding: 0.2em;
167 div.tools,
168 fieldset.tblFooters {
169 margin-top: 0;
170 margin-bottom: 0.5em;
171 /* avoid a thick line since this should be used under another fieldset */
172 border-top: 0;
173 text-align: <?php echo $right; ?>;
174 float: none;
175 clear: both;
178 fieldset .formelement {
179 float: <?php echo $left; ?>;
180 margin-<?php echo $right; ?>: 0.5em;
181 /* IE */
182 white-space: nowrap;
185 /* revert for Gecko */
186 fieldset div[class=formelement] {
187 white-space: normal;
190 button.mult_submit {
191 border: none;
192 background-color: transparent;
195 /* odd items 1,3,5,7,... */
196 table tr.odd th,
197 .odd {
198 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
201 /* even items 2,4,6,8,... */
202 table tr.even th,
203 .even {
204 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
207 /* odd table rows 1,3,5,7,... */
208 table tr.odd th,
209 table tr.odd {
210 background-image: none;
211 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
212 text-align: <?php echo $left; ?>;
215 /* even table rows 2,4,6,8,... */
216 table tr.even th,
217 table tr.even {
218 background-image: none;
219 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
220 text-align: <?php echo $left; ?>;
223 <?php if ($GLOBALS['cfg']['BrowseMarkerEnable']) { ?>
224 /* marked table rows */
225 td.marked,
226 table tr.marked th,
227 table tr.marked {
228 background: <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
229 color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
231 <?php } ?>
233 <?php if ($GLOBALS['cfg']['BrowsePointerEnable']) { ?>
234 /* hovered items */
235 .odd:hover,
236 .even:hover,
237 .hover,
238 .structure_actions_dropdown {
239 background: <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>;
240 color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
243 /* hovered table rows */
244 table tr.odd:hover th,
245 table tr.even:hover th,
246 table tr.hover th {
247 background: <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>;
248 color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
250 <?php } ?>
253 * marks table rows/cells if the db field is in a where condition
255 tr.condition th,
256 tr.condition td,
257 td.condition,
258 th.condition {
259 border: 1px solid <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
262 table .value {
263 text-align: <?php echo $right; ?>;
264 white-space: normal;
266 /* IE doesnt handles 'pre' right */
267 table [class=value] {
268 white-space: normal;
272 <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
273 .value {
274 font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
276 <?php } ?>
277 .value .attention {
278 color: red;
279 font-weight: bold;
281 .value .allfine {
282 color: green;
286 img.lightbulb {
287 cursor: pointer;
290 .pdflayout {
291 overflow: hidden;
292 clip: inherit;
293 background-color: #FFFFFF;
294 display: none;
295 border: 1px solid #000000;
296 position: relative;
299 .pdflayout_table {
300 background: #ff9900;
301 color: #000000;
302 overflow: hidden;
303 clip: inherit;
304 z-index: 2;
305 display: inline;
306 visibility: inherit;
307 cursor: move;
308 position: absolute;
309 font-size: 110%;
310 border: 1px dashed #000000;
313 /* MySQL Parser */
314 .syntax {
317 .syntax a {
318 text-decoration: none;
319 border-bottom:1px dotted black;
322 .syntax_comment {
323 padding-left: 4pt;
324 padding-right: 4pt;
327 .syntax_digit {
330 .syntax_digit_hex {
333 .syntax_digit_integer {
336 .syntax_digit_float {
339 .syntax_punct {
342 .syntax_alpha {
345 .syntax_alpha_columnType {
346 text-transform: uppercase;
349 .syntax_alpha_columnAttrib {
350 text-transform: uppercase;
353 .syntax_alpha_reservedWord {
354 text-transform: uppercase;
355 font-weight: bold;
358 .syntax_alpha_functionName {
359 text-transform: uppercase;
362 .syntax_alpha_identifier {
365 .syntax_alpha_charset {
368 .syntax_alpha_variable {
371 .syntax_quote {
372 white-space: pre;
375 .syntax_quote_backtick {
378 /* leave some space between icons and text */
379 .icon, img.footnotemarker {
380 vertical-align: middle;
381 margin-right: 0.3em;
382 margin-left: 0.3em;
385 img.footnotemarker {
386 display: none;
389 /* no extra space in table cells */
390 td .icon {
391 margin: 0;
394 .selectallarrow {
395 margin-<?php echo $right; ?>: 0.3em;
396 margin-<?php echo $left; ?>: 0.6em;
399 /* message boxes: warning, error, confirmation */
400 .success h1,
401 .notice h1,
402 .warning h1,
403 div.error h1 {
404 border-bottom: 2px solid;
405 font-weight: bold;
406 text-align: <?php echo $left; ?>;
407 margin: 0 0 0.2em 0;
410 div.success,
411 div.notice,
412 div.warning,
413 div.error,
414 div.footnotes {
415 margin: 0.3em 0 0 0;
416 border: 2px solid;
417 width: 90%;
418 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
419 background-repeat: no-repeat;
420 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
421 background-position: 10px 50%;
422 padding: 0.1em 0.1em 0.1em 36px;
423 <?php } else { ?>
424 background-position: 99% 50%;
425 padding: 10px 5% 10px 10px;
426 <?php } ?>
427 <?php } else { ?>
428 padding: 0.3em;
429 <?php } ?>
432 .success {
433 color: #000000;
434 background-color: #f0fff0;
436 h1.success,
437 div.success {
438 border-color: #00FF00;
439 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
440 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_success.png);
441 background-repeat: no-repeat;
442 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
443 background-position: 5px 50%;
444 padding: 0.2em 0.2em 0.2em 25px;
445 <?php } else { ?>
446 background-position: 97% 50%;
447 padding: 0.2em 25px 0.2em 0.2em;
448 <?php } ?>
449 <?php } ?>
451 .success h1 {
452 border-color: #00FF00;
455 .notice, .footnotes {
456 color: #000000;
457 background-color: #FFFFDD;
459 h1.notice,
460 div.notice,
461 div.footnotes {
462 border-color: #FFD700;
463 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
464 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_notice.png);
465 background-repeat: no-repeat;
466 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
467 background-position: 5px 50%;
468 padding: 0.2em 0.2em 0.2em 25px;
469 <?php } else { ?>
470 background-position: 97% 50%;
471 padding: 0.2em 25px 0.2em 0.2em;
472 <?php } ?>
473 <?php } ?>
475 .notice h1 {
476 border-color: #FFD700;
479 .warning {
480 color: #CC0000;
481 background-color: #FFFFCC;
483 p.warning,
484 h1.warning,
485 div.warning {
486 border-color: #CC0000;
487 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
488 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_warn.png);
489 background-repeat: no-repeat;
490 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
491 background-position: 5px 50%;
492 padding: 0.2em 0.2em 0.2em 25px;
493 <?php } else { ?>
494 background-position: 97% 50%;
495 padding: 0.2em 25px 0.2em 0.2em;
496 <?php } ?>
497 <?php } ?>
499 .warning h1 {
500 border-color: #cc0000;
503 .error {
504 background-color: #FFFFCC;
505 color: #ff0000;
508 h1.error,
509 div.error {
510 border-color: #ff0000;
511 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
512 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_error.png);
513 background-repeat: no-repeat;
514 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
515 background-position: 5px 50%;
516 padding: 0.2em 0.2em 0.2em 25px;
517 <?php } else { ?>
518 background-position: 97% 50%;
519 padding: 0.2em 25px 0.2em 0.2em;
520 <?php } ?>
521 <?php } ?>
523 div.error h1 {
524 border-color: #ff0000;
527 .confirmation {
528 background-color: #FFFFCC;
530 fieldset.confirmation {
531 border: 0.1em solid #FF0000;
533 fieldset.confirmation legend {
534 border-left: 0.1em solid #FF0000;
535 border-right: 0.1em solid #FF0000;
536 font-weight: bold;
537 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
538 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_really.png);
539 background-repeat: no-repeat;
540 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
541 background-position: 5px 50%;
542 padding: 0.2em 0.2em 0.2em 25px;
543 <?php } else { ?>
544 background-position: 97% 50%;
545 padding: 0.2em 25px 0.2em 0.2em;
546 <?php } ?>
547 <?php } ?>
549 /* end messageboxes */
552 .tblcomment {
553 font-weight: normal;
554 color: #000099;
557 .tblHeaders {
558 font-weight: bold;
559 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
560 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
563 div.tools,
564 .tblFooters {
565 font-weight: normal;
566 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
567 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
570 .tblHeaders a:link,
571 .tblHeaders a:active,
572 .tblHeaders a:visited,
573 div.tools a:link,
574 div.tools a:visited,
575 div.tools a:active,
576 .tblFooters a:link,
577 .tblFooters a:active,
578 .tblFooters a:visited {
579 color: #ffffcc;
580 text-decoration: underline;
583 .tblHeaders a:hover,
584 div.tools a:hover,
585 .tblFooters a:hover {
586 text-decoration: none;
587 color: #ffffff;
590 /* forbidden, no privilegs */
591 .noPrivileges {
592 color: #cc0000;
593 font-weight: bold;
596 /* disabled text */
597 .disabled,
598 .disabled a:link,
599 .disabled a:active,
600 .disabled a:visited {
601 color: #666666;
604 .disabled a:hover {
605 color: #666666;
606 text-decoration: none;
609 tr.disabled td,
610 td.disabled {
611 background-color: #cccccc;
614 .nowrap {
615 white-space: nowrap;
619 * login form
621 body.loginform h1,
622 body.loginform a.logo {
623 display: block;
624 text-align: center;
627 body.loginform {
628 text-align: center;
631 body.loginform div.container {
632 text-align: <?php echo $left; ?>;
633 width: 30em;
634 margin: 0 auto;
637 form.login label {
638 float: <?php echo $left; ?>;
639 width: 10em;
640 font-weight: bolder;
643 .commented_column {
644 border-bottom: 1px dashed black;
647 .column_attribute {
648 font-size: 70%;
651 /******************************************************************************/
652 /* specific elements */
654 /* topmenu */
655 ul#topmenu, ul#topmenu2, ul.tabs {
656 font-weight: bold;
657 list-style-type: none;
658 margin: 0;
659 padding: 0;
662 ul#topmenu2 {
663 margin: 0.25em 0.5em 0;
664 height: 2em;
665 clear: both;
668 ul#topmenu li, ul#topmenu2 li {
669 float: <?php echo $left; ?>;
670 margin: 0;
671 padding: 0;
672 vertical-align: middle;
675 #topmenu img, #topmenu2 img {
676 vertical-align: middle;
677 margin-<?php echo $right; ?>: 0.1em;
680 /* default tab styles */
681 ul#topmenu a, ul#topmenu span {
682 display: block;
683 margin: 2px 2px 0;
684 padding: 2px 2px 0;
685 white-space: nowrap;
688 ul#topmenu ul a {
689 margin: 0;
690 padding-bottom: 2px;
693 ul#topmenu .submenu {
694 position: relative;
695 display: none;
697 ul#topmenu .shown {
698 display: block;
701 ul#topmenu ul {
702 padding: 0;
703 margin: 0;
704 position: absolute;
705 right: 0;
706 list-style-type: none;
707 display: none;
708 border: 1px #666 solid;
711 ul#topmenu li:hover ul, ul#topmenu .submenuhover ul {
712 display: block;
715 ul#topmenu ul li {
716 width: 100%;
719 ul#topmenu2 a {
720 display: block;
721 margin: 0.1em;
722 padding: 0.2em;
723 white-space: nowrap;
726 /* disabled tabs */
727 ul#topmenu span.tab {
728 color: #666666;
731 /* disabled drop/empty tabs */
732 ul#topmenu span.tabcaution {
733 color: #ff6666;
736 /* enabled drop/empty tabs */
737 ul#topmenu a.tabcaution {
738 color: #FF0000;
740 ul#topmenu a.tabcaution:hover {
741 color: #FFFFFF;
742 background-color: #FF0000;
744 fieldset.caution a {
745 color: #FF0000;
747 fieldset.caution a:hover {
748 color: #ffffff;
749 background-color: #FF0000;
752 <?php if ($GLOBALS['cfg']['LightTabs']) { ?>
753 /* active tab */
754 ul#topmenu a.tabactive, ul#topmenu2 a.tabactive {
755 color: black;
758 ul#topmenu ul {
759 background: <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
761 <?php } else { ?>
762 #topmenu {
763 margin-top: 0.5em;
764 padding: 0.1em 0.3em 0.1em 0.3em;
767 ul#topmenu ul {
768 -moz-box-shadow: 2px 2px 3px #666;
769 -webkit-box-shadow: 2px 2px 3px #666;
770 box-shadow: 2px 2px 3px #666;
773 ul#topmenu > li {
774 border-bottom: 1pt solid black;
777 /* default tab styles */
778 ul#topmenu a, ul#topmenu span {
779 background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
780 border: 0 solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
781 border-width: 1pt 1pt 0 1pt;
782 -moz-border-radius: 0.4em 0.4em 0 0;
783 border-radius: 0.4em 0.4em 0 0;
786 ul#topmenu ul a {
787 border-width: 1pt 0 0 0;
788 -moz-border-radius: 0;
789 border-radius: 0;
792 ul#topmenu ul li:first-child a {
793 border-width: 0;
796 /* enabled hover/active tabs */
797 ul#topmenu > li > a:hover,
798 ul#topmenu > li > .tabactive {
799 margin: 0;
800 padding: 2px 4px;
801 text-decoration: none;
804 ul#topmenu ul a:hover,
805 ul#topmenu ul .tabactive {
806 text-decoration: none;
809 ul#topmenu a.tab:hover,
810 ul#topmenu .tabactive {
811 background-color: <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
814 ul#topmenu2 a.tab:hover,
815 ul#topmenu2 a.tabactive {
816 background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
817 -moz-border-radius: 0.3em;
818 border-radius: 0.3em;
819 text-decoration: none;
822 /* to be able to cancel the bottom border, use <li class="active"> */
823 ul#topmenu > li.active {
824 border-bottom: 1pt solid <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
827 /* disabled drop/empty tabs */
828 ul#topmenu span.tab,
829 a.warning,
830 ul#topmenu span.tabcaution {
831 cursor: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>error.ico), default;
833 <?php } ?>
834 /* end topmenu */
837 /* Calendar */
838 table.calendar {
839 width: 100%;
841 table.calendar td {
842 text-align: center;
844 table.calendar td a {
845 display: block;
848 table.calendar td a:hover {
849 background-color: #CCFFCC;
852 table.calendar th {
853 background-color: #D3DCE3;
856 table.calendar td.selected {
857 background-color: #FFCC99;
860 img.calendar {
861 border: none;
863 form.clock {
864 text-align: center;
866 /* end Calendar */
869 /* table stats */
870 div#tablestatistics {
871 border-bottom: 0.1em solid #669999;
872 margin-bottom: 0.5em;
873 padding-bottom: 0.5em;
876 div#tablestatistics table {
877 float: <?php echo $left; ?>;
878 margin-bottom: 0.5em;
879 margin-<?php echo $right; ?>: 0.5em;
882 div#tablestatistics table caption {
883 margin-<?php echo $right; ?>: 0.5em;
885 /* END table stats */
888 /* server privileges */
889 #tableuserrights td,
890 #tablespecificuserrights td,
891 #tabledatabases td {
892 vertical-align: middle;
894 /* END server privileges */
898 /* Heading */
899 #serverinfo {
900 font-weight: bold;
901 margin-bottom: 0.5em;
904 #serverinfo .item {
905 white-space: nowrap;
908 #span_table_comment {
909 font-weight: normal;
910 font-style: italic;
911 white-space: nowrap;
914 #serverinfo img {
915 margin: 0 0.1em 0 0.1em;
918 /* some styles for IDs: */
919 #buttonNo {
920 color: #CC0000;
921 font-weight: bold;
922 padding: 0 10px 0 10px;
925 #buttonYes {
926 color: #006600;
927 font-weight: bold;
928 padding: 0 10px 0 10px;
931 #buttonGo {
932 color: #006600;
933 font-weight: bold;
934 padding: 0 10px 0 10px;
937 #listTable {
938 width: 260px;
941 #textSqlquery {
942 width: 450px;
945 #textSQLDUMP {
946 width: 95%;
947 height: 95%;
948 font-family: "Courier New", Courier, mono;
949 font-size: 110%;
952 #TooltipContainer {
953 position: absolute;
954 z-index: 99;
955 width: 20em;
956 height: auto;
957 overflow: visible;
958 visibility: hidden;
959 background-color: #ffffcc;
960 color: #006600;
961 border: 0.1em solid #000000;
962 padding: 0.5em;
965 /* user privileges */
966 #fieldset_add_user_login div.item {
967 border-bottom: 1px solid silver;
968 padding-bottom: 0.3em;
969 margin-bottom: 0.3em;
972 #fieldset_add_user_login label {
973 float: <?php echo $left; ?>;
974 display: block;
975 width: 10em;
976 max-width: 100%;
977 text-align: <?php echo $right; ?>;
978 padding-<?php echo $right; ?>: 0.5em;
981 #fieldset_add_user_login span.options #select_pred_username,
982 #fieldset_add_user_login span.options #select_pred_hostname,
983 #fieldset_add_user_login span.options #select_pred_password {
984 width: 100%;
985 max-width: 100%;
988 #fieldset_add_user_login span.options {
989 float: <?php echo $left; ?>;
990 display: block;
991 width: 12em;
992 max-width: 100%;
993 padding-<?php echo $right; ?>: 0.5em;
996 #fieldset_add_user_login input {
997 width: 12em;
998 clear: <?php echo $right; ?>;
999 max-width: 100%;
1002 #fieldset_add_user_login span.options input {
1003 width: auto;
1006 #fieldset_user_priv div.item {
1007 float: <?php echo $left; ?>;
1008 width: 9em;
1009 max-width: 100%;
1012 #fieldset_user_priv div.item div.item {
1013 float: none;
1016 #fieldset_user_priv div.item label {
1017 white-space: nowrap;
1020 #fieldset_user_priv div.item select {
1021 width: 100%;
1024 #fieldset_user_global_rights fieldset {
1025 float: <?php echo $left; ?>;
1027 /* END user privileges */
1030 /* serverstatus */
1031 div#serverstatus table caption a.top {
1032 float: <?php echo $right; ?>;
1035 div#serverstatus div#serverstatusqueriesdetails table,
1036 div#serverstatus table#serverstatustraffic_src,
1037 div#serverstatus table#serverstatustraffic_trg,
1038 div#serverstatus table#serverstatusconnections {
1039 float: <?php echo $left; ?>;
1042 #serverstatussection,
1043 .clearfloat {
1044 clear: both;
1046 div#serverstatussection table {
1047 width: 100%;
1048 margin-bottom: 1em;
1050 div#serverstatussection table .name {
1051 width: 18em;
1053 div#serverstatussection table .value {
1054 width: 6em;
1057 div#serverstatus table tbody td.descr a,
1058 div#serverstatus table .tblFooters a {
1059 white-space: nowrap;
1061 div#serverstatus div#statuslinks a:before,
1062 div#serverstatus div#sectionlinks a:before,
1063 div#serverstatus table tbody td.descr a:before,
1064 div#serverstatus table .tblFooters a:before {
1065 content: '[';
1067 div#serverstatus div#statuslinks a:after,
1068 div#serverstatus div#sectionlinks a:after,
1069 div#serverstatus table tbody td.descr a:after,
1070 div#serverstatus table .tblFooters a:after {
1071 content: ']';
1073 /* end serverstatus */
1075 /* querywindow */
1076 body#bodyquerywindow {
1077 margin: 0;
1078 padding: 0;
1079 background-image: none;
1080 background-color: #F5F5F5;
1083 div#querywindowcontainer {
1084 margin: 0;
1085 padding: 0;
1086 width: 100%;
1089 div#querywindowcontainer fieldset {
1090 margin-top: 0;
1092 /* END querywindow */
1095 /* querybox */
1097 div#sqlquerycontainer {
1098 float: <?php echo $left; ?>;
1099 width: 69%;
1100 /* height: 15em; */
1103 div#tablefieldscontainer {
1104 float: <?php echo $right; ?>;
1105 width: 29%;
1106 /* height: 15em; */
1109 div#tablefieldscontainer select {
1110 width: 100%;
1111 /* height: 12em; */
1114 textarea#sqlquery {
1115 width: 100%;
1116 /* height: 100%; */
1118 textarea#sql_query_edit{
1119 height:7em;
1120 width: 95%;
1121 display:block;
1123 div#queryboxcontainer div#bookmarkoptions {
1124 margin-top: 0.5em;
1126 /* end querybox */
1128 /* main page */
1129 #maincontainer {
1130 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>logo_right.png);
1131 background-position: <?php echo $right; ?> bottom;
1132 background-repeat: no-repeat;
1135 #mysqlmaininformation,
1136 #pmamaininformation {
1137 float: <?php echo $left; ?>;
1138 width: 49%;
1141 #maincontainer ul {
1142 list-style-type: disc;
1143 vertical-align: middle;
1146 #maincontainer li {
1147 margin-bottom: 0.3em;
1149 /* END main page */
1152 <?php if ($GLOBALS['cfg']['MainPageIconic']) { ?>
1153 /* iconic view for ul items */
1154 li#li_create_database {
1155 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_newdb.png);
1158 li#li_select_lang {
1159 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_lang.png);
1162 li#li_select_mysql_collation {
1163 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
1166 li#li_select_theme{
1167 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_theme.png);
1170 li#li_user_info{
1171 /* list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png); */
1174 li#li_mysql_status{
1175 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_status.png);
1178 li#li_mysql_variables{
1179 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_vars.png);
1182 li#li_mysql_processes{
1183 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_process.png);
1186 li#li_mysql_collations{
1187 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
1190 li#li_mysql_engines{
1191 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_engine.png);
1194 li#li_mysql_binlogs {
1195 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_tbl.png);
1198 li#li_mysql_databases {
1199 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_db.png);
1202 li#li_export {
1203 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_export.png);
1206 li#li_import {
1207 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_import.png);
1210 li#li_change_password {
1211 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_passwd.png);
1214 li#li_log_out {
1215 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_loggoff.png);
1218 li#li_mysql_privilegs{
1219 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png);
1222 li#li_switch_dbstats {
1223 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_dbstatistics.png);
1226 li#li_flush_privileges {
1227 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_reload.png);
1230 li#li_user_preferences {
1231 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_tblops.png);
1233 /* END iconic view for ul items */
1234 <?php } /* end if $GLOBALS['cfg']['MainPageIconic'] */ ?>
1237 #body_browse_foreigners {
1238 background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1239 margin: 0.5em 0.5em 0 0.5em;
1242 #bodyquerywindow {
1243 background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1246 #bodythemes {
1247 width: 500px;
1248 margin: auto;
1249 text-align: center;
1252 #bodythemes img {
1253 border: 0.1em solid black;
1256 #bodythemes a:hover img {
1257 border: 0.1em solid red;
1260 #fieldset_select_fields {
1261 float: <?php echo $left; ?>;
1264 #selflink {
1265 clear: both;
1266 display: block;
1267 margin-top: 1em;
1268 margin-bottom: 1em;
1269 width: 100%;
1270 border-top: 0.1em solid silver;
1271 text-align: <?php echo $right; ?>;
1274 #table_innodb_bufferpool_usage,
1275 #table_innodb_bufferpool_activity {
1276 float: <?php echo $left; ?>;
1279 #div_mysql_charset_collations table {
1280 float: <?php echo $left; ?>;
1283 #div_table_order {
1284 min-width: 48%;
1285 float: <?php echo $left; ?>;
1288 #div_table_rename {
1289 min-width: 48%;
1290 float: <?php echo $left; ?>;
1293 #div_table_copy, #div_partition_maintenance, #div_referential_integrity, #div_table_removal, #div_table_maintenance {
1294 min-width: 48%;
1295 float: <?php echo $left; ?>;
1298 #div_table_options {
1299 clear: both;
1300 min-width: 48%;
1301 float: <?php echo $left; ?>;
1304 #qbe_div_table_list {
1305 float: <?php echo $left; ?>;
1308 #qbe_div_sql_query {
1309 float: <?php echo $left; ?>;
1312 label.desc {
1313 width: 30em;
1314 float: <?php echo $left; ?>;
1317 label.desc sup {
1318 position: absolute;
1321 code.sql, div.sqlvalidate {
1322 display: block;
1323 padding: 0.3em;
1324 margin-top: 0;
1325 margin-bottom: 0;
1326 border: <?php echo $GLOBALS['cfg']['MainColor']; ?> solid 1px;
1327 border-top: 0;
1328 border-bottom: 0;
1329 max-height: 10em;
1330 overflow: auto;
1331 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1334 #main_pane_left {
1335 width: 60%;
1336 float: <?php echo $left; ?>;
1337 padding-top: 1em;
1340 #main_pane_right {
1341 margin-<?php echo $left; ?>: 60%;
1342 padding-top: 1em;
1343 padding-<?php echo $left; ?>: 1em;
1346 .group {
1347 border-<?php echo $left; ?>: 0.3em solid <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
1348 margin-bottom: 1em;
1351 .group h2 {
1352 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
1353 padding: 0.1em 0.3em;
1354 margin-top: 0;
1357 .group-cnt {
1358 padding: 0 0 0 0.5em;
1359 display: inline-block;
1360 width: 98%;
1363 textarea#partitiondefinition {
1364 height:3em;
1367 /* for elements that should be revealed only via js */
1368 .hide {
1369 display: none;
1372 #li_select_server {
1373 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_host.png);
1376 #list_server {
1377 list-style-image: none;
1381 * Progress bar styles
1383 div.upload_progress_bar_outer
1385 border: 1px solid black;
1386 width: 202px;
1389 div.upload_progress_bar_inner
1391 background-color: <?php echo (isset($_SESSION['userconf']['custom_color']) ? $_SESSION['userconf']['custom_color'] : $GLOBALS['cfg']['NaviBackground']); ?>;
1392 width: 0px;
1393 height: 12px;
1394 margin: 1px;
1397 table#serverconnection_src_remote,
1398 table#serverconnection_trg_remote,
1399 table#serverconnection_src_local,
1400 table#serverconnection_trg_local {
1401 float:left;
1404 #NavFilter {
1405 display: none;
1408 #clear_fast_filter {
1409 background: white;
1410 color: black;
1411 cursor: pointer;
1412 padding: 0;
1413 margin: 3px 5px 0 -23px;
1414 position: relative;
1415 float: right;
1418 #fast_filter {
1419 width: 100%;
1420 padding:2px 0px;
1421 margin:0;
1422 border:0;
1425 * Validation error message styles
1427 .invalid_value
1428 {background:#F00;}
1431 * Ajax notification styling
1433 .ajax_notification {
1434 top: 0px;
1435 position: fixed;
1436 margin-top: 0;
1437 margin-right: auto;
1438 margin-bottom: 0;
1439 margin-left: auto;
1440 padding: 3px 5px;
1441 min-width: 70px;
1442 max-width: 350px;
1443 background-color: #FF9900;
1444 z-index: 1100;
1445 text-align: center;
1446 display: block;
1447 left: 0;
1448 right: 0;
1449 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>ajax_clock_small.gif);
1450 background-repeat: no-repeat;
1451 background-position: 2%;
1454 #loading_parent {
1455 position: relative;
1456 width: 100%;
1460 * Export and Import styles
1462 .exportoptions h3, .importoptions h3 {
1463 border-bottom: 1px #999999 solid;
1466 .exportoptions ul, .importoptions ul, .format_specific_options ul {
1467 list-style-type: none;
1468 margin-bottom: 15px;
1471 .exportoptions li, .importoptions li {
1472 margin: 7px;
1474 .exportoptions label, .importoptions label, .exportoptions p, .importoptions p {
1475 margin: 5px;
1476 float: none;
1479 #csv_options label.desc, #ldi_options label.desc, #latex_options label.desc, #output label.desc{
1480 float: left;
1481 width: 15em;
1484 .exportoptions, .importoptions {
1485 margin: 20px 30px 30px 10px
1488 .exportoptions #buttonGo, .importoptions #buttonGo {
1489 padding: 5px 30px;
1490 -moz-border-radius: 11px;
1491 -webkit-border-radius: 11px;
1492 border-radius: 11px;
1493 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
1494 background: -moz-linear-gradient(top, #ffffff, #cccccc);
1495 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
1496 border: 1px solid #444444;
1497 cursor: pointer;
1500 .format_specific_options h3 {
1501 margin: 10px 0px 0px 10px;
1502 border: 0px;
1505 .format_specific_options {
1506 border: 1px solid #999999;
1507 margin: 7px 0px;
1508 padding: 3px;
1511 p.desc {
1512 margin: 5px;
1516 * Export styles only
1518 select#db_select, select#table_select {
1519 width: 400px;
1522 .export_sub_options {
1523 margin: 20px 0px 0px 30px;
1526 .export_sub_options h4 {
1527 border-bottom: 1px #999999 solid;
1530 #quick_or_custom, #output_quick_export {
1531 display: none;
1535 * Import styles only
1538 .importoptions #import_notification {
1539 margin: 10px 0px;
1540 font-style: italic;
1543 input#input_import_file {
1544 margin: 5px;
1547 .formelementrow {
1548 margin: 5px 0px 5px 0px;
1552 * ENUM/SET editor styles
1554 p.enum_notice {
1555 margin: 5px 2px;
1556 font-size: 80%;
1559 #enum_editor {
1560 display: none;
1561 position: fixed;
1562 _position: absolute; /* hack for IE */
1563 z-index: 101;
1564 overflow: auto;
1567 #enum_editor_no_js {
1568 margin: auto auto;
1571 #enum_editor, #enum_editor_no_js {
1572 width: 50%;
1573 height: 80%;
1574 background: #D0DCE0;
1575 padding: 15px;
1578 #popup_background {
1579 display: none;
1580 position: fixed;
1581 _position: absolute; /* hack for IE */
1582 width: 100%;
1583 height: 100%;
1584 top: 0;
1585 left: 0;
1586 background: #000;
1587 z-index: 100;
1590 a.close_enum_editor {
1591 float: right;
1594 #enum_editor #values, #enum_editor_no_js #values {
1595 margin: 15px 0px;
1598 #enum_editor #values input, #enum_editor_no_js #values input {
1599 margin: 5px 0px;
1600 float: top;
1601 width: 100%;
1604 #enum_editor input, #enum_editor_no_js input {
1605 float: bottom;
1608 #enum_editor_output {
1609 margin-top: 50px;
1613 * Table structure styles
1615 .structure_actions_dropdown {
1616 position: absolute;
1617 padding: 3px;
1618 display: none;
1621 .structure_actions_dropdown a {
1622 display: block;
1625 td.more_opts {
1626 display: none;
1627 white-space: nowrap;
1630 /* config forms */
1631 .config-form ul.tabs {
1632 margin: 1.1em 0.2em 0;
1633 padding: 0 0 0.3em 0;
1634 list-style: none;
1635 font-weight: bold;
1638 .config-form ul.tabs li {
1639 float: <?php echo $left; ?>;
1642 .config-form ul.tabs li a {
1643 display: block;
1644 margin: 0.1em 0.2em 0;
1645 padding: 0.1em 0.4em;
1646 white-space: nowrap;
1647 text-decoration: none;
1648 border: 1px solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1649 border-bottom: none;
1652 .config-form ul.tabs li a:hover,
1653 .config-form ul.tabs li a:active,
1654 .config-form ul.tabs li a.active {
1655 margin: 0;
1656 padding: 0.1em 0.6em 0.2em;
1659 .config-form ul.tabs li a.active {
1660 background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1663 .config-form fieldset {
1664 margin-top: 0;
1665 padding: 0;
1666 clear: both;
1667 /*border-color: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;*/
1670 .config-form legend {
1671 display: none;
1674 .config-form fieldset p {
1675 margin: 0;
1676 padding: 0.5em;
1677 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1680 .config-form fieldset .errors { /* form error list */
1681 margin: 0 -2px 1em -2px;
1682 padding: 0.5em 1.5em;
1683 background: #FBEAD9;
1684 border: 0 #C83838 solid;
1685 border-width: 1px 0;
1686 list-style: none;
1687 font-family: sans-serif;
1688 font-size: small;
1691 .config-form fieldset .inline_errors { /* field error list */
1692 margin: 0.3em 0.3em 0.3em 0;
1693 padding: 0;
1694 list-style: none;
1695 color: #9A0000;
1696 font-size: small;
1699 .config-form fieldset th {
1700 padding: 0.3em 0.3em 0.3em 0.5em;
1701 text-align: left;
1702 vertical-align: top;
1703 width: 40%;
1704 background: transparent;
1707 .config-form fieldset .doc, .config-form fieldset .disabled-notice {
1708 margin-left: 1em;
1711 .config-form fieldset .disabled-notice {
1712 font-size: 80%;
1713 text-transform: uppercase;
1714 color: #E00;
1715 cursor: help;
1718 .config-form fieldset td {
1719 padding-top: 0.3em;
1720 padding-bottom: 0.3em;
1721 vertical-align: top;
1724 .config-form fieldset th small {
1725 display: block;
1726 font-weight: normal;
1727 font-family: sans-serif;
1728 font-size: x-small;
1729 color: #444;
1732 .config-form fieldset th, .config-form fieldset td {
1733 border-top: 1px <?php echo $GLOBALS['cfg']['BgTwo']; ?> solid;
1736 fieldset .group-header th {
1737 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1740 fieldset .group-header + tr th {
1741 padding-top: 0.6em;
1744 fieldset .group-field-1 th, fieldset .group-header-2 th {
1745 padding-left: 1.5em;
1748 fieldset .group-field-2 th, fieldset .group-header-3 th {
1749 padding-left: 3em;
1752 fieldset .group-field-3 th {
1753 padding-left: 4.5em;
1756 fieldset .disabled-field th,
1757 fieldset .disabled-field th small,
1758 fieldset .disabled-field td {
1759 color: #777;
1760 background-color: #eee;
1763 .config-form .lastrow {
1764 border-top: 1px #000 solid;
1767 .config-form .lastrow {
1768 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;;
1769 padding: 0.5em;
1770 text-align: center;
1773 .config-form .lastrow input {
1774 font-weight: bold;
1777 /* form elements */
1779 .config-form span.checkbox {
1780 padding: 2px;
1781 display: inline-block;
1784 .config-form .custom { /* customized field */
1785 background: #FFC;
1788 .config-form span.checkbox.custom {
1789 padding: 1px;
1790 border: 1px #EDEC90 solid;
1791 background: #FFC;
1794 .config-form .field-error {
1795 border-color: #A11 !important;
1798 .config-form input[type="text"],
1799 .config-form select,
1800 .config-form textarea {
1801 border: 1px #A7A6AA solid;
1802 height: auto;
1805 .config-form input[type="text"]:focus,
1806 .config-form select:focus,
1807 .config-form textarea:focus {
1808 border: 1px #6676FF solid;
1809 background: #F7FBFF;
1812 .config-form .field-comment-mark {
1813 font-family: serif;
1814 color: #00A;
1815 cursor: help;
1816 padding: 0 0.2em;
1817 font-weight: bold;
1818 font-style: italic;
1821 .config-form .field-comment-warning {
1822 color: #A00;
1825 /* error list */
1826 .config-form dd {
1827 margin-left: 0.5em;
1830 .config-form dd:before {
1831 content: "\25B8 ";
1834 .click-hide-message {
1835 cursor: pointer;
1838 .prefsmanage_opts {
1839 margin-<?php echo $left; ?>: 2em;
1842 #prefs_autoload {
1843 margin-bottom: 0.5em;