Merge remote branch 'origin/master'
[phpmyadmin/dkf.git] / themes / original / css / theme_right.css.php
blob15cf293516dcc4c29a0371553d803b122c8d029e
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')) {
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 (isset($_SESSION['tmp_user_values']['custom_color']) ? $_SESSION['tmp_user_values']['custom_color'] : $GLOBALS['cfg']['MainBackground']); ?>;
34 width: 100%;
35 height: 100%;
38 <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
39 textarea, tt, pre, code {
40 font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
42 <?php } ?>
43 h1 {
44 font-size: 140%;
45 font-weight: bold;
48 h2 {
49 font-size: 120%;
50 font-weight: bold;
53 h3 {
54 font-weight: bold;
57 a, a:link,
58 a:visited,
59 a:active {
60 text-decoration: none;
61 color: #0000FF;
62 cursor: pointer;
65 a:hover {
66 text-decoration: underline;
67 color: #FF0000;
70 dfn {
71 font-style: normal;
74 dfn:hover {
75 font-style: normal;
76 cursor: help;
79 th {
80 font-weight: bold;
81 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
82 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
85 a img {
86 border: 0;
89 hr {
90 color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
91 background-color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
92 border: 0;
93 height: 1px;
96 form {
97 padding: 0;
98 margin: 0;
99 display: inline;
102 textarea {
103 overflow: visible;
104 height: <?php echo ceil($GLOBALS['cfg']['TextareaRows'] * 1.2); ?>em;
107 fieldset {
108 margin-top: 1em;
109 border: <?php echo $GLOBALS['cfg']['MainColor']; ?> solid 1px;
110 padding: 0.5em;
111 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
114 fieldset fieldset {
115 margin: 0.8em;
118 fieldset legend {
119 font-weight: bold;
120 color: #444444;
121 background-color: <?php echo 'OPERA' != PMA_USR_BROWSER_AGENT ? 'transparent' : $GLOBALS['cfg']['BgOne']; ?>;
124 /* buttons in some browsers (eg. Konqueror) are block elements,
125 this breaks design */
126 button {
127 display: inline;
130 table caption,
131 table th,
132 table td {
133 padding: 0.1em 0.5em 0.1em 0.5em;
134 margin: 0.1em;
135 vertical-align: top;
138 img,
139 input,
140 select,
141 button {
142 vertical-align: middle;
146 /******************************************************************************/
147 /* classes */
148 div.tools {
149 border: 1px solid #000000;
150 padding: 0.2em;
153 div.tools,
154 fieldset.tblFooters {
155 margin-top: 0;
156 margin-bottom: 0.5em;
157 /* avoid a thick line since this should be used under another fieldset */
158 border-top: 0;
159 text-align: <?php echo $right; ?>;
160 float: none;
161 clear: both;
164 fieldset .formelement {
165 float: <?php echo $left; ?>;
166 margin-<?php echo $right; ?>: 0.5em;
167 /* IE */
168 white-space: nowrap;
171 /* revert for Gecko */
172 fieldset div[class=formelement] {
173 white-space: normal;
176 button.mult_submit {
177 border: none;
178 background-color: transparent;
181 /* odd items 1,3,5,7,... */
182 table tr.odd th,
183 .odd {
184 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
187 /* even items 2,4,6,8,... */
188 table tr.even th,
189 .even {
190 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
193 /* odd table rows 1,3,5,7,... */
194 table tr.odd th,
195 table tr.odd,
196 table tr.even th,
197 table tr.even {
198 text-align: <?php echo $left; ?>;
201 <?php if ($GLOBALS['cfg']['BrowseMarkerEnable']) { ?>
202 /* marked table rows */
203 table tr.marked th,
204 table tr.marked {
205 background: <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
206 color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
208 <?php } ?>
210 <?php if ($GLOBALS['cfg']['BrowsePointerEnable']) { ?>
211 /* hovered items */
212 .odd:hover,
213 .even:hover,
214 .hover,
215 .structure_actions_dropdown {
216 background: <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>;
217 color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
220 /* hovered table rows */
221 table tr.odd:hover th,
222 table tr.even:hover th,
223 table tr.hover th {
224 background: <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>;
225 color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
227 <?php } ?>
230 * marks table rows/cells if the db field is in a where condition
232 tr.condition th,
233 tr.condition td,
234 td.condition,
235 th.condition {
236 border: 1px solid <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
239 table .value {
240 text-align: <?php echo $right; ?>;
241 white-space: normal;
243 /* IE doesnt handles 'pre' right */
244 table [class=value] {
245 white-space: normal;
249 <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
250 .value {
251 font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
253 <?php } ?>
254 .value .attention {
255 color: red;
256 font-weight: bold;
258 .value .allfine {
259 color: green;
263 img.lightbulb {
264 cursor: pointer;
267 .pdflayout {
268 overflow: hidden;
269 clip: inherit;
270 background-color: #FFFFFF;
271 display: none;
272 border: 1px solid #000000;
273 position: relative;
276 .pdflayout_table {
277 background: #D3DCE3;
278 color: #000000;
279 overflow: hidden;
280 clip: inherit;
281 z-index: 2;
282 display: inline;
283 visibility: inherit;
284 cursor: move;
285 position: absolute;
286 font-size: 80%;
287 border: 1px dashed #000000;
290 /* MySQL Parser */
291 .syntax {
292 font-size: 80%;
295 .syntax a {
296 text-decoration: none;
297 border-bottom:1px dotted black;
300 .syntax_comment {
301 padding-left: 4pt;
302 padding-right: 4pt;
305 .syntax_digit {
308 .syntax_digit_hex {
311 .syntax_digit_integer {
314 .syntax_digit_float {
317 .syntax_punct {
320 .syntax_alpha {
323 .syntax_alpha_columnType {
324 text-transform: uppercase;
327 .syntax_alpha_columnAttrib {
328 text-transform: uppercase;
331 .syntax_alpha_reservedWord {
332 text-transform: uppercase;
333 font-weight: bold;
336 .syntax_alpha_functionName {
337 text-transform: uppercase;
340 .syntax_alpha_identifier {
343 .syntax_alpha_charset {
346 .syntax_alpha_variable {
349 .syntax_quote {
350 white-space: pre;
353 .syntax_quote_backtick {
356 /* leave some space between icons and text */
357 .icon, img.footnotemarker {
358 vertical-align: middle;
359 margin-right: 0.3em;
360 margin-left: 0.3em;
363 img.footnotemarker {
364 display: none;
367 /* no extra space in table cells */
368 td .icon {
369 margin: 0;
372 .selectallarrow {
373 margin-<?php echo $right; ?>: 0.3em;
374 margin-<?php echo $left; ?>: 0.6em;
377 /* message boxes: warning, error, confirmation */
378 .success h1,
379 .notice h1,
380 .warning h1,
381 div.error h1 {
382 border-bottom: 2px solid;
383 font-weight: bold;
384 text-align: <?php echo $left; ?>;
385 margin: 0 0 0.2em 0;
388 div.success,
389 div.notice,
390 div.warning,
391 div.error,
392 div.footnotes {
393 margin: 0.3em 0 0 0;
394 border: 2px solid;
395 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
396 background-repeat: no-repeat;
397 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
398 background-position: 10px 50%;
399 padding: 0.1em 0.1em 0.1em 36px;
400 <?php } else { ?>
401 background-position: 99% 50%;
402 padding: 10px 5% 10px 10px;
403 <?php } ?>
404 <?php } else { ?>
405 padding: 0.3em;
406 <?php } ?>
409 .success {
410 color: #000000;
411 background-color: #f0fff0;
413 h1.success,
414 div.success {
415 border-color: #00FF00;
416 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
417 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_success.png);
418 background-repeat: no-repeat;
419 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
420 background-position: 5px 50%;
421 padding: 0.2em 0.2em 0.2em 25px;
422 <?php } else { ?>
423 background-position: 97% 50%;
424 padding: 0.2em 25px 0.2em 0.2em;
425 <?php } ?>
426 <?php } ?>
428 .success h1 {
429 border-color: #00FF00;
432 .notice, .footnotes {
433 color: #000000;
434 background-color: #FFFFDD;
436 h1.notice,
437 div.notice,
438 div.footnotes {
439 border-color: #FFD700;
440 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
441 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_notice.png);
442 background-repeat: no-repeat;
443 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
444 background-position: 5px 50%;
445 padding: 0.2em 0.2em 0.2em 25px;
446 <?php } else { ?>
447 background-position: 97% 50%;
448 padding: 0.2em 25px 0.2em 0.2em;
449 <?php } ?>
450 <?php } ?>
452 .notice h1 {
453 border-color: #FFD700;
456 .warning {
457 color: #CC0000;
458 background-color: #FFFFCC;
460 p.warning,
461 h1.warning,
462 div.warning {
463 border-color: #CC0000;
464 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
465 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_warn.png);
466 background-repeat: no-repeat;
467 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
468 background-position: 5px 50%;
469 padding: 0.2em 0.2em 0.2em 25px;
470 <?php } else { ?>
471 background-position: 97% 50%;
472 padding: 0.2em 25px 0.2em 0.2em;
473 <?php } ?>
474 <?php } ?>
476 .warning h1 {
477 border-color: #cc0000;
480 .error {
481 background-color: #FFFFCC;
482 color: #ff0000;
485 h1.error,
486 div.error {
487 border-color: #ff0000;
488 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
489 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_error.png);
490 background-repeat: no-repeat;
491 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
492 background-position: 5px 50%;
493 padding: 0.2em 0.2em 0.2em 25px;
494 <?php } else { ?>
495 background-position: 97% 50%;
496 padding: 0.2em 25px 0.2em 0.2em;
497 <?php } ?>
498 <?php } ?>
500 div.error h1 {
501 border-color: #ff0000;
504 .confirmation {
505 background-color: #FFFFCC;
507 fieldset.confirmation {
508 border: 0.1em solid #FF0000;
510 fieldset.confirmation legend {
511 border-left: 0.1em solid #FF0000;
512 border-right: 0.1em solid #FF0000;
513 font-weight: bold;
514 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
515 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_really.png);
516 background-repeat: no-repeat;
517 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
518 background-position: 5px 50%;
519 padding: 0.2em 0.2em 0.2em 25px;
520 <?php } else { ?>
521 background-position: 97% 50%;
522 padding: 0.2em 25px 0.2em 0.2em;
523 <?php } ?>
524 <?php } ?>
526 /* end messageboxes */
529 .tblcomment {
530 font-size: 70%;
531 font-weight: normal;
532 color: #000099;
535 .tblHeaders {
536 font-weight: bold;
537 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
538 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
541 div.tools,
542 .tblFooters {
543 font-weight: normal;
544 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
545 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
548 .tblHeaders a:link,
549 .tblHeaders a:active,
550 .tblHeaders a:visited,
551 div.tools a:link,
552 div.tools a:visited,
553 div.tools a:active,
554 .tblFooters a:link,
555 .tblFooters a:active,
556 .tblFooters a:visited {
557 color: #0000FF;
560 .tblHeaders a:hover,
561 div.tools a:hover,
562 .tblFooters a:hover {
563 color: #FF0000;
566 /* forbidden, no privilegs */
567 .noPrivileges {
568 color: #FF0000;
569 font-weight: bold;
572 /* disabled text */
573 .disabled,
574 .disabled a:link,
575 .disabled a:active,
576 .disabled a:visited {
577 color: #666666;
580 .disabled a:hover {
581 color: #666666;
582 text-decoration: none;
585 tr.disabled td,
586 td.disabled {
587 background-color: #cccccc;
591 * login form
593 body.loginform h1,
594 body.loginform a.logo {
595 display: block;
596 text-align: center;
599 body.loginform {
600 text-align: center;
603 body.loginform div.container {
604 text-align: <?php echo $left; ?>;
605 width: 30em;
606 margin: 0 auto;
609 form.login label {
610 float: <?php echo $left; ?>;
611 width: 10em;
612 font-weight: bolder;
615 .commented_column {
616 border-bottom: 1px dashed black;
619 .column_attribute {
620 font-size: 70%;
623 /******************************************************************************/
624 /* specific elements */
626 /* topmenu */
627 ul#topmenu, ul#topmenu2, ul.tabs {
628 font-weight: bold;
629 list-style-type: none;
630 margin: 0;
631 padding: 0;
634 ul#topmenu2 {
635 margin: 0.25em 0.5em 0;
636 height: 2em;
637 clear: both;
640 ul#topmenu li, ul#topmenu2 li {
641 float: <?php echo $left; ?>;
642 margin: 0;
643 padding: 0;
644 vertical-align: middle;
647 #topmenu img, #topmenu2 img {
648 vertical-align: middle;
649 margin-<?php echo $right; ?>: 0.1em;
652 /* default tab styles */
653 ul#topmenu a, ul#topmenu span {
654 display: block;
655 margin: 0.2em 0.2em 0 0.2em;
656 padding: 0.2em 0.2em 0 0.2em;
657 white-space: nowrap;
660 ul#topmenu ul a {
661 margin: 0;
662 padding-bottom: 0.2em;
665 ul#topmenu .submenu {
666 position: relative;
669 ul#topmenu ul {
670 margin: 0;
671 padding: 0;
672 position: absolute;
673 right: 0;
674 list-style-type: none;
675 display: none;
676 border: 1px #666 solid;
679 ul#topmenu li:hover ul, ul#topmenu .submenuhover ul {
680 display: block;
683 ul#topmenu ul li {
684 width: 100%;
687 ul#topmenu2 a {
688 display: block;
689 margin: 0.1em;
690 padding: 0.2em;
691 white-space: nowrap;
694 /* disabled tabs */
695 ul#topmenu span.tab {
696 color: #666666;
699 /* disabled drop/empty tabs */
700 ul#topmenu span.tabcaution {
701 color: #ff6666;
704 /* enabled drop/empty tabs */
705 ul#topmenu a.tabcaution {
706 color: #FF0000;
708 ul#topmenu a.tabcaution:hover {
709 color: #FFFFFF;
710 background-color: #FF0000;
712 fieldset.caution a {
713 color: #FF0000;
715 fieldset.caution a:hover {
716 color: #ffffff;
717 background-color: #FF0000;
720 <?php if ($GLOBALS['cfg']['LightTabs']) { ?>
721 /* active tab */
722 ul#topmenu a.tabactive, ul#topmenu2 a.tabactive {
723 color: black;
726 ul#topmenu ul {
727 background: <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
729 <?php } else { ?>
730 #topmenu {
731 margin-top: 0.5em;
732 padding: 0.1em 0.3em 0.1em 0.3em;
735 ul#topmenu ul {
736 -moz-box-shadow: 2px 2px 3px #666;
737 -webkit-box-shadow: 2px 2px 3px #666;
738 box-shadow: 2px 2px 3px #666;
741 ul#topmenu > li {
742 border-bottom: 1pt solid black;
745 /* default tab styles */
746 ul#topmenu a, ul#topmenu span {
747 background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
748 border: 0 solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
749 border-width: 1pt 1pt 0 1pt;
750 -moz-border-radius: 0.4em 0.4em 0 0;
751 border-radius: 0.4em 0.4em 0 0;
754 ul#topmenu ul a {
755 border-width: 1pt 0 0 0;
756 -moz-border-radius: 0;
757 border-radius: 0;
760 ul#topmenu ul li:first-child a {
761 border-width: 0;
764 /* enabled hover/active tabs */
765 ul#topmenu > li > a:hover,
766 ul#topmenu > li > .tabactive {
767 margin: 0;
768 padding: 0.2em 0.4em 0.2em 0.4em;
769 text-decoration: none;
772 ul#topmenu ul a:hover,
773 ul#topmenu ul .tabactive {
774 text-decoration: none;
777 ul#topmenu a.tab:hover,
778 ul#topmenu .tabactive {
779 background-color: <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
782 ul#topmenu2 a.tab:hover,
783 ul#topmenu2 a.tabactive {
784 background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
785 -moz-border-radius: 0.3em;
786 border-radius: 0.3em;
787 text-decoration: none;
790 /* to be able to cancel the bottom border, use <li class="active"> */
791 ul#topmenu > li.active {
792 border-bottom: 1pt solid <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
795 /* disabled drop/empty tabs */
796 ul#topmenu span.tab,
797 a.warning,
798 ul#topmenu span.tabcaution {
799 cursor: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>error.ico), default;
801 <?php } ?>
802 /* end topmenu */
805 /* Calendar */
806 table.calendar {
807 width: 100%;
809 table.calendar td {
810 text-align: center;
812 table.calendar td a {
813 display: block;
816 table.calendar td a:hover {
817 background-color: #CCFFCC;
820 table.calendar th {
821 background-color: #D3DCE3;
824 table.calendar td.selected {
825 background-color: #FFCC99;
828 img.calendar {
829 border: none;
831 form.clock {
832 text-align: center;
834 /* end Calendar */
837 /* table stats */
838 div#tablestatistics {
839 border-bottom: 0.1em solid #669999;
840 margin-bottom: 0.5em;
841 padding-bottom: 0.5em;
844 div#tablestatistics table {
845 float: <?php echo $left; ?>;
846 margin-bottom: 0.5em;
847 margin-<?php echo $right; ?>: 0.5em;
850 div#tablestatistics table caption {
851 margin-<?php echo $right; ?>: 0.5em;
853 /* END table stats */
856 /* server privileges */
857 #tableuserrights td,
858 #tablespecificuserrights td,
859 #tabledatabases td {
860 vertical-align: middle;
862 /* END server privileges */
866 /* Heading */
867 #serverinfo {
868 font-weight: bold;
869 margin-bottom: 0.5em;
872 #serverinfo .item {
873 white-space: nowrap;
876 #span_table_comment {
877 font-weight: normal;
878 font-style: italic;
879 white-space: nowrap;
882 #serverinfo img {
883 margin: 0 0.1em 0 0.2em;
887 #textSQLDUMP {
888 width: 95%;
889 height: 95%;
890 font-family: "Courier New", Courier, mono;
891 font-size: 110%;
894 #TooltipContainer {
895 position: absolute;
896 z-index: 99;
897 width: 20em;
898 height: auto;
899 overflow: visible;
900 visibility: hidden;
901 background-color: #ffffcc;
902 color: #006600;
903 border: 0.1em solid #000000;
904 padding: 0.5em;
907 /* user privileges */
908 #fieldset_add_user_login div.item {
909 border-bottom: 1px solid silver;
910 padding-bottom: 0.3em;
911 margin-bottom: 0.3em;
914 #fieldset_add_user_login label {
915 float: <?php echo $left; ?>;
916 display: block;
917 width: 10em;
918 max-width: 100%;
919 text-align: <?php echo $right; ?>;
920 padding-<?php echo $right; ?>: 0.5em;
923 #fieldset_add_user_login span.options #select_pred_username,
924 #fieldset_add_user_login span.options #select_pred_hostname,
925 #fieldset_add_user_login span.options #select_pred_password {
926 width: 100%;
927 max-width: 100%;
930 #fieldset_add_user_login span.options {
931 float: <?php echo $left; ?>;
932 display: block;
933 width: 12em;
934 max-width: 100%;
935 padding-<?php echo $right; ?>: 0.5em;
938 #fieldset_add_user_login input {
939 width: 12em;
940 clear: <?php echo $right; ?>;
941 max-width: 100%;
944 #fieldset_add_user_login span.options input {
945 width: auto;
948 #fieldset_user_priv div.item {
949 float: <?php echo $left; ?>;
950 width: 9em;
951 max-width: 100%;
954 #fieldset_user_priv div.item div.item {
955 float: none;
958 #fieldset_user_priv div.item label {
959 white-space: nowrap;
962 #fieldset_user_priv div.item select {
963 width: 100%;
966 #fieldset_user_global_rights fieldset {
967 float: <?php echo $left; ?>;
969 /* END user privileges */
972 /* serverstatus */
973 div#serverstatus table caption a.top {
974 float: <?php echo $right; ?>;
977 div#serverstatus div#serverstatusqueriesdetails table,
978 div#serverstatus table#serverstatustraffic,
979 div#serverstatus table#serverstatusconnections {
980 float: <?php echo $left; ?>;
983 #serverstatussection,
984 .clearfloat {
985 clear: both;
987 div#serverstatussection table {
988 width: 100%;
989 margin-bottom: 1em;
991 div#serverstatussection table .name {
992 width: 18em;
994 div#serverstatussection table .value {
995 width: 6em;
998 div#serverstatus table tbody td.descr a,
999 div#serverstatus table .tblFooters a {
1000 white-space: nowrap;
1002 div#serverstatus div#statuslinks a:before,
1003 div#serverstatus div#sectionlinks a:before,
1004 div#serverstatus table tbody td.descr a:before,
1005 div#serverstatus table .tblFooters a:before {
1006 content: '[';
1008 div#serverstatus div#statuslinks a:after,
1009 div#serverstatus div#sectionlinks a:after,
1010 div#serverstatus table tbody td.descr a:after,
1011 div#serverstatus table .tblFooters a:after {
1012 content: ']';
1014 /* end serverstatus */
1016 /* querywindow */
1017 body#bodyquerywindow {
1018 margin: 0;
1019 padding: 0;
1020 background-image: none;
1021 background-color: #F5F5F5;
1024 div#querywindowcontainer {
1025 margin: 0;
1026 padding: 0;
1027 width: 100%;
1030 div#querywindowcontainer fieldset {
1031 margin-top: 0;
1033 /* END querywindow */
1036 /* querybox */
1038 div#sqlquerycontainer {
1039 float: <?php echo $left; ?>;
1040 width: 69%;
1041 /* height: 15em; */
1044 div#tablefieldscontainer {
1045 float: <?php echo $right; ?>;
1046 width: 29%;
1047 /* height: 15em; */
1050 div#tablefieldscontainer select {
1051 width: 100%;
1052 /* height: 12em; */
1055 textarea#sqlquery {
1056 width: 100%;
1057 /* height: 100%; */
1059 textarea#sql_query_edit{
1060 height:7em;
1061 width: 95%;
1062 display:block;
1064 div#queryboxcontainer div#bookmarkoptions {
1065 margin-top: 0.5em;
1067 /* end querybox */
1069 /* main page */
1070 #maincontainer {
1071 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>logo_right.png);
1072 background-position: <?php echo $right; ?> bottom;
1073 background-repeat: no-repeat;
1076 #mysqlmaininformation,
1077 #pmamaininformation {
1078 float: <?php echo $left; ?>;
1079 width: 49%;
1082 #maincontainer ul {
1083 list-style-type: disc;
1084 vertical-align: middle;
1087 #maincontainer li {
1088 margin: 0.2em 0em;
1090 /* END main page */
1093 <?php if ($GLOBALS['cfg']['MainPageIconic']) { ?>
1094 /* iconic view for ul items */
1095 li#li_create_database {
1096 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_newdb.png);
1099 li#li_select_lang {
1100 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_lang.png);
1103 li#li_select_mysql_collation {
1104 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
1107 li#li_select_theme{
1108 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_theme.png);
1111 li#li_user_info{
1112 /* list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png); */
1115 li#li_mysql_status{
1116 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_status.png);
1119 li#li_mysql_variables{
1120 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_vars.png);
1123 li#li_mysql_processes{
1124 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_process.png);
1127 li#li_mysql_collations{
1128 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
1131 li#li_mysql_engines{
1132 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_engine.png);
1135 li#li_mysql_binlogs {
1136 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_tbl.png);
1139 li#li_mysql_databases {
1140 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_db.png);
1143 li#li_export {
1144 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_export.png);
1147 li#li_import {
1148 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_import.png);
1151 li#li_change_password {
1152 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_passwd.png);
1155 li#li_log_out {
1156 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_loggoff.png);
1159 li#li_mysql_privilegs{
1160 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png);
1163 li#li_switch_dbstats {
1164 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_dbstatistics.png);
1167 li#li_flush_privileges {
1168 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_reload.png);
1171 li#li_user_preferences {
1172 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_tblops.png);
1174 /* END iconic view for ul items */
1175 <?php } /* end if $GLOBALS['cfg']['MainPageIconic'] */ ?>
1178 #body_browse_foreigners {
1179 background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1180 margin: 0.5em 0.5em 0 0.5em;
1183 #bodyquerywindow {
1184 background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1187 #bodythemes {
1188 width: 500px;
1189 margin: auto;
1190 text-align: center;
1193 #bodythemes img {
1194 border: 0.1em solid black;
1197 #bodythemes a:hover img {
1198 border: 0.1em solid red;
1201 #fieldset_select_fields {
1202 float: <?php echo $left; ?>;
1205 #selflink {
1206 clear: both;
1207 display: block;
1208 margin-top: 1em;
1209 margin-bottom: 1em;
1210 width: 100%;
1211 border-top: 0.1em solid silver;
1212 text-align: <?php echo $right; ?>;
1215 #table_innodb_bufferpool_usage,
1216 #table_innodb_bufferpool_activity {
1217 float: <?php echo $left; ?>;
1220 #div_mysql_charset_collations table {
1221 float: <?php echo $left; ?>;
1224 #div_table_order {
1225 min-width: 48%;
1226 float: <?php echo $left; ?>;
1229 #div_table_rename {
1230 min-width: 48%;
1231 float: <?php echo $left; ?>;
1234 #div_table_copy,
1235 #div_partition_maintenance,
1236 #div_referential_integrity,
1237 #div_table_removal,
1238 #div_table_maintenance {
1239 min-width: 48%;
1240 float: <?php echo $left; ?>;
1243 #div_table_options {
1244 clear: both;
1245 min-width: 48%;
1246 float: <?php echo $left; ?>;
1249 #qbe_div_table_list {
1250 float: <?php echo $left; ?>;
1253 #qbe_div_sql_query {
1254 float: <?php echo $left; ?>;
1257 label.desc {
1258 width: 30em;
1259 float: <?php echo $left; ?>;
1262 label.desc sup {
1263 position: absolute;
1266 code.sql, div.sqlvalidate {
1267 display: block;
1268 padding: 0.3em;
1269 margin-top: 0;
1270 margin-bottom: 0;
1271 border: <?php echo $GLOBALS['cfg']['MainColor']; ?> solid 1px;
1272 border-top: 0;
1273 border-bottom: 0;
1274 max-height: 10em;
1275 overflow: auto;
1276 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1279 #main_pane_left {
1280 width: 60%;
1281 float: <?php echo $left; ?>;
1282 padding-top: 1em;
1285 #main_pane_right {
1286 margin-<?php echo $left; ?>: 60%;
1287 padding-top: 1em;
1288 padding-<?php echo $left; ?>: 1em;
1291 .group {
1292 border-<?php echo $left; ?>: 0.3em solid <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
1293 margin-bottom: 1em;
1296 .group h2 {
1297 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
1298 padding: 0.1em 0.3em;
1299 margin-top: 0;
1302 .group-cnt {
1303 padding: 0 0 0 0.5em;
1304 display: inline-block;
1305 width: 98%;
1308 /* for elements that should be revealed only via js */
1309 .hide {
1310 display: none;
1313 #li_select_server {
1314 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_host.png);
1317 #list_server {
1318 list-style-image: none;
1322 * Progress bar styles
1324 div.upload_progress_bar_outer
1326 border: 1px solid black;
1327 width: 202px;
1330 div.upload_progress_bar_inner
1332 background-color: <?php echo (isset($_SESSION['userconf']['custom_color']) ? $_SESSION['userconf']['custom_color'] : $GLOBALS['cfg']['NaviBackground']); ?>;
1333 width: 0px;
1334 height: 12px;
1335 margin: 1px;
1338 table#serverconnection_src_remote,
1339 table#serverconnection_trg_remote,
1340 table#serverconnection_src_local,
1341 table#serverconnection_trg_local {
1342 float:left;
1345 * Validation error message styles
1347 .invalid_value
1348 {background:#F00;}
1351 * Ajax notification styling
1353 .ajax_notification {
1354 top: 0px; /** The notification needs to be shown on the top of the page */
1355 position: fixed;
1356 margin-top: 0;
1357 margin-right: auto;
1358 margin-bottom: 0;
1359 margin-left: auto;
1360 padding: 3px 5px; /** Keep a little space on the sides of the text */
1361 min-width: 70px;
1362 max-width: 350px; /** This value might have to be changed */
1363 background-color: #FFD700;
1364 z-index: 1100; /** If this is not kept at a high z-index, the jQueryUI modal dialogs (z-index:1000) might hide this */
1365 text-align: center;
1366 display: block;
1367 left: 0;
1368 right: 0;
1369 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>ajax_clock_small.gif);
1370 background-repeat: no-repeat;
1371 background-position: 2%;
1374 #loading_parent {
1375 /** Need this parent to properly center the notification division */
1376 position: relative;
1377 width: 100%;
1380 * Export and Import styles
1383 .exportoptions h3, .importoptions h3 {
1384 border-bottom: 1px #999999 solid;
1385 font-size: 110%;
1388 .exportoptions ul, .importoptions ul, .format_specific_options ul {
1389 list-style-type: none;
1390 margin-bottom: 15px;
1393 .exportoptions li, .importoptions li {
1394 margin: 7px;
1396 .exportoptions label, .importoptions label, .exportoptions p, .importoptions p {
1397 margin: 5px;
1398 float: none;
1401 #csv_options label.desc, #ldi_options label.desc, #latex_options label.desc, #output label.desc{
1402 float: left;
1403 width: 15em;
1406 .exportoptions, .importoptions {
1407 margin: 20px 30px 30px 10px
1410 .exportoptions #buttonGo, .importoptions #buttonGo {
1411 padding: 5px 30px;
1412 -moz-border-radius: 11px;
1413 -webkit-border-radius: 11px;
1414 border-radius: 11px;
1415 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
1416 background: -moz-linear-gradient(top, #ffffff, #cccccc);
1417 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
1418 border: 1px solid #444444;
1419 cursor: pointer;
1422 .format_specific_options h3 {
1423 margin: 10px 0px 0px 10px;
1424 border: 0px;
1427 .format_specific_options {
1428 border: 1px solid #999999;
1429 margin: 7px 0px;
1430 padding: 3px;
1433 p.desc {
1434 margin: 5px;
1438 * Export styles only
1440 select#db_select, select#table_select {
1441 width: 400px;
1444 .export_sub_options {
1445 margin: 20px 0px 0px 30px;
1448 .export_sub_options h4 {
1449 border-bottom: 1px #999999 solid;
1452 .export_sub_options li.subgroup {
1453 display: inline-block;
1454 margin-top: 0;
1457 .export_sub_options li {
1458 margin-bottom: 0;
1461 #quick_or_custom, #output_quick_export {
1462 display: none;
1465 * Import styles only
1468 .importoptions #import_notification {
1469 margin: 10px 0px;
1470 font-style: italic;
1473 input#input_import_file {
1474 margin: 5px;
1477 .formelementrow {
1478 margin: 5px 0px 5px 0px;
1482 * ENUM/SET editor styles
1484 p.enum_notice {
1485 margin: 5px 2px;
1486 font-size: 80%;
1489 #enum_editor {
1490 display: none;
1491 position: fixed;
1492 _position: absolute; /* hack for IE */
1493 z-index: 101;
1494 overflow-y: auto;
1495 overflow-x: hidden;
1498 #enum_editor_no_js {
1499 margin: auto auto;
1502 #enum_editor, #enum_editor_no_js {
1503 background: #D0DCE0;
1504 padding: 15px;
1507 #popup_background {
1508 display: none;
1509 position: fixed;
1510 _position: absolute; /* hack for IE6 */
1511 width: 100%;
1512 height: 100%;
1513 top: 0;
1514 left: 0;
1515 background: #000;
1516 z-index: 100;
1517 overflow: hidden;
1520 a.close_enum_editor {
1521 float: right;
1524 #enum_editor #values, #enum_editor_no_js #values {
1525 margin: 15px 0px;
1526 width: 100%;
1529 #enum_editor #values input, #enum_editor_no_js #values input {
1530 margin: 5px 0px;
1531 float: top;
1532 width: 100%;
1537 #enum_editor_output {
1538 margin-top: 50px;
1542 * Table structure styles
1544 .structure_actions_dropdown {
1545 position: absolute;
1546 padding: 3px;
1547 display: none;
1548 z-index: 100;
1551 td.more_opts {
1552 display: none;
1553 white-space: nowrap;
1556 iframe.IE_hack {
1557 z-index: 1;
1558 position: absolute;
1559 display: none;
1560 border: 0;
1561 filter: alpha(opacity=0);
1564 /* config forms */
1565 .config-form ul.tabs {
1566 margin: 1.1em 0.2em 0;
1567 padding: 0 0 0.3em 0;
1568 list-style: none;
1569 font-weight: bold;
1572 .config-form ul.tabs li {
1573 float: <?php echo $left; ?>;
1576 .config-form ul.tabs li a {
1577 display: block;
1578 margin: 0.1em 0.2em 0;
1579 padding: 0.1em 0.4em;
1580 white-space: nowrap;
1581 text-decoration: none;
1582 border: 1px solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1583 border-bottom: none;
1586 .config-form ul.tabs li a:hover,
1587 .config-form ul.tabs li a:active,
1588 .config-form ul.tabs li a.active {
1589 margin: 0;
1590 padding: 0.1em 0.6em 0.2em;
1593 .config-form ul.tabs li a.active {
1594 background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1597 .config-form fieldset {
1598 margin-top: 0;
1599 padding: 0;
1600 clear: both;
1601 /*border-color: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;*/
1604 .config-form legend {
1605 display: none;
1608 .config-form fieldset p {
1609 margin: 0;
1610 padding: 0.5em;
1613 .config-form fieldset .errors { /* form error list */
1614 margin: 0 -2px 1em -2px;
1615 padding: 0.5em 1.5em;
1616 background: #FBEAD9;
1617 border: 0 #C83838 solid;
1618 border-width: 1px 0;
1619 list-style: none;
1620 font-family: sans-serif;
1621 font-size: small;
1624 .config-form fieldset .inline_errors { /* field error list */
1625 margin: 0.3em 0.3em 0.3em 0;
1626 padding: 0;
1627 list-style: none;
1628 color: #9A0000;
1629 font-size: small;
1632 .config-form fieldset th {
1633 padding: 0.3em 0.3em 0.3em 0.5em;
1634 text-align: left;
1635 vertical-align: top;
1636 width: 40%;
1637 background: transparent;
1640 .config-form fieldset .doc, .config-form fieldset .disabled-notice {
1641 margin-left: 1em;
1644 .config-form fieldset .disabled-notice {
1645 font-size: 80%;
1646 text-transform: uppercase;
1647 color: #E00;
1648 cursor: help;
1651 .config-form fieldset td {
1652 padding-top: 0.3em;
1653 padding-bottom: 0.3em;
1654 vertical-align: top;
1657 .config-form fieldset th small {
1658 display: block;
1659 font-weight: normal;
1660 font-family: sans-serif;
1661 font-size: x-small;
1662 color: #444;
1665 .config-form fieldset th, .config-form fieldset td {
1666 border-top: 1px <?php echo $GLOBALS['cfg']['BgTwo']; ?> solid;
1669 fieldset .group-header th {
1670 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1673 fieldset .group-header + tr th {
1674 padding-top: 0.6em;
1677 fieldset .group-field th {
1678 padding-left: 1.5em;
1681 fieldset .disabled-field th,
1682 fieldset .disabled-field th small,
1683 fieldset .disabled-field td {
1684 color: #666;
1685 background-color: #ddd;
1688 .config-form .lastrow {
1689 border-top: 1px #000 solid;
1692 .config-form .lastrow {
1693 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;;
1694 padding: 0.5em;
1695 text-align: center;
1698 .config-form .lastrow input {
1699 font-weight: bold;
1702 /* form elements */
1704 .config-form span.checkbox {
1705 padding: 2px;
1706 display: inline-block;
1709 .config-form .custom { /* customized field */
1710 background: #FFC;
1713 .config-form span.checkbox.custom {
1714 padding: 1px;
1715 border: 1px #EDEC90 solid;
1716 background: #FFC;
1719 .config-form .field-error {
1720 border-color: #A11 !important;
1723 .config-form input[type="text"],
1724 .config-form select,
1725 .config-form textarea {
1726 border: 1px #A7A6AA solid;
1727 height: auto;
1730 .config-form input[type="text"]:focus,
1731 .config-form select:focus,
1732 .config-form textarea:focus {
1733 border: 1px #6676FF solid;
1734 background: #F7FBFF;
1737 .config-form .field-comment-mark {
1738 font-family: serif;
1739 color: #007;
1740 cursor: help;
1741 padding: 0 0.2em;
1742 font-weight: bold;
1743 font-style: italic;
1746 .config-form .field-comment-warning {
1747 color: #A00;
1750 /* error list */
1751 .config-form dd {
1752 margin-left: 0.5em;
1755 .config-form dd:before {
1756 content: "\25B8 ";
1759 .click-hide-message {
1760 cursor: pointer;
1763 .prefsmanage_opts {
1764 margin-<?php echo $left; ?>: 2em;
1767 #prefs_autoload {
1768 margin-bottom: 0.5em;