Removed 100% width on .data selector. Was causing UI problems.
[phpmyadmin/last10db.git] / themes / pmahomme / css / theme_right.css.php
blob71ebabe072e5813ef6d99a3a56842ddc40196eac
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 margin: 0 0 12px 0;
64 h3 {
65 font-weight: bold;
68 a, a:link,
69 a:visited,
70 a:active {
71 text-decoration: none;
72 color: #235a81;
73 cursor: pointer;
74 outline: none;
78 a:hover {
79 text-decoration: underline;
80 color: #235a81;
83 #initials_table {
84 background:#f3f3f3;
85 border:1px solid #aaa;
86 margin-bottom:10px;
87 -moz-border-radius:5px;
88 -webkit-border-radius:5px;
89 border-radius:5px;
91 #initials_table a {
92 border:1px solid #aaa;
93 background:#fff;
94 padding:4px 8px;
95 -moz-border-radius:5px;
96 -webkit-border-radius:5px;
97 border-radius:5px;
98 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
99 background: -moz-linear-gradient(top, #ffffff, #cccccc);
100 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
103 dfn {
104 font-style: normal;
107 dfn:hover {
108 font-style: normal;
109 cursor: help;
112 th {
113 font-weight: bold;
114 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
115 background: #f3f3f3;
116 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
117 background: -moz-linear-gradient(top, #ffffff, #cccccc);
118 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
123 a img {
124 border: 0;
127 hr {
128 color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
129 background-color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
130 border: 0;
131 height: 1px;
134 form {
135 padding: 0;
136 margin: 0;
137 display: inline;
140 input[type=text]{
141 border-radius:2px;
142 -moz-border-radius:2px;
143 -webkit-border-radius:2px;
145 box-shadow:0 1px 2px #ddd;
146 -moz-box-shadow:0 1px 2px #ddd;
147 -webkit-box-shadow:0 1px 2px #ddd;
149 background:url(./themes/pmahomme/img/input_bg.gif);
150 border:1px solid #aaa;
151 color:#555555;
152 padding:4px;
153 margin:6px;
157 input[type=password]{
158 border-radius:2px;
159 -moz-border-radius:2px;
160 -webkit-border-radius:2px;
162 box-shadow:0 1px 2px #ddd;
163 -moz-box-shadow:0 1px 2px #ddd;
164 -webkit-box-shadow:0 1px 2px #ddd;
166 background:url(./themes/pmahomme/img/input_bg.gif);
167 border:1px solid #aaa;
168 color:#555555;
169 padding:4px;
170 margin:6px;
174 input[type=submit]{
175 font-weight:bold;
176 margin-left:14px;
177 border: 1px solid #aaa;
178 padding: 3px 7px;
179 color: #111;
180 text-decoration: none;
181 background: #ddd;
183 border-radius: 12px;
184 -webkit-border-radius: 12px;
185 -moz-border-radius: 12px;
187 text-shadow: 0px 1px 0px #fff;
189 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
190 background: -moz-linear-gradient(top, #ffffff, #cccccc);
191 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
194 input[type=submit]:hover{ position: relative;
195 background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
196 background: -moz-linear-gradient(top, #cccccc, #dddddd);
197 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#dddddd');
198 cursor:pointer;
201 input[type=submit]:active{ position: relative;
202 top: 1px;
203 left: 1px;
205 textarea {
206 overflow: visible;
207 height: <?php echo ceil($GLOBALS['cfg']['TextareaRows'] * 1.2); ?>em;
210 fieldset {
211 margin-top: 1em;
212 border-radius:4px 4px 0 0;
213 -moz-border-radius:4px 4px 0 0;
214 -webkit-border-radius:4px 4px 0 0;
215 padding:5px;
216 border: #aaa solid 1px;
217 padding: 1.5em;
218 background: #eee;
219 text-shadow:0 1px 0 #fff;
220 -moz-box-shadow: 1px 1px 2px #fff inset;
221 -webkit-box-shadow: 1px 1px 2px #fff inset;
222 box-shadow: 1px 1px 2px #fff inset;
225 fieldset fieldset {
226 margin: 0.8em;
227 background:#fff;
228 border:1px solid #aaa;
229 background:none repeat scroll 0 0 #E8E8E8;
233 fieldset legend {
234 font-weight: bold;
235 color: #444;
236 padding:5px 10px;
237 border-radius:2px;
238 -moz-border-radius:2px;
239 -webkit-border-radius:2px;
240 border:1px solid #aaa;
241 background-color: #fff;
242 -moz-box-shadow:3px 3px 15px #bbb;
243 -webkit-box-shadow:3px 3px 15px #bbb;
244 box-shadow:3px 3px 15px #bbb;
247 /* buttons in some browsers (eg. Konqueror) are block elements,
248 this breaks design */
249 button {
250 display: inline;
253 table caption,
254 table th,
255 table td {
256 padding: 0.5em;
257 margin: 0.1em;
258 vertical-align: top;
259 text-shadow:0 1px 0 #FFFFFF;
262 /* 3.4 */
263 table{border-collapse:collapse;}
264 th{border-right:1px solid #fff; text-align:left;}
267 img,
268 input,
269 select,
270 button {
271 vertical-align: middle;
274 select{
275 -moz-border-radius:2px;
276 -webkit-border-radius:2px;
277 border-radius:2px;
279 -moz-box-shadow:0 1px 2px #ddd;
280 -webkit-box-shadow:0 1px 2px #ddd;
281 box-shadow:0 1px 2px #ddd;
283 border:1px solid #aaa;
284 color:#333333;
285 padding:3px;
286 background:url(./themes/pmahomme/img/input_bg.gif)
289 /******************************************************************************/
290 /* classes */
291 div.tools {
292 /* border: 1px solid #000000; */
293 padding: 0.2em;
296 div.tools a{color:#3a7ead !important;}
298 div.tools,
299 fieldset.tblFooters {
300 margin-top: 0;
301 margin-bottom: 0.5em;
302 /* avoid a thick line since this should be used under another fieldset */
303 border-top: 0;
304 text-align: <?php echo $right; ?>;
305 float: none;
306 clear: both;
307 -webkit-border-radius:0 0 4px 4px;
308 -moz-border-radius:0 0 4px 4px;
309 border-radius: 0 0 4px 5px;
312 div.null_div {
313 height: 20px;
314 text-align: center;
315 font-style:normal;
316 min-width:50px;
319 fieldset .formelement {
320 float: <?php echo $left; ?>;
321 margin-<?php echo $right; ?>: 0.5em;
322 /* IE */
323 white-space: nowrap;
326 /* revert for Gecko */
327 fieldset div[class=formelement] {
328 white-space: normal;
331 button.mult_submit {
332 border: none;
333 background-color: transparent;
336 /* odd items 1,3,5,7,... */
337 table tr.odd th,
338 .odd {
339 background: #fff;
342 /* even items 2,4,6,8,... */
343 table tr.even th,
344 .even {
345 background: #f3f3f3;
348 /* odd table rows 1,3,5,7,... */
349 table tr.odd th,
350 table tr.odd,
351 table tr.even th,
352 table tr.even {
353 text-align: <?php echo $left; ?>;
356 <?php if ($GLOBALS['cfg']['BrowseMarkerEnable']) { ?>
357 /* marked table rows */
358 td.marked,
359 table tr.marked th,
360 table tr.marked {
361 background: url(./themes/pmahomme/img/marked_bg.png) repeat-x #b6c6d7;
362 color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
364 <?php } ?>
366 <?php if ($GLOBALS['cfg']['BrowsePointerEnable']) { ?>
367 /* hovered items */
368 .odd:hover,
369 .even:hover,
370 .hover,
371 .structure_actions_dropdown {
372 background: url(./themes/pmahomme/img/marked_bg.png) repeat-x #b6c6d7; /* 3.4 */
373 color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
376 /* hovered table rows */
377 table tr.odd:hover th,
378 table tr.even:hover th,
379 table tr.hover th {
380 background: url(./themes/pmahomme/img/marked_bg.png) repeat-x #b6c6d7; /* 3.4 */
381 color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
383 <?php } ?>
386 * marks table rows/cells if the db field is in a where condition
388 tr.condition th,
389 tr.condition td,
390 td.condition,
391 th.condition {
392 border: 1px solid <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
396 * cells with the value NULL
398 td.null {
399 font-style: italic;
400 text-align: <?php echo $right; ?>;
403 table .value {
404 text-align: <?php echo $right; ?>;
405 white-space: normal;
407 /* IE doesnt handles 'pre' right */
408 table [class=value] {
409 white-space: normal;
413 <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
414 .value {
415 font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
417 <?php } ?>
418 .value .attention {
419 color: red;
420 font-weight: bold;
422 .value .allfine {
423 color: green;
427 img.lightbulb {
428 cursor: pointer;
431 .pdflayout {
432 overflow: hidden;
433 clip: inherit;
434 background-color: #FFFFFF;
435 display: none;
436 border: 1px solid #000000;
437 position: relative;
440 .pdflayout_table {
441 background: #D3DCE3;
442 color: #000000;
443 overflow: hidden;
444 clip: inherit;
445 z-index: 2;
446 display: inline;
447 visibility: inherit;
448 cursor: move;
449 position: absolute;
450 font-size: 80%;
451 border: 1px dashed #000000;
454 /* MySQL Parser */
455 .syntax {
456 font-family: Verdan, Arial, Tahoma;
457 font-size: 110%;
460 .syntax a {
461 text-decoration: none;
462 border-bottom:1px dotted black;
465 .syntax_comment {
466 padding-left: 4pt;
467 padding-right: 4pt;
470 .syntax_digit {
473 .syntax_digit_hex {
476 .syntax_digit_integer {
479 .syntax_digit_float {
482 .syntax_punct {
485 .syntax_alpha {
488 .syntax_alpha_columnType {
489 text-transform: uppercase;
492 .syntax_alpha_columnAttrib {
493 text-transform: uppercase;
496 .syntax_alpha_reservedWord {
497 text-transform: uppercase;
498 font-weight: bold;
501 .syntax_alpha_functionName {
502 text-transform: uppercase;
505 .syntax_alpha_identifier {
508 .syntax_alpha_charset {
511 .syntax_alpha_variable {
514 .syntax_quote {
515 white-space: pre;
518 .syntax_quote_backtick {
521 /* leave some space between icons and text */
522 .icon, img.footnotemarker {
523 vertical-align: -3px;
524 margin-right: 0.3em;
525 margin-left: 0.3em;
528 img.footnotemarker {
529 display: none;
532 /* no extra space in table cells */
533 td .icon {
534 margin: 0;
537 .selectallarrow {
538 margin-<?php echo $right; ?>: 0.3em;
539 margin-<?php echo $left; ?>: 0.6em;
542 /* message boxes: warning, error, confirmation */
543 .success h1,
544 .notice h1,
545 .warning h1,
546 div.error h1 {
547 border-bottom: 2px solid;
548 font-weight: bold;
549 text-align: <?php echo $left; ?>;
550 margin: 0 0 0.2em 0;
553 div.success,
554 div.notice,
555 div.warning,
556 div.error,
557 div.footnotes {
558 margin: 0.5em 0 1.3em 0;
559 border: 1px solid;
560 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
561 background-repeat: no-repeat;
562 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
563 background-position: 10px 50%;
564 padding: 10px 10px 10px 25px;
565 <?php } else { ?>
566 background-position: 99% 50%;
567 padding: 25px 10px 10px 10px
568 <?php } ?>
569 <?php } else { ?>
570 padding: 0.3em;
571 <?php } ?>
572 -moz-border-radius:5px;
573 -webkit-border-radius:5px;
574 border-radius:5px;
575 -moz-box-shadow: 0px 1px 2px #fff inset;
576 -webkit-box-shadow: 0px 1px 2px #fff inset;
579 .success {
580 color: #000000;
581 background-color: #ebf8a4;
583 h1.success,
584 div.success {
585 border-color: #a2d246;
586 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
587 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_success.png);
588 background-repeat: no-repeat;
589 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
590 background-position: 5px 50%;
591 <?php } else { ?>
592 background-position: 97% 50%;
593 <?php } ?>
594 <?php } ?>
596 .success h1 {
597 border-color: #00FF00;
600 .notice, .footnotes {
601 color: #000000;
602 background-color: #ffeda4;
604 h1.notice,
605 div.notice,
606 div.footnotes {
607 border-color: #eccf5b;
608 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
609 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_notice.png);
610 background-repeat: no-repeat;
611 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
612 background-position: 5px 50%;
613 <?php } else { ?>
614 background-position: 97% 50%;
615 <?php } ?>
616 <?php } ?>
618 .notice h1 {
619 border-color: #ffb10a;
622 .warning {
623 color: #000;
624 background:url(./themes/pmahomme/img/tab_warning_bg.png) 50% 0% #f2baba;
626 p.warning,
627 h1.warning,
628 div.warning {
629 border-color: #e0a1a1;
630 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
631 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_warn.png);
632 background-repeat: no-repeat;
633 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
634 background-position: 5px 50%;
635 <?php } else { ?>
636 background-position: 97% 50%;
637 <?php } ?>
638 <?php } ?>
640 .warning h1 {
641 border-color: #cc0000;
644 .error {
645 border:1px solid maroon !important;
646 color: #fff;
647 background:url(./themes/pmahomme/img/tab_warning_bg.png) 50% 0% #e97777;
650 h1.error,
651 div.error {
652 border-color: #333;
653 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
654 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_error.png);
655 background-repeat: no-repeat;
656 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
657 background-position: 5px 50%;
658 <?php } else { ?>
659 background-position: 97% 50%;
660 <?php } ?>
661 <?php } ?>
663 div.error h1 {
664 border-color: #ff0000;
667 .confirmation {
668 color: #000000;
669 background-color: pink;
671 fieldset.confirmation {
674 fieldset.confirmation legend {
677 /* end messageboxes */
680 .tblcomment {
681 font-size: 70%;
682 font-weight: normal;
683 color: #000099;
686 .tblHeaders {
687 font-weight: bold;
688 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
689 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
692 div.tools,
693 .tblFooters {
694 font-weight: normal;
695 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
696 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
699 .tblHeaders a:link,
700 .tblHeaders a:active,
701 .tblHeaders a:visited,
702 div.tools a:link,
703 div.tools a:visited,
704 div.tools a:active,
705 .tblFooters a:link,
706 .tblFooters a:active,
707 .tblFooters a:visited {
708 color: #0000FF;
711 .tblHeaders a:hover,
712 div.tools a:hover,
713 .tblFooters a:hover {
714 color: #FF0000;
717 /* forbidden, no privilegs */
718 .noPrivileges {
719 color: #FF0000;
720 font-weight: bold;
723 /* disabled text */
724 .disabled,
725 .disabled a:link,
726 .disabled a:active,
727 .disabled a:visited {
728 color: #666666;
731 .disabled a:hover {
732 color: #666666;
733 text-decoration: none;
736 tr.disabled td,
737 td.disabled {
738 background-color: #f3f3f3;
739 color:#aaa;
742 .nowrap {
743 white-space: nowrap;
747 * login form
749 body.loginform h1,
750 body.loginform a.logo {
751 display: block;
752 text-align: center;
755 body.loginform {
756 text-align: center;
759 body.loginform div.container {
760 text-align: <?php echo $left; ?>;
761 width: 30em;
762 margin: 0 auto;
765 form.login label {
766 float: <?php echo $left; ?>;
767 width: 10em;
768 font-weight: bolder;
771 .commented_column {
772 border-bottom: 1px dashed black;
775 .column_attribute {
776 font-size: 70%;
779 /******************************************************************************/
780 /* specific elements */
782 /* topmenu */
783 #topmenu a {text-shadow:0px 1px 0px #fff;}
785 ul#topmenu, ul#topmenu2, ul.tabs {
786 font-weight: bold;
787 list-style-type: none;
788 margin: 0;
789 padding: 0;
793 ul#topmenu2 {
794 margin: 0.25em 0.5em 0;
795 height: 2em;
796 clear: both;
799 ul#topmenu li, ul#topmenu2 li {
800 float: <?php echo $left; ?>;
801 margin: 0;
802 vertical-align: middle;
805 #topmenu img, #topmenu2 img {
806 margin-right:0.5em;
807 vertical-align:-3px;
810 #topmenucontainer{background:url(./themes/pmahomme/img/tab_bg.png) repeat-x; border-top:1px solid #aaa;}
812 /* default tab styles */
813 .tabactive {
814 background:#fff !important;
817 ul#topmenu a, ul#topmenu span {
818 display: block;
819 margin: 0px;
820 padding: 0px;
821 white-space: nowrap;
824 ul#topmenu ul a {
825 margin: 0;
829 ul#topmenu .submenu {
830 display: none;
831 position: relative;
834 ul#topmenu .shown {
835 display: inline-block;
838 ul#topmenu ul {
839 margin: 0;
840 padding: 0;
841 position: absolute;
842 right: 0;
843 list-style-type: none;
844 display: none;
845 border: 1px #ddd solid;
848 ul#topmenu li:hover {
849 background:url(./themes/pmahomme/img/tab_hover_bg.png) repeat-x 50% 0%!important;
852 ul#topmenu li:hover ul, ul#topmenu .submenuhover ul {
853 display: block;
854 font-weight:3em;
855 background:#fff;
859 ul#topmenu ul li {
860 width: 100%;
863 ul#topmenu2 a {
864 display: block;
865 margin: 7px 6px 7px 0px;
866 padding: 4px 10px;
867 white-space: nowrap;
868 border:1px solid #ddd;
869 border-radius: 20px;
870 -moz-border-radius: 20px;
871 -webkit-border-radius: 20px;
872 background:#f2f2f2;
876 /* disabled tabs */
877 ul#topmenu span.tab {
878 color: #666666;
881 /* disabled drop/empty tabs */
882 ul#topmenu span.tabcaution {
883 color: #ff6666;
886 /* enabled drop/empty tabs */
887 ul#topmenu a.tabcaution {
888 color: #FF0000;
890 ul#topmenu a.tabcaution:hover {
891 color: #FFFFFF;
892 background-color: #FF0000;
894 fieldset.caution a {
895 color: #FF0000;
897 fieldset.caution a:hover {
898 color: #ffffff;
899 background-color: #FF0000;
902 <?php if ($GLOBALS['cfg']['LightTabs']) { ?>
903 /* active tab */
904 ul#topmenu a.tabactive, ul#topmenu2 a.tabactive {
905 color: black;
908 ul#topmenu ul {
909 background: <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
911 <?php } else { ?>
912 #topmenu {
913 margin-top: 0.5em;
914 padding: 0.1em 0.3em 0.1em 0.3em;
917 ul#topmenu ul {
918 -moz-box-shadow: 1px 1px 6px #ddd;
919 -webkit-box-shadow: 2px 2px 3px #666;
920 box-shadow: 2px 2px 3px #666;
923 ul#topmenu > li {
924 border-right: 1px solid #fff;
925 border-left: 1px solid #ccc;
928 /* default tab styles */
929 ul#topmenu a, ul#topmenu span {
930 padding:10px;
933 ul#topmenu ul a {
934 border-width: 1pt 0 0 0;
935 -moz-border-radius: 0;
936 -webkit-border-radius: 0;
937 border-radius: 0;
941 ul#topmenu ul li:first-child a {
942 border-width: 0;
946 /* enabled hover/active tabs */
947 ul#topmenu > li > a:hover,
948 ul#topmenu > li > .tabactive {
949 text-decoration: none;
952 ul#topmenu ul a:hover,
953 ul#topmenu ul .tabactive {
954 text-decoration: none;
957 ul#topmenu a.tab:hover,
958 ul#topmenu .tabactive {
959 /* background-color: <?php echo $GLOBALS['cfg']['MainBackground']; ?>; */
962 ul#topmenu2 a.tab:hover,
963 ul#topmenu2 a.tabactive {
964 background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
965 border-radius: 0.3em;
966 -moz-border-radius: 0.3em;
967 -webkit-border-radius: 0.3em;
968 text-decoration: none;
971 /* to be able to cancel the bottom border, use <li class="active"> */
972 ul#topmenu > li.active {
973 /* border-bottom: 0pt solid <?php echo $GLOBALS['cfg']['MainBackground']; ?>; */
974 border-right:0px;
977 /* disabled drop/empty tabs */
978 ul#topmenu span.tab,
979 a.warning,
980 ul#topmenu span.tabcaution {
981 cursor: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>error.ico), default;
983 <?php } ?>
984 /* end topmenu */
987 /* Calendar */
988 table.calendar {
989 width: 100%;
991 table.calendar td {
992 text-align: center;
994 table.calendar td a {
995 display: block;
998 table.calendar td a:hover {
999 background-color: #CCFFCC;
1002 table.calendar th {
1003 background-color: #D3DCE3;
1006 table.calendar td.selected {
1007 background-color: #FFCC99;
1010 img.calendar {
1011 border: none;
1013 form.clock {
1014 text-align: center;
1016 /* end Calendar */
1019 /* table stats */
1020 div#tablestatistics {
1021 border-bottom: 0.1em solid #669999;
1022 margin-bottom: 0.5em;
1023 padding-bottom: 0.5em;
1026 div#tablestatistics table {
1027 float: <?php echo $left; ?>;
1028 margin-bottom: 0.5em;
1029 margin-<?php echo $right; ?>: 0.5em;
1030 width:99%;
1033 div#tablestatistics table caption {
1034 margin-<?php echo $right; ?>: 0.5em;
1036 /* END table stats */
1039 /* server privileges */
1040 #tableuserrights td,
1041 #tablespecificuserrights td,
1042 #tabledatabases td {
1043 vertical-align: middle;
1045 /* END server privileges */
1049 /* Heading */
1050 #serverinfo {
1051 border-bottom:1px solid #fff;
1052 -moz-border-radius: 4px 4px 0 0;
1053 -webkit-border-radius: 4px 4px 0 0;
1054 border-radius:4px 4px 0 0;
1055 background:#888;
1056 padding:10px;
1057 text-shadow:0 1px 0 #000000;
1060 #serverinfo .item {
1061 white-space: nowrap;
1062 color:#fff;
1065 #span_table_comment {
1066 font-weight: normal;
1067 font-style: italic;
1068 white-space: nowrap;
1071 #serverinfo img {
1072 margin: 0 0.1em 0 0.2em;
1076 #textSQLDUMP {
1077 width: 95%;
1078 height: 95%;
1079 font-family: "Courier New", Courier, mono;
1080 font-size: 110%;
1083 #TooltipContainer {
1084 position: absolute;
1085 z-index: 99;
1086 width: 20em;
1087 height: auto;
1088 overflow: visible;
1089 visibility: hidden;
1090 background-color: #ffffcc;
1091 color: #006600;
1092 border: 0.1em solid #000000;
1093 padding: 0.5em;
1096 /* user privileges */
1097 #fieldset_add_user_login div.item {
1098 border-bottom: 1px solid silver;
1099 padding-bottom: 0.3em;
1100 margin-bottom: 0.3em;
1103 #fieldset_add_user_login label {
1104 float: <?php echo $left; ?>;
1105 display: block;
1106 width: 10em;
1107 max-width: 100%;
1108 text-align: <?php echo $right; ?>;
1109 padding-<?php echo $right; ?>: 0.5em;
1112 #fieldset_add_user_login span.options #select_pred_username,
1113 #fieldset_add_user_login span.options #select_pred_hostname,
1114 #fieldset_add_user_login span.options #select_pred_password {
1115 width: 100%;
1116 max-width: 100%;
1119 #fieldset_add_user_login span.options {
1120 float: <?php echo $left; ?>;
1121 display: block;
1122 width: 12em;
1123 max-width: 100%;
1124 padding-<?php echo $right; ?>: 0.5em;
1127 #fieldset_add_user_login input {
1128 width: 12em;
1129 clear: <?php echo $right; ?>;
1130 max-width: 100%;
1133 #fieldset_add_user_login span.options input {
1134 width: auto;
1137 #fieldset_user_priv div.item {
1138 float: <?php echo $left; ?>;
1139 width: 9em;
1140 max-width: 100%;
1143 #fieldset_user_priv div.item div.item {
1144 float: none;
1147 #fieldset_user_priv div.item label {
1148 white-space: nowrap;
1151 #fieldset_user_priv div.item select {
1152 width: 100%;
1155 #fieldset_user_global_rights fieldset {
1156 float: <?php echo $left; ?>;
1158 /* END user privileges */
1161 /* serverstatus */
1162 div#serverstatus table caption a.top {
1163 float: <?php echo $right; ?>;
1166 div#serverstatus div#serverstatusqueriesdetails table,
1167 div#serverstatus table#serverstatustraffic,
1168 div#serverstatus table#serverstatusconnections {
1169 float: <?php echo $left; ?>;
1172 #serverstatussection,
1173 .clearfloat {
1174 clear: both;
1176 div#serverstatussection table {
1177 width: 100%;
1178 margin-bottom: 1em;
1180 div#serverstatussection table .name {
1181 width: 18em;
1183 div#serverstatussection table .value {
1184 width: 6em;
1187 div#serverstatus table tbody td.descr a,
1188 div#serverstatus table .tblFooters a {
1189 white-space: nowrap;
1191 div#serverstatus div#statuslinks a:before,
1192 div#serverstatus div#sectionlinks a:before,
1193 div#serverstatus table tbody td.descr a:before,
1194 div#serverstatus table .tblFooters a:before {
1196 div#serverstatus div#statuslinks a:after,
1197 div#serverstatus div#sectionlinks a:after,
1198 div#serverstatus table tbody td.descr a:after,
1199 div#serverstatus table .tblFooters a:after {
1201 /* end serverstatus */
1203 /* querywindow */
1204 body#bodyquerywindow {
1205 margin: 0;
1206 padding: 0;
1207 background-image: none;
1208 background-color: #F5F5F5;
1211 div#querywindowcontainer {
1212 margin: 0;
1213 padding: 0;
1214 width: 100%;
1217 div#querywindowcontainer fieldset {
1218 margin-top: 0;
1220 /* END querywindow */
1223 /* querybox */
1225 #togglequerybox{margin:0 10px}
1227 #serverstatus p {
1229 margin: 1.5em 0px;
1230 border: 1px solid #000;
1231 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
1232 background-repeat: no-repeat;
1233 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
1234 background-position: 10px 50%;
1235 padding: 10px 10px 10px 25px;
1236 <?php } else { ?>
1237 background-position: 99% 50%;
1238 padding: 25px 10px 10px 10px
1239 <?php } ?>
1240 <?php } else { ?>
1241 padding: 0.3em;
1242 <?php } ?>
1243 -moz-border-radius:5px;
1244 -webkit-border-radius:5px;
1245 border-radius:5px;
1246 -moz-box-shadow: 0px 1px 2px #fff inset;
1247 -webkit-box-shadow: 0px 1px 2px #fff inset;
1248 box-shadow:0px 1px 2px #fff; inset;
1249 background:#555;
1250 color:#d4fb6a;
1252 #serverstatus p a{color:#fff;text-decoration:underline;}
1253 #serverstatus h3
1255 margin:35px 0px;font-weight:normal;color:#999;font-size:1.7em;
1257 #sectionlinks{
1258 padding:16px;
1259 background:#f3f3f3;
1260 border:1px solid #aaa;
1261 border-radius:5px;
1262 -webkit-border-radius:5px;
1263 -moz-border-radius:5px;
1265 box-shadow:0px 1px 1px #fff inset;
1266 -webkit-box-shadow:0px 1px 1px #fff inset;
1267 -moz-box-shadow:0px 1px 1px #fff inset;
1270 #sectionlinks a, #statuslinks a{
1271 font-size:0.88em;
1272 font-weight:bold;
1273 text-shadow: 0px 1px 0px #fff;
1274 line-height:35px;
1275 margin-left:7px;
1276 border: 1px solid #aaa;
1277 padding: 5px 10px;
1278 color: #111;
1279 text-decoration: none;
1280 background: #ddd;
1281 border-radius: 20px;
1282 -webkit-border-radius: 20px;
1283 -moz-border-radius: 20px;
1284 box-shadow: 1px 1px 2px rgba(0,0,0,.5);
1286 -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
1287 -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
1288 text-shadow: #fff 0px 1px 0px;
1290 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
1291 background: -moz-linear-gradient(top, #ffffff, #cccccc);
1292 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
1294 #sectionlinks a:hover, #statuslinks a:hover{
1295 background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
1296 background: -moz-linear-gradient(top, #cccccc, #dddddd);
1297 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#dddddd');
1300 div#sqlquerycontainer {
1301 float: <?php echo $left; ?>;
1302 width: 69%;
1303 /* height: 15em; */
1306 div#tablefieldscontainer {
1307 float: <?php echo $right; ?>;
1308 width: 29%;
1309 /* height: 15em; */
1312 div#tablefieldscontainer select {
1313 width: 100%;
1314 background:#fff;
1315 /* height: 12em; */
1318 textarea#sqlquery {
1319 width: 100%;
1320 /* height: 100%; */
1321 -moz-border-radius:4px;
1322 -webkit-border-radius:4px;
1323 border-raduis:4px
1324 border:1px solid #aaa;
1325 padding:5px;
1326 font-family:inherit;
1328 textarea#sql_query_edit{
1329 height:7em;
1330 width: 95%;
1331 display:block;
1333 div#queryboxcontainer div#bookmarkoptions {
1334 margin-top: 0.5em;
1336 /* end querybox */
1338 /* main page */
1339 #maincontainer {
1340 /* background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>logo_right.png); */
1341 /* background-position: <?php echo $right; ?> bottom; */
1342 /* background-repeat: no-repeat; */
1345 #mysqlmaininformation,
1346 #pmamaininformation {
1347 float: <?php echo $left; ?>;
1348 width: 49%;
1351 #maincontainer ul {
1352 list-style-type: disc;
1353 vertical-align: middle;
1356 #maincontainer li {
1357 margin-bottom: 0.3em;
1359 /* END main page */
1362 <?php if ($GLOBALS['cfg']['MainPageIconic']) { ?>
1363 /* iconic view for ul items */
1364 li#li_create_database {
1365 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_newdb.png);
1368 li#li_select_lang {
1369 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_lang.png);
1372 li#li_select_mysql_collation {
1373 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
1376 li#li_select_theme{
1377 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_theme.png);
1380 li#li_user_info{
1381 /* list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png); */
1384 li#li_mysql_status{
1385 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_status.png);
1388 li#li_mysql_variables{
1389 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_vars.png);
1392 li#li_mysql_processes{
1393 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_process.png);
1396 li#li_mysql_collations{
1397 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
1400 li#li_mysql_engines{
1401 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_engine.png);
1404 li#li_mysql_binlogs {
1405 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_tbl.png);
1408 li#li_mysql_databases {
1409 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_db.png);
1412 li#li_export {
1413 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_export.png);
1416 li#li_import {
1417 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_import.png);
1420 li#li_change_password {
1421 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_passwd.png);
1424 li#li_log_out {
1425 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_loggoff.png);
1428 li#li_mysql_privilegs{
1429 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png);
1432 li#li_switch_dbstats {
1433 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_dbstatistics.png);
1436 li#li_flush_privileges {
1437 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_reload.png);
1440 li#li_user_preferences {
1441 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_tblops.png);
1443 /* END iconic view for ul items */
1444 <?php } /* end if $GLOBALS['cfg']['MainPageIconic'] */ ?>
1447 #body_browse_foreigners {
1448 background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1449 margin: 0.5em 0.5em 0 0.5em;
1452 #bodyquerywindow {
1453 background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1456 #bodythemes {
1457 width: 500px;
1458 margin: auto;
1459 text-align: center;
1462 #bodythemes img {
1463 border: 0.1em solid black;
1466 #bodythemes a:hover img {
1467 border: 0.1em solid red;
1470 #fieldset_select_fields {
1471 float: <?php echo $left; ?>;
1474 #selflink {
1475 clear: both;
1476 display: block;
1477 margin-top: 1em;
1478 margin-bottom: 1em;
1479 background:#f3f3f3;
1480 width: 100%;
1481 border-top: 0.1em solid silver;
1482 text-align: <?php echo $right; ?>;
1487 #table_innodb_bufferpool_usage,
1488 #table_innodb_bufferpool_activity {
1489 float: <?php echo $left; ?>;
1492 #div_mysql_charset_collations table {
1493 float: <?php echo $left; ?>;
1496 #div_table_order {
1497 min-width: 48%;
1498 float: <?php echo $left; ?>;
1501 #div_table_rename {
1502 min-width: 48%;
1503 float: <?php echo $left; ?>;
1506 #div_table_copy,
1507 #div_partition_maintenance,
1508 #div_referential_integrity,
1509 #div_table_removal,
1510 #div_table_maintenance {
1511 min-width: 48%;
1512 float: <?php echo $left; ?>;
1515 #div_table_options {
1516 clear: both;
1517 min-width: 48%;
1518 float: <?php echo $left; ?>;
1521 #qbe_div_table_list {
1522 float: <?php echo $left; ?>;
1525 #qbe_div_sql_query {
1526 float: <?php echo $left; ?>;
1529 label.desc {
1530 width: 30em;
1531 float: <?php echo $left; ?>;
1534 label.desc sup {
1535 position: absolute;
1538 code.sql, div.sqlvalidate {
1539 display: block;
1540 padding: 1em;
1541 margin-top: 0;
1542 margin-bottom: 0;
1543 border-top: 0;
1544 border-bottom: 0;
1545 max-height: 10em;
1546 overflow: auto;
1547 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1550 #main_pane_left {
1551 width: 60%;
1552 float: <?php echo $left; ?>;
1553 padding-top: 1em;
1556 #main_pane_right {
1557 margin-<?php echo $left; ?>: 60%;
1558 padding-top: 1em;
1559 padding-<?php echo $left; ?>: 1em;
1562 .group {
1564 border:1px solid #999;
1565 background:#f3f3f3;
1566 -moz-border-radius:4px;
1567 -webkit-border-radius:4px;
1568 border-radius:4px;
1569 -moz-box-shadow:2px 2px 5px #ccc;
1570 -webkit-box-shadow:2px 2px 5px #ccc;
1571 box-shadow:3px 3px 10px #ddd;
1572 margin-bottom: 1em;
1573 padding-bottom: 1em;
1576 .group h2 {
1577 background-color: #bbb;
1578 padding: 0.1em 0.3em;
1579 margin-top: 0;
1580 color:#fff;
1581 font-size:1.6em;
1582 font-weight:normal;
1583 text-shadow:0 1px 0 #777;
1584 -moz-box-shadow: 1px 1px 15px #999 inset;
1585 -webkit-box-shadow: 1px 1px 15px #999 inset;
1586 box-shadow: 1px 1px 15px #999 inset;
1589 .group-cnt {
1590 padding: 0 0 0 0.5em;
1591 display: inline-block;
1592 width: 98%;
1595 /* for elements that should be revealed only via js */
1596 .hide {
1597 display: none;
1600 #li_select_server {
1601 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_host.png);
1604 #list_server {
1605 list-style-image: none;
1609 * Progress bar styles
1611 div.upload_progress_bar_outer
1613 border: 1px solid black;
1614 width: 202px;
1617 div.upload_progress_bar_inner
1619 background-color: <?php echo (isset($_SESSION['userconf']['custom_color']) ? $_SESSION['userconf']['custom_color'] : $GLOBALS['cfg']['NaviBackground']); ?>;
1620 width: 0px;
1621 height: 12px;
1622 margin: 1px;
1625 table#serverconnection_src_remote,
1626 table#serverconnection_trg_remote,
1627 table#serverconnection_src_local,
1628 table#serverconnection_trg_local {
1629 float:left;
1632 * Validation error message styles
1634 .invalid_value
1635 {background:#F00;}
1638 * Ajax notification styling
1640 .ajax_notification {
1641 top: 0px; /** The notification needs to be shown on the top of the page */
1642 position: fixed;
1643 margin-top: 0;
1644 margin-right: auto;
1645 margin-bottom: 0;
1646 margin-left: auto;
1647 padding: 5px; /** Keep a little space on the sides of the text */
1648 min-width: 70px;
1649 max-width: 350px; /** This value might have to be changed */
1651 z-index: 1100; /** If this is not kept at a high z-index, the jQueryUI modal dialogs (z-index:1000) might hide this */
1652 text-align: center;
1653 display: inline;
1654 left: 0;
1655 right: 0;
1656 background-image: url(./themes/pmahomme/img/ajax_clock_small.gif);
1657 background-repeat: no-repeat;
1658 background-position: 2%;
1659 border:1px solid #e2b709;
1662 /* additional styles */
1663 .ajax_notification{
1664 margin-top:200px;background:#ffe57e;
1665 border-radius:5px;
1666 -moz-border-radius:5px;
1667 -webkit-border-radius:5px;
1668 box-shadow: 0px 5px 90px #888;
1669 -moz-box-shadow: 0px 5px 90px #888;
1670 -webkit-box-shadow: 0px 5px 90px #888;
1673 #loading_parent {
1674 /** Need this parent to properly center the notification division */
1675 position: relative;
1676 width: 100%;
1679 * Export and Import styles
1682 .exportoptions h3, .importoptions h3 {
1683 border-bottom: 1px #999999 solid;
1684 font-size: 110%;
1687 .exportoptions ul, .importoptions ul, .format_specific_options ul {
1688 list-style-type: none;
1689 margin-bottom: 15px;
1692 .exportoptions li, .importoptions li {
1693 margin: 7px;
1695 .exportoptions label, .importoptions label, .exportoptions p, .importoptions p {
1696 margin: 5px;
1697 float: none;
1700 #csv_options label.desc, #ldi_options label.desc, #latex_options label.desc, #output label.desc{
1701 float: left;
1702 width: 15em;
1705 .exportoptions, .importoptions {
1706 margin: 20px 30px 30px 10px
1709 .exportoptions #buttonGo, .importoptions #buttonGo {
1710 font-weight:bold;
1711 margin-left:14px;
1712 border: 1px solid #aaa;
1713 padding: 5px 12px;
1714 color: #111;
1715 text-decoration: none;
1716 background: #ddd;
1718 border-radius: 12px;
1719 -webkit-border-radius: 12px;
1720 -moz-border-radius: 12px;
1722 text-shadow: 0px 1px 0px #fff;
1724 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
1725 background: -moz-linear-gradient(top, #ffffff, #cccccc);
1726 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
1727 cursor: pointer;
1729 #buttonGo:hover{
1730 background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
1731 background: -moz-linear-gradient(top, #cccccc, #dddddd);
1732 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#dddddd');
1735 .format_specific_options h3 {
1736 margin: 10px 0px 0px 10px;
1737 border: 0px;
1740 .format_specific_options {
1741 border: 1px solid #999999;
1742 margin: 7px 0px;
1743 padding: 3px;
1746 p.desc {
1747 margin: 5px;
1751 * Export styles only
1753 select#db_select, select#table_select {
1754 width: 400px;
1757 .export_sub_options {
1758 margin: 20px 0px 0px 30px;
1761 .export_sub_options h4 {
1762 border-bottom: 1px #999999 solid;
1765 .export_sub_options li.subgroup {
1766 display: inline-block;
1767 margin-top: 0;
1770 .export_sub_options li {
1771 margin-bottom: 0;
1774 #quick_or_custom, #output_quick_export {
1775 display: none;
1778 * Import styles only
1781 .importoptions #import_notification {
1782 margin: 10px 0px;
1783 font-style: italic;
1786 input#input_import_file {
1787 margin: 5px;
1790 .formelementrow {
1791 margin: 5px 0px 5px 0px;
1795 * ENUM/SET editor styles
1797 p.enum_notice {
1798 margin: 5px 2px;
1799 font-size: 80%;
1802 #enum_editor {
1803 display: none;
1804 position: fixed;
1805 _position: absolute; /* hack for IE */
1806 z-index: 101;
1807 overflow-y: auto;
1808 overflow-x: hidden;
1811 #enum_editor_no_js {
1812 margin: auto auto;
1815 #enum_editor, #enum_editor_no_js {
1816 background: #D0DCE0;
1817 padding: 15px;
1820 #popup_background {
1821 display: none;
1822 position: fixed;
1823 _position: absolute; /* hack for IE6 */
1824 width: 100%;
1825 height: 100%;
1826 top: 0;
1827 left: 0;
1828 background: #000;
1829 z-index: 100;
1830 overflow: hidden;
1833 a.close_enum_editor {
1834 float: right;
1837 #enum_editor #values, #enum_editor_no_js #values {
1838 margin: 15px 0px;
1839 width: 100%;
1842 #enum_editor #values input, #enum_editor_no_js #values input {
1843 margin: 5px 0px;
1844 float: top;
1845 width: 100%;
1850 #enum_editor_output {
1851 margin-top: 50px;
1855 * Table structure styles
1857 .structure_actions_dropdown {
1858 position: absolute;
1859 padding: 3px;
1860 display: none;
1861 z-index: 100;
1862 background:#fff;
1863 line-height:24px;
1864 border:1px solid #aaa;
1865 -moz-box-shadow:0px 3px 3px #ddd;
1867 .structure_actions_dropdown span{display:block;}
1868 .structure_actions_dropdown span:hover{background:#ddd;}
1870 td.more_opts {
1871 white-space: nowrap;
1874 iframe.IE_hack {
1875 z-index: 1;
1876 position: absolute;
1877 display: none;
1878 border: 0;
1879 filter: alpha(opacity=0);
1882 /* config forms */
1883 .config-form ul.tabs {
1884 margin: 1.1em 0.2em 0;
1885 padding: 0 0 0.3em 0;
1886 list-style: none;
1887 font-weight: bold;
1890 .config-form ul.tabs li {
1891 float: <?php echo $left; ?>;
1894 .config-form ul.tabs li a {
1895 display: block;
1896 margin: 0.1em 0.2em 0;
1897 white-space: nowrap;
1898 text-decoration: none;
1899 border: 1px solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1900 border-bottom: none;
1903 .config-form ul.tabs li a {
1904 padding:7px 10px;
1905 -moz-border-radius:5px 5px 0 0;
1906 -webkit-border-radius:5px 5px 0 0;
1907 border-radius:5px 5px 0 0;
1908 background:#d5d5d5;
1909 color:#fff;
1912 .config-form ul.tabs li a:hover,
1913 .config-form ul.tabs li a:active,
1914 .config-form ul.tabs li a.active {
1915 /*margin: 0;*/
1916 /*padding: 0.1em 0.6em 0.2em;*/
1919 .config-form ul.tabs li a.active {
1920 background-color: #fff;
1921 margin-top:1px;
1922 color:#000;
1925 .config-form fieldset {
1926 margin-top: 0;
1927 padding: 0;
1928 clear: both;
1929 /*border-color: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;*/
1932 .config-form legend {
1933 display: none;
1936 .config-form fieldset p {
1937 margin: 0;
1938 padding: 0.5em;
1939 background: #fff;
1940 border-top:0px;
1943 .config-form fieldset .errors { /* form error list */
1944 margin: 0 -2px 1em -2px;
1945 padding: 0.5em 1.5em;
1946 background: #FBEAD9;
1947 border: 0 #C83838 solid;
1948 border-width: 1px 0;
1949 list-style: none;
1950 font-family: sans-serif;
1951 font-size: small;
1954 .config-form fieldset .inline_errors { /* field error list */
1955 margin: 0.3em 0.3em 0.3em 0;
1956 padding: 0;
1957 list-style: none;
1958 color: #9A0000;
1959 font-size: small;
1962 .config-form fieldset th {
1963 padding: 0.3em 0.3em 0.3em 0.5em;
1964 text-align: left;
1965 vertical-align: top;
1966 width: 40%;
1967 background: transparent;
1970 .config-form fieldset .doc, .config-form fieldset .disabled-notice {
1971 margin-left: 1em;
1974 .config-form fieldset .disabled-notice {
1975 font-size: 80%;
1976 text-transform: uppercase;
1977 color: #E00;
1978 cursor: help;
1981 .config-form fieldset td {
1982 padding-top: 0.3em;
1983 padding-bottom: 0.3em;
1984 vertical-align: top;
1987 .config-form fieldset th small {
1988 display: block;
1989 font-weight: normal;
1990 font-family: sans-serif;
1991 font-size: x-small;
1992 color: #444;
1995 .config-form fieldset th, .config-form fieldset td {
1996 border-top: 1px <?php echo $GLOBALS['cfg']['BgTwo']; ?> solid;
1999 fieldset .group-header th {
2000 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
2003 fieldset .group-header + tr th {
2004 padding-top: 0.6em;
2007 fieldset .group-field-1 th, fieldset .group-header-2 th {
2008 padding-left: 1.5em;
2011 fieldset .group-field-2 th, fieldset .group-header-3 th {
2012 padding-left: 3em;
2015 fieldset .group-field-3 th {
2016 padding-left: 4.5em;
2019 fieldset .disabled-field th,
2020 fieldset .disabled-field th small,
2021 fieldset .disabled-field td {
2022 color: #666;
2023 background-color: #ddd;
2026 .config-form .lastrow {
2027 border-top: 1px #000 solid;
2030 .config-form .lastrow {
2031 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;;
2032 padding: 0.5em;
2033 text-align: center;
2036 .config-form .lastrow input {
2037 font-weight: bold;
2040 /* form elements */
2042 .config-form span.checkbox {
2043 padding: 2px;
2044 display: inline-block;
2047 .config-form .custom { /* customized field */
2048 background: #FFC;
2051 .config-form span.checkbox.custom {
2052 padding: 1px;
2053 border: 1px #EDEC90 solid;
2054 background: #FFC;
2057 .config-form .field-error {
2058 border-color: #A11 !important;
2061 .config-form input[type="text"],
2062 .config-form select,
2063 .config-form textarea {
2064 border: 1px #A7A6AA solid;
2065 height: auto;
2068 .config-form input[type="text"]:focus,
2069 .config-form select:focus,
2070 .config-form textarea:focus {
2071 border: 1px #6676FF solid;
2072 background: #F7FBFF;
2075 .config-form .field-comment-mark {
2076 font-family: serif;
2077 color: #007;
2078 cursor: help;
2079 padding: 0 0.2em;
2080 font-weight: bold;
2081 font-style: italic;
2084 .config-form .field-comment-warning {
2085 color: #A00;
2088 /* error list */
2089 .config-form dd {
2090 margin-left: 0.5em;
2093 .config-form dd:before {
2094 content: "\25B8 ";
2097 .click-hide-message {
2098 cursor: pointer;
2101 .prefsmanage_opts {
2102 margin-<?php echo $left; ?>: 2em;
2105 #prefs_autoload {
2106 margin-bottom: 0.5em;