Merge branch 'phpmyadmin-integration'
[phpmyadmin-themes.git] / paradice / css / theme_right.css.php
blobb331d6cc4a9069bce552fbd6384965fe86f36723
1 <?php
2 /* vim: set expandtab sw=4 ts=4 sts=4: */
3 /**
4 * main css file from theme Paradice
6 * @version $Id: theme_right.css.php 31 2010-04-06 18:39:37Z andyscherzinger $
7 * @package phpMyAdmin-theme
8 * @subpackage Paradice
9 */
11 // unplanned execution path
12 if (!defined('PMA_MINIMUM_COMMON')) {
13 exit();
16 /******************************************************************************/
17 /* general tags */
18 html {
19 font-size: <?php echo (null !== $_SESSION['PMA_Config']->get('fontsize') ? $_SESSION['PMA_Config']->get('fontsize') : $_COOKIE['pma_fontsize']);?>;
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 font-size: 1em;
37 <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
38 textarea, tt, pre, code {
39 font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
41 <?php } ?>
42 h1 {
43 font-size: 140%;
44 font-weight: bold;
47 h2 {
48 font-size: 120%;
49 font-weight: bold;
52 h3 {
53 font-weight: bold;
56 a:link,
57 a:visited,
58 a:active {
59 text-decoration: none;
60 color: #1F457E;
63 a:hover {
64 text-decoration: underline;
65 color: #8897AE;
68 dfn {
69 font-style: normal;
72 dfn:hover {
73 font-style: normal;
74 cursor: help;
77 th {
78 font-weight: bold;
79 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
80 background-color: #ff9900;
81 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbl_th.png);
82 background-repeat: repeat-x;
83 background-position: top;
86 th a:link,
87 th a:active,
88 th a:visited {
89 color: #000000;
90 text-decoration: underline;
93 th a:hover {
94 color: #666666;
95 text-decoration: none;
98 a img {
99 border: 0;
102 hr {
103 color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
104 background-color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
105 border: 0;
106 height: 1px;
109 form {
110 padding: 0;
111 margin: 0;
112 display: inline;
115 th.td{
116 font-weight: normal;
117 color: #000000;
118 background-color: transparent;
119 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbl_th.png);
122 select, textarea, input {
123 border: 1px solid #3674CF;
126 select, textarea{
127 color: #000000;
128 background-color: #FFFFFF;
131 input.textfield{
132 color: #000000;
133 background-color: #FFFFFF;
136 a.h1:link, a.h1:active, a.h1:visited{
137 font-weight: bold;
138 color: #000000;
141 a.h1:hover{
142 font-weight: bold;
143 color: #666666;
146 a.h2:link, a.h2:active, a.h2:visited{
147 font-weight: bold;
148 color: #000000;
151 a.h2:hover{
152 font-weight: bold;
153 color: #666666;
156 a.drop:link, a.drop:visited, a.drop:active{
157 color: #666666;
160 a.drop:hover{
161 color: #ffffff;
162 background-color: #666666;
163 text-decoration: none;
166 textarea {
167 overflow: visible;
168 height: <?php echo ceil($GLOBALS['cfg']['TextareaRows'] * 1.2); ?>em;
171 fieldset {
172 margin-top: 1em;
173 border: <?php echo $GLOBALS['cfg']['ThBackground']; ?> solid 1px;
174 padding: 0.5em;
175 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
178 fieldset fieldset {
179 margin: 0.8em;
182 fieldset legend {
183 font-weight: bold;
184 color: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
185 background-color: <?php echo 'OPERA' != PMA_USR_BROWSER_AGENT ? 'transparent' : $GLOBALS['cfg']['BgTwo']; ?>;
186 padding: 2px;
189 /* buttons in some browsers (eg. Konqueror) are block elements,
190 this breaks design */
191 button {
192 display: inline;
195 table caption,
196 table th,
197 table td {
198 padding: 0.1em 0.5em 0.1em 0.5em;
199 margin: 0.1em;
200 vertical-align: top;
203 img,
204 input,
205 select,
206 button {
207 vertical-align: middle;
211 /******************************************************************************/
212 /* classes */
213 div.tools {
214 border: 1px solid <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
215 padding: 0.2em;
218 div.tools,
219 fieldset.tblFooters {
220 margin-top: 0;
221 margin-bottom: 0.5em;
222 /* avoid a thick line since this should be used under another fieldset */
223 border-top: 0;
224 text-align: <?php echo $right; ?>;
225 float: none;
226 clear: both;
229 .login fieldset.tblFooters {
230 padding: 3px;
233 .login fieldset.tblFooters input[type=submit] {
234 background-color: #FFFFFF;
235 color: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
236 font-weight: bold;
237 padding-left: 20px;
238 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_go.png);
239 background-repeat: no-repeat;
240 background-position:center left;
243 fieldset .formelement {
244 float: <?php echo $left; ?>;
245 margin-<?php echo $right; ?>: 0.5em;
246 /* IE */
247 white-space: nowrap;
250 /* revert for Gecko */
251 fieldset div[class=formelement] {
252 white-space: normal;
255 button.mult_submit {
256 border: none;
257 background-color: transparent;
260 /* odd items 1,3,5,7,... */
261 table tr.odd th,
262 .odd {
263 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
266 /* even items 2,4,6,8,... */
267 table tr.even th,
268 .even {
269 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
272 /* odd table rows 1,3,5,7,... */
273 table tr.odd th,
274 table tr.odd,
275 table tr.even th,
276 table tr.even {
277 text-align: <?php echo $left; ?>;
280 <?php if ($GLOBALS['cfg']['BrowseMarkerEnable']) { ?>
281 /* marked table rows */
282 table tr.marked th,
283 table tr.marked {
284 background: <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
285 color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
287 <?php } ?>
289 <?php if ($GLOBALS['cfg']['BrowsePointerEnable']) { ?>
290 /* hovered items */
291 .odd:hover,
292 .even:hover,
293 .odd a:hover,
294 .even a:hover,
295 .hover {
296 background: <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>;
297 color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
300 /* hovered table rows */
301 table tr.odd:hover th,
302 table tr.even:hover th,
303 table tr.hover th {
304 background: <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>;
305 color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
307 <?php } ?>
310 * marks table rows/cells if the db field is in a where condition
312 tr.condition th,
313 tr.condition td,
314 td.condition,
315 th.condition {
316 border: 1px solid <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
319 table .value {
320 text-align: <?php echo $right; ?>;
321 white-space: normal;
323 /* IE doesnt handles 'pre' right */
324 table [class=value] {
325 white-space: normal;
329 <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
330 .value {
331 font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
333 <?php } ?>
334 .value .attention {
335 color: red;
336 font-weight: bold;
338 .value .allfine {
339 color: green;
343 img.lightbulb {
344 cursor: pointer;
347 .pdflayout {
348 overflow: hidden;
349 clip: inherit;
350 background-color: #FFFFFF;
351 display: none;
352 border: 1px solid #000000;
353 position: relative;
356 .pdflayout_table {
357 background: #D3DCE3;
358 color: #000000;
359 overflow: hidden;
360 clip: inherit;
361 z-index: 2;
362 display: inline;
363 visibility: inherit;
364 cursor: move;
365 position: absolute;
366 font-size: 80%;
367 border: 1px dashed #000000;
370 /* MySQL Parser */
371 .syntax {
372 font-size: 100%;
373 font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
376 .syntax_comment {
377 padding-left: 4pt;
378 padding-right: 4pt;
381 .syntax_digit {
384 .syntax_digit_hex {
387 .syntax_digit_integer {
390 .syntax_digit_float {
393 .syntax_punct {
396 .syntax_alpha {
399 .syntax_alpha_columnType {
400 text-transform: uppercase;
403 .syntax_alpha_columnAttrib {
404 text-transform: uppercase;
407 .syntax_alpha_reservedWord {
408 text-transform: uppercase;
409 font-weight: bold;
412 .syntax_alpha_functionName {
413 text-transform: uppercase;
416 .syntax_alpha_identifier {
419 .syntax_alpha_charset {
422 .syntax_alpha_variable {
425 .syntax_quote {
426 white-space: pre;
429 .syntax_quote_backtick {
432 /* leave some space between icons and text */
433 .icon {
434 vertical-align: middle;
435 margin-right: 0.3em;
436 margin-left: 0.3em;
438 /* no extra space in table cells */
439 td .icon {
440 margin: 0;
443 .selectallarrow {
444 margin-<?php echo $right; ?>: 0.3em;
445 margin-<?php echo $left; ?>: 0.6em;
448 /* message boxes: warning, error, confirmation */
449 .success h1,
450 .notice h1,
451 .warning h1,
452 div.error h1 {
453 border-bottom: 2px solid;
454 font-weight: bold;
455 text-align: <?php echo $left; ?>;
456 margin: 0 0 0.2em 0;
459 .notice {
460 color: #000000;
461 background-color: #FFFFDD;
464 h1.notice,
465 div.success,
466 div.notice,
467 div.warning,
468 div.error {
469 margin: 0.5em 0 0.5em 0;
470 border: 1px solid #FFD700;
471 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
472 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_notice.png);
473 background-repeat: no-repeat;
474 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
475 background-position: 10px 50%;
476 padding: 10px 10px 10px 36px;
477 <?php } else { ?>
478 background-position: 99% 50%;
479 padding: 10px 5% 10px 10px;
480 <?php } ?>
481 <?php } else { ?>
482 padding: 0.5em;
483 <?php } ?>
486 .success {
487 color: #005E20;
488 background-color: #E5F7E3;
490 h1.success,
491 div.success {
492 border-color: #C5E1C8;
493 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
494 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_success.png);
495 <?php } ?>
497 div.success h1 {
498 border-bottom: 1px solid #C5E1C8;
500 .success h1 {
501 border-color: #C5E1C8;
504 .notice {
505 color: #004A80;
506 background-color: #E8F8FE;
508 h1.notice,
509 div.notice {
510 border-color: #CFDFE5;
511 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
512 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_info.png);
513 <?php } ?>
516 div.notice h1 {
517 border-bottom: 1px solid #CFDFE5;
520 .notice h1 {
521 border-bottom: 1px solid #CFDFE5;
522 font-weight: bold;
523 text-align: <?php echo $left; ?>;
524 margin: 0 0 0.2em 0;
527 .warning {
528 color: #555555;
529 background-color: #FEFFD5;
531 p.warning,
532 h1.warning,
533 div.warning {
534 margin: 0.5em 0 0.5em 0;
535 border: 1px solid #EEEB5B;
536 <?php if ( $GLOBALS['cfg']['ErrorIconic'] ) { ?>
537 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_warn.png);
538 background-repeat: no-repeat;
539 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
540 background-position: 10px 50%;
541 padding: 10px 10px 10px 36px;
542 <?php } else { ?>
543 background-position: 99% 50%;
544 padding: 10px 5% 10px 10px;
545 <?php } ?>
546 <?php } else { ?>
547 padding: 0.5em;
548 <?php } ?>
550 .warning h1 {
551 border-bottom: 1px solid #cc0000;
552 font-weight: bold;
553 text-align: <?php echo $left; ?>;
554 margin: 0 0 0.2em 0;
556 div.warning h1 {
557 border-bottom: 1px solid #EEEB5B;
560 .error {
561 background-color: #FFEBEB;
562 color: #9E0B0F;
565 h1.error,
566 div.error {
567 margin: 0.5em 0 0.5em 0;
568 border: 1px solid #F5C1C2;
569 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
570 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_error.png);
571 background-repeat: no-repeat;
572 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
573 background-position: 10px 50%;
574 padding: 10px 10px 10px 36px;
575 <?php } else { ?>
576 background-position: 99% 50%;
577 padding: 10px 5% 10px 10px;
578 <?php } ?>
579 <?php } else { ?>
580 padding: 0.5em;
581 <?php } ?>
584 div.error h1 {
585 border-bottom: 1px solid #F5C1C2;
586 font-weight: bold;
587 text-align: <?php echo $left; ?>;
588 margin: 0 0 0.2em 0;
591 .confirmation {
592 background-color: #FFFFCC;
594 fieldset.confirmation {
595 border: 1px solid #FF0000;
597 fieldset.confirmation legend {
598 border-left: 1px solid #FF0000;
599 border-right: 1px solid #FF0000;
600 font-weight: bold;
601 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
602 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_really.png);
603 background-repeat: no-repeat;
604 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
605 background-position: 5px 50%;
606 padding: 0.2em 0.2em 0.2em 25px;
607 <?php } else { ?>
608 background-position: 97% 50%;
609 padding: 0.2em 25px 0.2em 0.2em;
610 <?php } ?>
611 <?php } ?>
613 /* end messageboxes */
615 .data caption {
616 color: #FFFFFF;
619 .tblcomment {
620 font-family: <?php echo $GLOBALS['cfg']['FontFamily']; ?>;
621 font-size: 70%;
622 font-weight: normal;
623 color: #000099;
626 .tblHeaders {
627 background-color: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
628 font-weight: bold;
629 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
630 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbl_header.png);
631 background-repeat: repeat-x;
632 background-position:top;
635 div.tools,
636 .tblFooters {
637 font-weight: normal;
638 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
639 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
640 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbl_header.png);
641 background-repeat: repeat-x;
642 background-position:top;
645 .tblHeaders a:link,
646 .tblHeaders a:active,
647 .tblHeaders a:visited,
648 div.tools a:link,
649 div.tools a:visited,
650 div.tools a:active,
651 .tblFooters a:link,
652 .tblFooters a:active,
653 .tblFooters a:visited {
654 color: #FFFFCC;
655 text-decoration: underline;
658 .tblHeaders a:hover,
659 div.tools a:hover,
660 .tblFooters a:hover {
661 color: #FFFFFF;
662 text-decoration: none;
665 /* forbidden, no privilegs */
666 .noPrivileges {
667 color: #CC0000;
668 font-weight: bold;
671 /* disabled text */
672 .disabled,
673 .disabled a:link,
674 .disabled a:active,
675 .disabled a:visited {
676 color: #666666;
679 .disabled a:hover {
680 color: #666666;
681 text-decoration: none;
684 tr.disabled td,
685 td.disabled {
686 background-color: #cccccc;
690 * login form
692 body.loginform h1,
693 body.loginform a.logo {
694 display: block;
695 text-align: center;
698 body.loginform {
699 text-align: center;
700 background-color: #FFFFFF;
701 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>login_bgnd.png);
702 background-repeat: repeat-x;
703 background-position: top;
706 body.loginform div.container {
707 text-align: <?php echo $left; ?>;
708 width: 30em;
709 margin: 0 auto;
712 form.login label {
713 float: <?php echo $left; ?>;
714 width: 10em;
715 font-weight: bolder;
718 form.login fieldset div.item input {
719 background-color: #FFFFFF;
720 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>loginfield_bgnd.png);
721 background-repeat: repeat-x;
722 background-position: bottom;
723 margin-bottom: 3px;
724 width: 14em;
727 form.login fieldset div.item select {
728 width: 14em;
729 border: 1px solid <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
732 .loginform .container fieldset select[name=lang] {
733 width: 24em;
736 /******************************************************************************/
737 /* specific elements */
739 /* topmenu */
740 div#topmenucontainer {
741 padding-bottom: 18px;
744 ul#topmenu {
745 font-weight: bold;
746 list-style-type: none;
747 margin: 0;
748 padding: 0;
749 border: 0;
752 ul#topmenu li {
753 float: <?php echo $left; ?>;
754 margin: 0;
755 padding: 0;
756 vertical-align: middle;
757 border-bottom: 0;
760 #topmenu img {
761 vertical-align: middle;
762 margin-<?php echo $right; ?>: 0.1em;
765 /* default tab styles */
766 .tab, .tabcaution, .tabactive {
767 display: block;
768 margin: 0;
769 padding: 0;
770 white-space: nowrap;
773 /* disabled tabs */
774 span.tab {
775 color: #FFFFFF;
776 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbl_header_disabled.png);
777 background-repeat: repeat-x;
778 background-position: top;
781 /* disabled drop/empty tabs */
782 span.tabcaution {
783 color: #FFFFFF;
784 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbl_header_disabled.png);
785 background-repeat: repeat-x;
786 background-position: top;
787 text-decoration: none;
788 padding-top: 4px;
789 padding-bottom: 4px;
790 padding-left: 4px;
791 padding-right: 10px;
794 /* enabled drop/empty tabs */
795 a.tabcaution {
796 color: #FF0000;
798 a.tabcaution:hover {
799 color: #FFFFFF;
800 background-color: #FF0000;
803 <?php if ($GLOBALS['cfg']['LightTabs']) { ?>
804 /* active tab */
805 a.tabactive {
806 color: black;
808 <?php } else { ?>
809 #topmenu {
810 margin-top: 0.5em;
811 padding: 0.1em 0.3em 0.1em 0.3em;
814 ul#topmenu li {
815 border-bottom: 0;
818 /* default tab styles */
819 .tab, .tabcaution, .tabactive {
820 background-color: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
821 border-top: 0;
822 border-right: 1px;
823 border-bottom: 0;
824 border-left: 0;
825 border-style: solid;
826 border-color: #FFFFFF;
827 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbl_header2.png);
828 background-repeat: repeat-x;
829 background-position: top;
830 /* overwrite default button look */
831 height: 21px;
834 ul#topmenu li a.tab {
835 color: #FFFFFF;
838 ul#topmenu li a.tab:hover {
839 color: #FFFFFF;
840 text-decoration: none;
843 ul#topmenu li:hover {
844 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbl_header2.png);
845 text-decoration: none;
846 color: #FFFFFF;
849 /* enabled drop/empty tabs */
850 ul#topmenu li a.tabcaution {
851 color: #FFFFFF;
852 background-color: #cc0000;
853 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbl_error.png);
854 background-repeat: repeat-x;
855 background-position: top;
856 padding: 4px 8px 4px 8px;
857 border: 0;
858 border-right: 1px solid #FFFFFF;
860 ul#topmenu li a.tabcaution:hover {
861 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbl_error2.png);
862 text-decoration: none;
865 /* enabled hover/active tabs */
866 a.tabactive {
867 color: #000000;
868 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbl_headerActive.png);
869 background-repeat: repeat-x;
870 background-position: top;
871 background-color: #ffffff;
872 padding: 4px 8px 4px 8px;
873 border: 0;
874 border-right: 1px solid #FFFFFF;
875 border-left: 1px solid #FFFFFF;
876 color: #000000;
879 a.tabactive:hover {
880 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbl_header.png);
881 padding: 4px 8px 4px 8px;
882 color: #FFFFFF;
883 text-decoration: none;
886 a.tab:link, a.tab:active,a.tab:hover, a.tab:visited {
887 padding: 4px 8px 4px 8px;
888 border: 0;
889 border-right: 1px solid #FFFFFF;
890 color: #FFFFFF;
891 text-decoration: none;
894 a.tab:hover,
895 .tabactive {
896 background-color: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
897 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbl_header.png);
898 text-decoration: none;
901 /* disabled drop/empty tabs */
902 span.tab,
903 a.warning,
904 span.tabcaution {
905 cursor: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>error.ico), default;
907 <?php } ?>
908 /* end topmenu */
911 /* Calendar */
912 table.calendar {
913 width: 100%;
915 table.calendar td {
916 text-align: center;
918 table.calendar td a {
919 display: block;
922 table.calendar td a:hover {
923 background-color: #CCFFCC;
926 table.calendar th {
927 background-color: #D3DCE3;
930 table.calendar td.selected {
931 background-color: #FFCC99;
934 img.calendar {
935 border: none;
937 form.clock {
938 text-align: center;
940 /* end Calendar */
943 /* table stats */
944 div#tablestatistics {
945 border-bottom: 0.1em solid #669999;
946 margin-bottom: 0.5em;
947 padding-bottom: 0.5em;
950 div#tablestatistics table {
951 float: <?php echo $left; ?>;
952 margin-bottom: 0.5em;
953 margin-<?php echo $right; ?>: 0.5em;
956 div#tablestatistics table caption {
957 margin-<?php echo $right; ?>: 0.5em;
959 /* END table stats */
962 /* server privileges */
963 #tableuserrights td,
964 #tablespecificuserrights td,
965 #tabledatabases td {
966 vertical-align: middle;
968 /* END server privileges */
972 /* Heading */
973 #serverinfo {
974 font-weight: bold;
975 margin-bottom: 0.5em;
978 #serverinfo .item {
979 white-space: nowrap;
982 #span_table_comment {
983 font-weight: normal;
984 font-style: italic;
985 white-space: nowrap;
988 #serverinfo img {
989 margin: 0 0.1em 0 0.2em;
993 #textSQLDUMP {
994 width: 95%;
995 height: 95%;
996 font-family: "Courier New", Courier, mono;
997 font-size: 110%;
1000 #TooltipContainer {
1001 position: absolute;
1002 z-index: 99;
1003 width: 20em;
1004 height: auto;
1005 overflow: visible;
1006 visibility: hidden;
1007 background-color: #ffffcc;
1008 color: #006600;
1009 border: 0.1em solid #000000;
1010 padding: 0.5em;
1013 /* user privileges */
1014 #fieldset_add_user_login div.item {
1015 border-bottom: 1px solid <?php echo $GLOBALS['cfg']['ThBackground']?>;
1016 padding-bottom: 0.3em;
1017 margin-bottom: 0.3em;
1020 #fieldset_add_user_login label {
1021 float: <?php echo $left; ?>;
1022 display: block;
1023 width: 10em;
1024 max-width: 100%;
1025 text-align: <?php echo $right; ?>;
1026 padding-<?php echo $right; ?>: 0.5em;
1029 #fieldset_add_user_login span.options #select_pred_username,
1030 #fieldset_add_user_login span.options #select_pred_hostname,
1031 #fieldset_add_user_login span.options #select_pred_password {
1032 width: 100%;
1033 max-width: 100%;
1036 #fieldset_add_user_login span.options {
1037 float: <?php echo $left; ?>;
1038 display: block;
1039 width: 12em;
1040 max-width: 100%;
1041 padding-<?php echo $right; ?>: 0.5em;
1044 #fieldset_add_user_login input {
1045 width: 12em;
1046 clear: <?php echo $right; ?>;
1047 max-width: 100%;
1050 #fieldset_add_user_login span.options input {
1051 width: auto;
1054 #fieldset_user_priv div.item {
1055 float: <?php echo $left; ?>;
1056 width: 9em;
1057 max-width: 100%;
1060 #fieldset_user_priv div.item div.item {
1061 float: none;
1064 #fieldset_user_priv div.item label {
1065 white-space: nowrap;
1068 #fieldset_user_priv div.item select {
1069 width: 100%;
1072 #fieldset_user_global_rights fieldset {
1073 float: <?php echo $left; ?>;
1075 /* END user privileges */
1078 /* serverstatus */
1079 div#serverstatus table caption a.top {
1080 float: <?php echo $right; ?>;
1083 div#serverstatus div#serverstatusqueriesdetails table,
1084 div#serverstatus table#serverstatustraffic,
1085 div#serverstatus table#serverstatusconnections {
1086 float: <?php echo $left; ?>;
1089 #serverstatussection,
1090 .clearfloat {
1091 clear: both;
1093 div#serverstatussection table {
1094 width: 100%;
1095 margin-bottom: 1em;
1097 div#serverstatussection table .name {
1098 width: 18em;
1100 div#serverstatussection table .value {
1101 width: 6em;
1104 div#serverstatus table tbody td.descr a,
1105 div#serverstatus table .tblFooters a {
1106 white-space: nowrap;
1108 div#serverstatus div#statuslinks a:before,
1109 div#serverstatus div#sectionlinks a:before,
1110 div#serverstatus table tbody td.descr a:before,
1111 div#serverstatus table .tblFooters a:before {
1112 content: '[';
1114 div#serverstatus div#statuslinks a:after,
1115 div#serverstatus div#sectionlinks a:after,
1116 div#serverstatus table tbody td.descr a:after,
1117 div#serverstatus table .tblFooters a:after {
1118 content: ']';
1120 /* end serverstatus */
1122 /* querywindow */
1123 body#bodyquerywindow {
1124 margin: 0;
1125 padding: 0;
1126 background-image: none;
1127 background-color: #F5F5F5;
1130 div#querywindowcontainer {
1131 margin: 0;
1132 padding: 0;
1133 width: 100%;
1136 div#querywindowcontainer fieldset {
1137 margin-top: 0;
1139 /* END querywindow */
1142 /* querybox */
1144 div#sqlquerycontainer {
1145 float: <?php echo $left; ?>;
1146 width: 69%;
1147 /* height: 15em; */
1150 div#tablefieldscontainer {
1151 float: <?php echo $right; ?>;
1152 width: 29%;
1153 /* height: 15em; */
1156 div#tablefieldscontainer select {
1157 width: 100%;
1158 /* height: 12em; */
1161 textarea#sqlquery {
1162 width: 100%;
1163 /* height: 100%; */
1166 div#queryboxcontainer div#bookmarkoptions {
1167 margin-top: 0.5em;
1169 /* end querybox */
1171 /* main page */
1172 #maincontainer {
1173 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>logo_right.png);
1174 background-position: <?php echo $right; ?> bottom;
1175 background-repeat: no-repeat;
1177 #selflink {
1178 margin-top: 1em;
1179 margin-bottom: 1em;
1180 padding-top: 2px;
1181 width: 100%;
1182 border-top: 0;
1183 text-align: right;
1184 vertical-align: bottom;
1186 div#tablestatistics {
1187 border-bottom: 0;
1189 #queryfieldscontainer {
1190 border: 0;
1192 #mysqlmaininformation h1, #pmamaininformation h1 {
1193 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbl_header.png);
1194 background-position:left top;
1195 background-repeat: repeat-x;
1196 color: #FFFFFF;
1197 text-align: center;
1198 padding: 1px;
1199 margin: 0;
1202 #mysqlmaininformation,
1203 #pmamaininformation {
1204 float: <?php echo $left; ?>;
1205 width: 49%;
1206 border: 1px solid <?php echo $GLOBALS['cfg']['ThBackground']?>;
1207 background-color: #FBFBFF;
1208 margin-top: 5px;
1209 margin-left: 5px;
1210 margin-bottom: 1em;
1213 #maincontainer ul {
1214 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>item_<?php echo $GLOBALS['text_dir']; ?>.png);
1215 vertical-align: middle;
1218 #maincontainer li {
1219 margin-bottom: 0.3em;
1223 #li_select_lang form select {
1224 width: 180px;
1227 li#li_server_info,
1228 li#li_server_info2,
1229 li#li_mysql_proto,
1230 li#li_user_info,
1231 li#li_select_mysql_charset,
1232 li#li_used_php_extension,
1233 li#li_web_server_software,
1234 li#li_mysql_client_version,
1235 li#li_server_info,
1236 li#li_server_version {
1237 color: #888888;
1240 #form_fontsize_selection label {
1241 color: #142F56;
1244 #mysqlmaininformation {
1245 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>mysql_info.jpg);
1246 background-position:right bottom;
1247 background-repeat: no-repeat;
1249 #pmamaininformation {
1250 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pma_info.jpg);
1251 background-position:right bottom;
1252 background-repeat: no-repeat;
1254 div.formelementrow {
1255 border: 0;
1257 /* END main page */
1260 <?php if ($GLOBALS['cfg']['MainPageIconic']) { ?>
1261 /* iconic view for ul items */
1262 li#li_create_database {
1263 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_newdb.png);
1266 li#li_select_lang {
1267 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_lang.png);
1270 li#li_select_mysql_collation,
1271 li#li_select_mysql_charset {
1272 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
1273 color: #1F457E;
1276 li#li_select_theme{
1277 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_theme.png);
1280 li#li_custom_color{
1281 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_color.png);
1284 #myRainbow {
1285 padding-right: 4px;
1288 li#li_server_info,
1289 li#li_server_info2,
1290 li#li_server_version {
1291 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>item_ltr.png);
1292 font-size: 80%;
1295 li#li_user_info{
1296 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>item_ltr.png);
1297 font-size: 80%;
1300 li#li_select_mysql_charset {
1301 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>item_ltr.png);
1302 font-size: 80%;
1305 li#li_mysql_proto{
1306 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>item_ltr.png);
1307 font-size: 80%;
1310 li#li_mysql_status{
1311 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_status.png);
1314 li#li_mysql_variables{
1315 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_vars.png);
1318 li#li_mysql_processes{
1319 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_process.png);
1322 li#li_mysql_collations{
1323 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
1326 li#li_mysql_engines{
1327 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_engine.png);
1330 li#li_mysql_binlogs {
1331 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_tbl.png);
1334 li#li_mysql_databases {
1335 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_db.png);
1338 li#li_export {
1339 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_export.png);
1342 li#li_import {
1343 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_import.png);
1346 li#li_change_password {
1347 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_passwd.png);
1350 li#li_log_out {
1351 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_loggoff.png);
1354 li#li_pma_docs,
1355 li#li_pma_wiki {
1356 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_docs.png);
1359 li#li_phpinfo {
1360 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>php_sym.png);
1363 li#li_pma_homepage {
1364 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_home.png);
1367 li#li_mysql_privilegs{
1368 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png);
1371 li#li_switch_dbstats {
1372 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_dbstatistics.png);
1375 li#li_flush_privileges {
1376 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_reload.png);
1379 li#li_used_php_extension {
1380 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>item_ltr.png);
1381 font-size: 80%;
1382 margin-bottom: 2em;
1385 li#li_pma_version {
1386 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>item_ltr.png);
1389 li#li_web_server_software {
1390 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>item_ltr.png);
1391 font-size: 80%;
1394 li#li_mysql_client_version {
1395 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>item_ltr.png);
1396 font-size: 80%;
1399 li#li_select_server {
1400 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_host.png);
1403 li#li_select_fontsize {
1404 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
1406 /* END iconic view for ul items */
1407 <?php } /* end if $GLOBALS['cfg']['MainPageIconic'] */ ?>
1410 #body_browse_foreigners {
1411 background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1412 margin: 0.5em 0.5em 0 0.5em;
1415 #bodyquerywindow {
1416 background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1419 #bodythemes {
1420 width: 500px;
1421 margin: auto;
1422 text-align: center;
1425 #bodythemes img {
1426 border: 0.1em solid black;
1429 #bodythemes a:hover img {
1430 border: 0.1em solid red;
1433 #fieldset_select_fields {
1434 float: <?php echo $left; ?>;
1437 #selflink {
1438 clear: both;
1439 display: block;
1440 margin-top: 1em;
1441 margin-bottom: 1em;
1442 width: 100%;
1443 border-top: 0.1em solid silver;
1444 text-align: <?php echo $right; ?>;
1447 #table_innodb_bufferpool_usage,
1448 #table_innodb_bufferpool_activity {
1449 float: <?php echo $left; ?>;
1452 #div_mysql_charset_collations table {
1453 float: <?php echo $left; ?>;
1456 #div_table_order {
1457 min-width: 48%;
1458 float: <?php echo $left; ?>;
1461 #div_table_rename {
1462 min-width: 48%;
1463 float: <?php echo $left; ?>;
1466 #div_table_copy,
1467 #div_partition_maintenance,
1468 #div_referential_integrity,
1469 #div_table_maintenance {
1470 min-width: 48%;
1471 float: <?php echo $left; ?>;
1474 #div_table_options {
1475 clear: both;
1476 min-width: 48%;
1477 float: <?php echo $left; ?>;
1480 #qbe_div_table_list {
1481 float: <?php echo $left; ?>;
1484 #qbe_div_sql_query {
1485 float: <?php echo $left; ?>;
1488 label.desc {
1489 width: 30em;
1490 float: <?php echo $left; ?>;
1493 code.sql {
1494 display: block;
1495 padding: 0.3em;
1496 margin-top: 0;
1497 margin-bottom: 0;
1498 border: #79A2DF solid 1px;
1499 border-bottom: 0;
1500 max-height: 10em;
1501 overflow: auto;
1502 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1505 #main_pane_left {
1506 width: 60%;
1507 float: <?php echo $left; ?>;
1508 padding-top: 1em;
1511 #main_pane_right {
1512 margin-<?php echo $left; ?>: 60%;
1513 padding-top: 1em;
1514 padding-<?php echo $left; ?>: 1em;
1517 .group {
1518 border: 1px solid <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
1519 margin-bottom: 1em;
1522 .group h2 {
1523 font-size: 1em;
1524 font-weight: bold;
1525 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbl_header.png);
1526 background-position:left top;
1527 background-repeat: repeat-x;
1528 color: #FFFFFF;
1529 padding: 2px;
1530 margin: 0;
1531 display: block;
1532 border: 1px solid #FBFBFF;
1536 * Progress bar styles
1538 div.upload_progress_bar_outer
1540 border: 1px solid black;
1541 width: 202px;
1544 div.upload_progress_bar_inner
1546 background-color: <?php echo (isset($_SESSION['userconf']['custom_color']) ? $_SESSION['userconf']['custom_color'] : $GLOBALS['cfg']['NaviBackground']); ?>;
1547 width: 0px;
1548 height: 12px;
1549 margin: 1px;
1552 table#serverconnection_src_remote,
1553 table#serverconnection_trg_remote,
1554 table#serverconnection_src_local,
1555 table#serverconnection_trg_local {
1556 float:left;