Moves colors around on "informational" messages such as warnings, info, successes...
[phpmyadmin/last10db.git] / themes / pmahomme / css / theme_right.css.php
blobd56b947ac390ddacb54c4b15319eb98ef08d4330
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;
92 #initials_table td{padding:8px !important}
94 #initials_table a {
95 border:1px solid #aaa;
96 background:#fff;
97 padding:4px 8px;
98 -moz-border-radius:5px;
99 -webkit-border-radius:5px;
100 border-radius:5px;
101 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
102 background: -moz-linear-gradient(top, #ffffff, #cccccc);
103 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
106 dfn {
107 font-style: normal;
110 dfn:hover {
111 font-style: normal;
112 cursor: help;
115 th {
116 font-weight: bold;
117 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
118 background: #f3f3f3;
119 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
120 background: -moz-linear-gradient(top, #ffffff, #cccccc);
121 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
126 a img {
127 border: 0;
130 hr {
131 color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
132 background-color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
133 border: 0;
134 height: 1px;
137 form {
138 padding: 0;
139 margin: 0;
140 display: inline;
143 input[type=text]{
144 border-radius:2px;
145 -moz-border-radius:2px;
146 -webkit-border-radius:2px;
148 box-shadow:0 1px 2px #ddd;
149 -moz-box-shadow:0 1px 2px #ddd;
150 -webkit-box-shadow:0 1px 2px #ddd;
152 background:url(./themes/pmahomme/img/input_bg.gif);
153 border:1px solid #aaa;
154 color:#555555;
155 padding:4px;
156 margin:6px;
160 input[type=password]{
161 border-radius:2px;
162 -moz-border-radius:2px;
163 -webkit-border-radius:2px;
165 box-shadow:0 1px 2px #ddd;
166 -moz-box-shadow:0 1px 2px #ddd;
167 -webkit-box-shadow:0 1px 2px #ddd;
169 background:url(./themes/pmahomme/img/input_bg.gif);
170 border:1px solid #aaa;
171 color:#555555;
172 padding:4px;
173 margin:6px;
177 input[type=submit]{
178 font-weight:bold;
179 margin-left:14px;
180 border: 1px solid #aaa;
181 padding: 3px 7px;
182 color: #111;
183 text-decoration: none;
184 background: #ddd;
186 border-radius: 12px;
187 -webkit-border-radius: 12px;
188 -moz-border-radius: 12px;
190 text-shadow: 0px 1px 0px #fff;
192 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
193 background: -moz-linear-gradient(top, #ffffff, #cccccc);
194 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
197 input[type=submit]:hover{ position: relative;
198 background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
199 background: -moz-linear-gradient(top, #cccccc, #dddddd);
200 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#dddddd');
201 cursor:pointer;
204 input[type=submit]:active{ position: relative;
205 top: 1px;
206 left: 1px;
208 textarea {
209 overflow: visible;
210 height: <?php echo ceil($GLOBALS['cfg']['TextareaRows'] * 1.2); ?>em;
213 fieldset {
214 margin-top: 1em;
215 border-radius:4px 4px 0 0;
216 -moz-border-radius:4px 4px 0 0;
217 -webkit-border-radius:4px 4px 0 0;
218 padding:5px;
219 border: #aaa solid 1px;
220 padding: 1.5em;
221 background: #eee;
222 text-shadow:0 1px 0 #fff;
223 -moz-box-shadow: 1px 1px 2px #fff inset;
224 -webkit-box-shadow: 1px 1px 2px #fff inset;
225 box-shadow: 1px 1px 2px #fff inset;
228 fieldset fieldset {
229 margin: 0.8em;
230 background:#fff;
231 border:1px solid #aaa;
232 background:none repeat scroll 0 0 #E8E8E8;
236 fieldset legend {
237 font-weight: bold;
238 color: #444;
239 padding:5px 10px;
240 border-radius:2px;
241 -moz-border-radius:2px;
242 -webkit-border-radius:2px;
243 border:1px solid #aaa;
244 background-color: #fff;
245 -moz-box-shadow:3px 3px 15px #bbb;
246 -webkit-box-shadow:3px 3px 15px #bbb;
247 box-shadow:3px 3px 15px #bbb;
250 /* buttons in some browsers (eg. Konqueror) are block elements,
251 this breaks design */
252 button {
253 display: inline;
256 table caption,
257 table th,
258 table td {
259 padding: 0.3em;
260 margin: 0.1em;
261 vertical-align: top;
262 text-shadow:0 1px 0 #FFFFFF;
265 /* 3.4 */
266 table{border-collapse:collapse;}
267 th{border-right:1px solid #fff; text-align:left;}
270 img,
271 input,
272 select,
273 button {
274 vertical-align: middle;
277 select{
278 -moz-border-radius:2px;
279 -webkit-border-radius:2px;
280 border-radius:2px;
282 -moz-box-shadow:0 1px 2px #ddd;
283 -webkit-box-shadow:0 1px 2px #ddd;
284 box-shadow:0 1px 2px #ddd;
286 border:1px solid #aaa;
287 color:#333333;
288 padding:3px;
289 background:url(./themes/pmahomme/img/input_bg.gif)
292 /******************************************************************************/
293 /* classes */
294 div.tools {
295 /* border: 1px solid #000000; */
296 padding: 0.2em;
299 div.tools a{color:#3a7ead !important;}
301 div.tools,
302 fieldset.tblFooters {
303 margin-top: 0;
304 margin-bottom: 0.5em;
305 /* avoid a thick line since this should be used under another fieldset */
306 border-top: 0;
307 text-align: <?php echo $right; ?>;
308 float: none;
309 clear: both;
310 -webkit-border-radius:0 0 4px 4px;
311 -moz-border-radius:0 0 4px 4px;
312 border-radius: 0 0 4px 5px;
315 div.null_div {
316 height: 20px;
317 text-align: center;
318 font-style:normal;
319 min-width:50px;
322 fieldset .formelement {
323 float: <?php echo $left; ?>;
324 margin-<?php echo $right; ?>: 0.5em;
325 /* IE */
326 white-space: nowrap;
329 /* revert for Gecko */
330 fieldset div[class=formelement] {
331 white-space: normal;
334 button.mult_submit {
335 border: none;
336 background-color: transparent;
339 /* odd items 1,3,5,7,... */
340 table tr.odd th,
341 .odd {
342 background: #fff;
345 /* even items 2,4,6,8,... */
346 table tr.even th,
347 .even {
348 background: #f3f3f3;
351 /* odd table rows 1,3,5,7,... */
352 table tr.odd th,
353 table tr.odd,
354 table tr.even th,
355 table tr.even {
356 text-align: <?php echo $left; ?>;
359 <?php if ($GLOBALS['cfg']['BrowseMarkerEnable']) { ?>
360 /* marked table rows */
361 td.marked,
362 table tr.marked td,
363 table tr.marked th,
364 table tr.marked {
365 background: url(./themes/pmahomme/img/marked_bg.png) repeat-x #b6c6d7;
366 color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
368 <?php } ?>
370 <?php if ($GLOBALS['cfg']['BrowsePointerEnable']) { ?>
371 /* hovered items */
372 .odd:hover,
373 .even:hover,
374 .hover,
375 .structure_actions_dropdown {
376 background: url(./themes/pmahomme/img/marked_bg.png) repeat-x #b6c6d7; /* 3.4 */
377 color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
380 /* hovered table rows */
381 table tr.odd:hover th,
382 table tr.even:hover th,
383 table tr.hover th {
384 background: url(./themes/pmahomme/img/marked_bg.png) repeat-x #b6c6d7; /* 3.4 */
385 color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
387 <?php } ?>
390 * marks table rows/cells if the db field is in a where condition
392 tr.condition th,
393 tr.condition td,
394 td.condition,
395 th.condition {
396 border: 1px solid <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
400 * cells with the value NULL
402 td.null {
403 font-style: italic;
404 text-align: <?php echo $right; ?>;
407 table .value {
408 text-align: <?php echo $right; ?>;
409 white-space: normal;
411 /* IE doesnt handles 'pre' right */
412 table [class=value] {
413 white-space: normal;
417 <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
418 .value {
419 font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
421 <?php } ?>
422 .value .attention {
423 color: red;
424 font-weight: bold;
426 .value .allfine {
427 color: green;
431 img.lightbulb {
432 cursor: pointer;
435 .pdflayout {
436 overflow: hidden;
437 clip: inherit;
438 background-color: #FFFFFF;
439 display: none;
440 border: 1px solid #000000;
441 position: relative;
444 .pdflayout_table {
445 background: #D3DCE3;
446 color: #000000;
447 overflow: hidden;
448 clip: inherit;
449 z-index: 2;
450 display: inline;
451 visibility: inherit;
452 cursor: move;
453 position: absolute;
454 font-size: 80%;
455 border: 1px dashed #000000;
458 /* MySQL Parser */
459 .syntax {
460 font-family: Verdan, Arial, Tahoma;
461 font-size: 110%;
464 .syntax a {
465 text-decoration: none;
466 border-bottom:1px dotted black;
469 .syntax_comment {
470 padding-left: 4pt;
471 padding-right: 4pt;
474 .syntax_digit {
477 .syntax_digit_hex {
480 .syntax_digit_integer {
483 .syntax_digit_float {
486 .syntax_punct {
489 .syntax_alpha {
492 .syntax_alpha_columnType {
493 text-transform: uppercase;
496 .syntax_alpha_columnAttrib {
497 text-transform: uppercase;
500 .syntax_alpha_reservedWord {
501 text-transform: uppercase;
502 font-weight: bold;
505 .syntax_alpha_functionName {
506 text-transform: uppercase;
509 .syntax_alpha_identifier {
512 .syntax_alpha_charset {
515 .syntax_alpha_variable {
518 .syntax_quote {
519 white-space: pre;
522 .syntax_quote_backtick {
525 /* leave some space between icons and text */
526 .icon, img.footnotemarker {
527 vertical-align: -3px;
528 margin-right: 0.3em;
529 margin-left: 0.3em;
532 img.footnotemarker {
533 display: none;
536 /* no extra space in table cells */
537 td .icon {
538 margin: 0;
541 .selectallarrow {
542 margin-<?php echo $right; ?>: 0.3em;
543 margin-<?php echo $left; ?>: 0.6em;
546 /* message boxes: warning, error, confirmation */
547 .success h1,
548 .notice h1,
549 .warning h1,
550 div.error h1 {
551 border-bottom: 2px solid;
552 font-weight: bold;
553 text-align: <?php echo $left; ?>;
554 margin: 0 0 0.2em 0;
557 div.success,
558 div.notice,
559 div.warning,
560 div.error,
561 div.footnotes {
562 margin: 0.5em 0 1.3em 0;
563 border: 1px solid;
564 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
565 background-repeat: no-repeat;
566 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
567 background-position: 10px 50%;
568 padding: 10px 10px 10px 25px;
569 <?php } else { ?>
570 background-position: 99% 50%;
571 padding: 25px 10px 10px 10px
572 <?php } ?>
573 <?php } else { ?>
574 padding: 0.3em;
575 <?php } ?>
577 -moz-border-radius:5px;
578 -webkit-border-radius:5px;
579 border-radius:5px;
581 -moz-box-shadow: 0 1px 1px #fff inset;
582 -webkit-box-shadow: 0 1px 1px #fff inset;
583 box-shadow: 0 1px 1px #fff inset;
586 .success a{text-decoration:underline;}
587 .notice a{text-decoration:underline;}
588 .warning a{text-decoration:underline;}
589 .error a{text-decoration:underline;}
590 .footnotes a{text-decoration:underline;}
592 .success {
593 color: #000000;
594 background-color: #ebf8a4;
596 h1.success,
597 div.success {
598 border-color: #a2d246;
599 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
600 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_success.png);
601 background-repeat: no-repeat;
602 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
603 background-position: 5px 50%;
604 <?php } else { ?>
605 background-position: 97% 50%;
606 <?php } ?>
607 <?php } ?>
609 .success h1 {
610 border-color: #00FF00;
613 .notice, .footnotes {
614 color: #3a6c7e;
615 background-color: #e8eef1;
617 h1.notice,
618 div.notice,
619 div.footnotes {
620 border-color: #3a6c7e;
621 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
622 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_notice.png);
623 background-repeat: no-repeat;
624 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
625 background-position: 5px 50%;
626 <?php } else { ?>
627 background-position: 97% 50%;
628 <?php } ?>
629 <?php } ?>
631 .notice h1 {
632 border-color: #ffb10a;
635 .warning {
636 color: #000;
637 background:url(./themes/pmahomme/img/tab_warning_bg.png) 50% 0% #f2baba;
641 p.warning,
642 h1.warning,
643 div.warning {
644 border-color: #e0a1a1;
645 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
646 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_warn.png);
647 background-repeat: no-repeat;
648 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
649 background-position: 5px 50%;
650 <?php } else { ?>
651 background-position: 97% 50%;
652 <?php } ?>
653 <?php } ?>
655 .warning h1 {
656 border-color: #cc0000;
659 .error {
660 border:1px solid maroon !important;
661 color: #000;
662 background:pink;
665 h1.error,
666 div.error {
667 border-color: #333;
668 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
669 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_error.png);
670 background-repeat: no-repeat;
671 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
672 background-position: 5px 50%;
673 <?php } else { ?>
674 background-position: 97% 50%;
675 <?php } ?>
676 <?php } ?>
678 div.error h1 {
679 border-color: #ff0000;
684 .confirmation {
685 color: #000000;
686 background-color: pink;
688 fieldset.confirmation {
691 fieldset.confirmation legend {
694 /* end messageboxes */
697 .tblcomment {
698 font-size: 70%;
699 font-weight: normal;
700 color: #000099;
703 .tblHeaders {
704 font-weight: bold;
705 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
706 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
709 div.tools,
710 .tblFooters {
711 font-weight: normal;
712 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
713 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
716 .tblHeaders a:link,
717 .tblHeaders a:active,
718 .tblHeaders a:visited,
719 div.tools a:link,
720 div.tools a:visited,
721 div.tools a:active,
722 .tblFooters a:link,
723 .tblFooters a:active,
724 .tblFooters a:visited {
725 color: #0000FF;
728 .tblHeaders a:hover,
729 div.tools a:hover,
730 .tblFooters a:hover {
731 color: #FF0000;
734 /* forbidden, no privilegs */
735 .noPrivileges {
736 color: #FF0000;
737 font-weight: bold;
740 /* disabled text */
741 .disabled,
742 .disabled a:link,
743 .disabled a:active,
744 .disabled a:visited {
745 color: #666666;
748 .disabled a:hover {
749 color: #666666;
750 text-decoration: none;
753 tr.disabled td,
754 td.disabled {
755 background-color: #f3f3f3;
756 color:#aaa;
759 .nowrap {
760 white-space: nowrap;
764 * login form
766 body.loginform h1,
767 body.loginform a.logo {
768 display: block;
769 text-align: center;
772 body.loginform {
773 text-align: center;
776 body.loginform div.container {
777 text-align: <?php echo $left; ?>;
778 width: 30em;
779 margin: 0 auto;
782 form.login label {
783 float: <?php echo $left; ?>;
784 width: 10em;
785 font-weight: bolder;
788 .commented_column {
789 border-bottom: 1px dashed black;
792 .column_attribute {
793 font-size: 70%;
796 /******************************************************************************/
797 /* specific elements */
799 /* topmenu */
800 #topmenu a {text-shadow:0px 1px 0px #fff;}
802 ul#topmenu, ul#topmenu2, ul.tabs {
803 font-weight: bold;
804 list-style-type: none;
805 margin: 0;
806 padding: 0;
810 ul#topmenu2 {
811 margin: 0.25em 0.5em 0;
812 height: 2em;
813 clear: both;
816 ul#topmenu li, ul#topmenu2 li {
817 float: <?php echo $left; ?>;
818 margin: 0;
819 vertical-align: middle;
822 #topmenu img, #topmenu2 img {
823 margin-right:0.5em;
824 vertical-align:-3px;
827 #topmenucontainer{background:url(./themes/pmahomme/img/tab_bg.png) repeat-x; border-top:1px solid #aaa;}
829 /* default tab styles */
830 .tabactive {
831 background:#fff !important;
834 ul#topmenu a, ul#topmenu span {
835 display: block;
836 margin: 0px;
837 padding: 0px;
838 white-space: nowrap;
841 ul#topmenu ul a {
842 margin: 0;
846 ul#topmenu .submenu {
847 display: none;
848 position: relative;
851 ul#topmenu .shown {
852 display: inline-block;
855 ul#topmenu ul {
856 margin: 0;
857 padding: 0;
858 position: absolute;
859 right: 0;
860 list-style-type: none;
861 display: none;
862 border: 1px #ddd solid;
865 ul#topmenu li:hover {
866 background:url(./themes/pmahomme/img/tab_hover_bg.png) repeat-x 50% 0%!important;
869 ul#topmenu li:hover ul, ul#topmenu .submenuhover ul {
870 display: block;
871 font-weight:3em;
872 background:#fff;
876 ul#topmenu ul li {
877 width: 100%;
880 ul#topmenu2 a {
881 display: block;
882 margin: 7px 6px 7px 0px;
883 padding: 4px 10px;
884 white-space: nowrap;
885 border:1px solid #ddd;
886 border-radius: 20px;
887 -moz-border-radius: 20px;
888 -webkit-border-radius: 20px;
889 background:#f2f2f2;
893 /* disabled tabs */
894 ul#topmenu span.tab {
895 color: #666666;
898 /* disabled drop/empty tabs */
899 ul#topmenu span.tabcaution {
900 color: #ff6666;
903 /* enabled drop/empty tabs */
904 ul#topmenu a.tabcaution {
905 color: #FF0000;
907 ul#topmenu a.tabcaution:hover {
908 color: #FFFFFF;
909 background-color: #FF0000;
911 fieldset.caution a {
912 color: #FF0000;
914 fieldset.caution a:hover {
915 color: #ffffff;
916 background-color: #FF0000;
919 <?php if ($GLOBALS['cfg']['LightTabs']) { ?>
920 /* active tab */
921 ul#topmenu a.tabactive, ul#topmenu2 a.tabactive {
922 color: black;
925 ul#topmenu ul {
926 background: <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
928 <?php } else { ?>
929 #topmenu {
930 margin-top: 0.5em;
931 padding: 0.1em 0.3em 0.1em 0.3em;
934 #topmenu .warning {font-size:1em !important; background:#f3f3f3; }
935 #topmenu .warning a span{color:#ddd !important;}
937 ul#topmenu ul {
938 -moz-box-shadow: 1px 1px 6px #ddd;
939 -webkit-box-shadow: 2px 2px 3px #666;
940 box-shadow: 2px 2px 3px #666;
943 ul#topmenu > li {
944 border-right: 1px solid #fff;
945 border-left: 1px solid #ccc;
948 /* default tab styles */
949 ul#topmenu a, ul#topmenu span {
950 padding:10px;
953 ul#topmenu ul a {
954 border-width: 1pt 0 0 0;
955 -moz-border-radius: 0;
956 -webkit-border-radius: 0;
957 border-radius: 0;
961 ul#topmenu ul li:first-child a {
962 border-width: 0;
966 /* enabled hover/active tabs */
967 ul#topmenu > li > a:hover,
968 ul#topmenu > li > .tabactive {
969 text-decoration: none;
972 ul#topmenu ul a:hover,
973 ul#topmenu ul .tabactive {
974 text-decoration: none;
977 ul#topmenu a.tab:hover,
978 ul#topmenu .tabactive {
979 /* background-color: <?php echo $GLOBALS['cfg']['MainBackground']; ?>; */
982 ul#topmenu2 a.tab:hover,
983 ul#topmenu2 a.tabactive {
984 background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
985 border-radius: 0.3em;
986 -moz-border-radius: 0.3em;
987 -webkit-border-radius: 0.3em;
988 text-decoration: none;
991 /* to be able to cancel the bottom border, use <li class="active"> */
992 ul#topmenu > li.active {
993 /* border-bottom: 0pt solid <?php echo $GLOBALS['cfg']['MainBackground']; ?>; */
994 border-right:0px;
997 /* disabled drop/empty tabs */
998 ul#topmenu span.tab,
999 a.warning,
1000 ul#topmenu span.tabcaution {
1001 cursor: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>error.ico), default;
1002 color:#ccc;
1004 <?php } ?>
1005 /* end topmenu */
1008 /* Calendar */
1009 table.calendar {
1010 width: 100%;
1012 table.calendar td {
1013 text-align: center;
1015 table.calendar td a {
1016 display: block;
1019 table.calendar td a:hover {
1020 background-color: #CCFFCC;
1023 table.calendar th {
1024 background-color: #D3DCE3;
1027 table.calendar td.selected {
1028 background-color: #FFCC99;
1031 img.calendar {
1032 border: none;
1034 form.clock {
1035 text-align: center;
1037 /* end Calendar */
1040 /* table stats */
1041 div#tablestatistics {
1042 border-bottom: 0.1em solid #669999;
1043 margin-bottom: 0.5em;
1044 padding-bottom: 0.5em;
1047 div#tablestatistics table {
1048 float: <?php echo $left; ?>;
1049 margin-bottom: 0.5em;
1050 margin-<?php echo $right; ?>: 0.5em;
1051 width:99%;
1054 div#tablestatistics table caption {
1055 margin-<?php echo $right; ?>: 0.5em;
1057 /* END table stats */
1060 /* server privileges */
1061 #tableuserrights td,
1062 #tablespecificuserrights td,
1063 #tabledatabases td {
1064 vertical-align: middle;
1066 /* END server privileges */
1070 /* Heading */
1071 #serverinfo {
1072 border-bottom:1px solid #fff;
1073 -moz-border-radius: 4px 4px 0 0;
1074 -webkit-border-radius: 4px 4px 0 0;
1075 border-radius:4px 4px 0 0;
1076 background:#888;
1077 padding:10px;
1078 text-shadow:0 1px 0 #000000;
1081 #serverinfo .item {
1082 white-space: nowrap;
1083 color:#fff;
1086 #span_table_comment {
1087 font-weight: normal;
1088 font-style: italic;
1089 white-space: nowrap;
1092 #serverinfo img {
1093 margin: 0 0.1em 0 0.2em;
1097 #textSQLDUMP {
1098 width: 95%;
1099 height: 95%;
1100 font-family: "Courier New", Courier, mono;
1101 font-size: 110%;
1104 #TooltipContainer {
1105 position: absolute;
1106 z-index: 99;
1107 width: 20em;
1108 height: auto;
1109 overflow: visible;
1110 visibility: hidden;
1111 background-color: #ffffcc;
1112 color: #006600;
1113 border: 0.1em solid #000000;
1114 padding: 0.5em;
1117 /* user privileges */
1118 #fieldset_add_user_login div.item {
1119 border-bottom: 1px solid silver;
1120 padding-bottom: 0.3em;
1121 margin-bottom: 0.3em;
1124 #fieldset_add_user_login label {
1125 float: <?php echo $left; ?>;
1126 display: block;
1127 width: 10em;
1128 max-width: 100%;
1129 text-align: <?php echo $right; ?>;
1130 padding-<?php echo $right; ?>: 0.5em;
1133 #fieldset_add_user_login span.options #select_pred_username,
1134 #fieldset_add_user_login span.options #select_pred_hostname,
1135 #fieldset_add_user_login span.options #select_pred_password {
1136 width: 100%;
1137 max-width: 100%;
1140 #fieldset_add_user_login span.options {
1141 float: <?php echo $left; ?>;
1142 display: block;
1143 width: 12em;
1144 max-width: 100%;
1145 padding-<?php echo $right; ?>: 0.5em;
1148 #fieldset_add_user_login input {
1149 width: 12em;
1150 clear: <?php echo $right; ?>;
1151 max-width: 100%;
1154 #fieldset_add_user_login span.options input {
1155 width: auto;
1158 #fieldset_user_priv div.item {
1159 float: <?php echo $left; ?>;
1160 width: 9em;
1161 max-width: 100%;
1164 #fieldset_user_priv div.item div.item {
1165 float: none;
1168 #fieldset_user_priv div.item label {
1169 white-space: nowrap;
1172 #fieldset_user_priv div.item select {
1173 width: 100%;
1176 #fieldset_user_global_rights fieldset {
1177 float: <?php echo $left; ?>;
1179 /* END user privileges */
1182 /* serverstatus */
1183 div#serverstatus table caption a.top {
1184 float: <?php echo $right; ?>;
1187 div#serverstatus div#serverstatusqueriesdetails table,
1188 div#serverstatus table#serverstatustraffic,
1189 div#serverstatus table#serverstatusconnections {
1190 float: <?php echo $left; ?>;
1193 #serverstatussection,
1194 .clearfloat {
1195 clear: both;
1197 div#serverstatussection table {
1198 width: 100%;
1199 margin-bottom: 1em;
1201 div#serverstatussection table .name {
1202 width: 18em;
1204 div#serverstatussection table .value {
1205 width: 6em;
1208 div#serverstatus table tbody td.descr a,
1209 div#serverstatus table .tblFooters a {
1210 white-space: nowrap;
1212 div#serverstatus div#statuslinks a:before,
1213 div#serverstatus div#sectionlinks a:before,
1214 div#serverstatus table tbody td.descr a:before,
1215 div#serverstatus table .tblFooters a:before {
1217 div#serverstatus div#statuslinks a:after,
1218 div#serverstatus div#sectionlinks a:after,
1219 div#serverstatus table tbody td.descr a:after,
1220 div#serverstatus table .tblFooters a:after {
1222 /* end serverstatus */
1224 /* querywindow */
1225 body#bodyquerywindow {
1226 margin: 0;
1227 padding: 0;
1228 background-image: none;
1229 background-color: #F5F5F5;
1232 div#querywindowcontainer {
1233 margin: 0;
1234 padding: 0;
1235 width: 100%;
1238 div#querywindowcontainer fieldset {
1239 margin-top: 0;
1241 /* END querywindow */
1244 /* querybox */
1246 #togglequerybox{margin:0 10px}
1248 #serverstatus p {
1250 margin: 1.5em 0px;
1251 border: 1px solid #000;
1252 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
1253 background-repeat: no-repeat;
1254 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
1255 background-position: 10px 50%;
1256 padding: 10px 10px 10px 25px;
1257 <?php } else { ?>
1258 background-position: 99% 50%;
1259 padding: 25px 10px 10px 10px
1260 <?php } ?>
1261 <?php } else { ?>
1262 padding: 0.3em;
1263 <?php } ?>
1264 -moz-border-radius:5px;
1265 -webkit-border-radius:5px;
1266 border-radius:5px;
1267 -moz-box-shadow: 0px 1px 2px #fff inset;
1268 -webkit-box-shadow: 0px 1px 2px #fff inset;
1269 box-shadow:0px 1px 2px #fff; inset;
1270 background:#555;
1271 color:#d4fb6a;
1273 #serverstatus p a{color:#fff;text-decoration:underline;}
1274 #serverstatus h3
1276 margin:35px 0px;font-weight:normal;color:#999;font-size:1.7em;
1278 #sectionlinks{
1279 padding:16px;
1280 background:#f3f3f3;
1281 border:1px solid #aaa;
1282 border-radius:5px;
1283 -webkit-border-radius:5px;
1284 -moz-border-radius:5px;
1286 box-shadow:0px 1px 1px #fff inset;
1287 -webkit-box-shadow:0px 1px 1px #fff inset;
1288 -moz-box-shadow:0px 1px 1px #fff inset;
1291 #sectionlinks a, #statuslinks a{
1292 font-size:0.88em;
1293 font-weight:bold;
1294 text-shadow: 0px 1px 0px #fff;
1295 line-height:35px;
1296 margin-left:7px;
1297 border: 1px solid #aaa;
1298 padding: 5px 10px;
1299 color: #111;
1300 text-decoration: none;
1301 background: #ddd;
1302 border-radius: 20px;
1303 -webkit-border-radius: 20px;
1304 -moz-border-radius: 20px;
1305 box-shadow: 1px 1px 2px rgba(0,0,0,.5);
1307 -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
1308 -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
1309 text-shadow: #fff 0px 1px 0px;
1311 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
1312 background: -moz-linear-gradient(top, #ffffff, #cccccc);
1313 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
1315 #sectionlinks a:hover, #statuslinks a:hover{
1316 background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
1317 background: -moz-linear-gradient(top, #cccccc, #dddddd);
1318 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#dddddd');
1321 div#sqlquerycontainer {
1322 float: <?php echo $left; ?>;
1323 width: 69%;
1324 /* height: 15em; */
1327 div#tablefieldscontainer {
1328 float: <?php echo $right; ?>;
1329 width: 29%;
1330 /* height: 15em; */
1333 div#tablefieldscontainer select {
1334 width: 100%;
1335 background:#fff;
1336 /* height: 12em; */
1339 textarea#sqlquery {
1340 width: 100%;
1341 /* height: 100%; */
1342 -moz-border-radius:4px;
1343 -webkit-border-radius:4px;
1344 border-raduis:4px
1345 border:1px solid #aaa;
1346 padding:5px;
1347 font-family:inherit;
1349 textarea#sql_query_edit{
1350 height:7em;
1351 width: 95%;
1352 display:block;
1354 div#queryboxcontainer div#bookmarkoptions {
1355 margin-top: 0.5em;
1357 /* end querybox */
1359 /* main page */
1360 #maincontainer {
1361 /* background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>logo_right.png); */
1362 /* background-position: <?php echo $right; ?> bottom; */
1363 /* background-repeat: no-repeat; */
1366 #mysqlmaininformation,
1367 #pmamaininformation {
1368 float: <?php echo $left; ?>;
1369 width: 49%;
1372 #maincontainer ul {
1373 list-style-type: disc;
1374 vertical-align: middle;
1377 #maincontainer li {
1378 margin-bottom: 0.3em;
1380 /* END main page */
1383 <?php if ($GLOBALS['cfg']['MainPageIconic']) { ?>
1384 /* iconic view for ul items */
1385 li#li_create_database {
1386 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_newdb.png);
1389 li#li_select_lang {
1390 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_lang.png);
1393 li#li_select_mysql_collation {
1394 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
1397 li#li_select_theme{
1398 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_theme.png);
1401 li#li_user_info{
1402 /* list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png); */
1405 li#li_mysql_status{
1406 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_status.png);
1409 li#li_mysql_variables{
1410 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_vars.png);
1413 li#li_mysql_processes{
1414 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_process.png);
1417 li#li_mysql_collations{
1418 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
1421 li#li_mysql_engines{
1422 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_engine.png);
1425 li#li_mysql_binlogs {
1426 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_tbl.png);
1429 li#li_mysql_databases {
1430 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_db.png);
1433 li#li_export {
1434 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_export.png);
1437 li#li_import {
1438 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_import.png);
1441 li#li_change_password {
1442 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_passwd.png);
1445 li#li_log_out {
1446 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_loggoff.png);
1449 li#li_mysql_privilegs{
1450 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png);
1453 li#li_switch_dbstats {
1454 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_dbstatistics.png);
1457 li#li_flush_privileges {
1458 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_reload.png);
1461 li#li_user_preferences {
1462 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_tblops.png);
1464 /* END iconic view for ul items */
1465 <?php } /* end if $GLOBALS['cfg']['MainPageIconic'] */ ?>
1468 #body_browse_foreigners {
1469 background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1470 margin: 0.5em 0.5em 0 0.5em;
1473 #bodyquerywindow {
1474 background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1477 #bodythemes {
1478 width: 500px;
1479 margin: auto;
1480 text-align: center;
1483 #bodythemes img {
1484 border: 0.1em solid black;
1487 #bodythemes a:hover img {
1488 border: 0.1em solid red;
1491 #fieldset_select_fields {
1492 float: <?php echo $left; ?>;
1495 #selflink {
1496 clear: both;
1497 display: block;
1498 margin-top: 1em;
1499 margin-bottom: 1em;
1500 background:#f3f3f3;
1501 width: 100%;
1502 border-top: 0.1em solid silver;
1503 text-align: <?php echo $right; ?>;
1508 #table_innodb_bufferpool_usage,
1509 #table_innodb_bufferpool_activity {
1510 float: <?php echo $left; ?>;
1513 #div_mysql_charset_collations table {
1514 float: <?php echo $left; ?>;
1517 #div_table_order {
1518 min-width: 48%;
1519 float: <?php echo $left; ?>;
1522 #div_table_rename {
1523 min-width: 48%;
1524 float: <?php echo $left; ?>;
1527 #div_table_copy,
1528 #div_partition_maintenance,
1529 #div_referential_integrity,
1530 #div_table_removal,
1531 #div_table_maintenance {
1532 min-width: 48%;
1533 float: <?php echo $left; ?>;
1536 #div_table_options {
1537 clear: both;
1538 min-width: 48%;
1539 float: <?php echo $left; ?>;
1542 #qbe_div_table_list {
1543 float: <?php echo $left; ?>;
1546 #qbe_div_sql_query {
1547 float: <?php echo $left; ?>;
1550 label.desc {
1551 width: 30em;
1552 float: <?php echo $left; ?>;
1555 label.desc sup {
1556 position: absolute;
1559 code.sql, div.sqlvalidate {
1560 display: block;
1561 padding: 1em;
1562 margin-top: 0;
1563 margin-bottom: 0;
1564 border-top: 0;
1565 border-bottom: 0;
1566 max-height: 10em;
1567 overflow: auto;
1568 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1571 #main_pane_left {
1572 width: 60%;
1573 float: <?php echo $left; ?>;
1574 padding-top: 1em;
1577 #main_pane_right {
1578 margin-<?php echo $left; ?>: 60%;
1579 padding-top: 1em;
1580 padding-<?php echo $left; ?>: 1em;
1583 .group {
1585 border:1px solid #999;
1586 background:#f3f3f3;
1587 -moz-border-radius:4px;
1588 -webkit-border-radius:4px;
1589 border-radius:4px;
1590 -moz-box-shadow:2px 2px 5px #ccc;
1591 -webkit-box-shadow:2px 2px 5px #ccc;
1592 box-shadow:3px 3px 10px #ddd;
1593 margin-bottom: 1em;
1594 padding-bottom: 1em;
1597 .group h2 {
1598 background-color: #bbb;
1599 padding: 0.1em 0.3em;
1600 margin-top: 0;
1601 color:#fff;
1602 font-size:1.6em;
1603 font-weight:normal;
1604 text-shadow:0 1px 0 #777;
1605 -moz-box-shadow: 1px 1px 15px #999 inset;
1606 -webkit-box-shadow: 1px 1px 15px #999 inset;
1607 box-shadow: 1px 1px 15px #999 inset;
1610 .group-cnt {
1611 padding: 0 0 0 0.5em;
1612 display: inline-block;
1613 width: 98%;
1616 textarea#partitiondefinition {
1617 height:3em;
1620 /* for elements that should be revealed only via js */
1621 .hide {
1622 display: none;
1625 #li_select_server {
1626 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_host.png);
1629 #list_server {
1630 list-style-image: none;
1634 * Progress bar styles
1636 div.upload_progress_bar_outer
1638 border: 1px solid black;
1639 width: 202px;
1642 div.upload_progress_bar_inner
1644 background-color: <?php echo (isset($_SESSION['userconf']['custom_color']) ? $_SESSION['userconf']['custom_color'] : $GLOBALS['cfg']['NaviBackground']); ?>;
1645 width: 0px;
1646 height: 12px;
1647 margin: 1px;
1650 table#serverconnection_src_remote,
1651 table#serverconnection_trg_remote,
1652 table#serverconnection_src_local,
1653 table#serverconnection_trg_local {
1654 float:left;
1657 * Validation error message styles
1659 .invalid_value
1660 {background:#F00;}
1663 * Ajax notification styling
1665 .ajax_notification {
1666 top: 0px; /** The notification needs to be shown on the top of the page */
1667 position: fixed;
1668 margin-top: 0;
1669 margin-right: auto;
1670 margin-bottom: 0;
1671 margin-left: auto;
1672 padding: 5px; /** Keep a little space on the sides of the text */
1673 width: 350px;
1675 z-index: 1100; /** If this is not kept at a high z-index, the jQueryUI modal dialogs (z-index:1000) might hide this */
1676 text-align: center;
1677 display: inline;
1678 left: 0;
1679 right: 0;
1680 background-image: url(./themes/pmahomme/img/ajax_clock_small.gif);
1681 background-repeat: no-repeat;
1682 background-position: 2%;
1683 border:1px solid #e2b709;
1686 /* additional styles */
1687 .ajax_notification{
1688 margin-top:200px;background:#ffe57e;
1689 border-radius:5px;
1690 -moz-border-radius:5px;
1691 -webkit-border-radius:5px;
1692 box-shadow: 0px 5px 90px #888;
1693 -moz-box-shadow: 0px 5px 90px #888;
1694 -webkit-box-shadow: 0px 5px 90px #888;
1697 #loading_parent {
1698 /** Need this parent to properly center the notification division */
1699 position: relative;
1700 width: 100%;
1703 * Export and Import styles
1706 .exportoptions h3, .importoptions h3 {
1707 border-bottom: 1px #999999 solid;
1708 font-size: 110%;
1711 .exportoptions ul, .importoptions ul, .format_specific_options ul {
1712 list-style-type: none;
1713 margin-bottom: 15px;
1716 .exportoptions li, .importoptions li {
1717 margin: 7px;
1719 .exportoptions label, .importoptions label, .exportoptions p, .importoptions p {
1720 margin: 5px;
1721 float: none;
1724 #csv_options label.desc, #ldi_options label.desc, #latex_options label.desc, #output label.desc{
1725 float: left;
1726 width: 15em;
1729 .exportoptions, .importoptions {
1730 margin: 20px 30px 30px 10px
1733 .exportoptions #buttonGo, .importoptions #buttonGo {
1734 font-weight:bold;
1735 margin-left:14px;
1736 border: 1px solid #aaa;
1737 padding: 5px 12px;
1738 color: #111;
1739 text-decoration: none;
1740 background: #ddd;
1742 border-radius: 12px;
1743 -webkit-border-radius: 12px;
1744 -moz-border-radius: 12px;
1746 text-shadow: 0px 1px 0px #fff;
1748 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
1749 background: -moz-linear-gradient(top, #ffffff, #cccccc);
1750 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
1751 cursor: pointer;
1753 #buttonGo:hover{
1754 background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
1755 background: -moz-linear-gradient(top, #cccccc, #dddddd);
1756 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#dddddd');
1759 .format_specific_options h3 {
1760 margin: 10px 0px 0px 10px;
1761 border: 0px;
1764 .format_specific_options {
1765 border: 1px solid #999999;
1766 margin: 7px 0px;
1767 padding: 3px;
1770 p.desc {
1771 margin: 5px;
1775 * Export styles only
1777 select#db_select, select#table_select {
1778 width: 400px;
1781 .export_sub_options {
1782 margin: 20px 0px 0px 30px;
1785 .export_sub_options h4 {
1786 border-bottom: 1px #999999 solid;
1789 .export_sub_options li.subgroup {
1790 display: inline-block;
1791 margin-top: 0;
1794 .export_sub_options li {
1795 margin-bottom: 0;
1798 #quick_or_custom, #output_quick_export {
1799 display: none;
1802 * Import styles only
1805 .importoptions #import_notification {
1806 margin: 10px 0px;
1807 font-style: italic;
1810 input#input_import_file {
1811 margin: 5px;
1814 .formelementrow {
1815 margin: 5px 0px 5px 0px;
1819 * ENUM/SET editor styles
1821 p.enum_notice {
1822 margin: 5px 2px;
1823 font-size: 80%;
1826 #enum_editor {
1827 display: none;
1828 position: fixed;
1829 _position: absolute; /* hack for IE */
1830 z-index: 101;
1831 overflow-y: auto;
1832 overflow-x: hidden;
1835 #enum_editor_no_js {
1836 margin: auto auto;
1839 #enum_editor, #enum_editor_no_js {
1840 background: #D0DCE0;
1841 padding: 15px;
1844 #popup_background {
1845 display: none;
1846 position: fixed;
1847 _position: absolute; /* hack for IE6 */
1848 width: 100%;
1849 height: 100%;
1850 top: 0;
1851 left: 0;
1852 background: #000;
1853 z-index: 100;
1854 overflow: hidden;
1857 a.close_enum_editor {
1858 float: right;
1861 #enum_editor #values, #enum_editor_no_js #values {
1862 margin: 15px 0px;
1863 width: 100%;
1866 #enum_editor #values input, #enum_editor_no_js #values input {
1867 margin: 5px 0px;
1868 float: top;
1869 width: 100%;
1874 #enum_editor_output {
1875 margin-top: 50px;
1879 * Table structure styles
1881 .structure_actions_dropdown {
1882 position: absolute;
1883 padding: 3px;
1884 display: none;
1885 z-index: 100;
1886 background:#fff;
1887 line-height:24px;
1888 border:1px solid #aaa;
1889 -moz-box-shadow:0px 3px 3px #ddd;
1891 .structure_actions_dropdown span{display:block;}
1892 .structure_actions_dropdown span:hover{background:#ddd;}
1894 td.more_opts {
1895 white-space: nowrap;
1898 iframe.IE_hack {
1899 z-index: 1;
1900 position: absolute;
1901 display: none;
1902 border: 0;
1903 filter: alpha(opacity=0);
1906 /* config forms */
1907 .config-form ul.tabs {
1908 margin: 1.1em 0.2em 0;
1909 padding: 0 0 0.3em 0;
1910 list-style: none;
1911 font-weight: bold;
1914 .config-form ul.tabs li {
1915 float: <?php echo $left; ?>;
1918 .config-form ul.tabs li a {
1919 display: block;
1920 margin: 0.1em 0.2em 0;
1921 white-space: nowrap;
1922 text-decoration: none;
1923 border: 1px solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1924 border-bottom: none;
1927 .config-form ul.tabs li a {
1928 padding:7px 10px;
1929 -moz-border-radius:5px 5px 0 0;
1930 -webkit-border-radius:5px 5px 0 0;
1931 border-radius:5px 5px 0 0;
1932 background:#d5d5d5;
1933 color:#fff;
1936 .config-form ul.tabs li a:hover,
1937 .config-form ul.tabs li a:active,
1938 .config-form ul.tabs li a.active {
1939 /*margin: 0;*/
1940 /*padding: 0.1em 0.6em 0.2em;*/
1943 .config-form ul.tabs li a.active {
1944 background-color: #fff;
1945 margin-top:1px;
1946 color:#000;
1949 .config-form fieldset {
1950 margin-top: 0;
1951 padding: 0;
1952 clear: both;
1953 /*border-color: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;*/
1956 .config-form legend {
1957 display: none;
1960 .config-form fieldset p {
1961 margin: 0;
1962 padding: 0.5em;
1963 background: #fff;
1964 border-top:0px;
1967 .config-form fieldset .errors { /* form error list */
1968 margin: 0 -2px 1em -2px;
1969 padding: 0.5em 1.5em;
1970 background: #FBEAD9;
1971 border: 0 #C83838 solid;
1972 border-width: 1px 0;
1973 list-style: none;
1974 font-family: sans-serif;
1975 font-size: small;
1978 .config-form fieldset .inline_errors { /* field error list */
1979 margin: 0.3em 0.3em 0.3em 0;
1980 padding: 0;
1981 list-style: none;
1982 color: #9A0000;
1983 font-size: small;
1986 .config-form fieldset th {
1987 padding: 0.3em 0.3em 0.3em 0.5em;
1988 text-align: left;
1989 vertical-align: top;
1990 width: 40%;
1991 background: transparent;
1994 .config-form fieldset .doc, .config-form fieldset .disabled-notice {
1995 margin-left: 1em;
1998 .config-form fieldset .disabled-notice {
1999 font-size: 80%;
2000 text-transform: uppercase;
2001 color: #E00;
2002 cursor: help;
2005 .config-form fieldset td {
2006 padding-top: 0.3em;
2007 padding-bottom: 0.3em;
2008 vertical-align: top;
2011 .config-form fieldset th small {
2012 display: block;
2013 font-weight: normal;
2014 font-family: sans-serif;
2015 font-size: x-small;
2016 color: #444;
2019 .config-form fieldset th, .config-form fieldset td {
2020 border-top: 1px <?php echo $GLOBALS['cfg']['BgTwo']; ?> solid;
2023 fieldset .group-header th {
2024 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
2027 fieldset .group-header + tr th {
2028 padding-top: 0.6em;
2031 fieldset .group-field-1 th, fieldset .group-header-2 th {
2032 padding-left: 1.5em;
2035 fieldset .group-field-2 th, fieldset .group-header-3 th {
2036 padding-left: 3em;
2039 fieldset .group-field-3 th {
2040 padding-left: 4.5em;
2043 fieldset .disabled-field th,
2044 fieldset .disabled-field th small,
2045 fieldset .disabled-field td {
2046 color: #666;
2047 background-color: #ddd;
2050 .config-form .lastrow {
2051 border-top: 1px #000 solid;
2054 .config-form .lastrow {
2055 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;;
2056 padding: 0.5em;
2057 text-align: center;
2060 .config-form .lastrow input {
2061 font-weight: bold;
2064 /* form elements */
2066 .config-form span.checkbox {
2067 padding: 2px;
2068 display: inline-block;
2071 .config-form .custom { /* customized field */
2072 background: #FFC;
2075 .config-form span.checkbox.custom {
2076 padding: 1px;
2077 border: 1px #EDEC90 solid;
2078 background: #FFC;
2081 .config-form .field-error {
2082 border-color: #A11 !important;
2085 .config-form input[type="text"],
2086 .config-form select,
2087 .config-form textarea {
2088 border: 1px #A7A6AA solid;
2089 height: auto;
2092 .config-form input[type="text"]:focus,
2093 .config-form select:focus,
2094 .config-form textarea:focus {
2095 border: 1px #6676FF solid;
2096 background: #F7FBFF;
2099 .config-form .field-comment-mark {
2100 font-family: serif;
2101 color: #007;
2102 cursor: help;
2103 padding: 0 0.2em;
2104 font-weight: bold;
2105 font-style: italic;
2108 .config-form .field-comment-warning {
2109 color: #A00;
2112 /* error list */
2113 .config-form dd {
2114 margin-left: 0.5em;
2117 .config-form dd:before {
2118 content: "\25B8 ";
2121 .click-hide-message {
2122 cursor: pointer;
2125 .prefsmanage_opts {
2126 margin-<?php echo $left; ?>: 2em;
2129 #prefs_autoload {
2130 margin-bottom: 0.5em;
2133 #table_columns input, #table_columns select {
2134 width: 14em;
2135 box-sizing: border-box;
2136 -ms-box-sizing: border-box;
2137 -moz-box-sizing: border-box;
2138 -webkit-box-sizing: border-box;
2141 #table_columns select {
2142 margin: 0 6px;