Translation update done using Pootle.
[phpmyadmin/dkf.git] / themes / darkblue_orange / css / theme_right.css.php
blobf828fa2ddcef97736dceb0aa1857b4c0cd8f22ae
1 <?php
2 /* vim: set expandtab sw=4 ts=4 sts=4: */
3 /**
4 * main css file from theme Darkblue Orange
6 * @package phpMyAdmin-theme
7 * @subpackage Darkblue_orange
8 */
10 // unplanned execution path
11 if (!defined('PMA_MINIMUM_COMMON')) {
12 exit();
15 /******************************************************************************/
16 /* general tags */
17 html {
18 font-size: <?php echo (null !== $GLOBALS['PMA_Config']->get('fontsize') ? $GLOBALS['PMA_Config']->get('fontsize') : $_COOKIE['pma_fontsize']); ?>;
21 input, select, textarea {
22 font-size: 1em;
25 body {
26 <?php if (! empty($GLOBALS['cfg']['FontFamily'])) { ?>
27 font-family: <?php echo $GLOBALS['cfg']['FontFamily']; ?>;
28 <?php } ?>
29 padding: 0;
30 margin: 0.5em;
31 color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
32 background: <?php echo (isset($_SESSION['tmp_user_values']['custom_color']) ? $_SESSION['tmp_user_values']['custom_color'] : $GLOBALS['cfg']['MainBackground']); ?>;
35 <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
36 textarea, tt, pre, code {
37 font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
39 <?php } ?>
40 h1 {
41 font-size: 180%;
42 font-weight: bold;
45 h2 {
46 font-size: 130%;
47 font-weight: bold;
50 h3 {
51 font-size: 120%;
52 font-weight: bold;
55 pre, tt, code {
56 font-size: 110%;
59 a, a:link,
60 a:visited,
61 a:active {
62 text-decoration: none;
63 color: #333399;
64 cursor: pointer;
67 a:hover {
68 text-decoration: underline;
69 color: #cc0000;
72 dfn {
73 font-style: normal;
76 dfn:hover {
77 font-style: normal;
78 cursor: help;
81 th {
82 font-weight: bold;
83 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
84 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
87 th a:link,
88 th a:active,
89 th a:visited {
90 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
91 text-decoration: underline;
94 th a:hover {
95 color: #666666;
96 text-decoration: none;
99 a img {
100 border: 0;
103 hr {
104 color: #666699;
105 background-color: #6666cc;
106 border: 0;
107 height: 1px;
110 form {
111 padding: 0;
112 margin: 0;
113 display: inline;
116 textarea {
117 overflow: visible;
118 height: <?php echo ceil($GLOBALS['cfg']['TextareaRows'] * 1.2); ?>em;
121 fieldset {
122 margin-top: 1em;
123 border: #666699 solid 1px;
124 padding: 0.5em;
127 fieldset fieldset {
128 margin: 0.8em;
131 fieldset legend {
132 background: <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
133 font-weight: bold;
134 color: #444444;
135 padding: 2px 2px 2px 2px;
138 /* buttons in some browsers (eg. Konqueror) are block elements,
139 this breaks design */
140 button {
141 display: inline;
144 table caption,
145 table th,
146 table td {
147 padding: 0.1em 0.5em 0.1em 0.5em;
148 margin: 0.1em;
149 vertical-align: top;
152 img,
153 input,
154 select,
155 button {
156 vertical-align: middle;
160 /******************************************************************************/
161 /* classes */
162 div.tools {
163 border: 1px solid #000000;
164 padding: 0.2em;
167 div.tools,
168 fieldset.tblFooters {
169 margin-top: 0;
170 margin-bottom: 0.5em;
171 /* avoid a thick line since this should be used under another fieldset */
172 border-top: 0;
173 text-align: <?php echo $right; ?>;
174 float: none;
175 clear: both;
178 fieldset .formelement {
179 float: <?php echo $left; ?>;
180 margin-<?php echo $right; ?>: 0.5em;
181 /* IE */
182 white-space: nowrap;
185 /* revert for Gecko */
186 fieldset div[class=formelement] {
187 white-space: normal;
190 button.mult_submit {
191 border: none;
192 background-color: transparent;
195 /* odd items 1,3,5,7,... */
196 table tr.odd th,
197 .odd {
198 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
201 /* even items 2,4,6,8,... */
202 table tr.even th,
203 .even {
204 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
207 /* odd table rows 1,3,5,7,... */
208 table tr.odd th,
209 table tr.odd {
210 background-image: none;
211 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
212 text-align: <?php echo $left; ?>;
215 /* even table rows 2,4,6,8,... */
216 table tr.even th,
217 table tr.even {
218 background-image: none;
219 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
220 text-align: <?php echo $left; ?>;
223 <?php if ($GLOBALS['cfg']['BrowseMarkerEnable']) { ?>
224 /* marked table rows */
225 table tr.marked th,
226 table tr.marked {
227 background: <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
228 color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
230 <?php } ?>
232 <?php if ($GLOBALS['cfg']['BrowsePointerEnable']) { ?>
233 /* hovered items */
234 .odd:hover,
235 .even:hover,
236 .hover,
237 .structure_actions_dropdown {
238 background: <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>;
239 color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
242 /* hovered table rows */
243 table tr.odd:hover th,
244 table tr.even:hover th,
245 table tr.hover th {
246 background: <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>;
247 color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
249 <?php } ?>
252 * marks table rows/cells if the db field is in a where condition
254 tr.condition th,
255 tr.condition td,
256 td.condition,
257 th.condition {
258 border: 1px solid <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
261 table .value {
262 text-align: <?php echo $right; ?>;
263 white-space: normal;
265 /* IE doesnt handles 'pre' right */
266 table [class=value] {
267 white-space: normal;
271 <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
272 .value {
273 font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
275 <?php } ?>
276 .value .attention {
277 color: red;
278 font-weight: bold;
280 .value .allfine {
281 color: green;
285 img.lightbulb {
286 cursor: pointer;
289 .pdflayout {
290 overflow: hidden;
291 clip: inherit;
292 background-color: #FFFFFF;
293 display: none;
294 border: 1px solid #000000;
295 position: relative;
298 .pdflayout_table {
299 background: #ff9900;
300 color: #000000;
301 overflow: hidden;
302 clip: inherit;
303 z-index: 2;
304 display: inline;
305 visibility: inherit;
306 cursor: move;
307 position: absolute;
308 font-size: 110%;
309 border: 1px dashed #000000;
312 /* MySQL Parser */
313 .syntax {
316 .syntax a {
317 text-decoration: none;
318 border-bottom:1px dotted black;
321 .syntax_comment {
322 padding-left: 4pt;
323 padding-right: 4pt;
326 .syntax_digit {
329 .syntax_digit_hex {
332 .syntax_digit_integer {
335 .syntax_digit_float {
338 .syntax_punct {
341 .syntax_alpha {
344 .syntax_alpha_columnType {
345 text-transform: uppercase;
348 .syntax_alpha_columnAttrib {
349 text-transform: uppercase;
352 .syntax_alpha_reservedWord {
353 text-transform: uppercase;
354 font-weight: bold;
357 .syntax_alpha_functionName {
358 text-transform: uppercase;
361 .syntax_alpha_identifier {
364 .syntax_alpha_charset {
367 .syntax_alpha_variable {
370 .syntax_quote {
371 white-space: pre;
374 .syntax_quote_backtick {
377 /* leave some space between icons and text */
378 .icon, img.footnotemarker {
379 vertical-align: middle;
380 margin-right: 0.3em;
381 margin-left: 0.3em;
384 img.footnotemarker {
385 display: none;
388 /* no extra space in table cells */
389 td .icon {
390 margin: 0;
393 .selectallarrow {
394 margin-<?php echo $right; ?>: 0.3em;
395 margin-<?php echo $left; ?>: 0.6em;
398 /* message boxes: warning, error, confirmation */
399 .success h1,
400 .notice h1,
401 .warning h1,
402 div.error h1 {
403 border-bottom: 2px solid;
404 font-weight: bold;
405 text-align: <?php echo $left; ?>;
406 margin: 0 0 0.2em 0;
409 div.success,
410 div.notice,
411 div.warning,
412 div.error,
413 div.footnotes {
414 margin: 0.3em 0 0 0;
415 border: 2px solid;
416 width: 90%;
417 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
418 background-repeat: no-repeat;
419 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
420 background-position: 10px 50%;
421 padding: 0.1em 0.1em 0.1em 36px;
422 <?php } else { ?>
423 background-position: 99% 50%;
424 padding: 10px 5% 10px 10px;
425 <?php } ?>
426 <?php } else { ?>
427 padding: 0.3em;
428 <?php } ?>
431 .success {
432 color: #000000;
433 background-color: #f0fff0;
435 h1.success,
436 div.success {
437 border-color: #00FF00;
438 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
439 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_success.png);
440 background-repeat: no-repeat;
441 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
442 background-position: 5px 50%;
443 padding: 0.2em 0.2em 0.2em 25px;
444 <?php } else { ?>
445 background-position: 97% 50%;
446 padding: 0.2em 25px 0.2em 0.2em;
447 <?php } ?>
448 <?php } ?>
450 .success h1 {
451 border-color: #00FF00;
454 .notice, .footnotes {
455 color: #000000;
456 background-color: #FFFFDD;
458 h1.notice,
459 div.notice,
460 div.footnotes {
461 border-color: #FFD700;
462 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
463 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_notice.png);
464 background-repeat: no-repeat;
465 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
466 background-position: 5px 50%;
467 padding: 0.2em 0.2em 0.2em 25px;
468 <?php } else { ?>
469 background-position: 97% 50%;
470 padding: 0.2em 25px 0.2em 0.2em;
471 <?php } ?>
472 <?php } ?>
474 .notice h1 {
475 border-color: #FFD700;
478 .warning {
479 color: #CC0000;
480 background-color: #FFFFCC;
482 p.warning,
483 h1.warning,
484 div.warning {
485 border-color: #CC0000;
486 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
487 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_warn.png);
488 background-repeat: no-repeat;
489 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
490 background-position: 5px 50%;
491 padding: 0.2em 0.2em 0.2em 25px;
492 <?php } else { ?>
493 background-position: 97% 50%;
494 padding: 0.2em 25px 0.2em 0.2em;
495 <?php } ?>
496 <?php } ?>
498 .warning h1 {
499 border-color: #cc0000;
502 .error {
503 background-color: #FFFFCC;
504 color: #ff0000;
507 h1.error,
508 div.error {
509 border-color: #ff0000;
510 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
511 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_error.png);
512 background-repeat: no-repeat;
513 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
514 background-position: 5px 50%;
515 padding: 0.2em 0.2em 0.2em 25px;
516 <?php } else { ?>
517 background-position: 97% 50%;
518 padding: 0.2em 25px 0.2em 0.2em;
519 <?php } ?>
520 <?php } ?>
522 div.error h1 {
523 border-color: #ff0000;
526 .confirmation {
527 background-color: #FFFFCC;
529 fieldset.confirmation {
530 border: 0.1em solid #FF0000;
532 fieldset.confirmation legend {
533 border-left: 0.1em solid #FF0000;
534 border-right: 0.1em solid #FF0000;
535 font-weight: bold;
536 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
537 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_really.png);
538 background-repeat: no-repeat;
539 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
540 background-position: 5px 50%;
541 padding: 0.2em 0.2em 0.2em 25px;
542 <?php } else { ?>
543 background-position: 97% 50%;
544 padding: 0.2em 25px 0.2em 0.2em;
545 <?php } ?>
546 <?php } ?>
548 /* end messageboxes */
551 .tblcomment {
552 font-weight: normal;
553 color: #000099;
556 .tblHeaders {
557 font-weight: bold;
558 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
559 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
562 div.tools,
563 .tblFooters {
564 font-weight: normal;
565 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
566 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
569 .tblHeaders a:link,
570 .tblHeaders a:active,
571 .tblHeaders a:visited,
572 div.tools a:link,
573 div.tools a:visited,
574 div.tools a:active,
575 .tblFooters a:link,
576 .tblFooters a:active,
577 .tblFooters a:visited {
578 color: #ffffcc;
579 text-decoration: underline;
582 .tblHeaders a:hover,
583 div.tools a:hover,
584 .tblFooters a:hover {
585 text-decoration: none;
586 color: #ffffff;
589 /* forbidden, no privilegs */
590 .noPrivileges {
591 color: #cc0000;
592 font-weight: bold;
595 /* disabled text */
596 .disabled,
597 .disabled a:link,
598 .disabled a:active,
599 .disabled a:visited {
600 color: #666666;
603 .disabled a:hover {
604 color: #666666;
605 text-decoration: none;
608 tr.disabled td,
609 td.disabled {
610 background-color: #cccccc;
614 * login form
616 body.loginform h1,
617 body.loginform a.logo {
618 display: block;
619 text-align: center;
622 body.loginform {
623 text-align: center;
626 body.loginform div.container {
627 text-align: <?php echo $left; ?>;
628 width: 30em;
629 margin: 0 auto;
632 form.login label {
633 float: <?php echo $left; ?>;
634 width: 10em;
635 font-weight: bolder;
638 .commented_column {
639 border-bottom: 1px dashed black;
642 .column_attribute {
643 font-size: 70%;
646 /******************************************************************************/
647 /* specific elements */
649 /* topmenu */
650 ul#topmenu, ul#topmenu2, ul.tabs {
651 font-weight: bold;
652 list-style-type: none;
653 margin: 0;
654 padding: 0;
657 ul#topmenu2 {
658 margin: 0.25em 0.5em 0;
659 height: 2em;
660 clear: both;
663 ul#topmenu li, ul#topmenu2 li {
664 float: <?php echo $left; ?>;
665 margin: 0;
666 padding: 0;
667 vertical-align: middle;
670 #topmenu img, #topmenu2 img {
671 vertical-align: middle;
672 margin-<?php echo $right; ?>: 0.1em;
675 /* default tab styles */
676 ul#topmenu a, ul#topmenu span {
677 display: block;
678 margin: 0.2em 0.2em 0 0.2em;
679 padding: 0.2em 0.2em 0 0.2em;
680 white-space: nowrap;
683 ul#topmenu ul a {
684 margin: 0;
685 padding-bottom: 0.2em;
688 ul#topmenu .submenu {
689 position: relative;
692 ul#topmenu ul {
693 padding: 0;
694 margin: 0;
695 position: absolute;
696 right: 0;
697 list-style-type: none;
698 display: none;
699 border: 1px #666 solid;
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 /* disabled drop/empty tabs */
723 ul#topmenu span.tabcaution {
724 color: #ff6666;
727 /* enabled drop/empty tabs */
728 ul#topmenu a.tabcaution {
729 color: #FF0000;
731 ul#topmenu a.tabcaution:hover {
732 color: #FFFFFF;
733 background-color: #FF0000;
735 fieldset.caution a {
736 color: #FF0000;
738 fieldset.caution a:hover {
739 color: #ffffff;
740 background-color: #FF0000;
743 <?php if ($GLOBALS['cfg']['LightTabs']) { ?>
744 /* active tab */
745 ul#topmenu a.tabactive, ul#topmenu2 a.tabactive {
746 color: black;
749 ul#topmenu ul {
750 background: <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
752 <?php } else { ?>
753 #topmenu {
754 margin-top: 0.5em;
755 padding: 0.1em 0.3em 0.1em 0.3em;
758 ul#topmenu ul {
759 -moz-box-shadow: 2px 2px 3px #666;
760 -webkit-box-shadow: 2px 2px 3px #666;
761 box-shadow: 2px 2px 3px #666;
764 ul#topmenu > li {
765 border-bottom: 1pt solid black;
768 /* default tab styles */
769 ul#topmenu a, ul#topmenu span {
770 background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
771 border: 0 solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
772 border-width: 1pt 1pt 0 1pt;
773 -moz-border-radius: 0.4em 0.4em 0 0;
774 border-radius: 0.4em 0.4em 0 0;
777 ul#topmenu ul a {
778 border-width: 1pt 0 0 0;
779 -moz-border-radius: 0;
780 border-radius: 0;
783 ul#topmenu ul li:first-child a {
784 border-width: 0;
787 /* enabled hover/active tabs */
788 ul#topmenu > li > a:hover,
789 ul#topmenu > li > .tabactive {
790 margin: 0;
791 padding: 0.2em 0.4em 0.2em 0.4em;
792 text-decoration: none;
795 ul#topmenu ul a:hover,
796 ul#topmenu ul .tabactive {
797 text-decoration: none;
800 ul#topmenu a.tab:hover,
801 ul#topmenu .tabactive {
802 background-color: <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
805 ul#topmenu2 a.tab:hover,
806 ul#topmenu2 a.tabactive {
807 background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
808 -moz-border-radius: 0.3em;
809 border-radius: 0.3em;
810 text-decoration: none;
813 /* to be able to cancel the bottom border, use <li class="active"> */
814 ul#topmenu > li.active {
815 border-bottom: 1pt solid <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
818 /* disabled drop/empty tabs */
819 ul#topmenu span.tab,
820 a.warning,
821 ul#topmenu span.tabcaution {
822 cursor: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>error.ico), default;
824 <?php } ?>
825 /* end topmenu */
828 /* Calendar */
829 table.calendar {
830 width: 100%;
832 table.calendar td {
833 text-align: center;
835 table.calendar td a {
836 display: block;
839 table.calendar td a:hover {
840 background-color: #CCFFCC;
843 table.calendar th {
844 background-color: #D3DCE3;
847 table.calendar td.selected {
848 background-color: #FFCC99;
851 img.calendar {
852 border: none;
854 form.clock {
855 text-align: center;
857 /* end Calendar */
860 /* table stats */
861 div#tablestatistics {
862 border-bottom: 0.1em solid #669999;
863 margin-bottom: 0.5em;
864 padding-bottom: 0.5em;
867 div#tablestatistics table {
868 float: <?php echo $left; ?>;
869 margin-bottom: 0.5em;
870 margin-<?php echo $right; ?>: 0.5em;
873 div#tablestatistics table caption {
874 margin-<?php echo $right; ?>: 0.5em;
876 /* END table stats */
879 /* server privileges */
880 #tableuserrights td,
881 #tablespecificuserrights td,
882 #tabledatabases td {
883 vertical-align: middle;
885 /* END server privileges */
889 /* Heading */
890 #serverinfo {
891 font-weight: bold;
892 margin-bottom: 0.5em;
895 #serverinfo .item {
896 white-space: nowrap;
899 #span_table_comment {
900 font-weight: normal;
901 font-style: italic;
902 white-space: nowrap;
905 #serverinfo img {
906 margin: 0 0.1em 0 0.1em;
909 /* some styles for IDs: */
910 #buttonNo {
911 color: #CC0000;
912 font-weight: bold;
913 padding: 0 10px 0 10px;
916 #buttonYes {
917 color: #006600;
918 font-weight: bold;
919 padding: 0 10px 0 10px;
922 #buttonGo {
923 color: #006600;
924 font-weight: bold;
925 padding: 0 10px 0 10px;
928 #listTable {
929 width: 260px;
932 #textSqlquery {
933 width: 450px;
936 #textSQLDUMP {
937 width: 95%;
938 height: 95%;
939 font-family: "Courier New", Courier, mono;
940 font-size: 110%;
943 #TooltipContainer {
944 position: absolute;
945 z-index: 99;
946 width: 20em;
947 height: auto;
948 overflow: visible;
949 visibility: hidden;
950 background-color: #ffffcc;
951 color: #006600;
952 border: 0.1em solid #000000;
953 padding: 0.5em;
956 /* user privileges */
957 #fieldset_add_user_login div.item {
958 border-bottom: 1px solid silver;
959 padding-bottom: 0.3em;
960 margin-bottom: 0.3em;
963 #fieldset_add_user_login label {
964 float: <?php echo $left; ?>;
965 display: block;
966 width: 10em;
967 max-width: 100%;
968 text-align: <?php echo $right; ?>;
969 padding-<?php echo $right; ?>: 0.5em;
972 #fieldset_add_user_login span.options #select_pred_username,
973 #fieldset_add_user_login span.options #select_pred_hostname,
974 #fieldset_add_user_login span.options #select_pred_password {
975 width: 100%;
976 max-width: 100%;
979 #fieldset_add_user_login span.options {
980 float: <?php echo $left; ?>;
981 display: block;
982 width: 12em;
983 max-width: 100%;
984 padding-<?php echo $right; ?>: 0.5em;
987 #fieldset_add_user_login input {
988 width: 12em;
989 clear: <?php echo $right; ?>;
990 max-width: 100%;
993 #fieldset_add_user_login span.options input {
994 width: auto;
997 #fieldset_user_priv div.item {
998 float: <?php echo $left; ?>;
999 width: 9em;
1000 max-width: 100%;
1003 #fieldset_user_priv div.item div.item {
1004 float: none;
1007 #fieldset_user_priv div.item label {
1008 white-space: nowrap;
1011 #fieldset_user_priv div.item select {
1012 width: 100%;
1015 #fieldset_user_global_rights fieldset {
1016 float: <?php echo $left; ?>;
1018 /* END user privileges */
1021 /* serverstatus */
1022 div#serverstatus table caption a.top {
1023 float: <?php echo $right; ?>;
1026 div#serverstatus div#serverstatusqueriesdetails table,
1027 div#serverstatus table#serverstatustraffic_src,
1028 div#serverstatus table#serverstatustraffic_trg,
1029 div#serverstatus table#serverstatusconnections {
1030 float: <?php echo $left; ?>;
1033 #serverstatussection,
1034 .clearfloat {
1035 clear: both;
1037 div#serverstatussection table {
1038 width: 100%;
1039 margin-bottom: 1em;
1041 div#serverstatussection table .name {
1042 width: 18em;
1044 div#serverstatussection table .value {
1045 width: 6em;
1048 div#serverstatus table tbody td.descr a,
1049 div#serverstatus table .tblFooters a {
1050 white-space: nowrap;
1052 div#serverstatus div#statuslinks a:before,
1053 div#serverstatus div#sectionlinks a:before,
1054 div#serverstatus table tbody td.descr a:before,
1055 div#serverstatus table .tblFooters a:before {
1056 content: '[';
1058 div#serverstatus div#statuslinks a:after,
1059 div#serverstatus div#sectionlinks a:after,
1060 div#serverstatus table tbody td.descr a:after,
1061 div#serverstatus table .tblFooters a:after {
1062 content: ']';
1064 /* end serverstatus */
1066 /* querywindow */
1067 body#bodyquerywindow {
1068 margin: 0;
1069 padding: 0;
1070 background-image: none;
1071 background-color: #F5F5F5;
1074 div#querywindowcontainer {
1075 margin: 0;
1076 padding: 0;
1077 width: 100%;
1080 div#querywindowcontainer fieldset {
1081 margin-top: 0;
1083 /* END querywindow */
1086 /* querybox */
1088 div#sqlquerycontainer {
1089 float: <?php echo $left; ?>;
1090 width: 69%;
1091 /* height: 15em; */
1094 div#tablefieldscontainer {
1095 float: <?php echo $right; ?>;
1096 width: 29%;
1097 /* height: 15em; */
1100 div#tablefieldscontainer select {
1101 width: 100%;
1102 /* height: 12em; */
1105 textarea#sqlquery {
1106 width: 100%;
1107 /* height: 100%; */
1109 textarea#sql_query_edit{
1110 height:7em;
1111 width: 95%;
1112 display:block;
1114 div#queryboxcontainer div#bookmarkoptions {
1115 margin-top: 0.5em;
1117 /* end querybox */
1119 /* main page */
1120 #maincontainer {
1121 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>logo_right.png);
1122 background-position: <?php echo $right; ?> bottom;
1123 background-repeat: no-repeat;
1126 #mysqlmaininformation,
1127 #pmamaininformation {
1128 float: <?php echo $left; ?>;
1129 width: 49%;
1132 #maincontainer ul {
1133 list-style-type: disc;
1134 vertical-align: middle;
1137 #maincontainer li {
1138 margin-bottom: 0.3em;
1140 /* END main page */
1143 <?php if ($GLOBALS['cfg']['MainPageIconic']) { ?>
1144 /* iconic view for ul items */
1145 li#li_create_database {
1146 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_newdb.png);
1149 li#li_select_lang {
1150 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_lang.png);
1153 li#li_select_mysql_collation {
1154 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
1157 li#li_select_theme{
1158 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_theme.png);
1161 li#li_user_info{
1162 /* list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png); */
1165 li#li_mysql_status{
1166 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_status.png);
1169 li#li_mysql_variables{
1170 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_vars.png);
1173 li#li_mysql_processes{
1174 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_process.png);
1177 li#li_mysql_collations{
1178 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
1181 li#li_mysql_engines{
1182 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_engine.png);
1185 li#li_mysql_binlogs {
1186 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_tbl.png);
1189 li#li_mysql_databases {
1190 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_db.png);
1193 li#li_export {
1194 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_export.png);
1197 li#li_import {
1198 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_import.png);
1201 li#li_change_password {
1202 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_passwd.png);
1205 li#li_log_out {
1206 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_loggoff.png);
1209 li#li_mysql_privilegs{
1210 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png);
1213 li#li_switch_dbstats {
1214 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_dbstatistics.png);
1217 li#li_flush_privileges {
1218 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_reload.png);
1221 li#li_user_preferences {
1222 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_tblops.png);
1224 /* END iconic view for ul items */
1225 <?php } /* end if $GLOBALS['cfg']['MainPageIconic'] */ ?>
1228 #body_browse_foreigners {
1229 background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1230 margin: 0.5em 0.5em 0 0.5em;
1233 #bodyquerywindow {
1234 background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1237 #bodythemes {
1238 width: 500px;
1239 margin: auto;
1240 text-align: center;
1243 #bodythemes img {
1244 border: 0.1em solid black;
1247 #bodythemes a:hover img {
1248 border: 0.1em solid red;
1251 #fieldset_select_fields {
1252 float: <?php echo $left; ?>;
1255 #selflink {
1256 clear: both;
1257 display: block;
1258 margin-top: 1em;
1259 margin-bottom: 1em;
1260 width: 100%;
1261 border-top: 0.1em solid silver;
1262 text-align: <?php echo $right; ?>;
1265 #table_innodb_bufferpool_usage,
1266 #table_innodb_bufferpool_activity {
1267 float: <?php echo $left; ?>;
1270 #div_mysql_charset_collations table {
1271 float: <?php echo $left; ?>;
1274 #div_table_order {
1275 min-width: 48%;
1276 float: <?php echo $left; ?>;
1279 #div_table_rename {
1280 min-width: 48%;
1281 float: <?php echo $left; ?>;
1284 #div_table_copy, #div_partition_maintenance, #div_referential_integrity, #div_table_removal, #div_table_maintenance {
1285 min-width: 48%;
1286 float: <?php echo $left; ?>;
1289 #div_table_options {
1290 clear: both;
1291 min-width: 48%;
1292 float: <?php echo $left; ?>;
1295 #qbe_div_table_list {
1296 float: <?php echo $left; ?>;
1299 #qbe_div_sql_query {
1300 float: <?php echo $left; ?>;
1303 label.desc {
1304 width: 30em;
1305 float: <?php echo $left; ?>;
1308 label.desc sup {
1309 position: absolute;
1312 code.sql, div.sqlvalidate {
1313 display: block;
1314 padding: 0.3em;
1315 margin-top: 0;
1316 margin-bottom: 0;
1317 border: <?php echo $GLOBALS['cfg']['MainColor']; ?> solid 1px;
1318 border-top: 0;
1319 border-bottom: 0;
1320 max-height: 10em;
1321 overflow: auto;
1322 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1325 #main_pane_left {
1326 width: 60%;
1327 float: <?php echo $left; ?>;
1328 padding-top: 1em;
1331 #main_pane_right {
1332 margin-<?php echo $left; ?>: 60%;
1333 padding-top: 1em;
1334 padding-<?php echo $left; ?>: 1em;
1337 .group {
1338 border-<?php echo $left; ?>: 0.3em solid <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
1339 margin-bottom: 1em;
1342 .group h2 {
1343 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
1344 padding: 0.1em 0.3em;
1345 margin-top: 0;
1348 .group-cnt {
1349 padding: 0 0 0 0.5em;
1350 display: inline-block;
1351 width: 98%;
1354 /* for elements that should be revealed only via js */
1355 .hide {
1356 display: none;
1359 #li_select_server {
1360 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_host.png);
1363 #list_server {
1364 list-style-image: none;
1368 * Progress bar styles
1370 div.upload_progress_bar_outer
1372 border: 1px solid black;
1373 width: 202px;
1376 div.upload_progress_bar_inner
1378 background-color: <?php echo (isset($_SESSION['userconf']['custom_color']) ? $_SESSION['userconf']['custom_color'] : $GLOBALS['cfg']['NaviBackground']); ?>;
1379 width: 0px;
1380 height: 12px;
1381 margin: 1px;
1384 table#serverconnection_src_remote,
1385 table#serverconnection_trg_remote,
1386 table#serverconnection_src_local,
1387 table#serverconnection_trg_local {
1388 float:left;
1391 #NavFilter {
1392 display: none;
1395 #clear_fast_filter {
1396 background: white;
1397 color: black;
1398 cursor: pointer;
1399 padding: 0;
1400 margin: 0;
1401 position: relative;
1402 right: 3ex;
1405 #fast_filter {
1406 width: 85%;
1407 padding: 0.1em;
1410 * Validation error message styles
1412 .invalid_value
1413 {background:#F00;}
1416 * Ajax notification styling
1418 .ajax_notification {
1419 top: 0px;
1420 position: fixed;
1421 margin-top: 0;
1422 margin-right: auto;
1423 margin-bottom: 0;
1424 margin-left: auto;
1425 padding: 3px 5px;
1426 min-width: 70px;
1427 max-width: 350px;
1428 background-color: #FF9900;
1429 z-index: 1100;
1430 text-align: center;
1431 display: block;
1432 left: 0;
1433 right: 0;
1434 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>ajax_clock_small.gif);
1435 background-repeat: no-repeat;
1436 background-position: 2%;
1439 #loading_parent {
1440 position: relative;
1441 width: 100%;
1445 * Export and Import styles
1447 .exportoptions h3, .importoptions h3 {
1448 border-bottom: 1px #999999 solid;
1451 .exportoptions ul, .importoptions ul, .format_specific_options ul {
1452 list-style-type: none;
1453 margin-bottom: 15px;
1456 .exportoptions li, .importoptions li {
1457 margin: 7px;
1459 .exportoptions label, .importoptions label, .exportoptions p, .importoptions p {
1460 margin: 5px;
1461 float: none;
1464 #csv_options label.desc, #ldi_options label.desc, #latex_options label.desc, #output label.desc{
1465 float: left;
1466 width: 15em;
1469 .exportoptions, .importoptions {
1470 margin: 20px 30px 30px 10px
1473 .exportoptions #buttonGo, .importoptions #buttonGo {
1474 padding: 5px 30px;
1475 -moz-border-radius: 11px;
1476 -webkit-border-radius: 11px;
1477 border-radius: 11px;
1478 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
1479 background: -moz-linear-gradient(top, #ffffff, #cccccc);
1480 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
1481 border: 1px solid #444444;
1482 cursor: pointer;
1485 .format_specific_options h3 {
1486 margin: 10px 0px 0px 10px;
1487 border: 0px;
1490 .format_specific_options {
1491 border: 1px solid #999999;
1492 margin: 7px 0px;
1493 padding: 3px;
1496 p.desc {
1497 margin: 5px;
1501 * Export styles only
1503 select#db_select, select#table_select {
1504 width: 400px;
1507 .export_sub_options {
1508 margin: 20px 0px 0px 30px;
1511 .export_sub_options h4 {
1512 border-bottom: 1px #999999 solid;
1515 #quick_or_custom, #output_quick_export {
1516 display: none;
1520 * Import styles only
1523 .importoptions #import_notification {
1524 margin: 10px 0px;
1525 font-style: italic;
1528 input#input_import_file {
1529 margin: 5px;
1532 .formelementrow {
1533 margin: 5px 0px 5px 0px;
1537 * ENUM/SET editor styles
1539 p.enum_notice {
1540 margin: 5px 2px;
1541 font-size: 80%;
1544 #enum_editor {
1545 display: none;
1546 position: fixed;
1547 _position: absolute; /* hack for IE */
1548 z-index: 101;
1549 overflow: auto;
1552 #enum_editor_no_js {
1553 margin: auto auto;
1556 #enum_editor, #enum_editor_no_js {
1557 width: 50%;
1558 height: 80%;
1559 background: #D0DCE0;
1560 padding: 15px;
1563 #popup_background {
1564 display: none;
1565 position: fixed;
1566 _position: absolute; /* hack for IE */
1567 width: 100%;
1568 height: 100%;
1569 top: 0;
1570 left: 0;
1571 background: #000;
1572 z-index: 100;
1575 a.close_enum_editor {
1576 float: right;
1579 #enum_editor #values, #enum_editor_no_js #values {
1580 margin: 15px 0px;
1583 #enum_editor #values input, #enum_editor_no_js #values input {
1584 margin: 5px 0px;
1585 float: top;
1586 width: 100%;
1589 #enum_editor input, #enum_editor_no_js input {
1590 float: bottom;
1593 #enum_editor_output {
1594 margin-top: 50px;
1598 * Table structure styles
1600 .structure_actions_dropdown {
1601 position: absolute;
1602 padding: 3px;
1603 display: none;
1606 td.more_opts {
1607 display: none;
1608 white-space: nowrap;
1611 /* config forms */
1612 .config-form ul.tabs {
1613 margin: 1.1em 0.2em 0;
1614 padding: 0 0 0.3em 0;
1615 list-style: none;
1616 font-weight: bold;
1619 .config-form ul.tabs li {
1620 float: <?php echo $left; ?>;
1623 .config-form ul.tabs li a {
1624 display: block;
1625 margin: 0.1em 0.2em 0;
1626 padding: 0.1em 0.4em;
1627 white-space: nowrap;
1628 text-decoration: none;
1629 border: 1px solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1630 border-bottom: none;
1633 .config-form ul.tabs li a:hover,
1634 .config-form ul.tabs li a:active,
1635 .config-form ul.tabs li a.active {
1636 margin: 0;
1637 padding: 0.1em 0.6em 0.2em;
1640 .config-form ul.tabs li a.active {
1641 background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1644 .config-form fieldset {
1645 margin-top: 0;
1646 padding: 0;
1647 clear: both;
1648 /*border-color: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;*/
1651 .config-form legend {
1652 display: none;
1655 .config-form fieldset p {
1656 margin: 0;
1657 padding: 0.5em;
1658 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1661 .config-form fieldset .errors { /* form error list */
1662 margin: 0 -2px 1em -2px;
1663 padding: 0.5em 1.5em;
1664 background: #FBEAD9;
1665 border: 0 #C83838 solid;
1666 border-width: 1px 0;
1667 list-style: none;
1668 font-family: sans-serif;
1669 font-size: small;
1672 .config-form fieldset .inline_errors { /* field error list */
1673 margin: 0.3em 0.3em 0.3em 0;
1674 padding: 0;
1675 list-style: none;
1676 color: #9A0000;
1677 font-size: small;
1680 .config-form fieldset th {
1681 padding: 0.3em 0.3em 0.3em 0.5em;
1682 text-align: left;
1683 vertical-align: top;
1684 width: 40%;
1685 background: transparent;
1688 .config-form fieldset .doc, .config-form fieldset .disabled-notice {
1689 margin-left: 1em;
1692 .config-form fieldset .disabled-notice {
1693 font-size: 80%;
1694 text-transform: uppercase;
1695 color: #E00;
1696 cursor: help;
1699 .config-form fieldset td {
1700 padding-top: 0.3em;
1701 padding-bottom: 0.3em;
1702 vertical-align: top;
1705 .config-form fieldset th small {
1706 display: block;
1707 font-weight: normal;
1708 font-family: sans-serif;
1709 font-size: x-small;
1710 color: #444;
1713 .config-form fieldset th, .config-form fieldset td {
1714 border-top: 1px <?php echo $GLOBALS['cfg']['BgTwo']; ?> solid;
1717 fieldset .group-header th {
1718 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1721 fieldset .group-header + tr th {
1722 padding-top: 0.6em;
1725 fieldset .group-field-1 th, fieldset .group-header-2 th {
1726 padding-left: 1.5em;
1729 fieldset .group-field-2 th, fieldset .group-header-3 th {
1730 padding-left: 3em;
1733 fieldset .group-field-3 th {
1734 padding-left: 4.5em;
1737 fieldset .disabled-field th,
1738 fieldset .disabled-field th small,
1739 fieldset .disabled-field td {
1740 color: #777;
1741 background-color: #eee;
1744 .config-form .lastrow {
1745 border-top: 1px #000 solid;
1748 .config-form .lastrow {
1749 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;;
1750 padding: 0.5em;
1751 text-align: center;
1754 .config-form .lastrow input {
1755 font-weight: bold;
1758 /* form elements */
1760 .config-form span.checkbox {
1761 padding: 2px;
1762 display: inline-block;
1765 .config-form .custom { /* customized field */
1766 background: #FFC;
1769 .config-form span.checkbox.custom {
1770 padding: 1px;
1771 border: 1px #EDEC90 solid;
1772 background: #FFC;
1775 .config-form .field-error {
1776 border-color: #A11 !important;
1779 .config-form input[type="text"],
1780 .config-form select,
1781 .config-form textarea {
1782 border: 1px #A7A6AA solid;
1783 height: auto;
1786 .config-form input[type="text"]:focus,
1787 .config-form select:focus,
1788 .config-form textarea:focus {
1789 border: 1px #6676FF solid;
1790 background: #F7FBFF;
1793 .config-form .field-comment-mark {
1794 font-family: serif;
1795 color: #00A;
1796 cursor: help;
1797 padding: 0 0.2em;
1798 font-weight: bold;
1799 font-style: italic;
1802 .config-form .field-comment-warning {
1803 color: #A00;
1806 /* error list */
1807 .config-form dd {
1808 margin-left: 0.5em;
1811 .config-form dd:before {
1812 content: "\25B8 ";
1815 .click-hide-message {
1816 cursor: pointer;
1819 .prefsmanage_opts {
1820 margin-<?php echo $left; ?>: 2em;
1823 #prefs_autoload {
1824 margin-bottom: 0.5em;