Translation update done using Pootle.
[phpmyadmin/sankalp_k.git] / themes / original / css / theme_right.css.php
blob27d931bb67c8fc61acd8bdb776a3986321299b05
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 function PMA_ieFilter($start_color, $end_color)
17 return PMA_USR_BROWSER_AGENT == 'IE' && PMA_USR_BROWSER_VER >= 6 && PMA_USR_BROWSER_VER <= 8
18 ? 'filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="' . $start_color . '", endColorstr="' . $end_color . '");'
19 : '';
22 /******************************************************************************/
23 /* general tags */
24 html {
25 font-size: <?php echo (null !== $GLOBALS['PMA_Config']->get('fontsize') ? $GLOBALS['PMA_Config']->get('fontsize') : (
26 isset($_COOKIE['pma_fontsize']) ? $_COOKIE['pma_fontsize'] : '82%'));?>;
29 input, select, textarea {
30 font-size: 1em;
33 body {
34 <?php if (! empty($GLOBALS['cfg']['FontFamily'])) { ?>
35 font-family: <?php echo $GLOBALS['cfg']['FontFamily']; ?>;
36 <?php } ?>
37 padding: 0;
38 margin: 0.5em;
39 color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
40 background: <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
43 <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
44 textarea, tt, pre, code {
45 font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
47 <?php } ?>
48 h1 {
49 font-size: 140%;
50 font-weight: bold;
53 h2 {
54 font-size: 120%;
55 font-weight: bold;
58 h3 {
59 font-weight: bold;
62 a, a:link,
63 a:visited,
64 a:active {
65 text-decoration: none;
66 color: #0000FF;
67 cursor: pointer;
70 a:hover {
71 text-decoration: underline;
72 color: #FF0000;
75 dfn {
76 font-style: normal;
79 dfn:hover {
80 font-style: normal;
81 cursor: help;
84 th {
85 font-weight: bold;
86 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
87 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
90 a img {
91 border: 0;
94 hr {
95 color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
96 background-color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
97 border: 0;
98 height: 1px;
101 form {
102 padding: 0;
103 margin: 0;
104 display: inline;
107 textarea {
108 overflow: visible;
109 height: <?php echo ceil($GLOBALS['cfg']['TextareaRows'] * 1.2); ?>em;
112 fieldset {
113 margin-top: 1em;
114 border: <?php echo $GLOBALS['cfg']['MainColor']; ?> solid 1px;
115 padding: 0.5em;
116 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
119 fieldset fieldset {
120 margin: 0.8em;
123 fieldset legend {
124 font-weight: bold;
125 color: #444444;
126 background-color: <?php echo 'OPERA' != PMA_USR_BROWSER_AGENT ? 'transparent' : $GLOBALS['cfg']['BgOne']; ?>;
129 /* buttons in some browsers (eg. Konqueror) are block elements,
130 this breaks design */
131 button {
132 display: inline;
135 table caption,
136 table th,
137 table td {
138 padding: 0.1em 0.5em 0.1em 0.5em;
139 margin: 0.1em;
140 vertical-align: top;
143 img,
144 input,
145 select,
146 button {
147 vertical-align: middle;
151 /******************************************************************************/
152 /* classes */
153 div.tools {
154 border: 1px solid #000000;
155 padding: 0.2em;
158 div.tools,
159 fieldset.tblFooters {
160 margin-top: 0;
161 margin-bottom: 0.5em;
162 /* avoid a thick line since this should be used under another fieldset */
163 border-top: 0;
164 text-align: <?php echo $right; ?>;
165 float: none;
166 clear: both;
169 div.null_div {
170 height: 20px;
171 text-align: center;
172 font-style:normal;
173 min-width:50px;
176 fieldset .formelement {
177 float: <?php echo $left; ?>;
178 margin-<?php echo $right; ?>: 0.5em;
179 /* IE */
180 white-space: nowrap;
183 /* revert for Gecko */
184 fieldset div[class=formelement] {
185 white-space: normal;
188 button.mult_submit {
189 border: none;
190 background-color: transparent;
193 /* odd items 1,3,5,7,... */
194 table tr.odd th,
195 .odd {
196 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
199 /* even items 2,4,6,8,... */
200 table tr.even th,
201 .even {
202 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
205 /* odd table rows 1,3,5,7,... */
206 table tr.odd th,
207 table tr.odd,
208 table tr.even th,
209 table tr.even {
210 text-align: <?php echo $left; ?>;
213 <?php if ($GLOBALS['cfg']['BrowseMarkerEnable']) { ?>
214 /* marked table rows */
215 td.marked,
216 table tr.marked td,
217 table tr.marked th,
218 table tr.marked {
219 background: <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
220 color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
222 <?php } ?>
224 <?php if ($GLOBALS['cfg']['BrowsePointerEnable']) { ?>
225 /* hovered items */
226 .odd:hover,
227 .even:hover,
228 .hover,
229 .structure_actions_dropdown {
230 background: <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>;
231 color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
234 /* hovered table rows */
235 table tr.odd:hover th,
236 table tr.even:hover th,
237 table tr.hover th {
238 background: <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>;
239 color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
241 <?php } ?>
244 * marks table rows/cells if the db field is in a where condition
246 tr.condition th,
247 tr.condition td,
248 td.condition,
249 th.condition {
250 border: 1px solid <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
254 * cells with the value NULL
256 td.null {
257 font-style: italic;
258 text-align: <?php echo $right; ?>;
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: #D3DCE3;
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: 80%;
309 border: 1px dashed #000000;
312 /* MySQL Parser */
313 .syntax {
314 font-size: 80%;
317 .syntax a {
318 text-decoration: none;
319 border-bottom:1px dotted black;
322 .syntax_comment {
323 padding-left: 4pt;
324 padding-right: 4pt;
327 .syntax_digit {
330 .syntax_digit_hex {
333 .syntax_digit_integer {
336 .syntax_digit_float {
339 .syntax_punct {
342 .syntax_alpha {
345 .syntax_alpha_columnType {
346 text-transform: uppercase;
349 .syntax_alpha_columnAttrib {
350 text-transform: uppercase;
353 .syntax_alpha_reservedWord {
354 text-transform: uppercase;
355 font-weight: bold;
358 .syntax_alpha_functionName {
359 text-transform: uppercase;
362 .syntax_alpha_identifier {
365 .syntax_alpha_charset {
368 .syntax_alpha_variable {
371 .syntax_quote {
372 white-space: pre;
375 .syntax_quote_backtick {
378 /* leave some space between icons and text */
379 .icon, img.footnotemarker {
380 vertical-align: middle;
381 margin-right: 0.3em;
382 margin-left: 0.3em;
385 img.footnotemarker {
386 display: none;
389 /* no extra space in table cells */
390 td .icon {
391 margin: 0;
394 .selectallarrow {
395 margin-<?php echo $right; ?>: 0.3em;
396 margin-<?php echo $left; ?>: 0.6em;
399 /* message boxes: warning, error, confirmation */
400 .success h1,
401 .notice h1,
402 .warning h1,
403 div.error h1 {
404 border-bottom: 2px solid;
405 font-weight: bold;
406 text-align: <?php echo $left; ?>;
407 margin: 0 0 0.2em 0;
410 div.success,
411 div.notice,
412 div.warning,
413 div.error,
414 div.footnotes {
415 margin: 0.3em 0 0 0;
416 border: 2px solid;
417 <?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-size: 70%;
553 font-weight: normal;
554 color: #000099;
557 .tblHeaders {
558 font-weight: bold;
559 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
560 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
563 div.tools,
564 .tblFooters {
565 font-weight: normal;
566 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
567 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
570 .tblHeaders a:link,
571 .tblHeaders a:active,
572 .tblHeaders a:visited,
573 div.tools a:link,
574 div.tools a:visited,
575 div.tools a:active,
576 .tblFooters a:link,
577 .tblFooters a:active,
578 .tblFooters a:visited {
579 color: #0000FF;
582 .tblHeaders a:hover,
583 div.tools a:hover,
584 .tblFooters a:hover {
585 color: #FF0000;
588 /* forbidden, no privilegs */
589 .noPrivileges {
590 color: #FF0000;
591 font-weight: bold;
594 /* disabled text */
595 .disabled,
596 .disabled a:link,
597 .disabled a:active,
598 .disabled a:visited {
599 color: #666666;
602 .disabled a:hover {
603 color: #666666;
604 text-decoration: none;
607 tr.disabled td,
608 td.disabled {
609 background-color: #cccccc;
612 .nowrap {
613 white-space: nowrap;
617 * login form
619 body.loginform h1,
620 body.loginform a.logo {
621 display: block;
622 text-align: center;
625 body.loginform {
626 text-align: center;
629 body.loginform div.container {
630 text-align: <?php echo $left; ?>;
631 width: 30em;
632 margin: 0 auto;
635 form.login label {
636 float: <?php echo $left; ?>;
637 width: 10em;
638 font-weight: bolder;
641 .commented_column {
642 border-bottom: 1px dashed black;
645 .column_attribute {
646 font-size: 70%;
649 /******************************************************************************/
650 /* specific elements */
652 /* topmenu */
653 ul#topmenu, ul#topmenu2, ul.tabs {
654 font-weight: bold;
655 list-style-type: none;
656 margin: 0;
657 padding: 0;
660 ul#topmenu2 {
661 margin: 0.25em 0.5em 0;
662 height: 2em;
663 clear: both;
666 ul#topmenu li, ul#topmenu2 li {
667 float: <?php echo $left; ?>;
668 margin: 0;
669 padding: 0;
670 vertical-align: middle;
673 #topmenu img, #topmenu2 img {
674 vertical-align: middle;
675 margin-<?php echo $right; ?>: 0.1em;
678 /* default tab styles */
679 ul#topmenu a, ul#topmenu span {
680 display: block;
681 margin: 2px 2px 0;
682 padding: 2px 2px 0;
683 white-space: nowrap;
686 ul#topmenu ul a {
687 margin: 0;
688 padding-bottom: 2px;
691 ul#topmenu .submenu {
692 position: relative;
693 display: none;
695 ul#topmenu .shown {
696 display: block;
699 ul#topmenu ul {
700 margin: 0;
701 padding: 0;
702 position: absolute;
703 right: 0;
704 list-style-type: none;
705 display: none;
706 border: 1px #666 solid;
709 ul#topmenu li:hover ul, ul#topmenu .submenuhover ul {
710 display: block;
713 ul#topmenu ul li {
714 width: 100%;
717 ul#topmenu2 a {
718 display: block;
719 margin: 0.1em;
720 padding: 0.2em;
721 white-space: nowrap;
724 /* disabled tabs */
725 ul#topmenu span.tab {
726 color: #666666;
729 /* disabled drop/empty tabs */
730 ul#topmenu span.tabcaution {
731 color: #ff6666;
734 /* enabled drop/empty tabs */
735 ul#topmenu a.tabcaution {
736 color: #FF0000;
738 ul#topmenu a.tabcaution:hover {
739 color: #FFFFFF;
740 background-color: #FF0000;
742 fieldset.caution a {
743 color: #FF0000;
745 fieldset.caution a:hover {
746 color: #ffffff;
747 background-color: #FF0000;
750 <?php if ($GLOBALS['cfg']['LightTabs']) { ?>
751 /* active tab */
752 ul#topmenu a.tabactive, ul#topmenu2 a.tabactive {
753 color: black;
756 ul#topmenu ul {
757 background: <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
759 <?php } else { ?>
760 #topmenu {
761 margin-top: 0.5em;
762 padding: 0.1em 0.3em 0.1em 0.3em;
765 ul#topmenu ul {
766 -moz-box-shadow: 2px 2px 3px #666;
767 -webkit-box-shadow: 2px 2px 3px #666;
768 box-shadow: 2px 2px 3px #666;
771 ul#topmenu > li {
772 border-bottom: 1pt solid black;
775 /* default tab styles */
776 ul#topmenu a, ul#topmenu span {
777 background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
778 border: 0 solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
779 border-width: 1pt 1pt 0 1pt;
780 -moz-border-radius: 0.4em 0.4em 0 0;
781 border-radius: 0.4em 0.4em 0 0;
784 ul#topmenu ul a {
785 border-width: 1pt 0 0 0;
786 -moz-border-radius: 0;
787 border-radius: 0;
790 ul#topmenu ul li:first-child a {
791 border-width: 0;
794 /* enabled hover/active tabs */
795 ul#topmenu > li > a:hover,
796 ul#topmenu > li > .tabactive {
797 margin: 0;
798 padding: 2px 4px;
799 text-decoration: none;
802 ul#topmenu ul a:hover,
803 ul#topmenu ul .tabactive {
804 text-decoration: none;
807 ul#topmenu a.tab:hover,
808 ul#topmenu .tabactive {
809 background-color: <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
812 ul#topmenu2 a.tab:hover,
813 ul#topmenu2 a.tabactive {
814 background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
815 -moz-border-radius: 0.3em;
816 border-radius: 0.3em;
817 text-decoration: none;
820 /* to be able to cancel the bottom border, use <li class="active"> */
821 ul#topmenu > li.active {
822 border-bottom: 1pt solid <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
825 /* disabled drop/empty tabs */
826 ul#topmenu span.tab,
827 a.warning,
828 ul#topmenu span.tabcaution {
829 cursor: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>error.ico), default;
831 <?php } ?>
832 /* end topmenu */
835 /* Calendar */
836 table.calendar {
837 width: 100%;
839 table.calendar td {
840 text-align: center;
842 table.calendar td a {
843 display: block;
846 table.calendar td a:hover {
847 background-color: #CCFFCC;
850 table.calendar th {
851 background-color: #D3DCE3;
854 table.calendar td.selected {
855 background-color: #FFCC99;
858 img.calendar {
859 border: none;
861 form.clock {
862 text-align: center;
864 /* end Calendar */
867 /* table stats */
868 div#tablestatistics {
869 border-bottom: 0.1em solid #669999;
870 margin-bottom: 0.5em;
871 padding-bottom: 0.5em;
874 div#tablestatistics table {
875 float: <?php echo $left; ?>;
876 margin-bottom: 0.5em;
877 margin-<?php echo $right; ?>: 0.5em;
880 div#tablestatistics table caption {
881 margin-<?php echo $right; ?>: 0.5em;
883 /* END table stats */
886 /* server privileges */
887 #tableuserrights td,
888 #tablespecificuserrights td,
889 #tabledatabases td {
890 vertical-align: middle;
892 /* END server privileges */
896 /* Heading */
897 #serverinfo {
898 font-weight: bold;
899 margin-bottom: 0.5em;
902 #serverinfo .item {
903 white-space: nowrap;
906 #span_table_comment {
907 font-weight: normal;
908 font-style: italic;
909 white-space: nowrap;
912 #serverinfo img {
913 margin: 0 0.1em 0 0.2em;
917 #textSQLDUMP {
918 width: 95%;
919 height: 95%;
920 font-family: "Courier New", Courier, mono;
921 font-size: 110%;
924 #TooltipContainer {
925 position: absolute;
926 z-index: 99;
927 width: 20em;
928 height: auto;
929 overflow: visible;
930 visibility: hidden;
931 background-color: #ffffcc;
932 color: #006600;
933 border: 0.1em solid #000000;
934 padding: 0.5em;
937 /* user privileges */
938 #fieldset_add_user_login div.item {
939 border-bottom: 1px solid silver;
940 padding-bottom: 0.3em;
941 margin-bottom: 0.3em;
944 #fieldset_add_user_login label {
945 float: <?php echo $left; ?>;
946 display: block;
947 width: 10em;
948 max-width: 100%;
949 text-align: <?php echo $right; ?>;
950 padding-<?php echo $right; ?>: 0.5em;
953 #fieldset_add_user_login span.options #select_pred_username,
954 #fieldset_add_user_login span.options #select_pred_hostname,
955 #fieldset_add_user_login span.options #select_pred_password {
956 width: 100%;
957 max-width: 100%;
960 #fieldset_add_user_login span.options {
961 float: <?php echo $left; ?>;
962 display: block;
963 width: 12em;
964 max-width: 100%;
965 padding-<?php echo $right; ?>: 0.5em;
968 #fieldset_add_user_login input {
969 width: 12em;
970 clear: <?php echo $right; ?>;
971 max-width: 100%;
974 #fieldset_add_user_login span.options input {
975 width: auto;
978 #fieldset_user_priv div.item {
979 float: <?php echo $left; ?>;
980 width: 9em;
981 max-width: 100%;
984 #fieldset_user_priv div.item div.item {
985 float: none;
988 #fieldset_user_priv div.item label {
989 white-space: nowrap;
992 #fieldset_user_priv div.item select {
993 width: 100%;
996 #fieldset_user_global_rights fieldset {
997 float: <?php echo $left; ?>;
999 /* END user privileges */
1002 /* serverstatus */
1003 div#serverstatus table caption a.top {
1004 float: <?php echo $right; ?>;
1007 div#serverstatus div#serverstatusqueriesdetails table,
1008 div#serverstatus table#serverstatustraffic,
1009 div#serverstatus table#serverstatusconnections {
1010 float: <?php echo $left; ?>;
1013 #serverstatussection,
1014 .clearfloat {
1015 clear: both;
1017 div#serverstatussection table {
1018 width: 100%;
1019 margin-bottom: 1em;
1021 div#serverstatussection table .name {
1022 width: 18em;
1024 div#serverstatussection table .value {
1025 width: 6em;
1028 div#serverstatus table tbody td.descr a,
1029 div#serverstatus table .tblFooters a {
1030 white-space: nowrap;
1032 div#serverstatus div#statuslinks a:before,
1033 div#serverstatus div#sectionlinks a:before,
1034 div#serverstatus table tbody td.descr a:before,
1035 div#serverstatus table .tblFooters a:before {
1036 content: '[';
1038 div#serverstatus div#statuslinks a:after,
1039 div#serverstatus div#sectionlinks a:after,
1040 div#serverstatus table tbody td.descr a:after,
1041 div#serverstatus table .tblFooters a:after {
1042 content: ']';
1044 /* end serverstatus */
1046 /* querywindow */
1047 body#bodyquerywindow {
1048 margin: 0;
1049 padding: 0;
1050 background-image: none;
1051 background-color: #F5F5F5;
1054 div#querywindowcontainer {
1055 margin: 0;
1056 padding: 0;
1057 width: 100%;
1060 div#querywindowcontainer fieldset {
1061 margin-top: 0;
1063 /* END querywindow */
1066 /* querybox */
1068 div#sqlquerycontainer {
1069 float: <?php echo $left; ?>;
1070 width: 69%;
1071 /* height: 15em; */
1074 div#tablefieldscontainer {
1075 float: <?php echo $right; ?>;
1076 width: 29%;
1077 /* height: 15em; */
1080 div#tablefieldscontainer select {
1081 width: 100%;
1082 /* height: 12em; */
1085 textarea#sqlquery {
1086 width: 100%;
1087 /* height: 100%; */
1089 textarea#sql_query_edit{
1090 height:7em;
1091 width: 95%;
1092 display:block;
1094 div#queryboxcontainer div#bookmarkoptions {
1095 margin-top: 0.5em;
1097 /* end querybox */
1099 /* main page */
1100 #maincontainer {
1101 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>logo_right.png);
1102 background-position: <?php echo $right; ?> bottom;
1103 background-repeat: no-repeat;
1106 #mysqlmaininformation,
1107 #pmamaininformation {
1108 float: <?php echo $left; ?>;
1109 width: 49%;
1112 #maincontainer ul {
1113 list-style-type: disc;
1114 vertical-align: middle;
1117 #maincontainer li {
1118 margin: 0.2em 0em;
1120 /* END main page */
1123 <?php if ($GLOBALS['cfg']['MainPageIconic']) { ?>
1124 /* iconic view for ul items */
1125 li#li_create_database {
1126 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_newdb.png);
1129 li#li_select_lang {
1130 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_lang.png);
1133 li#li_select_mysql_collation {
1134 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
1137 li#li_select_theme{
1138 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_theme.png);
1141 li#li_user_info{
1142 /* list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png); */
1145 li#li_mysql_status{
1146 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_status.png);
1149 li#li_mysql_variables{
1150 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_vars.png);
1153 li#li_mysql_processes{
1154 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_process.png);
1157 li#li_mysql_collations{
1158 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
1161 li#li_mysql_engines{
1162 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_engine.png);
1165 li#li_mysql_binlogs {
1166 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_tbl.png);
1169 li#li_mysql_databases {
1170 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_db.png);
1173 li#li_export {
1174 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_export.png);
1177 li#li_import {
1178 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_import.png);
1181 li#li_change_password {
1182 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_passwd.png);
1185 li#li_log_out {
1186 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_loggoff.png);
1189 li#li_mysql_privilegs{
1190 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png);
1193 li#li_switch_dbstats {
1194 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_dbstatistics.png);
1197 li#li_flush_privileges {
1198 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_reload.png);
1201 li#li_user_preferences {
1202 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_tblops.png);
1204 /* END iconic view for ul items */
1205 <?php } /* end if $GLOBALS['cfg']['MainPageIconic'] */ ?>
1208 #body_browse_foreigners {
1209 background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1210 margin: 0.5em 0.5em 0 0.5em;
1213 #bodyquerywindow {
1214 background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1217 #bodythemes {
1218 width: 500px;
1219 margin: auto;
1220 text-align: center;
1223 #bodythemes img {
1224 border: 0.1em solid black;
1227 #bodythemes a:hover img {
1228 border: 0.1em solid red;
1231 #fieldset_select_fields {
1232 float: <?php echo $left; ?>;
1235 #selflink {
1236 clear: both;
1237 display: block;
1238 margin-top: 1em;
1239 margin-bottom: 1em;
1240 width: 100%;
1241 border-top: 0.1em solid silver;
1242 text-align: <?php echo $right; ?>;
1245 #table_innodb_bufferpool_usage,
1246 #table_innodb_bufferpool_activity {
1247 float: <?php echo $left; ?>;
1250 #div_mysql_charset_collations table {
1251 float: <?php echo $left; ?>;
1254 .operations_half_width {
1255 min-width: 48%;
1256 float: <?php echo $left; ?>;
1259 .operations_full_width {
1260 width: 100%;
1261 clear: both;
1264 #qbe_div_table_list {
1265 float: <?php echo $left; ?>;
1268 #qbe_div_sql_query {
1269 float: <?php echo $left; ?>;
1272 label.desc {
1273 width: 30em;
1274 float: <?php echo $left; ?>;
1277 label.desc sup {
1278 position: absolute;
1281 code.sql, div.sqlvalidate {
1282 display: block;
1283 padding: 0.3em;
1284 margin-top: 0;
1285 margin-bottom: 0;
1286 border: <?php echo $GLOBALS['cfg']['MainColor']; ?> solid 1px;
1287 border-top: 0;
1288 border-bottom: 0;
1289 max-height: 10em;
1290 overflow: auto;
1291 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1294 #main_pane_left {
1295 width: 60%;
1296 float: <?php echo $left; ?>;
1297 padding-top: 1em;
1300 #main_pane_right {
1301 margin-<?php echo $left; ?>: 60%;
1302 padding-top: 1em;
1303 padding-<?php echo $left; ?>: 1em;
1306 .group {
1307 border-<?php echo $left; ?>: 0.3em solid <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
1308 margin-bottom: 1em;
1311 .group h2 {
1312 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
1313 padding: 0.1em 0.3em;
1314 margin-top: 0;
1317 .group-cnt {
1318 padding: 0 0 0 0.5em;
1319 display: inline-block;
1320 width: 98%;
1323 textarea#partitiondefinition {
1324 height:3em;
1328 /* for elements that should be revealed only via js */
1329 .hide {
1330 display: none;
1333 #li_select_server {
1334 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_host.png);
1337 #list_server {
1338 list-style-image: none;
1342 * Progress bar styles
1344 div.upload_progress_bar_outer
1346 border: 1px solid black;
1347 width: 202px;
1350 div.upload_progress_bar_inner
1352 background-color: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1353 width: 0px;
1354 height: 12px;
1355 margin: 1px;
1358 table#serverconnection_src_remote,
1359 table#serverconnection_trg_remote,
1360 table#serverconnection_src_local,
1361 table#serverconnection_trg_local {
1362 float:left;
1365 * Validation error message styles
1367 .invalid_value
1368 {background:#F00;}
1371 * Ajax notification styling
1373 .ajax_notification {
1374 top: 0px; /** The notification needs to be shown on the top of the page */
1375 position: fixed;
1376 margin-top: 0;
1377 margin-right: auto;
1378 margin-bottom: 0;
1379 margin-left: auto;
1380 padding: 3px 5px; /** Keep a little space on the sides of the text */
1381 width: 350px;
1382 background-color: #FFD700;
1383 z-index: 1100; /** If this is not kept at a high z-index, the jQueryUI modal dialogs (z-index:1000) might hide this */
1384 text-align: center;
1385 display: block;
1386 left: 0;
1387 right: 0;
1388 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>ajax_clock_small.gif);
1389 background-repeat: no-repeat;
1390 background-position: 2%;
1393 #loading_parent {
1394 /** Need this parent to properly center the notification division */
1395 position: relative;
1396 width: 100%;
1399 * Export and Import styles
1402 .exportoptions h3, .importoptions h3 {
1403 border-bottom: 1px #999999 solid;
1404 font-size: 110%;
1407 .exportoptions ul, .importoptions ul, .format_specific_options ul {
1408 list-style-type: none;
1409 margin-bottom: 15px;
1412 .exportoptions li, .importoptions li {
1413 margin: 7px;
1415 .exportoptions label, .importoptions label, .exportoptions p, .importoptions p {
1416 margin: 5px;
1417 float: none;
1420 #csv_options label.desc, #ldi_options label.desc, #latex_options label.desc, #output label.desc{
1421 float: left;
1422 width: 15em;
1425 .exportoptions, .importoptions {
1426 margin: 20px 30px 30px 10px
1429 .exportoptions #buttonGo, .importoptions #buttonGo {
1430 padding: 5px 30px;
1431 -moz-border-radius: 11px;
1432 -webkit-border-radius: 11px;
1433 border-radius: 11px;
1434 background-image: url(./themes/svg_gradient.php?from=ffffff&to=cccccc);
1435 background-size: 100% 100%;
1436 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
1437 background: -moz-linear-gradient(top, #ffffff, #cccccc);
1438 background: -o-linear-gradient(top, #ffffff, #cccccc);
1439 <?php echo PMA_ieFilter('#ffffff', '#cccccc'); ?>
1440 border: 1px solid #444444;
1441 cursor: pointer;
1444 .format_specific_options h3 {
1445 margin: 10px 0px 0px 10px;
1446 border: 0px;
1449 .format_specific_options {
1450 border: 1px solid #999999;
1451 margin: 7px 0px;
1452 padding: 3px;
1455 p.desc {
1456 margin: 5px;
1460 * Export styles only
1462 select#db_select, select#table_select {
1463 width: 400px;
1466 .export_sub_options {
1467 margin: 20px 0px 0px 30px;
1470 .export_sub_options h4 {
1471 border-bottom: 1px #999999 solid;
1474 .export_sub_options li.subgroup {
1475 display: inline-block;
1476 margin-top: 0;
1479 .export_sub_options li {
1480 margin-bottom: 0;
1483 #quick_or_custom, #output_quick_export {
1484 display: none;
1487 * Import styles only
1490 .importoptions #import_notification {
1491 margin: 10px 0px;
1492 font-style: italic;
1495 input#input_import_file {
1496 margin: 5px;
1499 .formelementrow {
1500 margin: 5px 0px 5px 0px;
1504 * ENUM/SET editor styles
1506 p.enum_notice {
1507 margin: 5px 2px;
1508 font-size: 80%;
1511 #enum_editor {
1512 display: none;
1513 position: fixed;
1514 _position: absolute; /* hack for IE */
1515 z-index: 101;
1516 overflow-y: auto;
1517 overflow-x: hidden;
1520 #enum_editor_no_js {
1521 margin: auto auto;
1524 #enum_editor, #enum_editor_no_js {
1525 background: #D0DCE0;
1526 padding: 15px;
1529 #popup_background {
1530 display: none;
1531 position: fixed;
1532 _position: absolute; /* hack for IE6 */
1533 width: 100%;
1534 height: 100%;
1535 top: 0;
1536 left: 0;
1537 background: #000;
1538 z-index: 100;
1539 overflow: hidden;
1542 a.close_enum_editor {
1543 float: right;
1546 #enum_editor #values, #enum_editor_no_js #values {
1547 margin: 15px 0px;
1548 width: 100%;
1551 #enum_editor #values input, #enum_editor_no_js #values input {
1552 margin: 5px 0px;
1553 float: top;
1554 width: 100%;
1559 #enum_editor_output {
1560 margin-top: 50px;
1564 * Table structure styles
1566 .structure_actions_dropdown {
1567 position: absolute;
1568 padding: 3px;
1569 display: none;
1570 z-index: 100;
1573 .structure_actions_dropdown a {
1574 display: block;
1577 td.more_opts {
1578 display: none;
1579 white-space: nowrap;
1582 iframe.IE_hack {
1583 z-index: 1;
1584 position: absolute;
1585 display: none;
1586 border: 0;
1587 filter: alpha(opacity=0);
1590 /* config forms */
1591 .config-form ul.tabs {
1592 margin: 1.1em 0.2em 0;
1593 padding: 0 0 0.3em 0;
1594 list-style: none;
1595 font-weight: bold;
1598 .config-form ul.tabs li {
1599 float: <?php echo $left; ?>;
1602 .config-form ul.tabs li a {
1603 display: block;
1604 margin: 0.1em 0.2em 0;
1605 padding: 0.1em 0.4em;
1606 white-space: nowrap;
1607 text-decoration: none;
1608 border: 1px solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1609 border-bottom: none;
1612 .config-form ul.tabs li a:hover,
1613 .config-form ul.tabs li a:active,
1614 .config-form ul.tabs li a.active {
1615 margin: 0;
1616 padding: 0.1em 0.6em 0.2em;
1619 .config-form ul.tabs li a.active {
1620 background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1623 .config-form fieldset {
1624 margin-top: 0;
1625 padding: 0;
1626 clear: both;
1627 /*border-color: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;*/
1630 .config-form legend {
1631 display: none;
1634 .config-form fieldset p {
1635 margin: 0;
1636 padding: 0.5em;
1637 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1640 .config-form fieldset .errors { /* form error list */
1641 margin: 0 -2px 1em -2px;
1642 padding: 0.5em 1.5em;
1643 background: #FBEAD9;
1644 border: 0 #C83838 solid;
1645 border-width: 1px 0;
1646 list-style: none;
1647 font-family: sans-serif;
1648 font-size: small;
1651 .config-form fieldset .inline_errors { /* field error list */
1652 margin: 0.3em 0.3em 0.3em 0;
1653 padding: 0;
1654 list-style: none;
1655 color: #9A0000;
1656 font-size: small;
1659 .config-form fieldset th {
1660 padding: 0.3em 0.3em 0.3em 0.5em;
1661 text-align: left;
1662 vertical-align: top;
1663 width: 40%;
1664 background: transparent;
1667 .config-form fieldset .doc, .config-form fieldset .disabled-notice {
1668 margin-left: 1em;
1671 .config-form fieldset .disabled-notice {
1672 font-size: 80%;
1673 text-transform: uppercase;
1674 color: #E00;
1675 cursor: help;
1678 .config-form fieldset td {
1679 padding-top: 0.3em;
1680 padding-bottom: 0.3em;
1681 vertical-align: top;
1684 .config-form fieldset th small {
1685 display: block;
1686 font-weight: normal;
1687 font-family: sans-serif;
1688 font-size: x-small;
1689 color: #444;
1692 .config-form fieldset th, .config-form fieldset td {
1693 border-top: 1px <?php echo $GLOBALS['cfg']['BgTwo']; ?> solid;
1696 fieldset .group-header th {
1697 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1700 fieldset .group-header + tr th {
1701 padding-top: 0.6em;
1704 fieldset .group-field-1 th, fieldset .group-header-2 th {
1705 padding-left: 1.5em;
1708 fieldset .group-field-2 th, fieldset .group-header-3 th {
1709 padding-left: 3em;
1712 fieldset .group-field-3 th {
1713 padding-left: 4.5em;
1716 fieldset .disabled-field th,
1717 fieldset .disabled-field th small,
1718 fieldset .disabled-field td {
1719 color: #666;
1720 background-color: #ddd;
1723 .config-form .lastrow {
1724 border-top: 1px #000 solid;
1727 .config-form .lastrow {
1728 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;;
1729 padding: 0.5em;
1730 text-align: center;
1733 .config-form .lastrow input {
1734 font-weight: bold;
1737 /* form elements */
1739 .config-form span.checkbox {
1740 padding: 2px;
1741 display: inline-block;
1744 .config-form .custom { /* customized field */
1745 background: #FFC;
1748 .config-form span.checkbox.custom {
1749 padding: 1px;
1750 border: 1px #EDEC90 solid;
1751 background: #FFC;
1754 .config-form .field-error {
1755 border-color: #A11 !important;
1758 .config-form input[type="text"],
1759 .config-form select,
1760 .config-form textarea {
1761 border: 1px #A7A6AA solid;
1762 height: auto;
1765 .config-form input[type="text"]:focus,
1766 .config-form select:focus,
1767 .config-form textarea:focus {
1768 border: 1px #6676FF solid;
1769 background: #F7FBFF;
1772 .config-form .field-comment-mark {
1773 font-family: serif;
1774 color: #007;
1775 cursor: help;
1776 padding: 0 0.2em;
1777 font-weight: bold;
1778 font-style: italic;
1781 .config-form .field-comment-warning {
1782 color: #A00;
1785 /* error list */
1786 .config-form dd {
1787 margin-left: 0.5em;
1790 .config-form dd:before {
1791 content: "\25B8 ";
1794 .click-hide-message {
1795 cursor: pointer;
1798 .prefsmanage_opts {
1799 margin-<?php echo $left; ?>: 2em;
1802 #prefs_autoload {
1803 margin-bottom: 0.5em;
1806 #table_columns input, #table_columns select {
1807 width: 14em;
1808 box-sizing: border-box;
1809 -ms-box-sizing: border-box;
1810 -moz-box-sizing: border-box;
1811 -webkit-box-sizing: border-box;