Remove custom color references in themes compatible with 3.4
[phpmyadmin-themes.git] / darkblue_orange / css / theme_right.css.php
blobf0a2d920a9136eaac0a96ddedc4c216cac1cbc8d
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 #div_table_order {
1300 min-width: 48%;
1301 float: <?php echo $left; ?>;
1304 #div_table_rename {
1305 min-width: 48%;
1306 float: <?php echo $left; ?>;
1309 #div_table_copy, #div_partition_maintenance, #div_referential_integrity, #div_table_removal, #div_table_maintenance {
1310 min-width: 48%;
1311 float: <?php echo $left; ?>;
1314 #div_table_options {
1315 clear: both;
1316 min-width: 48%;
1317 float: <?php echo $left; ?>;
1320 #qbe_div_table_list {
1321 float: <?php echo $left; ?>;
1324 #qbe_div_sql_query {
1325 float: <?php echo $left; ?>;
1328 label.desc {
1329 width: 30em;
1330 float: <?php echo $left; ?>;
1333 label.desc sup {
1334 position: absolute;
1337 code.sql, div.sqlvalidate {
1338 display: block;
1339 padding: 0.3em;
1340 margin-top: 0;
1341 margin-bottom: 0;
1342 border: <?php echo $GLOBALS['cfg']['MainColor']; ?> solid 1px;
1343 border-top: 0;
1344 border-bottom: 0;
1345 max-height: 10em;
1346 overflow: auto;
1347 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1350 #main_pane_left {
1351 width: 60%;
1352 float: <?php echo $left; ?>;
1353 padding-top: 1em;
1356 #main_pane_right {
1357 margin-<?php echo $left; ?>: 60%;
1358 padding-top: 1em;
1359 padding-<?php echo $left; ?>: 1em;
1362 .group {
1363 border-<?php echo $left; ?>: 0.3em solid <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
1364 margin-bottom: 1em;
1367 .group h2 {
1368 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
1369 padding: 0.1em 0.3em;
1370 margin-top: 0;
1373 .group-cnt {
1374 padding: 0 0 0 0.5em;
1375 display: inline-block;
1376 width: 98%;
1379 textarea#partitiondefinition {
1380 height:3em;
1383 /* for elements that should be revealed only via js */
1384 .hide {
1385 display: none;
1388 #li_select_server {
1389 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_host.png);
1392 #list_server {
1393 list-style-image: none;
1397 * Progress bar styles
1399 div.upload_progress_bar_outer
1401 border: 1px solid black;
1402 width: 202px;
1405 div.upload_progress_bar_inner
1407 background-color: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1408 width: 0px;
1409 height: 12px;
1410 margin: 1px;
1413 table#serverconnection_src_remote,
1414 table#serverconnection_trg_remote,
1415 table#serverconnection_src_local,
1416 table#serverconnection_trg_local {
1417 float:left;
1420 #NavFilter {
1421 display: none;
1424 #clear_fast_filter {
1425 background: white;
1426 color: black;
1427 cursor: pointer;
1428 padding: 0;
1429 margin: 3px 5px 0 -23px;
1430 position: relative;
1431 float: right;
1434 #fast_filter {
1435 width: 100%;
1436 padding:2px 0px;
1437 margin:0;
1438 border:0;
1441 * Validation error message styles
1443 .invalid_value
1444 {background:#F00;}
1447 * Ajax notification styling
1449 .ajax_notification {
1450 top: 0px;
1451 position: fixed;
1452 margin-top: 0;
1453 margin-right: auto;
1454 margin-bottom: 0;
1455 margin-left: auto;
1456 padding: 3px 5px;
1457 min-width: 70px;
1458 max-width: 350px;
1459 background-color: #FF9900;
1460 z-index: 1100;
1461 text-align: center;
1462 display: block;
1463 left: 0;
1464 right: 0;
1465 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>ajax_clock_small.gif);
1466 background-repeat: no-repeat;
1467 background-position: 2%;
1470 #loading_parent {
1471 position: relative;
1472 width: 100%;
1476 * Export and Import styles
1478 .exportoptions h3, .importoptions h3 {
1479 border-bottom: 1px #999999 solid;
1482 .exportoptions ul, .importoptions ul, .format_specific_options ul {
1483 list-style-type: none;
1484 margin-bottom: 15px;
1487 .exportoptions li, .importoptions li {
1488 margin: 7px;
1490 .exportoptions label, .importoptions label, .exportoptions p, .importoptions p {
1491 margin: 5px;
1492 float: none;
1495 #csv_options label.desc, #ldi_options label.desc, #latex_options label.desc, #output label.desc{
1496 float: left;
1497 width: 15em;
1500 .exportoptions, .importoptions {
1501 margin: 20px 30px 30px 10px
1504 .exportoptions #buttonGo, .importoptions #buttonGo {
1505 padding: 5px 30px;
1506 -moz-border-radius: 11px;
1507 -webkit-border-radius: 11px;
1508 border-radius: 11px;
1509 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
1510 background: -moz-linear-gradient(top, #ffffff, #cccccc);
1511 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
1512 border: 1px solid #444444;
1513 cursor: pointer;
1516 .format_specific_options h3 {
1517 margin: 10px 0px 0px 10px;
1518 border: 0px;
1521 .format_specific_options {
1522 border: 1px solid #999999;
1523 margin: 7px 0px;
1524 padding: 3px;
1527 p.desc {
1528 margin: 5px;
1532 * Export styles only
1534 select#db_select, select#table_select {
1535 width: 400px;
1538 .export_sub_options {
1539 margin: 20px 0px 0px 30px;
1542 .export_sub_options h4 {
1543 border-bottom: 1px #999999 solid;
1546 #quick_or_custom, #output_quick_export {
1547 display: none;
1551 * Import styles only
1554 .importoptions #import_notification {
1555 margin: 10px 0px;
1556 font-style: italic;
1559 input#input_import_file {
1560 margin: 5px;
1563 .formelementrow {
1564 margin: 5px 0px 5px 0px;
1568 * ENUM/SET editor styles
1570 p.enum_notice {
1571 margin: 5px 2px;
1572 font-size: 80%;
1575 #enum_editor {
1576 display: none;
1577 position: fixed;
1578 _position: absolute; /* hack for IE */
1579 z-index: 101;
1580 overflow: auto;
1583 #enum_editor_no_js {
1584 margin: auto auto;
1587 #enum_editor, #enum_editor_no_js {
1588 width: 50%;
1589 height: 80%;
1590 background: #D0DCE0;
1591 padding: 15px;
1594 #popup_background {
1595 display: none;
1596 position: fixed;
1597 _position: absolute; /* hack for IE */
1598 width: 100%;
1599 height: 100%;
1600 top: 0;
1601 left: 0;
1602 background: #000;
1603 z-index: 100;
1606 a.close_enum_editor {
1607 float: right;
1610 #enum_editor #values, #enum_editor_no_js #values {
1611 margin: 15px 0px;
1614 #enum_editor #values input, #enum_editor_no_js #values input {
1615 margin: 5px 0px;
1616 float: top;
1617 width: 100%;
1620 #enum_editor input, #enum_editor_no_js input {
1621 float: bottom;
1624 #enum_editor_output {
1625 margin-top: 50px;
1629 * Table structure styles
1631 .structure_actions_dropdown {
1632 position: absolute;
1633 padding: 3px;
1634 display: none;
1637 .structure_actions_dropdown a {
1638 display: block;
1641 td.more_opts {
1642 display: none;
1643 white-space: nowrap;
1646 /* config forms */
1647 .config-form ul.tabs {
1648 margin: 1.1em 0.2em 0;
1649 padding: 0 0 0.3em 0;
1650 list-style: none;
1651 font-weight: bold;
1654 .config-form ul.tabs li {
1655 float: <?php echo $left; ?>;
1658 .config-form ul.tabs li a {
1659 display: block;
1660 margin: 0.1em 0.2em 0;
1661 padding: 0.1em 0.4em;
1662 white-space: nowrap;
1663 text-decoration: none;
1664 border: 1px solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1665 border-bottom: none;
1668 .config-form ul.tabs li a:hover,
1669 .config-form ul.tabs li a:active,
1670 .config-form ul.tabs li a.active {
1671 margin: 0;
1672 padding: 0.1em 0.6em 0.2em;
1675 .config-form ul.tabs li a.active {
1676 background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1679 .config-form fieldset {
1680 margin-top: 0;
1681 padding: 0;
1682 clear: both;
1683 /*border-color: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;*/
1686 .config-form legend {
1687 display: none;
1690 .config-form fieldset p {
1691 margin: 0;
1692 padding: 0.5em;
1693 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1696 .config-form fieldset .errors { /* form error list */
1697 margin: 0 -2px 1em -2px;
1698 padding: 0.5em 1.5em;
1699 background: #FBEAD9;
1700 border: 0 #C83838 solid;
1701 border-width: 1px 0;
1702 list-style: none;
1703 font-family: sans-serif;
1704 font-size: small;
1707 .config-form fieldset .inline_errors { /* field error list */
1708 margin: 0.3em 0.3em 0.3em 0;
1709 padding: 0;
1710 list-style: none;
1711 color: #9A0000;
1712 font-size: small;
1715 .config-form fieldset th {
1716 padding: 0.3em 0.3em 0.3em 0.5em;
1717 text-align: left;
1718 vertical-align: top;
1719 width: 40%;
1720 background: transparent;
1723 .config-form fieldset .doc, .config-form fieldset .disabled-notice {
1724 margin-left: 1em;
1727 .config-form fieldset .disabled-notice {
1728 font-size: 80%;
1729 text-transform: uppercase;
1730 color: #E00;
1731 cursor: help;
1734 .config-form fieldset td {
1735 padding-top: 0.3em;
1736 padding-bottom: 0.3em;
1737 vertical-align: top;
1740 .config-form fieldset th small {
1741 display: block;
1742 font-weight: normal;
1743 font-family: sans-serif;
1744 font-size: x-small;
1745 color: #444;
1748 .config-form fieldset th, .config-form fieldset td {
1749 border-top: 1px <?php echo $GLOBALS['cfg']['BgTwo']; ?> solid;
1752 fieldset .group-header th {
1753 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1756 fieldset .group-header + tr th {
1757 padding-top: 0.6em;
1760 fieldset .group-field-1 th, fieldset .group-header-2 th {
1761 padding-left: 1.5em;
1764 fieldset .group-field-2 th, fieldset .group-header-3 th {
1765 padding-left: 3em;
1768 fieldset .group-field-3 th {
1769 padding-left: 4.5em;
1772 fieldset .disabled-field th,
1773 fieldset .disabled-field th small,
1774 fieldset .disabled-field td {
1775 color: #777;
1776 background-color: #eee;
1779 .config-form .lastrow {
1780 border-top: 1px #000 solid;
1783 .config-form .lastrow {
1784 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;;
1785 padding: 0.5em;
1786 text-align: center;
1789 .config-form .lastrow input {
1790 font-weight: bold;
1793 /* form elements */
1795 .config-form span.checkbox {
1796 padding: 2px;
1797 display: inline-block;
1800 .config-form .custom { /* customized field */
1801 background: #FFC;
1804 .config-form span.checkbox.custom {
1805 padding: 1px;
1806 border: 1px #EDEC90 solid;
1807 background: #FFC;
1810 .config-form .field-error {
1811 border-color: #A11 !important;
1814 .config-form input[type="text"],
1815 .config-form select,
1816 .config-form textarea {
1817 border: 1px #A7A6AA solid;
1818 height: auto;
1821 .config-form input[type="text"]:focus,
1822 .config-form select:focus,
1823 .config-form textarea:focus {
1824 border: 1px #6676FF solid;
1825 background: #F7FBFF;
1828 .config-form .field-comment-mark {
1829 font-family: serif;
1830 color: #00A;
1831 cursor: help;
1832 padding: 0 0.2em;
1833 font-weight: bold;
1834 font-style: italic;
1837 .config-form .field-comment-warning {
1838 color: #A00;
1841 /* error list */
1842 .config-form dd {
1843 margin-left: 0.5em;
1846 .config-form dd:before {
1847 content: "\25B8 ";
1850 .click-hide-message {
1851 cursor: pointer;
1854 .prefsmanage_opts {
1855 margin-<?php echo $left; ?>: 2em;
1858 #prefs_autoload {
1859 margin-bottom: 0.5em;