Add OK and Cancel button for grid editing
[phpmyadmin/arisferyanto.git] / themes / original / css / theme_right.css.php
blob93c9499e25fd7eea450a5d2d674eff427e62f0c4
1 <?php
2 /* vim: set expandtab sw=4 ts=4 sts=4: */
3 /**
4 * main css file from theme Original
6 * @package PhpMyAdmin-theme
7 * @subpackage Original
8 */
10 // unplanned execution path
11 if (!defined('PMA_MINIMUM_COMMON') && !defined('TESTSUITE')) {
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 0.5em 0 0;
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: 140%;
43 font-weight: bold;
46 h2 {
47 font-size: 120%;
48 font-weight: bold;
51 h3 {
52 font-weight: bold;
55 a, a:link,
56 a:visited,
57 a:active {
58 text-decoration: none;
59 color: #0000FF;
60 cursor: pointer;
63 a:hover {
64 text-decoration: underline;
65 color: #FF0000;
68 dfn {
69 font-style: normal;
72 dfn:hover {
73 font-style: normal;
74 cursor: help;
77 th {
78 font-weight: bold;
79 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
80 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
83 a img {
84 border: 0;
87 hr {
88 color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
89 background-color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
90 border: 0;
91 height: 1px;
94 form {
95 padding: 0;
96 margin: 0;
97 display: inline;
100 textarea {
101 overflow: visible;
102 height: <?php echo ceil($GLOBALS['cfg']['TextareaRows'] * 1.2); ?>em;
105 textarea.char {
106 height: <?php echo ceil($GLOBALS['cfg']['CharTextareaRows'] * 1.2); ?>em;
109 fieldset {
110 margin-top: 1em;
111 border: <?php echo $GLOBALS['cfg']['MainColor']; ?> solid 1px;
112 padding: 0.5em;
113 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
116 fieldset fieldset {
117 margin: 0.8em;
120 fieldset legend {
121 font-weight: bold;
122 color: #444444;
123 background-color: <?php echo 'OPERA' != PMA_USR_BROWSER_AGENT ? 'transparent' : $GLOBALS['cfg']['BgOne']; ?>;
126 /* buttons in some browsers (eg. Konqueror) are block elements,
127 this breaks design */
128 button {
129 display: inline;
132 table caption,
133 table th,
134 table td {
135 padding: 0.1em 0.5em 0.1em 0.5em;
136 margin: 0.1em;
137 vertical-align: top;
140 img,
141 input,
142 select,
143 button {
144 vertical-align: middle;
147 /******************************************************************************/
148 /* classes */
149 .clearfloat {
150 clear: both;
153 .floatleft {
154 float: <?php echo $left; ?>;
155 margin-<?php echo $right; ?>: 1em;
158 .paddingtop {
159 padding-top: 1em;
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 div.null_div {
179 height: 20px;
180 text-align: center;
181 font-style:normal;
182 min-width:50px;
185 fieldset .formelement {
186 float: <?php echo $left; ?>;
187 margin-<?php echo $right; ?>: 0.5em;
188 /* IE */
189 white-space: nowrap;
192 /* revert for Gecko */
193 fieldset div[class=formelement] {
194 white-space: normal;
197 button.mult_submit {
198 border: none;
199 background-color: transparent;
202 /* odd items 1,3,5,7,... */
203 table tr.odd th,
204 .odd {
205 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
208 /* even items 2,4,6,8,... */
209 table tr.even th,
210 .even {
211 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
214 /* odd table rows 1,3,5,7,... */
215 table tr.odd th,
216 table tr.odd,
217 table tr.even th,
218 table tr.even {
219 text-align: <?php echo $left; ?>;
222 <?php if ($GLOBALS['cfg']['BrowseMarkerEnable']) { ?>
223 /* marked table rows */
224 td.marked,
225 table tr.marked td,
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 td.condition,
256 th.condition {
257 border: 1px solid <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
261 * cells with the value NULL
263 td.null {
264 font-style: italic;
265 text-align: <?php echo $right; ?>;
268 table .valueHeader {
269 text-align: <?php echo $right; ?>;
270 white-space: normal;
272 table .value {
273 text-align: <?php echo $right; ?>;
274 white-space: normal;
276 /* IE doesnt handles 'pre' right */
277 table [class=value] {
278 white-space: normal;
282 <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
283 .value {
284 font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
286 <?php } ?>
287 .attention {
288 color: red;
289 font-weight: bold;
291 .allfine {
292 color: green;
296 img.lightbulb {
297 cursor: pointer;
300 .pdflayout {
301 overflow: hidden;
302 clip: inherit;
303 background-color: #FFFFFF;
304 display: none;
305 border: 1px solid #000000;
306 position: relative;
309 .pdflayout_table {
310 background: #D3DCE3;
311 color: #000000;
312 overflow: hidden;
313 clip: inherit;
314 z-index: 2;
315 display: inline;
316 visibility: inherit;
317 cursor: move;
318 position: absolute;
319 font-size: 80%;
320 border: 1px dashed #000000;
323 /* MySQL Parser */
324 .syntax {
325 font-size: 80%;
328 .syntax a {
329 text-decoration: none;
330 border-bottom:1px dotted black;
333 .syntax_comment {
334 padding-left: 4pt;
335 padding-right: 4pt;
338 .syntax_digit {
341 .syntax_digit_hex {
344 .syntax_digit_integer {
347 .syntax_digit_float {
350 .syntax_punct {
353 .syntax_alpha {
356 .syntax_alpha_columnType {
357 text-transform: uppercase;
360 .syntax_alpha_columnAttrib {
361 text-transform: uppercase;
364 .syntax_alpha_reservedWord {
365 text-transform: uppercase;
366 font-weight: bold;
369 .syntax_alpha_functionName {
370 text-transform: uppercase;
373 .syntax_alpha_identifier {
376 .syntax_alpha_charset {
379 .syntax_alpha_variable {
382 .syntax_quote {
383 white-space: pre;
386 .syntax_quote_backtick {
389 /* leave some space between icons and text */
390 .icon, img.footnotemarker {
391 vertical-align: middle;
392 margin-right: 0.3em;
393 margin-left: 0.3em;
396 img.footnotemarker {
397 display: none;
400 /* no extra space in table cells */
401 td .icon {
402 margin: 0;
405 .selectallarrow {
406 margin-<?php echo $right; ?>: 0.3em;
407 margin-<?php echo $left; ?>: 0.6em;
410 /* message boxes: error, confirmation */
411 .success h1,
412 .notice h1,
413 div.error h1 {
414 border-bottom: 2px solid;
415 font-weight: bold;
416 text-align: <?php echo $left; ?>;
417 margin: 0 0 0.2em 0;
420 div.success,
421 div.notice,
422 div.error,
423 div.footnotes {
424 margin: 0.3em 0 0 0;
425 border: 2px solid;
426 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
427 background-repeat: no-repeat;
428 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
429 background-position: 10px 50%;
430 padding: 0.1em 0.1em 0.1em 36px;
431 <?php } else { ?>
432 background-position: 99% 50%;
433 padding: 10px 5% 10px 10px;
434 <?php } ?>
435 <?php } else { ?>
436 padding: 0.3em;
437 <?php } ?>
440 .success {
441 color: #000000;
442 background-color: #f0fff0;
444 h1.success,
445 div.success {
446 border-color: #00FF00;
447 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
448 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_success.png);
449 background-repeat: no-repeat;
450 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
451 background-position: 5px 50%;
452 padding: 0.2em 0.2em 0.2em 25px;
453 <?php } else { ?>
454 background-position: 97% 50%;
455 padding: 0.2em 25px 0.2em 0.2em;
456 <?php } ?>
457 <?php } ?>
459 .success h1 {
460 border-color: #00FF00;
463 .notice, .footnotes {
464 color: #000000;
465 background-color: #FFFFDD;
467 h1.notice,
468 div.notice,
469 div.footnotes {
470 border-color: #FFD700;
471 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
472 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_notice.png);
473 background-repeat: no-repeat;
474 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
475 background-position: 5px 50%;
476 padding: 0.2em 0.2em 0.2em 25px;
477 <?php } else { ?>
478 background-position: 97% 50%;
479 padding: 0.2em 25px 0.2em 0.2em;
480 <?php } ?>
481 <?php } ?>
483 .notice h1 {
484 border-color: #FFD700;
487 .error {
488 background-color: #FFFFCC;
489 color: #ff0000;
492 h1.error,
493 div.error {
494 border-color: #ff0000;
495 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
496 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_error.png);
497 background-repeat: no-repeat;
498 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
499 background-position: 5px 50%;
500 padding: 0.2em 0.2em 0.2em 25px;
501 <?php } else { ?>
502 background-position: 97% 50%;
503 padding: 0.2em 25px 0.2em 0.2em;
504 <?php } ?>
505 <?php } ?>
507 div.error h1 {
508 border-color: #ff0000;
511 .confirmation {
512 background-color: #FFFFCC;
514 fieldset.confirmation {
515 border: 0.1em solid #FF0000;
517 fieldset.confirmation legend {
518 border-left: 0.1em solid #FF0000;
519 border-right: 0.1em solid #FF0000;
520 font-weight: bold;
521 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
522 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_really.png);
523 background-repeat: no-repeat;
524 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
525 background-position: 5px 50%;
526 padding: 0.2em 0.2em 0.2em 25px;
527 <?php } else { ?>
528 background-position: 97% 50%;
529 padding: 0.2em 25px 0.2em 0.2em;
530 <?php } ?>
531 <?php } ?>
533 /* end messageboxes */
536 .tblcomment {
537 font-size: 70%;
538 font-weight: normal;
539 color: #000099;
542 .tblHeaders {
543 font-weight: bold;
544 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
545 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
548 div.tools,
549 .tblFooters {
550 font-weight: normal;
551 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
552 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
555 .tblHeaders a:link,
556 .tblHeaders a:active,
557 .tblHeaders a:visited,
558 div.tools a:link,
559 div.tools a:visited,
560 div.tools a:active,
561 .tblFooters a:link,
562 .tblFooters a:active,
563 .tblFooters a:visited {
564 color: #0000FF;
567 .tblHeaders a:hover,
568 div.tools a:hover,
569 .tblFooters a:hover {
570 color: #FF0000;
573 /* forbidden, no privilegs */
574 .noPrivileges {
575 color: #FF0000;
576 font-weight: bold;
579 /* disabled text */
580 .disabled,
581 .disabled a:link,
582 .disabled a:active,
583 .disabled a:visited {
584 color: #666666;
587 .disabled a:hover {
588 color: #666666;
589 text-decoration: none;
592 tr.disabled td,
593 td.disabled {
594 background-color: #cccccc;
597 .nowrap {
598 white-space: nowrap;
602 * login form
604 body.loginform h1,
605 body.loginform a.logo {
606 display: block;
607 text-align: center;
610 body.loginform {
611 text-align: center;
614 body.loginform div.container {
615 text-align: <?php echo $left; ?>;
616 width: 30em;
617 margin: 0 auto;
620 form.login label {
621 float: <?php echo $left; ?>;
622 width: 10em;
623 font-weight: bolder;
626 .commented_column {
627 border-bottom: 1px dashed black;
630 .column_attribute {
631 font-size: 70%;
634 /******************************************************************************/
635 /* specific elements */
637 /* topmenu */
638 ul#topmenu, ul#topmenu2, ul.tabs {
639 font-weight: bold;
640 list-style-type: none;
641 margin: 0;
642 padding: 0;
645 ul#topmenu2 {
646 margin: 0.25em 0.5em 0;
647 height: 2em;
648 clear: both;
651 ul#topmenu li, ul#topmenu2 li {
652 float: <?php echo $left; ?>;
653 margin: 0;
654 padding: 0;
655 vertical-align: middle;
658 #topmenu img, #topmenu2 img {
659 vertical-align: middle;
660 margin-<?php echo $right; ?>: 0.1em;
663 /* default tab styles */
664 ul#topmenu a, ul#topmenu span {
665 display: block;
666 margin: 2px 2px 0;
667 padding: 2px 2px 0;
668 white-space: nowrap;
671 ul#topmenu ul a {
672 margin: 0;
673 padding-bottom: 2px;
676 ul#topmenu .submenu {
677 position: relative;
678 display: none;
680 ul#topmenu .shown {
681 display: block;
684 ul#topmenu ul {
685 margin: 0;
686 padding: 0;
687 position: absolute;
688 list-style-type: none;
689 display: none;
690 border: 1px #666 solid;
691 z-index: 2;
694 ul#topmenu ul.only {
695 left: 0;
698 ul#topmenu ul.notonly {
699 right: 0;
702 ul#topmenu li:hover ul, ul#topmenu .submenuhover ul {
703 display: block;
706 ul#topmenu ul li {
707 width: 100%;
710 ul#topmenu2 a {
711 display: block;
712 margin: 0.1em;
713 padding: 0.2em;
714 white-space: nowrap;
717 /* disabled tabs */
718 ul#topmenu span.tab {
719 color: #666666;
722 fieldset.caution a {
723 color: #FF0000;
725 fieldset.caution a:hover {
726 color: #ffffff;
727 background-color: #FF0000;
730 <?php if ($GLOBALS['cfg']['LightTabs']) { ?>
731 /* active tab */
732 ul#topmenu a.tabactive, ul#topmenu2 a.tabactive {
733 color: black;
736 ul#topmenu ul {
737 background: <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
739 <?php } else { ?>
740 #topmenu {
741 margin-top: 0.5em;
742 padding: 0.1em 0.3em 0.1em 0.3em;
745 ul#topmenu ul {
746 -moz-box-shadow: 2px 2px 3px #666;
747 -webkit-box-shadow: 2px 2px 3px #666;
748 box-shadow: 2px 2px 3px #666;
751 ul#topmenu > li {
752 border-bottom: 1pt solid black;
755 /* default tab styles */
756 ul#topmenu a, ul#topmenu span {
757 background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
758 border: 0 solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
759 border-width: 1pt 1pt 0 1pt;
760 -moz-border-radius: 0.4em 0.4em 0 0;
761 border-radius: 0.4em 0.4em 0 0;
764 ul#topmenu ul a {
765 border-width: 1pt 0 0 0;
766 -moz-border-radius: 0;
767 border-radius: 0;
770 ul#topmenu ul li:first-child a {
771 border-width: 0;
774 /* enabled hover/active tabs */
775 ul#topmenu > li > a:hover,
776 ul#topmenu > li > .tabactive {
777 margin: 0;
778 padding: 2px 4px;
779 text-decoration: none;
782 ul#topmenu ul a:hover,
783 ul#topmenu ul .tabactive {
784 text-decoration: none;
787 ul#topmenu a.tab:hover,
788 ul#topmenu .tabactive {
789 background-color: <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
792 ul#topmenu2 a.tab:hover,
793 ul#topmenu2 a.tabactive {
794 background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
795 -moz-border-radius: 0.3em;
796 border-radius: 0.3em;
797 text-decoration: none;
800 /* to be able to cancel the bottom border, use <li class="active"> */
801 ul#topmenu > li.active {
802 border-bottom: 1pt solid <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
805 /* disabled tabs */
806 ul#topmenu span.tab,
807 a.error {
808 cursor: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>error.ico), default;
810 <?php } ?>
811 /* end topmenu */
813 /* zoom search */
814 div#dataDisplay input, div#dataDisplay select {
815 margin: 0;
816 margin-<?php echo $right; ?>: 0.5em;
818 div#dataDisplay th {
819 line-height: 2em;
822 /* Calendar */
823 table.calendar {
824 width: 100%;
826 table.calendar td {
827 text-align: center;
829 table.calendar td a {
830 display: block;
833 table.calendar td a:hover {
834 background-color: #CCFFCC;
837 table.calendar th {
838 background-color: #D3DCE3;
841 table.calendar td.selected {
842 background-color: #FFCC99;
845 img.calendar {
846 border: none;
848 form.clock {
849 text-align: center;
851 /* end Calendar */
854 /* table stats */
855 div#tablestatistics table {
856 float: <?php echo $left; ?>;
857 margin-top: 0.5em;
858 margin-bottom: 0.5em;
859 margin-<?php echo $right; ?>: 0.5em;
861 /* END table stats */
864 /* server privileges */
865 #tableuserrights td,
866 #tablespecificuserrights td,
867 #tabledatabases td {
868 vertical-align: middle;
870 /* END server privileges */
874 /* Heading */
875 #topmenucontainer {
876 background: white;
877 padding-right: 1em;
878 width: 100%;
881 #serverinfo {
882 background: white;
883 font-weight: bold;
884 padding-bottom: 0.5em;
885 width: 10000px;
886 overflow: hidden;
889 #serverinfo .item {
890 white-space: nowrap;
891 float: <?php echo $left; ?>
894 #span_table_comment {
895 font-weight: normal;
896 font-style: italic;
897 white-space: nowrap;
900 #serverinfo img {
901 margin: 0 0.1em 0 0.2em;
905 #textSQLDUMP {
906 width: 95%;
907 height: 95%;
908 font-family: "Courier New", Courier, mono;
909 font-size: 110%;
912 #TooltipContainer {
913 position: absolute;
914 z-index: 99;
915 width: 20em;
916 height: auto;
917 overflow: visible;
918 visibility: hidden;
919 background-color: #ffffcc;
920 color: #006600;
921 border: 0.1em solid #000000;
922 padding: 0.5em;
925 /* user privileges */
926 #fieldset_add_user_login div.item {
927 border-bottom: 1px solid silver;
928 padding-bottom: 0.3em;
929 margin-bottom: 0.3em;
932 #fieldset_add_user_login label {
933 float: <?php echo $left; ?>;
934 display: block;
935 width: 10em;
936 max-width: 100%;
937 text-align: <?php echo $right; ?>;
938 padding-<?php echo $right; ?>: 0.5em;
941 #fieldset_add_user_login span.options #select_pred_username,
942 #fieldset_add_user_login span.options #select_pred_hostname,
943 #fieldset_add_user_login span.options #select_pred_password {
944 width: 100%;
945 max-width: 100%;
948 #fieldset_add_user_login span.options {
949 float: <?php echo $left; ?>;
950 display: block;
951 width: 12em;
952 max-width: 100%;
953 padding-<?php echo $right; ?>: 0.5em;
956 #fieldset_add_user_login input {
957 width: 12em;
958 clear: <?php echo $right; ?>;
959 max-width: 100%;
962 #fieldset_add_user_login span.options input {
963 width: auto;
966 #fieldset_user_priv div.item {
967 float: <?php echo $left; ?>;
968 width: 9em;
969 max-width: 100%;
972 #fieldset_user_priv div.item div.item {
973 float: none;
976 #fieldset_user_priv div.item label {
977 white-space: nowrap;
980 #fieldset_user_priv div.item select {
981 width: 100%;
984 #fieldset_user_global_rights fieldset {
985 float: <?php echo $left; ?>;
987 /* END user privileges */
990 /* serverstatus */
992 .linkElem:hover {
993 text-decoration: underline;
994 color: #235a81;
995 cursor: pointer;
998 h3#serverstatusqueries span {
999 font-size:60%;
1000 display:inline;
1003 img.sortableIcon {
1004 float:right;
1005 background-repeat:no-repeat;
1006 margin:0;
1009 .buttonlinks {
1010 float: <?php echo $right; ?>;
1011 white-space: nowrap;
1014 .jsfeature {
1015 display: none; /* Made visible with js */
1018 /* Also used for the variables page */
1019 fieldset#tableFilter {
1020 margin-bottom:1em;
1023 div#serverStatusTabs {
1024 margin-top:1em;
1027 caption a.top {
1028 float: <?php echo $right; ?>;
1031 div#serverstatusquerieschart {
1032 float:<?php echo $left; ?>;
1033 width:500px;
1034 height:350px;
1035 padding-<?php echo $left; ?>: 30px;
1038 div#serverstatus table#serverstatusqueriesdetails {
1039 float: <?php echo $left; ?>;
1042 table#serverstatustraffic {
1043 float: <?php echo $left; ?>;
1045 table#serverstatusconnections {
1046 float: <?php echo $left; ?>;
1047 margin-<?php echo $left; ?>: 30px;
1050 table#serverstatusvariables {
1051 width: 100%;
1052 margin-bottom: 1em;
1054 table#serverstatusvariables .name {
1055 width: 18em;
1056 white-space:nowrap;
1058 table#serverstatusvariables .value {
1059 width: 6em;
1061 table#serverstatusconnections {
1062 float: <?php echo $left; ?>;
1063 margin-<?php echo $left; ?>: 30px;
1066 div#serverstatus table tbody td.descr a,
1067 div#serverstatus table .tblFooters a {
1068 white-space: nowrap;
1071 div.liveChart {
1072 clear:both;
1073 min-width:500px;
1074 height:400px;
1075 padding-bottom:80px;
1078 #addChartDialog input[type="text"] {
1079 margin: 0;
1080 padding:3px;
1083 div#chartVariableSettings {
1084 border:1px solid #ddd;
1085 background-color:#E6E6E6;
1086 margin-left:10px;
1089 table#chartGrid div.monitorChart {
1090 background: #EBEBEB;
1093 div#serverstatus div.tabLinks {
1094 float:<?php echo $left; ?>;
1095 padding-bottom: 10px;
1098 .popupContent {
1099 display: none;
1100 position: absolute;
1101 border: 1px solid #CCC;
1102 margin:0;
1103 padding:3px;
1104 -moz-box-shadow: 1px 1px 6px #ddd;
1105 -webkit-box-shadow: 2px 2px 3px #666;
1106 box-shadow: 2px 2px 3px #666;
1107 background-color:white;
1108 z-index: 2;
1111 div#logTable {
1112 padding-top: 10px;
1113 clear: both;
1116 div#logTable table {
1117 width:100%;
1120 .smallIndent {
1121 padding-left: 7px;
1124 /* end serverstatus */
1126 /* server variables */
1128 a.editLink {
1129 float: <?php echo $left; ?>;
1130 font-family:sans-serif;
1133 table.serverVariableEditTable {
1134 border:0;
1135 margin:0;
1136 padding:0;
1137 width:100%;
1139 table.serverVariableEditTable td {
1140 border:0;
1141 margin:0;
1142 padding:0;
1144 table.serverVariableEditTable td:first-child {
1145 white-space:nowrap;
1146 vertical-align:middle;
1149 table.serverVariableEditTable input {
1150 width:95%;
1153 table#serverVariables td {
1154 height:18px;
1157 /* end server variables */
1159 /* querywindow */
1160 body#bodyquerywindow {
1161 margin: 0;
1162 padding: 0;
1163 background-image: none;
1164 background-color: #F5F5F5;
1167 div#querywindowcontainer {
1168 margin: 0;
1169 padding: 0;
1170 width: 100%;
1173 div#querywindowcontainer fieldset {
1174 margin-top: 0;
1176 /* END querywindow */
1178 /* profiling */
1180 div#profilingchart {
1181 width:550px;
1182 height:370px;
1183 float:left;
1186 /* END profiling */
1188 /* querybox */
1190 div#sqlquerycontainer {
1191 float: <?php echo $left; ?>;
1192 width: 69%;
1193 /* height: 15em; */
1196 div#tablefieldscontainer {
1197 float: <?php echo $right; ?>;
1198 width: 29%;
1199 /* height: 15em; */
1202 div#tablefieldscontainer select {
1203 width: 100%;
1204 /* height: 12em; */
1207 textarea#sqlquery {
1208 width: 100%;
1209 /* height: 100%; */
1211 textarea#sql_query_edit{
1212 height:7em;
1213 width: 95%;
1214 display:block;
1216 div#queryboxcontainer div#bookmarkoptions {
1217 margin-top: 0.5em;
1219 /* end querybox */
1221 /* main page */
1222 #maincontainer {
1223 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>logo_right.png);
1224 background-position: <?php echo $right; ?> bottom;
1225 background-repeat: no-repeat;
1228 #mysqlmaininformation,
1229 #pmamaininformation {
1230 float: <?php echo $left; ?>;
1231 width: 49%;
1234 #maincontainer ul {
1235 list-style-type: disc;
1236 vertical-align: middle;
1239 #maincontainer li {
1240 margin: 0.2em 0em;
1242 /* END main page */
1245 <?php if ($GLOBALS['cfg']['MainPageIconic']) { ?>
1246 /* iconic view for ul items */
1247 li#li_create_database {
1248 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_newdb.png);
1251 li#li_select_lang {
1252 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_lang.png);
1255 li#li_select_mysql_collation {
1256 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
1259 li#li_select_theme{
1260 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_theme.png);
1263 li#li_user_info{
1264 /* list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png); */
1267 li#li_mysql_status{
1268 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_status.png);
1271 li#li_mysql_variables{
1272 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_vars.png);
1275 li#li_mysql_processes{
1276 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_process.png);
1279 li#li_mysql_collations{
1280 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
1283 li#li_mysql_engines{
1284 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_engine.png);
1287 li#li_mysql_binlogs {
1288 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_tbl.png);
1291 li#li_mysql_databases {
1292 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_db.png);
1295 li#li_export {
1296 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_export.png);
1299 li#li_import {
1300 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_import.png);
1303 li#li_change_password {
1304 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_passwd.png);
1307 li#li_log_out {
1308 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_loggoff.png);
1311 li#li_mysql_privilegs{
1312 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png);
1315 li#li_switch_dbstats {
1316 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_dbstatistics.png);
1319 li#li_flush_privileges {
1320 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_reload.png);
1323 li#li_user_preferences {
1324 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_tblops.png);
1326 /* END iconic view for ul items */
1327 <?php } /* end if $GLOBALS['cfg']['MainPageIconic'] */ ?>
1330 #body_browse_foreigners {
1331 background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1332 margin: 0.5em 0.5em 0 0.5em;
1335 #bodyquerywindow {
1336 background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1339 #bodythemes {
1340 width: 500px;
1341 margin: auto;
1342 text-align: center;
1345 #bodythemes img {
1346 border: 0.1em solid black;
1349 #bodythemes a:hover img {
1350 border: 0.1em solid red;
1353 #fieldset_select_fields {
1354 float: <?php echo $left; ?>;
1357 #selflink {
1358 clear: both;
1359 display: block;
1360 margin-top: 1em;
1361 margin-bottom: 1em;
1362 width: 100%;
1363 border-top: 0.1em solid silver;
1364 text-align: <?php echo $right; ?>;
1367 #table_innodb_bufferpool_usage,
1368 #table_innodb_bufferpool_activity {
1369 float: <?php echo $left; ?>;
1372 #div_mysql_charset_collations table {
1373 float: <?php echo $left; ?>;
1376 .operations_half_width {
1377 width: 48%;
1378 float: <?php echo $left; ?>;
1381 .operations_full_width {
1382 width: 100%;
1383 clear: both;
1386 #qbe_div_table_list {
1387 float: <?php echo $left; ?>;
1390 #qbe_div_sql_query {
1391 float: <?php echo $left; ?>;
1394 label.desc {
1395 width: 30em;
1396 float: <?php echo $left; ?>;
1399 label.desc sup {
1400 position: absolute;
1403 code.sql, div.sqlvalidate {
1404 display: block;
1405 padding: 0.3em;
1406 margin-top: 0;
1407 margin-bottom: 0;
1408 border: <?php echo $GLOBALS['cfg']['MainColor']; ?> solid 1px;
1409 border-top: 0;
1410 border-bottom: 0;
1411 max-height: 10em;
1412 overflow: auto;
1413 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1416 #main_pane_left {
1417 width: 60%;
1418 float: <?php echo $left; ?>;
1419 padding-top: 1em;
1422 #main_pane_right {
1423 margin-<?php echo $left; ?>: 60%;
1424 padding-top: 1em;
1425 padding-<?php echo $left; ?>: 1em;
1428 .group {
1429 border-<?php echo $left; ?>: 0.3em solid <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
1430 margin-bottom: 1em;
1433 .group h2 {
1434 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
1435 padding: 0.1em 0.3em;
1436 margin-top: 0;
1439 .group-cnt {
1440 padding: 0 0 0 0.5em;
1441 display: inline-block;
1442 width: 98%;
1445 textarea#partitiondefinition {
1446 height:3em;
1450 /* for elements that should be revealed only via js */
1451 .hide {
1452 display: none;
1455 #li_select_server {
1456 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_host.png);
1459 #list_server {
1460 list-style-image: none;
1464 * Progress bar styles
1466 div.upload_progress_bar_outer
1468 border: 1px solid black;
1469 width: 202px;
1472 div.upload_progress_bar_inner
1474 background-color: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1475 width: 0;
1476 height: 12px;
1477 margin: 1px;
1480 table#serverconnection_src_remote,
1481 table#serverconnection_trg_remote,
1482 table#serverconnection_src_local,
1483 table#serverconnection_trg_local {
1484 float:left;
1487 * Validation error message styles
1489 .invalid_value
1490 {background:#F00;}
1493 * Ajax notification styling
1495 .ajax_notification {
1496 top: 0; /** The notification needs to be shown on the top of the page */
1497 position: fixed;
1498 margin-top: 0;
1499 margin-right: auto;
1500 margin-bottom: 0;
1501 margin-left: auto;
1502 padding: 3px 5px; /** Keep a little space on the sides of the text */
1503 width: 350px;
1504 background-color: #FFD700;
1505 z-index: 1100; /** If this is not kept at a high z-index, the jQueryUI modal dialogs (z-index:1000) might hide this */
1506 text-align: center;
1507 display: block;
1508 left: 0;
1509 right: 0;
1510 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>ajax_clock_small.gif);
1511 background-repeat: no-repeat;
1512 background-position: 2%;
1515 #loading_parent {
1516 /** Need this parent to properly center the notification division */
1517 position: relative;
1518 width: 100%;
1521 * Export and Import styles
1524 .exportoptions h3, .importoptions h3 {
1525 border-bottom: 1px #999999 solid;
1526 font-size: 110%;
1529 .exportoptions ul, .importoptions ul, .format_specific_options ul {
1530 list-style-type: none;
1531 margin-bottom: 15px;
1534 .exportoptions li, .importoptions li {
1535 margin: 7px;
1537 .exportoptions label, .importoptions label, .exportoptions p, .importoptions p {
1538 margin: 5px;
1539 float: none;
1542 #csv_options label.desc, #ldi_options label.desc, #latex_options label.desc, #output label.desc{
1543 float: left;
1544 width: 15em;
1547 .exportoptions, .importoptions {
1548 margin: 20px 30px 30px 10px
1551 .format_specific_options h3 {
1552 margin: 10px 0 0 10px;
1553 border: 0;
1556 .format_specific_options {
1557 border: 1px solid #999999;
1558 margin: 7px 0;
1559 padding: 3px;
1562 p.desc {
1563 margin: 5px;
1567 * Export styles only
1569 select#db_select, select#table_select {
1570 width: 400px;
1573 .export_sub_options {
1574 margin: 20px 0 0 30px;
1577 .export_sub_options h4 {
1578 border-bottom: 1px #999999 solid;
1581 .export_sub_options li.subgroup {
1582 display: inline-block;
1583 margin-top: 0;
1586 .export_sub_options li {
1587 margin-bottom: 0;
1590 #quick_or_custom, #output_quick_export {
1591 display: none;
1594 * Import styles only
1597 .importoptions #import_notification {
1598 margin: 10px 0;
1599 font-style: italic;
1602 input#input_import_file {
1603 margin: 5px;
1606 .formelementrow {
1607 margin: 5px 0 5px 0;
1611 * GIS data editor styles
1613 a.close_gis_editor {
1614 float: right;
1617 #gis_editor {
1618 display: none;
1619 position: fixed;
1620 _position: absolute; /* hack for IE */
1621 z-index: 101;
1622 overflow-y: auto;
1623 overflow-x: hidden;
1626 #gis_data {
1627 min-height: 230px;
1630 #gis_data_textarea {
1631 height: 6em;
1634 #gis_data_editor {
1635 background: #D0DCE0;
1636 padding: 15px;
1637 min-height: 500px;
1640 #gis_data_editor .choice {
1641 display: none;
1644 #gis_data_editor input[type="text"] {
1645 width: 75px;
1649 * ENUM/SET editor styles
1651 p.enum_notice {
1652 margin: 5px 2px;
1653 font-size: 80%;
1656 fieldset.enum_editor_no_js {
1657 width: 40em;
1658 padding: 1em;
1661 hr.enum_editor_no_js {
1662 background-color: #aaa;
1665 #enum_editor p {
1666 font-style:italic;
1669 #enum_editor .values, #enum_editor .add, .enum_editor_no_js #values {
1670 width: 100%;
1673 #enum_editor .add td {
1674 vertical-align: middle;
1675 width: 50%;
1676 padding: 0 1em;
1679 #enum_editor .values td.drop {
1680 width: 2em;
1681 cursor: pointer;
1682 vertical-align: middle;
1685 #enum_editor .values input {
1686 margin: 0.1em 0;
1687 padding-right: 2.5em;
1688 width: 100%;
1691 #enum_editor .values img {
1692 width: 2em;
1693 vertical-align: middle;
1696 #enum_editor input.add_value {
1697 margin: 1em 0;
1700 #enum_editor_output textarea,
1701 .enum_editor_no_js input {
1702 width: 100%;
1703 float: right;
1704 margin: 1em 0 0 0;
1707 #enum_editor_no_js {
1708 width: 100%;
1711 .enum_editor_no_js input.submit {
1712 margin: 1em 0;
1716 * ENUM/SET editor integration for the routines editor
1718 .enum_hint {
1719 position: relative;
1722 .enum_hint a {
1723 position: absolute;
1724 left: 81%;
1725 bottom: 0.35em;
1729 * Table structure styles
1731 .structure_actions_dropdown {
1732 position: absolute;
1733 padding: 3px;
1734 display: none;
1735 z-index: 100;
1738 .structure_actions_dropdown a {
1739 display: block;
1742 td.more_opts {
1743 display: none;
1744 white-space: nowrap;
1748 * Indexes
1750 #index_frm .index_info input,
1751 #index_frm .index_info select {
1752 width: 100%;
1753 box-sizing: border-box;
1754 -ms-box-sizing: border-box;
1755 -moz-box-sizing: border-box;
1756 -webkit-box-sizing: border-box;
1759 #index_frm .slider {
1760 width: 10em;
1761 margin: 0.6em;
1762 float: <?php echo $left; ?>;
1765 #index_frm .add_fields {
1766 float: <?php echo $left; ?>;
1769 #index_frm .add_fields input {
1770 margin-<?php echo $left; ?>: 1em;
1773 #index_frm input {
1774 margin: 0;
1777 #index_frm td {
1778 vertical-align: middle;
1781 table#index_columns {
1782 width: 100%;
1785 table#index_columns select {
1786 width: 100%;
1789 iframe.IE_hack {
1790 z-index: 1;
1791 position: absolute;
1792 display: none;
1793 border: 0;
1794 filter: alpha(opacity=0);
1797 /* config forms */
1798 .config-form ul.tabs {
1799 margin: 1.1em 0.2em 0;
1800 padding: 0 0 0.3em 0;
1801 list-style: none;
1802 font-weight: bold;
1805 .config-form ul.tabs li {
1806 float: <?php echo $left; ?>;
1809 .config-form ul.tabs li a {
1810 display: block;
1811 margin: 0.1em 0.2em 0;
1812 padding: 0.1em 0.4em;
1813 white-space: nowrap;
1814 text-decoration: none;
1815 border: 1px solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1816 border-bottom: none;
1819 .config-form ul.tabs li a:hover,
1820 .config-form ul.tabs li a:active,
1821 .config-form ul.tabs li a.active {
1822 margin: 0;
1823 padding: 0.1em 0.6em 0.2em;
1826 .config-form ul.tabs li.active a {
1827 background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1830 .config-form fieldset {
1831 margin-top: 0;
1832 padding: 0;
1833 clear: both;
1834 /*border-color: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;*/
1837 .config-form legend {
1838 display: none;
1841 .config-form fieldset p {
1842 margin: 0;
1843 padding: 0.5em;
1844 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1847 .config-form fieldset .errors { /* form error list */
1848 margin: 0 -2px 1em -2px;
1849 padding: 0.5em 1.5em;
1850 background: #FBEAD9;
1851 border: 0 #C83838 solid;
1852 border-width: 1px 0;
1853 list-style: none;
1854 font-family: sans-serif;
1855 font-size: small;
1858 .config-form fieldset .inline_errors { /* field error list */
1859 margin: 0.3em 0.3em 0.3em 0;
1860 padding: 0;
1861 list-style: none;
1862 color: #9A0000;
1863 font-size: small;
1866 .config-form fieldset th {
1867 padding: 0.3em 0.3em 0.3em 0.5em;
1868 text-align: left;
1869 vertical-align: top;
1870 width: 40%;
1871 background: transparent;
1874 .config-form fieldset .doc, .config-form fieldset .disabled-notice {
1875 margin-left: 1em;
1878 .config-form fieldset .disabled-notice {
1879 font-size: 80%;
1880 text-transform: uppercase;
1881 color: #E00;
1882 cursor: help;
1885 .config-form fieldset td {
1886 padding-top: 0.3em;
1887 padding-bottom: 0.3em;
1888 vertical-align: top;
1891 .config-form fieldset th small {
1892 display: block;
1893 font-weight: normal;
1894 font-family: sans-serif;
1895 font-size: x-small;
1896 color: #444;
1899 .config-form fieldset th, .config-form fieldset td {
1900 border-top: 1px <?php echo $GLOBALS['cfg']['BgTwo']; ?> solid;
1903 fieldset .group-header th {
1904 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1907 fieldset .group-header + tr th {
1908 padding-top: 0.6em;
1911 fieldset .group-field-1 th, fieldset .group-header-2 th {
1912 padding-left: 1.5em;
1915 fieldset .group-field-2 th, fieldset .group-header-3 th {
1916 padding-left: 3em;
1919 fieldset .group-field-3 th {
1920 padding-left: 4.5em;
1923 fieldset .disabled-field th,
1924 fieldset .disabled-field th small,
1925 fieldset .disabled-field td {
1926 color: #666;
1927 background-color: #ddd;
1930 .config-form .lastrow {
1931 border-top: 1px #000 solid;
1934 .config-form .lastrow {
1935 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;;
1936 padding: 0.5em;
1937 text-align: center;
1940 .config-form .lastrow input {
1941 font-weight: bold;
1944 /* form elements */
1946 .config-form span.checkbox {
1947 padding: 2px;
1948 display: inline-block;
1951 .config-form .custom { /* customized field */
1952 background: #FFC;
1955 .config-form span.checkbox.custom {
1956 padding: 1px;
1957 border: 1px #EDEC90 solid;
1958 background: #FFC;
1961 .config-form .field-error {
1962 border-color: #A11 !important;
1965 .config-form input[type="text"],
1966 .config-form select,
1967 .config-form textarea {
1968 border: 1px #A7A6AA solid;
1969 height: auto;
1972 .config-form input[type="text"]:focus,
1973 .config-form select:focus,
1974 .config-form textarea:focus {
1975 border: 1px #6676FF solid;
1976 background: #F7FBFF;
1979 .config-form .field-comment-mark {
1980 font-family: serif;
1981 color: #007;
1982 cursor: help;
1983 padding: 0 0.2em;
1984 font-weight: bold;
1985 font-style: italic;
1988 .config-form .field-comment-warning {
1989 color: #A00;
1992 /* error list */
1993 .config-form dd {
1994 margin-left: 0.5em;
1997 .config-form dd:before {
1998 content: "\25B8 ";
2001 .click-hide-message {
2002 cursor: pointer;
2005 .prefsmanage_opts {
2006 margin-<?php echo $left; ?>: 2em;
2009 #prefs_autoload {
2010 margin-bottom: 0.5em;
2013 .rte_table {
2014 table-layout: fixed;
2017 .rte_table td {
2018 vertical-align: middle;
2021 .rte_table tr td:nth-child(1) {
2022 font-weight: bold;
2025 .rte_table input, .rte_table select, .rte_table textarea {
2026 width: 100%;
2027 margin: 0;
2028 box-sizing: border-box;
2029 -ms-box-sizing: border-box;
2030 -moz-box-sizing: border-box;
2031 -webkit-box-sizing: border-box;
2034 .rte_table .routine_params_table {
2035 width: 100%;
2038 #placeholder .button {
2039 position: absolute;
2040 cursor: pointer;
2043 #placeholder div.button {
2044 font-size: smaller;
2045 color: #999;
2046 background-color: #eee;
2047 padding: 2px;
2050 .wrapper {
2051 float: <?php echo $left; ?>;
2052 margin-bottom: 0.5em;
2054 .toggleButton {
2055 position: relative;
2056 cursor: pointer;
2057 font-size: 0.8em;
2058 text-align: center;
2059 line-height: 1.55em;
2060 height: 1.55em;
2061 overflow: hidden;
2062 border-right: 0.1em solid #888;
2063 border-left: 0.1em solid #888;
2065 .toggleButton table,
2066 .toggleButton td,
2067 .toggleButton img {
2068 padding: 0;
2069 position: relative;
2071 .toggleButton .container {
2072 position: absolute;
2074 .toggleButton .toggleOn {
2075 color: white;
2076 padding: 0 1em;
2078 .toggleButton .toggleOff {
2079 padding: 0 1em;
2082 .doubleFieldset fieldset {
2083 width: 48%;
2084 float: <?php echo $left; ?>;
2085 padding: 0;
2087 .doubleFieldset fieldset.left {
2088 margin-<?php echo $right; ?>: 1%;
2090 .doubleFieldset fieldset.right {
2091 margin-<?php echo $left; ?>: 1%;
2093 .doubleFieldset legend {
2094 margin-<?php echo $left; ?>: 0.5em;
2096 .doubleFieldset div.wrap {
2097 padding: 0.5em;
2100 #table_columns input[type="text"], #table_columns select {
2101 width: 10em;
2102 box-sizing: border-box;
2103 -ms-box-sizing: border-box;
2104 -moz-box-sizing: border-box;
2105 -webkit-box-sizing: border-box;
2108 #placeholder {
2109 position: relative;
2110 border: 1px solid #aaa;
2111 float: right;
2112 overflow: hidden;
2115 .placeholderDrag {
2116 cursor: move;
2119 #placeholder .button {
2120 position: absolute;
2123 #left_arrow {
2124 left:8px;
2125 top:26px;
2128 #right_arrow {
2129 left:26px;
2130 top:26px;
2133 #up_arrow {
2134 left:17px;
2135 top:8px;
2138 #down_arrow {
2139 left:17px;
2140 top:44px;
2143 #zoom_in {
2144 left:17px;
2145 top:67px;
2148 #zoom_world {
2149 left:17px;
2150 top:85px;
2153 #zoom_out {
2154 left:17px;
2155 top:103px;
2158 .gis_table td {
2159 vertical-align: middle;
2162 .gis_table select {
2163 min-width: 151px;
2166 .gis_table .save {
2167 font-weight: bold;
2168 vertical-align: bottom;
2169 height: 100px;
2172 .gis_table .button {
2173 text-align: <?php echo $right; ?>;
2176 .gis_table .choice {
2177 display:none;
2180 .CodeMirror {
2181 line-height: 1em;
2182 font-family: monospace;
2183 background: white;
2184 border: 1px solid black;
2187 .CodeMirror-scroll {
2188 height: <?php echo ceil($GLOBALS['cfg']['TextareaRows'] * 1.2); ?>em;
2189 overflow: auto;
2192 .CodeMirror-gutter {
2193 position: absolute; left: 0; top: 0;
2194 background-color: #f7f7f7;
2195 border-right: 1px solid #eee;
2196 min-width: 2em;
2197 height: 100%;
2199 .CodeMirror-gutter-text {
2200 color: #aaa;
2201 text-align: right;
2202 padding: .4em .2em .4em .4em;
2204 .CodeMirror-lines {
2205 padding: .4em;
2208 .CodeMirror pre {
2209 -moz-border-radius: 0;
2210 -webkit-border-radius: 0;
2211 -o-border-radius: 0;
2212 border-radius: 0;
2213 border-width: 0; margin: 0; padding: 0; background: transparent;
2214 font-family: inherit;
2215 font-size: inherit;
2216 padding: 0; margin: 0;
2219 .CodeMirror textarea {
2220 font-family: inherit !important;
2221 font-size: inherit !important;
2224 .CodeMirror-cursor {
2225 z-index: 10;
2226 position: absolute;
2227 visibility: hidden;
2228 border-left: 1px solid black !important;
2230 .CodeMirror-focused .CodeMirror-cursor {
2231 visibility: visible;
2234 span.CodeMirror-selected {
2235 background: #ccc !important;
2236 color: HighlightText !important;
2238 .CodeMirror-focused span.CodeMirror-selected {
2239 background: Highlight !important;
2242 .CodeMirror-matchingbracket {color: #0f0 !important;}
2243 .CodeMirror-nonmatchingbracket {color: #f22 !important;}
2245 <?php echo $_SESSION['PMA_Theme']->getCssCodeMirror(); ?>
2247 .colborder {
2248 cursor: col-resize;
2249 height: 100%;
2250 margin-left: -5px;
2251 position: absolute;
2252 width: 5px;
2255 .colborder_active {
2256 border-right: 2px solid #a44;
2259 .pma_table td {
2260 position: static;
2263 .pma_table th.draggable span, .pma_table tbody td span {
2264 display: block;
2265 overflow: hidden;
2268 .cRsz {
2269 position: absolute;
2272 .draggable {
2273 cursor: move;
2276 .cCpy {
2277 background: #000;
2278 color: #FFF;
2279 font-weight: bold;
2280 margin: 0.1em;
2281 padding: 0.3em;
2282 position: absolute;
2285 .cPointer {
2286 background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>col_pointer.png);
2287 height: 20px;
2288 margin-left: -5px; /* must be minus half of its width */
2289 margin-top: -10px;
2290 position: absolute;
2291 width: 10px;
2294 .normalqTip {
2295 background: #333 !important;
2296 opacity: 0.8 !important;
2297 border:1px solid #000 !important;
2298 -moz-border-radius: 0.3em !important;
2299 -webkit-border-radius: 0.3em !important;
2300 border-radius: 0.3em !important;
2301 text-shadow: -1px -1px #000 !important;
2302 font-size: 0.8em !important;
2303 font-weight: bold !important;
2306 .normalqTip * {
2307 background: none !important;
2308 color: #FFF !important;
2311 .normalqTipContent {
2312 padding: 1px 3px !important;
2316 .data_full_width {
2317 width: 100%;
2319 .cHide {
2320 background: #D3DCE3 url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>col_hide.png);
2321 color: #CCC;
2322 cursor: pointer;
2323 height: 16px;
2324 margin-left: -5px;
2325 margin-top: 0.3em;
2326 position: absolute;
2327 width: 16px;
2330 .cHide:hover {
2331 background-color: #AAA;
2334 .cDrop {
2335 left: 0;
2336 position: absolute;
2337 top: 0;
2340 .coldrop {
2341 background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>col_drop.png);
2342 cursor: pointer;
2343 height: 16px;
2344 margin-left: 0.5em;
2345 margin-top: 0.3em;
2346 position: absolute;
2347 width: 16px;
2350 .coldrop:hover, .coldrop-hover {
2351 background-color: #999;
2354 .cList {
2355 background: #EEE;
2356 border: solid 1px #999;
2357 position: absolute;
2360 .cList .lDiv div {
2361 padding: 0.2em 0.5em 0.2em 0.2em;
2364 .cList .lDiv div:hover {
2365 background: #DDD;
2366 cursor: pointer;
2369 .cList .lDiv div input {
2370 cursor: pointer;
2373 .showAllColBtn {
2374 border-bottom: solid 1px #999;
2375 border-top: solid 1px #999;
2376 cursor: pointer;
2377 font-size: 0.9em;
2378 font-weight: bold;
2379 padding: 0.35em 1em;
2380 text-align: center;
2383 .showAllColBtn:hover {
2384 background: #DDD;
2387 .navigation {
2388 background: #E5E5E5;
2389 border: 1px solid black;
2390 margin: 0.8em 0;
2393 .navigation td {
2394 margin: 0;
2395 padding: 0;
2396 vertical-align: middle;
2397 white-space: nowrap;
2400 .navigation_separator {
2401 color: #555;
2402 display: inline-block;
2403 text-align: center;
2404 width: 1.2em;
2405 text-shadow: 1px 0 #FFF;
2408 .navigation input[type=submit] {
2409 background: none;
2410 border: 0;
2411 margin: 0;
2412 padding: 0.3em 0.5em;
2413 min-width: 1.5em;
2414 font-weight: bold;
2417 .navigation input[type=submit]:hover, .navigation input.edit_mode_active {
2418 background: #333;
2419 color: white;
2420 cursor: pointer;
2423 .navigation select {
2424 margin: 0 0.8em;
2427 .cEdit {
2428 margin: 0;
2429 padding: 0;
2430 position: absolute;
2433 .cEdit input[type=text] {
2434 background: #FFF;
2435 height: 100%;
2436 margin: 0;
2437 padding: 0;
2440 .cEdit .edit_area {
2441 background: #FFF;
2442 border: 1px solid #999;
2443 min-width: 10em;
2444 padding: 0.3em 0.5em;
2447 .cEdit .edit_area select, .cEdit .edit_area textarea {
2448 width: 97%;
2451 .cEdit .cell_edit_hint {
2452 color: #555;
2453 font-size: 0.8em;
2454 margin: 0.3em 0.2em;
2457 .cEdit .edit_box {
2458 overflow: hidden;
2459 padding: 0;
2462 .cEdit .edit_box_posting {
2463 background: #FFF url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>ajax_clock_small.gif) no-repeat right center;
2464 padding-right: 1.5em;
2467 .cEdit .edit_area_loading {
2468 background: #FFF url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>ajax_clock_small.gif) no-repeat center;
2469 height: 10em;
2472 .cEdit .goto_link {
2473 background: #EEE;
2474 color: #555;
2475 padding: 0.2em 0.3em;
2478 .cEdit div.buttons {
2479 text-align: right;
2482 .saving_edited_data {
2483 background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>ajax_clock_small.gif) no-repeat left;
2484 padding-left: 20px;
2487 /* css for timepicker */
2488 .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
2489 .ui-timepicker-div dl { text-align: left; }
2490 .ui-timepicker-div dl dt { height: 25px; }
2491 .ui-timepicker-div dl dd { margin: -25px 0 10px 65px; }
2492 .ui-timepicker-div td { font-size: 90%; }
2494 /* Designer */
2495 .input_tab {
2496 background-color: #A6C7E1;
2497 color: #000000;
2500 #canvas {
2501 background-color: #FFFFFF;
2502 color: #000000;
2505 canvas.pmd {
2506 display: inline-block;
2507 overflow: hidden;
2508 text-align: left;
2511 canvas.pmd * {
2512 behavior: url(#default#VML);
2515 .pmd_tab {
2516 background-color: #FFFFFF;
2517 color: #000000;
2518 border-collapse: collapse;
2519 border: 1px solid #AAAAAA;
2520 z-index: 1;
2521 -moz-user-select: none;
2524 .tab_zag {
2525 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
2526 background-repeat: repeat-x;
2527 text-align: center;
2528 cursor: move;
2529 padding: 1px;
2530 font-weight: bold;
2533 .tab_zag_2 {
2534 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header_Linked.png);
2535 background-repeat: repeat-x;
2536 text-align: center;
2537 cursor: move;
2538 padding: 1px;
2539 font-weight: bold;
2542 .tab_field {
2543 background: #FFFFFF;
2544 color: #000000;
2545 cursor: default;
2548 .tab_field_2 {
2549 background-color: #CCFFCC;
2550 color: #000000;
2551 background-repeat: repeat-x;
2552 cursor: default;
2555 .tab_field_3 {
2556 background-color: #FFE6E6; /*#DDEEFF*/
2557 color: #000000;
2558 cursor: default;
2561 #pmd_hint {
2562 white-space: nowrap;
2563 position: absolute;
2564 background-color: #99FF99;
2565 color: #000000;
2566 left: 200px;
2567 top: 50px;
2568 z-index: 3;
2569 border: #00CC66 solid 1px;
2570 display: none;
2573 .scroll_tab {
2574 overflow: auto;
2575 width: 100%;
2576 height: 500px;
2579 .pmd_Tabs {
2580 cursor: default;
2581 color: #0055bb;
2582 white-space: nowrap;
2583 text-decoration: none;
2584 text-indent: 3px;
2585 font-weight: bold;
2586 margin-left: 2px;
2587 text-align: left;
2588 background-color: #FFFFFF;
2589 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/left_panel_butt.png);
2590 border: #CCCCCC solid 1px;
2593 .pmd_Tabs2 {
2594 cursor: default;
2595 color: #0055bb;
2596 background: #FFEE99;
2597 text-indent: 3px;
2598 font-weight: bold;
2599 white-space: nowrap;
2600 text-decoration: none;
2601 border: #9999FF solid 1px;
2602 text-align: left;
2605 .owner {
2606 font-weight: normal;
2607 color: #888888;
2610 .option_tab {
2611 padding-left: 2px;
2612 padding-right: 2px;
2613 width: 5px;
2616 .select_all {
2617 vertical-align: top;
2618 padding-left: 2px;
2619 padding-right: 2px;
2620 cursor: default;
2621 width: 1px;
2622 color: #000000;
2623 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
2624 background-repeat: repeat-x;
2627 .small_tab {
2628 vertical-align: top;
2629 background-color: #0064ea;
2630 color: #FFFFFF;
2631 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/small_tab.png);
2632 cursor: default;
2633 text-align: center;
2634 font-weight: bold;
2635 padding-left: 2px;
2636 padding-right: 2px;
2637 width: 1px;
2638 text-decoration: none;
2641 .small_tab2 {
2642 vertical-align: top;
2643 color: #FFFFFF;
2644 background-color: #FF9966;
2645 cursor: default;
2646 padding-left: 2px;
2647 padding-right: 2px;
2648 text-align: center;
2649 font-weight: bold;
2650 width: 1px;
2651 text-decoration: none;
2654 .small_tab_pref {
2655 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
2656 background-repeat: repeat-x;
2657 text-align: center;
2658 width: 1px;
2661 .small_tab_pref2 {
2662 vertical-align: top;
2663 color: #FFFFFF;
2664 background-color: #FF9966;
2665 cursor: default;
2666 text-align: center;
2667 font-weight: bold;
2668 width: 1px;
2669 text-decoration: none;
2672 .butt {
2673 border: #4477aa solid 1px;
2674 font-weight: bold;
2675 height: 19px;
2676 width: 70px;
2677 background-color: #FFFFFF;
2678 color: #000000;
2679 vertical-align: baseline;
2682 .L_butt2_1 {
2683 padding: 1px;
2684 text-decoration: none;
2685 background-color: #ffffff;
2686 color: #000000;
2687 vertical-align: middle;
2688 cursor: default;
2691 .L_butt2_2 {
2692 padding: 0;
2693 border: #0099CC solid 1px;
2694 background: #FFEE99;
2695 text-decoration: none;
2696 color: #000000;
2697 cursor: default;
2700 /* ---------------------------------------------------------------------------*/
2701 .bor {
2702 width: 10px;
2703 height: 10px;
2706 .frams1 {
2707 background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/1.png) no-repeat right bottom;
2710 .frams2 {
2711 background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/2.png) no-repeat left bottom;
2714 .frams3 {
2715 background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/3.png) no-repeat left top;
2718 .frams4 {
2719 background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/4.png) no-repeat right top;
2722 .frams5 {
2723 background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/5.png) repeat-x center bottom;
2726 .frams6 {
2727 background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/6.png) repeat-y left;
2730 .frams7 {
2731 background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/7.png) repeat-x top;
2734 .frams8 {
2735 background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/8.png) repeat-y right;
2738 #osn_tab {
2739 background-color: #FFFFFF;
2740 color: #000000;
2741 border: #A9A9A9 solid 1px;
2744 .pmd_header {
2745 background-color: #EAEEF0;
2746 color: #000000;
2747 text-align: center;
2748 font-weight: bold;
2749 margin: 0;
2750 padding: 0;
2751 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/top_panel.png);
2752 background-position: top;
2753 background-repeat: repeat-x;
2754 border-right: #999999 solid 1px;
2755 border-left: #999999 solid 1px;
2756 height: 28px;
2759 .pmd_header a {
2760 display: block;
2761 float: left;
2762 margin: 3px 1px 4px 1px;
2763 height: 20px;
2764 border: 1px dotted #ffffff;
2767 .pmd_header .M_bord {
2768 display: block;
2769 float: left;
2770 margin: 4px;
2771 height: 20px;
2772 width: 2px;
2775 .pmd_header a.first {
2776 margin-right: 1em;
2779 .pmd_header a.last {
2780 margin-left: 1em;
2783 a.M_butt_Selected_down_IE,
2784 a.M_butt_Selected_down {
2785 border: 1px solid #C0C0BB;
2786 background-color: #99FF99;
2787 color: #000000;
2790 a.M_butt_Selected_down_IE:hover,
2791 a.M_butt_Selected_down:hover,
2792 a.M_butt:hover {
2793 border: 1px solid #0099CC;
2794 background-color: #FFEE99;
2795 color: #000000;
2798 #layer_menu {
2799 z-index: 1000;
2800 position: absolute;
2801 left: 0;
2802 background-color: #EAEEF0;
2803 border: #999999 solid 1px;
2806 #layer_action {
2807 position: absolute;
2808 left: 638px;
2809 top: 52px;
2810 z-index: 1000;
2811 background-color: #CCFF99;
2812 padding: 3px;
2813 border: #009933 solid 1px;
2814 white-space: nowrap;
2815 font-weight: bold;
2818 #layer_upd_relation {
2819 position: absolute;
2820 left: 637px;
2821 top: 224px;
2822 z-index: 1000;
2825 #layer_new_relation {
2826 position: absolute;
2827 left: 636px;
2828 top: 85px;
2829 z-index: 1000;
2830 width: 153px;
2833 #pmd_optionse {
2834 position: absolute;
2835 left: 636px;
2836 top: 85px;
2837 z-index: 1000;
2838 width: 153px;
2841 #layer_menu_sizer {
2842 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/resize.png);
2843 cursor: nw-resize;
2844 width: 16px;
2845 height: 16px;
2848 .panel {
2849 position: fixed;
2850 top: 50px;
2851 right: 0;
2852 display: none;
2853 background: #FFF;
2854 border:1px solid #F5F5F5;
2855 width: 350 px;
2856 height: auto;
2857 padding: 30px 170px 30px 30px;
2858 color:#FFF;
2859 z-index:99;
2862 a.trigger{
2863 position: fixed;
2864 text-decoration: none;
2865 top: 60px; right: 0;
2866 color:#fff;
2867 padding: 10px 40px 10px 15px;
2868 background:#333333 url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/plus.png) 85% 55% no-repeat;
2869 border:1px solid #444444;
2870 display: block;
2873 a.trigger:hover{
2874 position: fixed;
2875 text-decoration: none;
2876 top: 60px; right: 0;
2877 color:#080808;
2878 padding: 10px 40px 10px 15px;
2879 background:#fff696 url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/plus.png) 85% 55% no-repeat;
2880 border:1px solid #999;
2881 display: block;
2884 a.active.trigger {
2885 background:#222222 url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/minus.png) 85% 55% no-repeat;
2886 z-index:999;
2889 a.active.trigger:hover {
2890 background:#fff696 url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/minus.png) 85% 55% no-repeat;
2891 z-index:999;
2894 h2.tiger{
2895 background-repeat: repeat-x;
2896 padding: 1px;
2897 font-weight: bold;
2898 padding: 50 20 50 20px;
2899 margin: 0 0 5px 0;
2900 width: 250px;
2901 float: left;
2902 color : #333;
2903 text-align: center;
2906 h2.tiger a {
2907 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
2908 text-align: center;
2909 text-decoration: none;
2910 color : #333;
2911 display: block;
2914 h2.tiger a:hover {
2915 color: #000;
2916 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header_Linked.png);
2919 h2.active {
2920 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
2921 background-repeat: repeat-x;
2922 padding: 1px;
2923 background-position: left bottom;
2926 .toggle_container {
2927 margin: 0 0 5px;
2928 padding: 0;
2929 border-top: 1px solid #d6d6d6;
2930 background: #FFF ;
2931 width: 250px;
2932 overflow: hidden;
2933 font-size: 1.2em;
2934 clear: both;
2937 .toggle_container .block {
2938 background-color: #DBE4E8;
2939 padding:40 15 40 15px; /*--Padding of Container--*/
2940 border:1px solid #999;
2941 color:#000;
2944 .history_table {
2945 text-align: center;
2946 background-color: #9999CC;
2949 .history_table2 {
2950 text-align: center;
2951 background-color: #DBE4E8;
2954 #filter {
2955 display: none;
2956 position: absolute;
2957 top: 0%;
2958 left: 0%;
2959 width: 100%;
2960 height: 100%;
2961 background-color: #CCA;
2962 z-index:10;
2963 opacity:0.5;
2964 filter: alpha(opacity=50);
2967 #box {
2968 display: none;
2969 position: absolute;
2970 top: 20%;
2971 left: 30%;
2972 width: 500px;
2973 height: 220px;
2974 padding: 48px;
2975 margin:0;
2976 border: 1px solid black;
2977 background-color: white;
2978 z-index:101;
2979 overflow: visible;
2982 #boxtitle {
2983 position:absolute;
2984 float:center;
2985 top:0;
2986 left:0;
2987 width:593px;
2988 height:20px;
2989 padding:0;
2990 padding-top:4px;
2991 left-padding:8px;
2992 margin:0;
2993 border-bottom:4px solid #3CF;
2994 background-color: #D0DCE0;
2995 color:black;
2996 font-weight:bold;
2997 padding-left: 2px;
2998 text-align:left;
3001 #tblfooter {
3002 background-color: #D3DCE3;
3003 float: right;
3004 padding-top:10px;
3005 color: black;
3006 font-weight: normal;
3009 input.btn {
3010 color:#333;
3011 background-color: #D0DCE0;
3014 body .ui-widget {
3015 font-size: 1em;
3018 .ui-dialog fieldset legend a {
3019 color: #0000FF;