Merge remote-tracking branch 'pootle/master'
[phpmyadmin-regexreplace.git] / themes / pmahomme / css / theme_right.css.php
blob3b57fea99a31880ac369588317d31e13c965fc28
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 pmahomme
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 td,
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 textarea#partitiondefinition {
1597 height:3em;
1600 /* for elements that should be revealed only via js */
1601 .hide {
1602 display: none;
1605 #li_select_server {
1606 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_host.png);
1609 #list_server {
1610 list-style-image: none;
1614 * Progress bar styles
1616 div.upload_progress_bar_outer
1618 border: 1px solid black;
1619 width: 202px;
1622 div.upload_progress_bar_inner
1624 background-color: <?php echo (isset($_SESSION['userconf']['custom_color']) ? $_SESSION['userconf']['custom_color'] : $GLOBALS['cfg']['NaviBackground']); ?>;
1625 width: 0px;
1626 height: 12px;
1627 margin: 1px;
1630 table#serverconnection_src_remote,
1631 table#serverconnection_trg_remote,
1632 table#serverconnection_src_local,
1633 table#serverconnection_trg_local {
1634 float:left;
1637 * Validation error message styles
1639 .invalid_value
1640 {background:#F00;}
1643 * Ajax notification styling
1645 .ajax_notification {
1646 top: 0px; /** The notification needs to be shown on the top of the page */
1647 position: fixed;
1648 margin-top: 0;
1649 margin-right: auto;
1650 margin-bottom: 0;
1651 margin-left: auto;
1652 padding: 5px; /** Keep a little space on the sides of the text */
1653 min-width: 70px;
1654 max-width: 350px; /** This value might have to be changed */
1656 z-index: 1100; /** If this is not kept at a high z-index, the jQueryUI modal dialogs (z-index:1000) might hide this */
1657 text-align: center;
1658 display: inline;
1659 left: 0;
1660 right: 0;
1661 background-image: url(./themes/pmahomme/img/ajax_clock_small.gif);
1662 background-repeat: no-repeat;
1663 background-position: 2%;
1664 border:1px solid #e2b709;
1667 /* additional styles */
1668 .ajax_notification{
1669 margin-top:200px;background:#ffe57e;
1670 border-radius:5px;
1671 -moz-border-radius:5px;
1672 -webkit-border-radius:5px;
1673 box-shadow: 0px 5px 90px #888;
1674 -moz-box-shadow: 0px 5px 90px #888;
1675 -webkit-box-shadow: 0px 5px 90px #888;
1678 #loading_parent {
1679 /** Need this parent to properly center the notification division */
1680 position: relative;
1681 width: 100%;
1684 * Export and Import styles
1687 .exportoptions h3, .importoptions h3 {
1688 border-bottom: 1px #999999 solid;
1689 font-size: 110%;
1692 .exportoptions ul, .importoptions ul, .format_specific_options ul {
1693 list-style-type: none;
1694 margin-bottom: 15px;
1697 .exportoptions li, .importoptions li {
1698 margin: 7px;
1700 .exportoptions label, .importoptions label, .exportoptions p, .importoptions p {
1701 margin: 5px;
1702 float: none;
1705 #csv_options label.desc, #ldi_options label.desc, #latex_options label.desc, #output label.desc{
1706 float: left;
1707 width: 15em;
1710 .exportoptions, .importoptions {
1711 margin: 20px 30px 30px 10px
1714 .exportoptions #buttonGo, .importoptions #buttonGo {
1715 font-weight:bold;
1716 margin-left:14px;
1717 border: 1px solid #aaa;
1718 padding: 5px 12px;
1719 color: #111;
1720 text-decoration: none;
1721 background: #ddd;
1723 border-radius: 12px;
1724 -webkit-border-radius: 12px;
1725 -moz-border-radius: 12px;
1727 text-shadow: 0px 1px 0px #fff;
1729 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
1730 background: -moz-linear-gradient(top, #ffffff, #cccccc);
1731 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
1732 cursor: pointer;
1734 #buttonGo:hover{
1735 background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
1736 background: -moz-linear-gradient(top, #cccccc, #dddddd);
1737 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#dddddd');
1740 .format_specific_options h3 {
1741 margin: 10px 0px 0px 10px;
1742 border: 0px;
1745 .format_specific_options {
1746 border: 1px solid #999999;
1747 margin: 7px 0px;
1748 padding: 3px;
1751 p.desc {
1752 margin: 5px;
1756 * Export styles only
1758 select#db_select, select#table_select {
1759 width: 400px;
1762 .export_sub_options {
1763 margin: 20px 0px 0px 30px;
1766 .export_sub_options h4 {
1767 border-bottom: 1px #999999 solid;
1770 .export_sub_options li.subgroup {
1771 display: inline-block;
1772 margin-top: 0;
1775 .export_sub_options li {
1776 margin-bottom: 0;
1779 #quick_or_custom, #output_quick_export {
1780 display: none;
1783 * Import styles only
1786 .importoptions #import_notification {
1787 margin: 10px 0px;
1788 font-style: italic;
1791 input#input_import_file {
1792 margin: 5px;
1795 .formelementrow {
1796 margin: 5px 0px 5px 0px;
1800 * ENUM/SET editor styles
1802 p.enum_notice {
1803 margin: 5px 2px;
1804 font-size: 80%;
1807 #enum_editor {
1808 display: none;
1809 position: fixed;
1810 _position: absolute; /* hack for IE */
1811 z-index: 101;
1812 overflow-y: auto;
1813 overflow-x: hidden;
1816 #enum_editor_no_js {
1817 margin: auto auto;
1820 #enum_editor, #enum_editor_no_js {
1821 background: #D0DCE0;
1822 padding: 15px;
1825 #popup_background {
1826 display: none;
1827 position: fixed;
1828 _position: absolute; /* hack for IE6 */
1829 width: 100%;
1830 height: 100%;
1831 top: 0;
1832 left: 0;
1833 background: #000;
1834 z-index: 100;
1835 overflow: hidden;
1838 a.close_enum_editor {
1839 float: right;
1842 #enum_editor #values, #enum_editor_no_js #values {
1843 margin: 15px 0px;
1844 width: 100%;
1847 #enum_editor #values input, #enum_editor_no_js #values input {
1848 margin: 5px 0px;
1849 float: top;
1850 width: 100%;
1855 #enum_editor_output {
1856 margin-top: 50px;
1860 * Table structure styles
1862 .structure_actions_dropdown {
1863 position: absolute;
1864 padding: 3px;
1865 display: none;
1866 z-index: 100;
1867 background:#fff;
1868 line-height:24px;
1869 border:1px solid #aaa;
1870 -moz-box-shadow:0px 3px 3px #ddd;
1872 .structure_actions_dropdown span{display:block;}
1873 .structure_actions_dropdown span:hover{background:#ddd;}
1875 td.more_opts {
1876 white-space: nowrap;
1879 iframe.IE_hack {
1880 z-index: 1;
1881 position: absolute;
1882 display: none;
1883 border: 0;
1884 filter: alpha(opacity=0);
1887 /* config forms */
1888 .config-form ul.tabs {
1889 margin: 1.1em 0.2em 0;
1890 padding: 0 0 0.3em 0;
1891 list-style: none;
1892 font-weight: bold;
1895 .config-form ul.tabs li {
1896 float: <?php echo $left; ?>;
1899 .config-form ul.tabs li a {
1900 display: block;
1901 margin: 0.1em 0.2em 0;
1902 white-space: nowrap;
1903 text-decoration: none;
1904 border: 1px solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1905 border-bottom: none;
1908 .config-form ul.tabs li a {
1909 padding:7px 10px;
1910 -moz-border-radius:5px 5px 0 0;
1911 -webkit-border-radius:5px 5px 0 0;
1912 border-radius:5px 5px 0 0;
1913 background:#d5d5d5;
1914 color:#fff;
1917 .config-form ul.tabs li a:hover,
1918 .config-form ul.tabs li a:active,
1919 .config-form ul.tabs li a.active {
1920 /*margin: 0;*/
1921 /*padding: 0.1em 0.6em 0.2em;*/
1924 .config-form ul.tabs li a.active {
1925 background-color: #fff;
1926 margin-top:1px;
1927 color:#000;
1930 .config-form fieldset {
1931 margin-top: 0;
1932 padding: 0;
1933 clear: both;
1934 /*border-color: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;*/
1937 .config-form legend {
1938 display: none;
1941 .config-form fieldset p {
1942 margin: 0;
1943 padding: 0.5em;
1944 background: #fff;
1945 border-top:0px;
1948 .config-form fieldset .errors { /* form error list */
1949 margin: 0 -2px 1em -2px;
1950 padding: 0.5em 1.5em;
1951 background: #FBEAD9;
1952 border: 0 #C83838 solid;
1953 border-width: 1px 0;
1954 list-style: none;
1955 font-family: sans-serif;
1956 font-size: small;
1959 .config-form fieldset .inline_errors { /* field error list */
1960 margin: 0.3em 0.3em 0.3em 0;
1961 padding: 0;
1962 list-style: none;
1963 color: #9A0000;
1964 font-size: small;
1967 .config-form fieldset th {
1968 padding: 0.3em 0.3em 0.3em 0.5em;
1969 text-align: left;
1970 vertical-align: top;
1971 width: 40%;
1972 background: transparent;
1975 .config-form fieldset .doc, .config-form fieldset .disabled-notice {
1976 margin-left: 1em;
1979 .config-form fieldset .disabled-notice {
1980 font-size: 80%;
1981 text-transform: uppercase;
1982 color: #E00;
1983 cursor: help;
1986 .config-form fieldset td {
1987 padding-top: 0.3em;
1988 padding-bottom: 0.3em;
1989 vertical-align: top;
1992 .config-form fieldset th small {
1993 display: block;
1994 font-weight: normal;
1995 font-family: sans-serif;
1996 font-size: x-small;
1997 color: #444;
2000 .config-form fieldset th, .config-form fieldset td {
2001 border-top: 1px <?php echo $GLOBALS['cfg']['BgTwo']; ?> solid;
2004 fieldset .group-header th {
2005 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
2008 fieldset .group-header + tr th {
2009 padding-top: 0.6em;
2012 fieldset .group-field-1 th, fieldset .group-header-2 th {
2013 padding-left: 1.5em;
2016 fieldset .group-field-2 th, fieldset .group-header-3 th {
2017 padding-left: 3em;
2020 fieldset .group-field-3 th {
2021 padding-left: 4.5em;
2024 fieldset .disabled-field th,
2025 fieldset .disabled-field th small,
2026 fieldset .disabled-field td {
2027 color: #666;
2028 background-color: #ddd;
2031 .config-form .lastrow {
2032 border-top: 1px #000 solid;
2035 .config-form .lastrow {
2036 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;;
2037 padding: 0.5em;
2038 text-align: center;
2041 .config-form .lastrow input {
2042 font-weight: bold;
2045 /* form elements */
2047 .config-form span.checkbox {
2048 padding: 2px;
2049 display: inline-block;
2052 .config-form .custom { /* customized field */
2053 background: #FFC;
2056 .config-form span.checkbox.custom {
2057 padding: 1px;
2058 border: 1px #EDEC90 solid;
2059 background: #FFC;
2062 .config-form .field-error {
2063 border-color: #A11 !important;
2066 .config-form input[type="text"],
2067 .config-form select,
2068 .config-form textarea {
2069 border: 1px #A7A6AA solid;
2070 height: auto;
2073 .config-form input[type="text"]:focus,
2074 .config-form select:focus,
2075 .config-form textarea:focus {
2076 border: 1px #6676FF solid;
2077 background: #F7FBFF;
2080 .config-form .field-comment-mark {
2081 font-family: serif;
2082 color: #007;
2083 cursor: help;
2084 padding: 0 0.2em;
2085 font-weight: bold;
2086 font-style: italic;
2089 .config-form .field-comment-warning {
2090 color: #A00;
2093 /* error list */
2094 .config-form dd {
2095 margin-left: 0.5em;
2098 .config-form dd:before {
2099 content: "\25B8 ";
2102 .click-hide-message {
2103 cursor: pointer;
2106 .prefsmanage_opts {
2107 margin-<?php echo $left; ?>: 2em;
2110 #prefs_autoload {
2111 margin-bottom: 0.5em;
2114 #table_columns input, select {
2115 width: 14em;
2116 box-sizing: border-box;
2117 -ms-box-sizing: border-box;
2118 -moz-box-sizing: border-box;
2119 -webkit-box-sizing: border-box;
2122 #table_columns select {
2123 margin: 0 6px;