Updated background color from #333 (dark bg on dark text) to #f3f3f3 (light bg with...
[phpmyadmin/last10db.git] / themes / pmahomme / css / theme_right.css.php
blob21a0bfcc557fd087bd6b5c85947876771e3caa45
1 <?php
2 /* vim: set expandtab sw=4 ts=4 sts=4: */
3 /**
4 * main css file from theme Original
6 * @package phpMyAdmin-theme
7 * @subpackage Original
8 */
10 // unplanned execution path
11 if (!defined('PMA_MINIMUM_COMMON')) {
12 exit();
15 /******************************************************************************/
16 /* general tags */
17 html {
18 font-size: <?php echo (null !== $GLOBALS['PMA_Config']->get('fontsize') ? $GLOBALS['PMA_Config']->get('fontsize') : (
19 isset($_COOKIE['pma_fontsize']) ? $_COOKIE['pma_fontsize'] : '82%'));?>;
22 input, select, textarea {
23 font-size: 1em;
27 body {
28 <?php if (! empty($GLOBALS['cfg']['FontFamily'])) { ?>
29 font-family: <?php echo $GLOBALS['cfg']['FontFamily']; ?>;
30 <?php } ?>
31 padding: 0;
32 margin: 0.5em;
33 color: #444;
34 background: #fff;
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: 2em;
49 font-weight: normal;
50 text-shadow: 0px 1px 0px #fff;
51 padding: 10px 0 10px 3px;
52 color: #777;
54 /* Hiding icons in the page titles */
55 h2 img{display:none;}
56 h2 a img{display:inline;}
59 .data{
60 width:100%;
61 margin: 0 0 12px 0;
65 h3 {
66 font-weight: bold;
69 a, a:link,
70 a:visited,
71 a:active {
72 text-decoration: none;
73 color: #235a81;
74 cursor: pointer;
75 outline: none;
79 a:hover {
80 text-decoration: underline;
81 color: #235a81;
84 #initials_table {
85 background:#f3f3f3;
86 border:1px solid #aaa;
87 margin-bottom:10px;
88 -moz-border-radius:5px;
89 -webkit-border-radius:5px;
90 border-radius:5px;
92 #initials_table a {
93 border:1px solid #aaa;
94 background:#fff;
95 padding:4px 8px;
96 -moz-border-radius:5px;
97 -webkit-border-radius:5px;
98 border-radius:5px;
99 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
100 background: -moz-linear-gradient(top, #ffffff, #cccccc);
101 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
104 dfn {
105 font-style: normal;
108 dfn:hover {
109 font-style: normal;
110 cursor: help;
113 th {
114 font-weight: bold;
115 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
116 background: #f3f3f3;
117 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
118 background: -moz-linear-gradient(top, #ffffff, #cccccc);
119 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
124 a img {
125 border: 0;
128 hr {
129 color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
130 background-color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
131 border: 0;
132 height: 1px;
135 form {
136 padding: 0;
137 margin: 0;
138 display: inline;
141 input[type=text]{
142 border-radius:2px;
143 -moz-border-radius:2px;
144 -webkit-border-radius:2px;
146 box-shadow:0 1px 2px #ddd;
147 -moz-box-shadow:0 1px 2px #ddd;
148 -webkit-box-shadow:0 1px 2px #ddd;
150 background:url(./themes/pmahomme/img/input_bg.gif);
151 border:1px solid #aaa;
152 color:#555555;
153 padding:4px;
154 margin:6px;
158 input[type=password]{
159 border-radius:2px;
160 -moz-border-radius:2px;
161 -webkit-border-radius:2px;
163 box-shadow:0 1px 2px #ddd;
164 -moz-box-shadow:0 1px 2px #ddd;
165 -webkit-box-shadow:0 1px 2px #ddd;
167 background:url(./themes/pmahomme/img/input_bg.gif);
168 border:1px solid #aaa;
169 color:#555555;
170 padding:4px;
171 margin:6px;
175 input[type=submit]{
176 font-weight:bold;
177 margin-left:14px;
178 border: 1px solid #aaa;
179 padding: 3px 7px;
180 color: #111;
181 text-decoration: none;
182 background: #ddd;
184 border-radius: 12px;
185 -webkit-border-radius: 12px;
186 -moz-border-radius: 12px;
188 text-shadow: 0px 1px 0px #fff;
190 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
191 background: -moz-linear-gradient(top, #ffffff, #cccccc);
192 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
195 input[type=submit]:hover{ position: relative;
196 background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
197 background: -moz-linear-gradient(top, #cccccc, #dddddd);
198 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#dddddd');
199 cursor:pointer;
202 input[type=submit]:active{ position: relative;
203 top: 1px;
204 left: 1px;
206 textarea {
207 overflow: visible;
208 height: <?php echo ceil($GLOBALS['cfg']['TextareaRows'] * 1.2); ?>em;
211 fieldset {
212 margin-top: 1em;
213 border-radius:4px 4px 0 0;
214 -moz-border-radius:4px 4px 0 0;
215 -webkit-border-radius:4px 4px 0 0;
216 padding:5px;
217 border: #aaa solid 1px;
218 padding: 1.5em;
219 background: #eee;
220 text-shadow:0 1px 0 #fff;
221 -moz-box-shadow: 1px 1px 2px #fff inset;
222 -webkit-box-shadow: 1px 1px 2px #fff inset;
223 box-shadow: 1px 1px 2px #fff inset;
226 fieldset fieldset {
227 margin: 0.8em;
228 background:#fff;
229 border:1px solid #aaa;
230 background:none repeat scroll 0 0 #E8E8E8;
234 fieldset legend {
235 font-weight: bold;
236 color: #444;
237 padding:5px 10px;
238 border-radius:2px;
239 -moz-border-radius:2px;
240 -webkit-border-radius:2px;
241 border:1px solid #aaa;
242 background-color: #fff;
243 -moz-box-shadow:3px 3px 15px #bbb;
244 -webkit-box-shadow:3px 3px 15px #bbb;
245 box-shadow:3px 3px 15px #bbb;
248 /* buttons in some browsers (eg. Konqueror) are block elements,
249 this breaks design */
250 button {
251 display: inline;
254 table caption,
255 table th,
256 table td {
257 padding: 0.5em;
258 margin: 0.1em;
259 vertical-align: top;
260 text-shadow:0 1px 0 #FFFFFF;
263 /* 3.4 */
264 table{border-collapse:collapse;}
265 th{border-right:1px solid #fff; text-align:left;}
268 img,
269 input,
270 select,
271 button {
272 vertical-align: middle;
275 select{
276 -moz-border-radius:2px;
277 -webkit-border-radius:2px;
278 border-radius:2px;
280 -moz-box-shadow:0 1px 2px #ddd;
281 -webkit-box-shadow:0 1px 2px #ddd;
282 box-shadow:0 1px 2px #ddd;
284 border:1px solid #aaa;
285 color:#333333;
286 padding:3px;
287 background:url(./themes/pmahomme/img/input_bg.gif)
290 /******************************************************************************/
291 /* classes */
292 div.tools {
293 /* border: 1px solid #000000; */
294 padding: 0.2em;
297 div.tools a{color:#3a7ead !important;}
299 div.tools,
300 fieldset.tblFooters {
301 margin-top: 0;
302 margin-bottom: 0.5em;
303 /* avoid a thick line since this should be used under another fieldset */
304 border-top: 0;
305 text-align: <?php echo $right; ?>;
306 float: none;
307 clear: both;
308 -webkit-border-radius:0 0 4px 4px;
309 -moz-border-radius:0 0 4px 4px;
310 border-radius: 0 0 4px 5px;
313 div.null_div {
314 height: 20px;
315 text-align: center;
316 font-style:normal;
317 min-width:50px;
320 fieldset .formelement {
321 float: <?php echo $left; ?>;
322 margin-<?php echo $right; ?>: 0.5em;
323 /* IE */
324 white-space: nowrap;
327 /* revert for Gecko */
328 fieldset div[class=formelement] {
329 white-space: normal;
332 button.mult_submit {
333 border: none;
334 background-color: transparent;
337 /* odd items 1,3,5,7,... */
338 table tr.odd th,
339 .odd {
340 background: #fff;
343 /* even items 2,4,6,8,... */
344 table tr.even th,
345 .even {
346 background: #f3f3f3;
349 /* odd table rows 1,3,5,7,... */
350 table tr.odd th,
351 table tr.odd,
352 table tr.even th,
353 table tr.even {
354 text-align: <?php echo $left; ?>;
357 <?php if ($GLOBALS['cfg']['BrowseMarkerEnable']) { ?>
358 /* marked table rows */
359 td.marked,
360 table tr.marked th,
361 table tr.marked {
362 background: url(./themes/pmahomme/img/marked_bg.png) repeat-x #b6c6d7;
363 color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
365 <?php } ?>
367 <?php if ($GLOBALS['cfg']['BrowsePointerEnable']) { ?>
368 /* hovered items */
369 .odd:hover,
370 .even:hover,
371 .hover,
372 .structure_actions_dropdown {
373 background: url(./themes/pmahomme/img/marked_bg.png) repeat-x #b6c6d7; /* 3.4 */
374 color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
377 /* hovered table rows */
378 table tr.odd:hover th,
379 table tr.even:hover th,
380 table tr.hover th {
381 background: url(./themes/pmahomme/img/marked_bg.png) repeat-x #b6c6d7; /* 3.4 */
382 color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
384 <?php } ?>
387 * marks table rows/cells if the db field is in a where condition
389 tr.condition th,
390 tr.condition td,
391 td.condition,
392 th.condition {
393 border: 1px solid <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
397 * cells with the value NULL
399 td.null {
400 font-style: italic;
401 text-align: <?php echo $right; ?>;
404 table .value {
405 text-align: <?php echo $right; ?>;
406 white-space: normal;
408 /* IE doesnt handles 'pre' right */
409 table [class=value] {
410 white-space: normal;
414 <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
415 .value {
416 font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
418 <?php } ?>
419 .value .attention {
420 color: red;
421 font-weight: bold;
423 .value .allfine {
424 color: green;
428 img.lightbulb {
429 cursor: pointer;
432 .pdflayout {
433 overflow: hidden;
434 clip: inherit;
435 background-color: #FFFFFF;
436 display: none;
437 border: 1px solid #000000;
438 position: relative;
441 .pdflayout_table {
442 background: #D3DCE3;
443 color: #000000;
444 overflow: hidden;
445 clip: inherit;
446 z-index: 2;
447 display: inline;
448 visibility: inherit;
449 cursor: move;
450 position: absolute;
451 font-size: 80%;
452 border: 1px dashed #000000;
455 /* MySQL Parser */
456 .syntax {
457 font-family: Verdan, Arial, Tahoma;
458 font-size: 110%;
461 .syntax a {
462 text-decoration: none;
463 border-bottom:1px dotted black;
466 .syntax_comment {
467 padding-left: 4pt;
468 padding-right: 4pt;
471 .syntax_digit {
474 .syntax_digit_hex {
477 .syntax_digit_integer {
480 .syntax_digit_float {
483 .syntax_punct {
486 .syntax_alpha {
489 .syntax_alpha_columnType {
490 text-transform: uppercase;
493 .syntax_alpha_columnAttrib {
494 text-transform: uppercase;
497 .syntax_alpha_reservedWord {
498 text-transform: uppercase;
499 font-weight: bold;
502 .syntax_alpha_functionName {
503 text-transform: uppercase;
506 .syntax_alpha_identifier {
509 .syntax_alpha_charset {
512 .syntax_alpha_variable {
515 .syntax_quote {
516 white-space: pre;
519 .syntax_quote_backtick {
522 /* leave some space between icons and text */
523 .icon, img.footnotemarker {
524 vertical-align: -3px;
525 margin-right: 0.3em;
526 margin-left: 0.3em;
529 img.footnotemarker {
530 display: none;
533 /* no extra space in table cells */
534 td .icon {
535 margin: 0;
538 .selectallarrow {
539 margin-<?php echo $right; ?>: 0.3em;
540 margin-<?php echo $left; ?>: 0.6em;
543 /* message boxes: warning, error, confirmation */
544 .success h1,
545 .notice h1,
546 .warning h1,
547 div.error h1 {
548 border-bottom: 2px solid;
549 font-weight: bold;
550 text-align: <?php echo $left; ?>;
551 margin: 0 0 0.2em 0;
554 div.success,
555 div.notice,
556 div.warning,
557 div.error,
558 div.footnotes {
559 margin: 0.5em 0 1.3em 0;
560 border: 1px solid;
561 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
562 background-repeat: no-repeat;
563 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
564 background-position: 10px 50%;
565 padding: 10px 10px 10px 25px;
566 <?php } else { ?>
567 background-position: 99% 50%;
568 padding: 25px 10px 10px 10px
569 <?php } ?>
570 <?php } else { ?>
571 padding: 0.3em;
572 <?php } ?>
573 -moz-border-radius:5px;
574 -webkit-border-radius:5px;
575 border-radius:5px;
576 -moz-box-shadow: 0px 1px 2px #fff inset;
577 -webkit-box-shadow: 0px 1px 2px #fff inset;
580 .success {
581 color: #000000;
582 background-color: #ebf8a4;
584 h1.success,
585 div.success {
586 border-color: #a2d246;
587 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
588 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_success.png);
589 background-repeat: no-repeat;
590 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
591 background-position: 5px 50%;
592 <?php } else { ?>
593 background-position: 97% 50%;
594 <?php } ?>
595 <?php } ?>
597 .success h1 {
598 border-color: #00FF00;
601 .notice, .footnotes {
602 color: #000000;
603 background-color: #ffeda4;
605 h1.notice,
606 div.notice,
607 div.footnotes {
608 border-color: #eccf5b;
609 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
610 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_notice.png);
611 background-repeat: no-repeat;
612 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
613 background-position: 5px 50%;
614 <?php } else { ?>
615 background-position: 97% 50%;
616 <?php } ?>
617 <?php } ?>
619 .notice h1 {
620 border-color: #ffb10a;
623 .warning {
624 color: #000;
625 background:url(./themes/pmahomme/img/tab_warning_bg.png) 50% 0% #f2baba;
627 p.warning,
628 h1.warning,
629 div.warning {
630 border-color: #e0a1a1;
631 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
632 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_warn.png);
633 background-repeat: no-repeat;
634 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
635 background-position: 5px 50%;
636 <?php } else { ?>
637 background-position: 97% 50%;
638 <?php } ?>
639 <?php } ?>
641 .warning h1 {
642 border-color: #cc0000;
645 .error {
646 border:1px solid maroon !important;
647 color: #fff;
648 background:url(./themes/pmahomme/img/tab_warning_bg.png) 50% 0% #e97777;
651 h1.error,
652 div.error {
653 border-color: #333;
654 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
655 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_error.png);
656 background-repeat: no-repeat;
657 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
658 background-position: 5px 50%;
659 <?php } else { ?>
660 background-position: 97% 50%;
661 <?php } ?>
662 <?php } ?>
664 div.error h1 {
665 border-color: #ff0000;
668 .confirmation {
669 color: #000000;
670 background-color: pink;
672 fieldset.confirmation {
675 fieldset.confirmation legend {
678 /* end messageboxes */
681 .tblcomment {
682 font-size: 70%;
683 font-weight: normal;
684 color: #000099;
687 .tblHeaders {
688 font-weight: bold;
689 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
690 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
693 div.tools,
694 .tblFooters {
695 font-weight: normal;
696 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
697 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
700 .tblHeaders a:link,
701 .tblHeaders a:active,
702 .tblHeaders a:visited,
703 div.tools a:link,
704 div.tools a:visited,
705 div.tools a:active,
706 .tblFooters a:link,
707 .tblFooters a:active,
708 .tblFooters a:visited {
709 color: #0000FF;
712 .tblHeaders a:hover,
713 div.tools a:hover,
714 .tblFooters a:hover {
715 color: #FF0000;
718 /* forbidden, no privilegs */
719 .noPrivileges {
720 color: #FF0000;
721 font-weight: bold;
724 /* disabled text */
725 .disabled,
726 .disabled a:link,
727 .disabled a:active,
728 .disabled a:visited {
729 color: #666666;
732 .disabled a:hover {
733 color: #666666;
734 text-decoration: none;
737 tr.disabled td,
738 td.disabled {
739 background-color: #f3f3f3;
740 color:#aaa;
743 .nowrap {
744 white-space: nowrap;
748 * login form
750 body.loginform h1,
751 body.loginform a.logo {
752 display: block;
753 text-align: center;
756 body.loginform {
757 text-align: center;
760 body.loginform div.container {
761 text-align: <?php echo $left; ?>;
762 width: 30em;
763 margin: 0 auto;
766 form.login label {
767 float: <?php echo $left; ?>;
768 width: 10em;
769 font-weight: bolder;
772 .commented_column {
773 border-bottom: 1px dashed black;
776 .column_attribute {
777 font-size: 70%;
780 /******************************************************************************/
781 /* specific elements */
783 /* topmenu */
784 #topmenu a {text-shadow:0px 1px 0px #fff;}
786 ul#topmenu, ul#topmenu2, ul.tabs {
787 font-weight: bold;
788 list-style-type: none;
789 margin: 0;
790 padding: 0;
794 ul#topmenu2 {
795 margin: 0.25em 0.5em 0;
796 height: 2em;
797 clear: both;
800 ul#topmenu li, ul#topmenu2 li {
801 float: <?php echo $left; ?>;
802 margin: 0;
803 vertical-align: middle;
806 #topmenu img, #topmenu2 img {
807 margin-right:0.5em;
808 vertical-align:-3px;
811 #topmenucontainer{background:url(./themes/pmahomme/img/tab_bg.png) repeat-x; border-top:1px solid #aaa;}
813 /* default tab styles */
814 .tabactive {
815 background:#fff !important;
818 ul#topmenu a, ul#topmenu span {
819 display: block;
820 margin: 0px;
821 padding: 0px;
822 white-space: nowrap;
825 ul#topmenu ul a {
826 margin: 0;
830 ul#topmenu .submenu {
831 display: none;
832 position: relative;
835 ul#topmenu .shown {
836 display: inline-block;
839 ul#topmenu ul {
840 margin: 0;
841 padding: 0;
842 position: absolute;
843 right: 0;
844 list-style-type: none;
845 display: none;
846 border: 1px #ddd solid;
849 ul#topmenu li:hover {
850 background:url(./themes/pmahomme/img/tab_hover_bg.png) repeat-x 50% 0%!important;
853 ul#topmenu li:hover ul, ul#topmenu .submenuhover ul {
854 display: block;
855 font-weight:3em;
856 background:#fff;
860 ul#topmenu ul li {
861 width: 100%;
864 ul#topmenu2 a {
865 display: block;
866 margin: 7px 6px 7px 0px;
867 padding: 4px 10px;
868 white-space: nowrap;
869 border:1px solid #ddd;
870 border-radius: 20px;
871 -moz-border-radius: 20px;
872 -webkit-border-radius: 20px;
873 background:#f2f2f2;
877 /* disabled tabs */
878 ul#topmenu span.tab {
879 color: #666666;
882 /* disabled drop/empty tabs */
883 ul#topmenu span.tabcaution {
884 color: #ff6666;
887 /* enabled drop/empty tabs */
888 ul#topmenu a.tabcaution {
889 color: #FF0000;
891 ul#topmenu a.tabcaution:hover {
892 color: #FFFFFF;
893 background-color: #FF0000;
895 fieldset.caution a {
896 color: #FF0000;
898 fieldset.caution a:hover {
899 color: #ffffff;
900 background-color: #FF0000;
903 <?php if ($GLOBALS['cfg']['LightTabs']) { ?>
904 /* active tab */
905 ul#topmenu a.tabactive, ul#topmenu2 a.tabactive {
906 color: black;
909 ul#topmenu ul {
910 background: <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
912 <?php } else { ?>
913 #topmenu {
914 margin-top: 0.5em;
915 padding: 0.1em 0.3em 0.1em 0.3em;
918 ul#topmenu ul {
919 -moz-box-shadow: 1px 1px 6px #ddd;
920 -webkit-box-shadow: 2px 2px 3px #666;
921 box-shadow: 2px 2px 3px #666;
924 ul#topmenu > li {
925 border-right: 1px solid #fff;
926 border-left: 1px solid #ccc;
929 /* default tab styles */
930 ul#topmenu a, ul#topmenu span {
931 padding:10px;
934 ul#topmenu ul a {
935 border-width: 1pt 0 0 0;
936 -moz-border-radius: 0;
937 -webkit-border-radius: 0;
938 border-radius: 0;
942 ul#topmenu ul li:first-child a {
943 border-width: 0;
947 /* enabled hover/active tabs */
948 ul#topmenu > li > a:hover,
949 ul#topmenu > li > .tabactive {
950 text-decoration: none;
953 ul#topmenu ul a:hover,
954 ul#topmenu ul .tabactive {
955 text-decoration: none;
958 ul#topmenu a.tab:hover,
959 ul#topmenu .tabactive {
960 /* background-color: <?php echo $GLOBALS['cfg']['MainBackground']; ?>; */
963 ul#topmenu2 a.tab:hover,
964 ul#topmenu2 a.tabactive {
965 background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
966 border-radius: 0.3em;
967 -moz-border-radius: 0.3em;
968 -webkit-border-radius: 0.3em;
969 text-decoration: none;
972 /* to be able to cancel the bottom border, use <li class="active"> */
973 ul#topmenu > li.active {
974 /* border-bottom: 0pt solid <?php echo $GLOBALS['cfg']['MainBackground']; ?>; */
975 border-right:0px;
978 /* disabled drop/empty tabs */
979 ul#topmenu span.tab,
980 a.warning,
981 ul#topmenu span.tabcaution {
982 cursor: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>error.ico), default;
984 <?php } ?>
985 /* end topmenu */
988 /* Calendar */
989 table.calendar {
990 width: 100%;
992 table.calendar td {
993 text-align: center;
995 table.calendar td a {
996 display: block;
999 table.calendar td a:hover {
1000 background-color: #CCFFCC;
1003 table.calendar th {
1004 background-color: #D3DCE3;
1007 table.calendar td.selected {
1008 background-color: #FFCC99;
1011 img.calendar {
1012 border: none;
1014 form.clock {
1015 text-align: center;
1017 /* end Calendar */
1020 /* table stats */
1021 div#tablestatistics {
1022 border-bottom: 0.1em solid #669999;
1023 margin-bottom: 0.5em;
1024 padding-bottom: 0.5em;
1027 div#tablestatistics table {
1028 float: <?php echo $left; ?>;
1029 margin-bottom: 0.5em;
1030 margin-<?php echo $right; ?>: 0.5em;
1031 width:99%;
1034 div#tablestatistics table caption {
1035 margin-<?php echo $right; ?>: 0.5em;
1037 /* END table stats */
1040 /* server privileges */
1041 #tableuserrights td,
1042 #tablespecificuserrights td,
1043 #tabledatabases td {
1044 vertical-align: middle;
1046 /* END server privileges */
1050 /* Heading */
1051 #serverinfo {
1052 border-bottom:1px solid #fff;
1053 -moz-border-radius: 4px 4px 0 0;
1054 -webkit-border-radius: 4px 4px 0 0;
1055 border-radius:4px 4px 0 0;
1056 background:#888;
1057 padding:10px;
1058 text-shadow:0 1px 0 #000000;
1061 #serverinfo .item {
1062 white-space: nowrap;
1063 color:#fff;
1066 #span_table_comment {
1067 font-weight: normal;
1068 font-style: italic;
1069 white-space: nowrap;
1072 #serverinfo img {
1073 margin: 0 0.1em 0 0.2em;
1077 #textSQLDUMP {
1078 width: 95%;
1079 height: 95%;
1080 font-family: "Courier New", Courier, mono;
1081 font-size: 110%;
1084 #TooltipContainer {
1085 position: absolute;
1086 z-index: 99;
1087 width: 20em;
1088 height: auto;
1089 overflow: visible;
1090 visibility: hidden;
1091 background-color: #ffffcc;
1092 color: #006600;
1093 border: 0.1em solid #000000;
1094 padding: 0.5em;
1097 /* user privileges */
1098 #fieldset_add_user_login div.item {
1099 border-bottom: 1px solid silver;
1100 padding-bottom: 0.3em;
1101 margin-bottom: 0.3em;
1104 #fieldset_add_user_login label {
1105 float: <?php echo $left; ?>;
1106 display: block;
1107 width: 10em;
1108 max-width: 100%;
1109 text-align: <?php echo $right; ?>;
1110 padding-<?php echo $right; ?>: 0.5em;
1113 #fieldset_add_user_login span.options #select_pred_username,
1114 #fieldset_add_user_login span.options #select_pred_hostname,
1115 #fieldset_add_user_login span.options #select_pred_password {
1116 width: 100%;
1117 max-width: 100%;
1120 #fieldset_add_user_login span.options {
1121 float: <?php echo $left; ?>;
1122 display: block;
1123 width: 12em;
1124 max-width: 100%;
1125 padding-<?php echo $right; ?>: 0.5em;
1128 #fieldset_add_user_login input {
1129 width: 12em;
1130 clear: <?php echo $right; ?>;
1131 max-width: 100%;
1134 #fieldset_add_user_login span.options input {
1135 width: auto;
1138 #fieldset_user_priv div.item {
1139 float: <?php echo $left; ?>;
1140 width: 9em;
1141 max-width: 100%;
1144 #fieldset_user_priv div.item div.item {
1145 float: none;
1148 #fieldset_user_priv div.item label {
1149 white-space: nowrap;
1152 #fieldset_user_priv div.item select {
1153 width: 100%;
1156 #fieldset_user_global_rights fieldset {
1157 float: <?php echo $left; ?>;
1159 /* END user privileges */
1162 /* serverstatus */
1163 div#serverstatus table caption a.top {
1164 float: <?php echo $right; ?>;
1167 div#serverstatus div#serverstatusqueriesdetails table,
1168 div#serverstatus table#serverstatustraffic,
1169 div#serverstatus table#serverstatusconnections {
1170 float: <?php echo $left; ?>;
1173 #serverstatussection,
1174 .clearfloat {
1175 clear: both;
1177 div#serverstatussection table {
1178 width: 100%;
1179 margin-bottom: 1em;
1181 div#serverstatussection table .name {
1182 width: 18em;
1184 div#serverstatussection table .value {
1185 width: 6em;
1188 div#serverstatus table tbody td.descr a,
1189 div#serverstatus table .tblFooters a {
1190 white-space: nowrap;
1192 div#serverstatus div#statuslinks a:before,
1193 div#serverstatus div#sectionlinks a:before,
1194 div#serverstatus table tbody td.descr a:before,
1195 div#serverstatus table .tblFooters a:before {
1197 div#serverstatus div#statuslinks a:after,
1198 div#serverstatus div#sectionlinks a:after,
1199 div#serverstatus table tbody td.descr a:after,
1200 div#serverstatus table .tblFooters a:after {
1202 /* end serverstatus */
1204 /* querywindow */
1205 body#bodyquerywindow {
1206 margin: 0;
1207 padding: 0;
1208 background-image: none;
1209 background-color: #F5F5F5;
1212 div#querywindowcontainer {
1213 margin: 0;
1214 padding: 0;
1215 width: 100%;
1218 div#querywindowcontainer fieldset {
1219 margin-top: 0;
1221 /* END querywindow */
1224 /* querybox */
1226 #togglequerybox{margin:0 10px}
1228 #serverstatus p {
1230 margin: 1.5em 0px;
1231 border: 1px solid #000;
1232 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
1233 background-repeat: no-repeat;
1234 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
1235 background-position: 10px 50%;
1236 padding: 10px 10px 10px 25px;
1237 <?php } else { ?>
1238 background-position: 99% 50%;
1239 padding: 25px 10px 10px 10px
1240 <?php } ?>
1241 <?php } else { ?>
1242 padding: 0.3em;
1243 <?php } ?>
1244 -moz-border-radius:5px;
1245 -webkit-border-radius:5px;
1246 border-radius:5px;
1247 -moz-box-shadow: 0px 1px 2px #fff inset;
1248 -webkit-box-shadow: 0px 1px 2px #fff inset;
1249 box-shadow:0px 1px 2px #fff; inset;
1250 background:#555;
1251 color:#d4fb6a;
1253 #serverstatus p a{color:#fff;text-decoration:underline;}
1254 #serverstatus h3
1256 margin:35px 0px;font-weight:normal;color:#999;font-size:1.7em;
1258 #sectionlinks{
1259 padding:16px;
1260 background:#f3f3f3;
1261 border:1px solid #aaa;
1262 border-radius:5px;
1263 -webkit-border-radius:5px;
1264 -moz-border-radius:5px;
1266 box-shadow:0px 1px 1px #fff inset;
1267 -webkit-box-shadow:0px 1px 1px #fff inset;
1268 -moz-box-shadow:0px 1px 1px #fff inset;
1271 #sectionlinks a, #statuslinks a{
1272 font-size:0.88em;
1273 font-weight:bold;
1274 text-shadow: 0px 1px 0px #fff;
1275 line-height:35px;
1276 margin-left:7px;
1277 border: 1px solid #aaa;
1278 padding: 5px 10px;
1279 color: #111;
1280 text-decoration: none;
1281 background: #ddd;
1282 border-radius: 20px;
1283 -webkit-border-radius: 20px;
1284 -moz-border-radius: 20px;
1285 box-shadow: 1px 1px 2px rgba(0,0,0,.5);
1287 -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
1288 -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
1289 text-shadow: #fff 0px 1px 0px;
1291 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
1292 background: -moz-linear-gradient(top, #ffffff, #cccccc);
1293 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
1295 #sectionlinks a:hover, #statuslinks a:hover{
1296 background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
1297 background: -moz-linear-gradient(top, #cccccc, #dddddd);
1298 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#dddddd');
1301 div#sqlquerycontainer {
1302 float: <?php echo $left; ?>;
1303 width: 69%;
1304 /* height: 15em; */
1307 div#tablefieldscontainer {
1308 float: <?php echo $right; ?>;
1309 width: 29%;
1310 /* height: 15em; */
1313 div#tablefieldscontainer select {
1314 width: 100%;
1315 background:#fff;
1316 /* height: 12em; */
1319 textarea#sqlquery {
1320 width: 100%;
1321 /* height: 100%; */
1322 -moz-border-radius:4px;
1323 -webkit-border-radius:4px;
1324 border-raduis:4px
1325 border:1px solid #aaa;
1326 padding:5px;
1327 font-family:inherit;
1329 textarea#sql_query_edit{
1330 height:7em;
1331 width: 95%;
1332 display:block;
1334 div#queryboxcontainer div#bookmarkoptions {
1335 margin-top: 0.5em;
1337 /* end querybox */
1339 /* main page */
1340 #maincontainer {
1341 /* background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>logo_right.png); */
1342 /* background-position: <?php echo $right; ?> bottom; */
1343 /* background-repeat: no-repeat; */
1346 #mysqlmaininformation,
1347 #pmamaininformation {
1348 float: <?php echo $left; ?>;
1349 width: 49%;
1352 #maincontainer ul {
1353 list-style-type: disc;
1354 vertical-align: middle;
1357 #maincontainer li {
1358 margin-bottom: 0.3em;
1360 /* END main page */
1363 <?php if ($GLOBALS['cfg']['MainPageIconic']) { ?>
1364 /* iconic view for ul items */
1365 li#li_create_database {
1366 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_newdb.png);
1369 li#li_select_lang {
1370 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_lang.png);
1373 li#li_select_mysql_collation {
1374 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
1377 li#li_select_theme{
1378 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_theme.png);
1381 li#li_user_info{
1382 /* list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png); */
1385 li#li_mysql_status{
1386 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_status.png);
1389 li#li_mysql_variables{
1390 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_vars.png);
1393 li#li_mysql_processes{
1394 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_process.png);
1397 li#li_mysql_collations{
1398 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
1401 li#li_mysql_engines{
1402 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_engine.png);
1405 li#li_mysql_binlogs {
1406 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_tbl.png);
1409 li#li_mysql_databases {
1410 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_db.png);
1413 li#li_export {
1414 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_export.png);
1417 li#li_import {
1418 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_import.png);
1421 li#li_change_password {
1422 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_passwd.png);
1425 li#li_log_out {
1426 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_loggoff.png);
1429 li#li_mysql_privilegs{
1430 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png);
1433 li#li_switch_dbstats {
1434 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_dbstatistics.png);
1437 li#li_flush_privileges {
1438 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_reload.png);
1441 li#li_user_preferences {
1442 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_tblops.png);
1444 /* END iconic view for ul items */
1445 <?php } /* end if $GLOBALS['cfg']['MainPageIconic'] */ ?>
1448 #body_browse_foreigners {
1449 background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1450 margin: 0.5em 0.5em 0 0.5em;
1453 #bodyquerywindow {
1454 background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1457 #bodythemes {
1458 width: 500px;
1459 margin: auto;
1460 text-align: center;
1463 #bodythemes img {
1464 border: 0.1em solid black;
1467 #bodythemes a:hover img {
1468 border: 0.1em solid red;
1471 #fieldset_select_fields {
1472 float: <?php echo $left; ?>;
1475 #selflink {
1476 clear: both;
1477 display: block;
1478 margin-top: 1em;
1479 margin-bottom: 1em;
1480 background:#f3f3f3;
1481 width: 100%;
1482 border-top: 0.1em solid silver;
1483 text-align: <?php echo $right; ?>;
1488 #table_innodb_bufferpool_usage,
1489 #table_innodb_bufferpool_activity {
1490 float: <?php echo $left; ?>;
1493 #div_mysql_charset_collations table {
1494 float: <?php echo $left; ?>;
1497 #div_table_order {
1498 min-width: 48%;
1499 float: <?php echo $left; ?>;
1502 #div_table_rename {
1503 min-width: 48%;
1504 float: <?php echo $left; ?>;
1507 #div_table_copy,
1508 #div_partition_maintenance,
1509 #div_referential_integrity,
1510 #div_table_removal,
1511 #div_table_maintenance {
1512 min-width: 48%;
1513 float: <?php echo $left; ?>;
1516 #div_table_options {
1517 clear: both;
1518 min-width: 48%;
1519 float: <?php echo $left; ?>;
1522 #qbe_div_table_list {
1523 float: <?php echo $left; ?>;
1526 #qbe_div_sql_query {
1527 float: <?php echo $left; ?>;
1530 label.desc {
1531 width: 30em;
1532 float: <?php echo $left; ?>;
1535 label.desc sup {
1536 position: absolute;
1539 code.sql, div.sqlvalidate {
1540 display: block;
1541 padding: 1em;
1542 margin-top: 0;
1543 margin-bottom: 0;
1544 border-top: 0;
1545 border-bottom: 0;
1546 max-height: 10em;
1547 overflow: auto;
1548 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1551 #main_pane_left {
1552 width: 60%;
1553 float: <?php echo $left; ?>;
1554 padding-top: 1em;
1557 #main_pane_right {
1558 margin-<?php echo $left; ?>: 60%;
1559 padding-top: 1em;
1560 padding-<?php echo $left; ?>: 1em;
1563 .group {
1565 border:1px solid #999;
1566 background:#f3f3f3;
1567 -moz-border-radius:4px;
1568 -webkit-border-radius:4px;
1569 border-radius:4px;
1570 -moz-box-shadow:2px 2px 5px #ccc;
1571 -webkit-box-shadow:2px 2px 5px #ccc;
1572 box-shadow:3px 3px 10px #ddd;
1573 margin-bottom: 1em;
1574 padding-bottom: 1em;
1577 .group h2 {
1578 background-color: #bbb;
1579 padding: 0.1em 0.3em;
1580 margin-top: 0;
1581 color:#fff;
1582 font-size:1.6em;
1583 font-weight:normal;
1584 text-shadow:0 1px 0 #777;
1585 -moz-box-shadow: 1px 1px 15px #999 inset;
1586 -webkit-box-shadow: 1px 1px 15px #999 inset;
1587 box-shadow: 1px 1px 15px #999 inset;
1590 .group-cnt {
1591 padding: 0 0 0 0.5em;
1592 display: inline-block;
1593 width: 98%;
1596 /* for elements that should be revealed only via js */
1597 .hide {
1598 display: none;
1601 #li_select_server {
1602 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_host.png);
1605 #list_server {
1606 list-style-image: none;
1610 * Progress bar styles
1612 div.upload_progress_bar_outer
1614 border: 1px solid black;
1615 width: 202px;
1618 div.upload_progress_bar_inner
1620 background-color: <?php echo (isset($_SESSION['userconf']['custom_color']) ? $_SESSION['userconf']['custom_color'] : $GLOBALS['cfg']['NaviBackground']); ?>;
1621 width: 0px;
1622 height: 12px;
1623 margin: 1px;
1626 table#serverconnection_src_remote,
1627 table#serverconnection_trg_remote,
1628 table#serverconnection_src_local,
1629 table#serverconnection_trg_local {
1630 float:left;
1633 * Validation error message styles
1635 .invalid_value
1636 {background:#F00;}
1639 * Ajax notification styling
1641 .ajax_notification {
1642 top: 0px; /** The notification needs to be shown on the top of the page */
1643 position: fixed;
1644 margin-top: 0;
1645 margin-right: auto;
1646 margin-bottom: 0;
1647 margin-left: auto;
1648 padding: 5px; /** Keep a little space on the sides of the text */
1649 min-width: 70px;
1650 max-width: 350px; /** This value might have to be changed */
1652 z-index: 1100; /** If this is not kept at a high z-index, the jQueryUI modal dialogs (z-index:1000) might hide this */
1653 text-align: center;
1654 display: inline;
1655 left: 0;
1656 right: 0;
1657 background-image: url(./themes/pmahomme/img/ajax_clock_small.gif);
1658 background-repeat: no-repeat;
1659 background-position: 2%;
1660 border:1px solid #e2b709;
1663 /* additional styles */
1664 .ajax_notification{
1665 margin-top:200px;background:#ffe57e;
1666 border-radius:5px;
1667 -moz-border-radius:5px;
1668 -webkit-border-radius:5px;
1669 box-shadow: 0px 5px 90px #888;
1670 -moz-box-shadow: 0px 5px 90px #888;
1671 -webkit-box-shadow: 0px 5px 90px #888;
1674 #loading_parent {
1675 /** Need this parent to properly center the notification division */
1676 position: relative;
1677 width: 100%;
1680 * Export and Import styles
1683 .exportoptions h3, .importoptions h3 {
1684 border-bottom: 1px #999999 solid;
1685 font-size: 110%;
1688 .exportoptions ul, .importoptions ul, .format_specific_options ul {
1689 list-style-type: none;
1690 margin-bottom: 15px;
1693 .exportoptions li, .importoptions li {
1694 margin: 7px;
1696 .exportoptions label, .importoptions label, .exportoptions p, .importoptions p {
1697 margin: 5px;
1698 float: none;
1701 #csv_options label.desc, #ldi_options label.desc, #latex_options label.desc, #output label.desc{
1702 float: left;
1703 width: 15em;
1706 .exportoptions, .importoptions {
1707 margin: 20px 30px 30px 10px
1710 .exportoptions #buttonGo, .importoptions #buttonGo {
1711 font-weight:bold;
1712 margin-left:14px;
1713 border: 1px solid #aaa;
1714 padding: 5px 12px;
1715 color: #111;
1716 text-decoration: none;
1717 background: #ddd;
1719 border-radius: 12px;
1720 -webkit-border-radius: 12px;
1721 -moz-border-radius: 12px;
1723 text-shadow: 0px 1px 0px #fff;
1725 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
1726 background: -moz-linear-gradient(top, #ffffff, #cccccc);
1727 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
1728 cursor: pointer;
1730 #buttonGo:hover{
1731 background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
1732 background: -moz-linear-gradient(top, #cccccc, #dddddd);
1733 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#dddddd');
1736 .format_specific_options h3 {
1737 margin: 10px 0px 0px 10px;
1738 border: 0px;
1741 .format_specific_options {
1742 border: 1px solid #999999;
1743 margin: 7px 0px;
1744 padding: 3px;
1747 p.desc {
1748 margin: 5px;
1752 * Export styles only
1754 select#db_select, select#table_select {
1755 width: 400px;
1758 .export_sub_options {
1759 margin: 20px 0px 0px 30px;
1762 .export_sub_options h4 {
1763 border-bottom: 1px #999999 solid;
1766 .export_sub_options li.subgroup {
1767 display: inline-block;
1768 margin-top: 0;
1771 .export_sub_options li {
1772 margin-bottom: 0;
1775 #quick_or_custom, #output_quick_export {
1776 display: none;
1779 * Import styles only
1782 .importoptions #import_notification {
1783 margin: 10px 0px;
1784 font-style: italic;
1787 input#input_import_file {
1788 margin: 5px;
1791 .formelementrow {
1792 margin: 5px 0px 5px 0px;
1796 * ENUM/SET editor styles
1798 p.enum_notice {
1799 margin: 5px 2px;
1800 font-size: 80%;
1803 #enum_editor {
1804 display: none;
1805 position: fixed;
1806 _position: absolute; /* hack for IE */
1807 z-index: 101;
1808 overflow-y: auto;
1809 overflow-x: hidden;
1812 #enum_editor_no_js {
1813 margin: auto auto;
1816 #enum_editor, #enum_editor_no_js {
1817 background: #D0DCE0;
1818 padding: 15px;
1821 #popup_background {
1822 display: none;
1823 position: fixed;
1824 _position: absolute; /* hack for IE6 */
1825 width: 100%;
1826 height: 100%;
1827 top: 0;
1828 left: 0;
1829 background: #000;
1830 z-index: 100;
1831 overflow: hidden;
1834 a.close_enum_editor {
1835 float: right;
1838 #enum_editor #values, #enum_editor_no_js #values {
1839 margin: 15px 0px;
1840 width: 100%;
1843 #enum_editor #values input, #enum_editor_no_js #values input {
1844 margin: 5px 0px;
1845 float: top;
1846 width: 100%;
1851 #enum_editor_output {
1852 margin-top: 50px;
1856 * Table structure styles
1858 .structure_actions_dropdown {
1859 position: absolute;
1860 padding: 3px;
1861 display: none;
1862 z-index: 100;
1863 background:#fff;
1864 line-height:24px;
1865 border:1px solid #aaa;
1866 -moz-box-shadow:0px 3px 3px #ddd;
1868 .structure_actions_dropdown span{display:block;}
1869 .structure_actions_dropdown span:hover{background:#ddd;}
1871 td.more_opts {
1872 white-space: nowrap;
1875 iframe.IE_hack {
1876 z-index: 1;
1877 position: absolute;
1878 display: none;
1879 border: 0;
1880 filter: alpha(opacity=0);
1883 /* config forms */
1884 .config-form ul.tabs {
1885 margin: 1.1em 0.2em 0;
1886 padding: 0 0 0.3em 0;
1887 list-style: none;
1888 font-weight: bold;
1891 .config-form ul.tabs li {
1892 float: <?php echo $left; ?>;
1895 .config-form ul.tabs li a {
1896 display: block;
1897 margin: 0.1em 0.2em 0;
1898 white-space: nowrap;
1899 text-decoration: none;
1900 border: 1px solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1901 border-bottom: none;
1904 .config-form ul.tabs li a {
1905 padding:7px 10px;
1906 -moz-border-radius:5px 5px 0 0;
1907 -webkit-border-radius:5px 5px 0 0;
1908 border-radius:5px 5px 0 0;
1909 background:#d5d5d5;
1910 color:#fff;
1913 .config-form ul.tabs li a:hover,
1914 .config-form ul.tabs li a:active,
1915 .config-form ul.tabs li a.active {
1916 /*margin: 0;*/
1917 /*padding: 0.1em 0.6em 0.2em;*/
1920 .config-form ul.tabs li a.active {
1921 background-color: #fff;
1922 margin-top:1px;
1923 color:#000;
1926 .config-form fieldset {
1927 margin-top: 0;
1928 padding: 0;
1929 clear: both;
1930 /*border-color: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;*/
1933 .config-form legend {
1934 display: none;
1937 .config-form fieldset p {
1938 margin: 0;
1939 padding: 0.5em;
1940 background: #fff;
1941 border-top:0px;
1944 .config-form fieldset .errors { /* form error list */
1945 margin: 0 -2px 1em -2px;
1946 padding: 0.5em 1.5em;
1947 background: #FBEAD9;
1948 border: 0 #C83838 solid;
1949 border-width: 1px 0;
1950 list-style: none;
1951 font-family: sans-serif;
1952 font-size: small;
1955 .config-form fieldset .inline_errors { /* field error list */
1956 margin: 0.3em 0.3em 0.3em 0;
1957 padding: 0;
1958 list-style: none;
1959 color: #9A0000;
1960 font-size: small;
1963 .config-form fieldset th {
1964 padding: 0.3em 0.3em 0.3em 0.5em;
1965 text-align: left;
1966 vertical-align: top;
1967 width: 40%;
1968 background: transparent;
1971 .config-form fieldset .doc, .config-form fieldset .disabled-notice {
1972 margin-left: 1em;
1975 .config-form fieldset .disabled-notice {
1976 font-size: 80%;
1977 text-transform: uppercase;
1978 color: #E00;
1979 cursor: help;
1982 .config-form fieldset td {
1983 padding-top: 0.3em;
1984 padding-bottom: 0.3em;
1985 vertical-align: top;
1988 .config-form fieldset th small {
1989 display: block;
1990 font-weight: normal;
1991 font-family: sans-serif;
1992 font-size: x-small;
1993 color: #444;
1996 .config-form fieldset th, .config-form fieldset td {
1997 border-top: 1px <?php echo $GLOBALS['cfg']['BgTwo']; ?> solid;
2000 fieldset .group-header th {
2001 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
2004 fieldset .group-header + tr th {
2005 padding-top: 0.6em;
2008 fieldset .group-field-1 th, fieldset .group-header-2 th {
2009 padding-left: 1.5em;
2012 fieldset .group-field-2 th, fieldset .group-header-3 th {
2013 padding-left: 3em;
2016 fieldset .group-field-3 th {
2017 padding-left: 4.5em;
2020 fieldset .disabled-field th,
2021 fieldset .disabled-field th small,
2022 fieldset .disabled-field td {
2023 color: #666;
2024 background-color: #ddd;
2027 .config-form .lastrow {
2028 border-top: 1px #000 solid;
2031 .config-form .lastrow {
2032 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;;
2033 padding: 0.5em;
2034 text-align: center;
2037 .config-form .lastrow input {
2038 font-weight: bold;
2041 /* form elements */
2043 .config-form span.checkbox {
2044 padding: 2px;
2045 display: inline-block;
2048 .config-form .custom { /* customized field */
2049 background: #FFC;
2052 .config-form span.checkbox.custom {
2053 padding: 1px;
2054 border: 1px #EDEC90 solid;
2055 background: #FFC;
2058 .config-form .field-error {
2059 border-color: #A11 !important;
2062 .config-form input[type="text"],
2063 .config-form select,
2064 .config-form textarea {
2065 border: 1px #A7A6AA solid;
2066 height: auto;
2069 .config-form input[type="text"]:focus,
2070 .config-form select:focus,
2071 .config-form textarea:focus {
2072 border: 1px #6676FF solid;
2073 background: #F7FBFF;
2076 .config-form .field-comment-mark {
2077 font-family: serif;
2078 color: #007;
2079 cursor: help;
2080 padding: 0 0.2em;
2081 font-weight: bold;
2082 font-style: italic;
2085 .config-form .field-comment-warning {
2086 color: #A00;
2089 /* error list */
2090 .config-form dd {
2091 margin-left: 0.5em;
2094 .config-form dd:before {
2095 content: "\25B8 ";
2098 .click-hide-message {
2099 cursor: pointer;
2102 .prefsmanage_opts {
2103 margin-<?php echo $left; ?>: 2em;
2106 #prefs_autoload {
2107 margin-bottom: 0.5em;