Update for 3.4.
[phpmyadmin-themes.git] / paradice / css / theme_right.css.php
blobf787a21ccab71a5a2b5513610e465264072eecb8
1 <?php
2 /* vim: set expandtab sw=4 ts=4 sts=4: */
3 /**
4 * main css file from theme Paradice
6 * @version $Id: theme_right.css.php 38 2011-01-14 18:12:31Z andyscherzinger $
7 * @package phpMyAdmin-theme
8 * @subpackage Paradice
9 */
11 // unplanned execution path
12 if (!defined('PMA_MINIMUM_COMMON')) {
13 exit();
16 /******************************************************************************/
17 /* general tags */
18 html {
19 font-size: <?php echo (null !== $GLOBALS['PMA_Config']->get('fontsize') ? $GLOBALS['PMA_Config']->get('fontsize') : (
20 isset($_COOKIE['pma_fontsize']) ? $_COOKIE['pma_fontsize'] : '82%'));?>;
23 input, select, textarea {
24 font-size: 1em;
25 padding: 2px;
28 input, textarea {
29 -moz-border-radius: 12px;
30 -webkit-border-radius: 12px;
31 border-radius: 12px;
34 select {
35 padding: 2px 2px 2px 4px;
36 -moz-border-radius: 12px 0 0 12px;
37 -webkit-border-radius: 12px 0 0 12px;
38 border-radius: 12px 0 0 12px;
41 :focus {
42 outline: none;
45 body {
46 <?php if (! empty($GLOBALS['cfg']['FontFamily'])) { ?>
47 font-family: <?php echo $GLOBALS['cfg']['FontFamily']; ?>;
48 <?php } ?>
49 padding: 0;
50 margin: 0.5em;
51 color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
52 background: <?php echo (isset($_SESSION['tmp_user_values']['custom_color']) ? $_SESSION['tmp_user_values']['custom_color'] : $GLOBALS['cfg']['MainBackground']); ?>;
53 font-size: 1em;
56 <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
57 textarea, tt, pre, code {
58 font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
60 <?php } ?>
61 h1 {
62 font-size: 140%;
63 font-weight: bold;
66 h2 {
67 font-size: 120%;
68 font-weight: bold;
71 h3 {
72 font-weight: bold;
75 a, a:link,
76 a:visited,
77 a:active {
78 text-decoration: none;
79 color: #1F457E;
80 cursor: pointer;
83 a:hover {
84 text-decoration: underline;
85 color: #8897AE;
88 dfn {
89 font-style: normal;
92 dfn:hover {
93 font-style: normal;
94 cursor: help;
97 th {
98 font-weight: bold;
99 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
100 background-color: #ff9900;
101 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbl_th.png);
102 background-repeat: repeat-x;
103 background-position: top;
106 th a:link,
107 th a:active,
108 th a:visited {
109 color: #000000;
110 text-decoration: underline;
113 th a:hover {
114 color: #666666;
115 text-decoration: none;
118 a img {
119 border: 0;
122 hr {
123 color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
124 background-color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
125 border: 0;
126 height: 1px;
129 form {
130 padding: 0;
131 margin: 0;
132 display: inline;
135 th.td{
136 font-weight: normal;
137 color: #000000;
138 background-color: transparent;
139 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbl_th.png);
142 select, textarea, input {
143 border: 1px solid #79A2DF;
146 input [type="checkbox"], input [type="radio"], input [type="file"] {
147 border: 0;
150 select, textarea{
151 color: #000000;
152 background-color: #FFFFFF;
155 input.textfield{
156 color: #000000;
157 background-color: #FFFFFF;
160 a.h1:link, a.h1:active, a.h1:visited{
161 font-weight: bold;
162 color: #000000;
165 a.h1:hover{
166 font-weight: bold;
167 color: #666666;
170 a.h2:link, a.h2:active, a.h2:visited{
171 font-weight: bold;
172 color: #000000;
175 a.h2:hover{
176 font-weight: bold;
177 color: #666666;
180 a.drop:link, a.drop:visited, a.drop:active{
181 color: #666666;
184 a.drop:hover{
185 color: #ffffff;
186 background-color: #666666;
187 text-decoration: none;
190 textarea {
191 overflow: visible;
192 height: <?php echo ceil($GLOBALS['cfg']['TextareaRows'] * 1.2); ?>em;
195 fieldset {
196 margin-top: 1em;
197 border: <?php echo $GLOBALS['cfg']['ThBackground']; ?> solid 1px;
198 padding: 0.5em;
199 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
202 fieldset fieldset {
203 margin: 0.8em;
206 fieldset legend {
207 font-weight: bold;
208 color: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
209 background-color: <?php echo 'OPERA' != PMA_USR_BROWSER_AGENT ? 'transparent' : $GLOBALS['cfg']['BgTwo']; ?>;
210 padding: 2px;
213 /* buttons in some browsers (eg. Konqueror) are block elements,
214 this breaks design */
215 button {
216 display: inline;
219 table caption,
220 table th,
221 table td {
222 padding: 0.1em 0.5em 0.1em 0.5em;
223 margin: 0.1em;
224 vertical-align: top;
227 img,
228 input,
229 select,
230 button {
231 vertical-align: middle;
235 /******************************************************************************/
236 /* classes */
237 div.tools {
238 border: 1px solid <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
239 padding: 0.2em;
242 div.tools,
243 fieldset.tblFooters {
244 margin-top: 0;
245 margin-bottom: 0.5em;
246 /* avoid a thick line since this should be used under another fieldset */
247 border-top: 0;
248 text-align: <?php echo $right; ?>;
249 float: none;
250 clear: both;
253 .login fieldset.tblFooters {
254 padding: 3px;
257 .login fieldset.tblFooters input[type=submit], input[type=submit] {
258 padding: 2px 10px;
259 -moz-border-radius: 12px;
260 -webkit-border-radius: 12px;
261 border-radius: 12px2;
262 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
263 background: -moz-linear-gradient(top, #ffffff, #cccccc);
264 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
265 border: 1px solid #ACACAC;
266 cursor: pointer;
267 color: #606060;
268 -moz-box-shadow: inset 0 3px 8px #ffffff;
269 -webkit-box-shadow: inset 0 3px 8px #ffffff;
270 box-shadow: inset 0 3px 8px #ffffff;
273 input[type=submit] {
274 margin-right: 2px;
275 margin-bottom: 2px;
278 fieldset .formelement {
279 float: <?php echo $left; ?>;
280 margin-<?php echo $right; ?>: 0.5em;
281 /* IE */
282 white-space: nowrap;
285 /* revert for Gecko */
286 fieldset div[class=formelement] {
287 white-space: normal;
290 button.mult_submit {
291 border: none;
292 background-color: transparent;
295 /* odd items 1,3,5,7,... */
296 table tr.odd th,
297 .odd {
298 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
301 /* even items 2,4,6,8,... */
302 table tr.even th,
303 .even {
304 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
307 /* odd table rows 1,3,5,7,... */
308 table tr.odd th,
309 table tr.odd,
310 table tr.even th,
311 table tr.even {
312 text-align: <?php echo $left; ?>;
315 <?php if ($GLOBALS['cfg']['BrowseMarkerEnable']) { ?>
316 /* marked table rows */
317 td.marked,
318 table tr.marked th,
319 table tr.marked {
320 background: <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
321 color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
323 <?php } ?>
325 <?php if ($GLOBALS['cfg']['BrowsePointerEnable']) { ?>
326 /* hovered items */
327 .odd:hover,
328 .even:hover,
329 .odd a:hover,
330 .even a:hover,
331 .hover,
332 .structure_actions_dropdown {
333 background: <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>;
334 color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
337 /* hovered table rows */
338 table tr.odd:hover th,
339 table tr.even:hover th,
340 table tr.hover th {
341 background: <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>;
342 color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
344 <?php } ?>
347 * marks table rows/cells if the db field is in a where condition
349 tr.condition th,
350 tr.condition td,
351 td.condition,
352 th.condition {
353 border: 1px solid <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
356 table .value {
357 text-align: <?php echo $right; ?>;
358 white-space: normal;
360 /* IE doesnt handles 'pre' right */
361 table [class=value] {
362 white-space: normal;
366 <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
367 .value {
368 font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
370 <?php } ?>
371 .value .attention {
372 color: red;
373 font-weight: bold;
375 .value .allfine {
376 color: green;
380 img.lightbulb {
381 cursor: pointer;
384 .pdflayout {
385 overflow: hidden;
386 clip: inherit;
387 background-color: #FFFFFF;
388 display: none;
389 border: 1px solid #000000;
390 position: relative;
393 .pdflayout_table {
394 background: #D3DCE3;
395 color: #000000;
396 overflow: hidden;
397 clip: inherit;
398 z-index: 2;
399 display: inline;
400 visibility: inherit;
401 cursor: move;
402 position: absolute;
403 font-size: 80%;
404 border: 1px dashed #000000;
407 /* MySQL Parser */
408 .syntax {
409 font-size: 100%;
410 font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
413 .syntax a {
414 text-decoration: none;
415 border-bottom:1px dotted black;
418 .syntax_comment {
419 padding-left: 4pt;
420 padding-right: 4pt;
423 .syntax_digit {
426 .syntax_digit_hex {
429 .syntax_digit_integer {
432 .syntax_digit_float {
435 .syntax_punct {
438 .syntax_alpha {
441 .syntax_alpha_columnType {
442 text-transform: uppercase;
445 .syntax_alpha_columnAttrib {
446 text-transform: uppercase;
449 .syntax_alpha_reservedWord {
450 text-transform: uppercase;
451 font-weight: bold;
454 .syntax_alpha_functionName {
455 text-transform: uppercase;
458 .syntax_alpha_identifier {
461 .syntax_alpha_charset {
464 .syntax_alpha_variable {
467 .syntax_quote {
468 white-space: pre;
471 .syntax_quote_backtick {
474 /* leave some space between icons and text */
475 .icon, img.footnotemarker {
476 vertical-align: middle;
477 margin-right: 0.3em;
478 margin-left: 0.3em;
481 img.footnotemarker {
482 display: none;
485 /* no extra space in table cells */
486 td .icon {
487 margin: 0;
490 .selectallarrow {
491 margin-<?php echo $right; ?>: 0.3em;
492 margin-<?php echo $left; ?>: 0.6em;
495 /* message boxes: warning, error, confirmation */
496 .success h1,
497 .notice h1,
498 .warning h1,
499 div.error h1 {
500 border-bottom: 2px solid;
501 font-weight: bold;
502 text-align: <?php echo $left; ?>;
503 margin: 0 0 0.2em 0;
506 .notice {
507 color: #000000;
508 background-color: #FFFFDD;
511 h1.notice,
512 div.success,
513 div.notice,
514 div.warning,
515 div.error,
516 div.footnotes {
517 margin: 0.5em 0 0.5em 0;
518 border: 1px solid #FFD700;
519 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
520 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_notice.png);
521 background-repeat: no-repeat;
522 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
523 background-position: 10px 50%;
524 padding: 10px 10px 10px 36px;
525 <?php } else { ?>
526 background-position: 99% 50%;
527 padding: 10px 5% 10px 10px;
528 <?php } ?>
529 <?php } else { ?>
530 padding: 0.5em;
531 <?php } ?>
534 .success {
535 color: #005E20;
536 background-color: #E5F7E3;
538 h1.success,
539 div.success {
540 border-color: #C5E1C8;
541 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
542 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_success.png);
543 background-repeat: no-repeat;
544 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
545 background-position: 5px 50%;
546 padding: 0.2em 0.2em 0.2em 25px;
547 <?php } else { ?>
548 background-position: 97% 50%;
549 padding: 0.2em 25px 0.2em 0.2em;
550 <?php } ?>
551 <?php } ?>
553 div.success h1 {
554 border-bottom: 1px solid #C5E1C8;
556 .success h1 {
557 border-color: #C5E1C8;
560 .notice, .footnotes {
561 color: #004A80;
562 background-color: #E8F8FE;
564 h1.notice,
565 div.notice,
566 div.footnotes {
567 border-color: #CFDFE5;
568 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
569 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_info.png);
570 background-repeat: no-repeat;
571 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
572 background-position: 5px 50%;
573 padding: 0.2em 0.2em 0.2em 25px;
574 <?php } else { ?>
575 background-position: 97% 50%;
576 padding: 0.2em 25px 0.2em 0.2em;
577 <?php } ?>
578 <?php } ?>
581 .notice h1 {
582 border-bottom: 1px solid #CFDFE5;
583 font-weight: bold;
584 text-align: <?php echo $left; ?>;
585 margin: 0 0 0.2em 0;
588 .warning {
589 color: #555555;
590 background-color: #FEFFD5;
592 p.warning,
593 h1.warning,
594 div.warning {
595 margin: 0.5em 0 0.5em 0;
596 border: 1px solid #EEEB5B;
597 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
598 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_warn.png);
599 background-repeat: no-repeat;
600 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
601 background-position: 10px 50%;
602 padding: 10px 10px 10px 36px;
603 <?php } else { ?>
604 background-position: 99% 50%;
605 padding: 10px 5% 10px 10px;
606 <?php } ?>
607 <?php } ?>
609 .warning h1 {
610 border-bottom: 1px solid #cc0000;
611 font-weight: bold;
612 text-align: <?php echo $left; ?>;
613 margin: 0 0 0.2em 0;
615 div.warning h1 {
616 border-bottom: 1px solid #EEEB5B;
619 .error {
620 background-color: #FFEBEB;
621 color: #9E0B0F;
624 h1.error,
625 div.error {
626 margin: 0.5em 0 0.5em 0;
627 border: 1px solid #F5C1C2;
628 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
629 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_error.png);
630 background-repeat: no-repeat;
631 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
632 background-position: 10px 50%;
633 padding: 10px 10px 10px 36px;
634 <?php } else { ?>
635 background-position: 99% 50%;
636 padding: 10px 5% 10px 10px;
637 <?php } ?>
638 <?php } ?>
641 div.error h1 {
642 border-bottom: 1px solid #F5C1C2;
643 font-weight: bold;
644 text-align: <?php echo $left; ?>;
645 margin: 0 0 0.2em 0;
648 .confirmation {
649 background-color: #FFFFCC;
651 fieldset.confirmation {
652 border: 1px solid #FF0000;
654 fieldset.confirmation legend {
655 border-left: 1px solid #FF0000;
656 border-right: 1px solid #FF0000;
657 font-weight: bold;
658 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
659 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_really.png);
660 background-repeat: no-repeat;
661 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
662 background-position: 5px 50%;
663 padding: 0.2em 0.2em 0.2em 25px;
664 <?php } else { ?>
665 background-position: 97% 50%;
666 padding: 0.2em 25px 0.2em 0.2em;
667 <?php } ?>
668 <?php } ?>
670 /* end messageboxes */
672 .data caption {
673 color: #FFFFFF;
676 .tblcomment {
677 font-family: <?php echo $GLOBALS['cfg']['FontFamily']; ?>;
678 font-size: 70%;
679 font-weight: normal;
680 color: #000099;
683 .tblHeaders {
684 background-color: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
685 font-weight: bold;
686 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
687 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbl_header.png);
688 background-repeat: repeat-x;
689 background-position:top;
692 div.tools,
693 .tblFooters {
694 font-weight: normal;
695 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
696 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
697 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbl_header.png);
698 background-repeat: repeat-x;
699 background-position:top;
702 .tblHeaders a:link,
703 .tblHeaders a:active,
704 .tblHeaders a:visited,
705 div.tools a:link,
706 div.tools a:visited,
707 div.tools a:active,
708 .tblFooters a:link,
709 .tblFooters a:active,
710 .tblFooters a:visited {
711 color: #FFFFCC;
712 text-decoration: underline;
715 .tblHeaders a:hover,
716 div.tools a:hover,
717 .tblFooters a:hover {
718 color: #FFFFFF;
719 text-decoration: none;
722 /* forbidden, no privilegs */
723 .noPrivileges {
724 color: #CC0000;
725 font-weight: bold;
728 /* disabled text */
729 .disabled,
730 .disabled a:link,
731 .disabled a:active,
732 .disabled a:visited {
733 color: #666666;
736 .disabled a:hover {
737 color: #666666;
738 text-decoration: none;
741 tr.disabled td,
742 td.disabled {
743 background-color: #cccccc;
746 .nowrap {
747 white-space: nowrap;
751 * login form
753 body.loginform h1,
754 body.loginform a.logo {
755 display: block;
756 text-align: center;
759 body.loginform {
760 text-align: center;
761 background-color: #FFFFFF;
762 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>login_bgnd.png);
763 background-repeat: repeat-x;
764 background-position: top;
767 body.loginform div.container {
768 text-align: <?php echo $left; ?>;
769 width: 30em;
770 margin: 0 auto;
773 form.login label {
774 float: <?php echo $left; ?>;
775 width: 10em;
776 font-weight: bolder;
779 form.login fieldset div.item input {
780 margin-bottom: 3px;
781 width: 14em;
784 form.login fieldset div.item select {
785 width: 14em;
786 border: 1px solid <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
789 .loginform .container fieldset select[name=lang] {
790 width: 24em;
793 .commented_column {
794 border-bottom: 1px dashed black;
797 .column_attribute {
798 font-size: 100%;
801 /******************************************************************************/
802 /* specific elements */
804 /* topmenu */
805 div#topmenucontainer {
806 padding-bottom: 18px;
809 ul#topmenu, ul#topmenu2, ul.tabs {
810 font-weight: bold;
811 list-style-type: none;
812 margin: 0;
813 padding: 0;
814 border: 0;
817 ul#topmenu2 {
818 margin: 0;
819 height: 2em;
820 clear: both;
823 ul#topmenu li, ul#topmenu2 li {
824 float: <?php echo $left; ?>;
825 margin: 0;
826 padding: 0;
827 vertical-align: middle;
828 border-bottom: 0;
831 #topmenu img, #topmenu2 img {
832 vertical-align: middle;
833 margin-<?php echo $right; ?>: 0.1em;
836 /* default tab styles */
837 .tab, .tabcaution, .tabactive {
838 display: block;
839 margin: 0;
840 padding: 0;
841 white-space: nowrap;
844 ul#topmenu .submenu {
845 position: relative;
848 ul#topmenu ul {
849 margin: 0;
850 padding: 0;
851 position: absolute;
852 right: 0;
853 list-style-type: none;
854 display: none;
857 ul#topmenu li:hover ul, ul#topmenu .submenuhover ul {
858 display: block;
861 ul#topmenu ul li {
862 width: 100%;
865 ul#topmenu2 a {
866 display: block;
867 margin: 0.1em;
868 padding: 0.2em;
869 white-space: nowrap;
872 /* disabled tabs */
873 span.tab {
874 color: #FFFFFF;
875 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbl_header_disabled.png);
876 background-repeat: repeat-x;
877 background-position: top;
880 /* disabled drop/empty tabs */
881 span.tabcaution {
882 color: #FFFFFF;
883 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbl_header_disabled.png);
884 background-repeat: repeat-x;
885 background-position: top;
886 text-decoration: none;
887 padding-top: 4px;
888 padding-bottom: 4px;
889 padding-left: 4px;
890 padding-right: 10px;
893 /* enabled drop/empty tabs */
894 a.tabcaution {
895 color: #FF0000;
897 a.tabcaution:hover {
898 color: #FFFFFF;
899 background-color: #FF0000;
901 fieldset.caution a {
902 color: #FF0000;
904 fieldset.caution a:hover {
905 color: #ffffff;
906 background-color: #FF0000;
909 <?php if ($GLOBALS['cfg']['LightTabs']) { ?>
910 /* active tab */
911 ul#topmenu a.tabactive, ul#topmenu2 a.tabactive {
912 color: black;
914 <?php } else { ?>
915 #topmenu {
916 margin-top: 0.5em;
917 padding: 0.1em 0.3em 0.1em 0.3em;
920 ul#topmenu li {
921 border-bottom: 0;
924 /* default tab styles */
925 ul#topmenu .tab, ul#topmenu .tabcaution, ul#topmenu .tabactive {
926 background-color: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
927 border-top: 0;
928 border-right: 1px;
929 border-bottom: 0;
930 border-left: 0;
931 border-style: solid;
932 border-color: #FFFFFF;
933 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbl_header2.png);
934 background-repeat: repeat-x;
935 background-position: top;
936 /* overwrite default button look */
937 height: 21px;
940 ul#topmenu2 .tab, ul#topmenu2 .tabcaution, ul#topmenu2 .tabactive {
941 -moz-border-radius: 12px;
942 -webkit-border-radius: 12px;
943 border-radius: 12px;
944 background-color: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
945 padding: 4px 12px 4px 12px;
946 margin-right: 4px;
949 ul#topmenu2 .tab:hover, ul#topmenu2 .tabcaution:hover, ul#topmenu2 .tabactive:hover {
950 -moz-border-radius: 12px;
951 -webkit-border-radius: 12px;
952 border-radius: 12px;
953 background-color: #DDDDDD;
954 padding: 4px 12px 4px 12px;
955 margin-right: 4px;
958 ul#topmenu2 li a.tab:hover, ul#topmenu2 li a.tabcaution:hover, ul#topmenu2 li a.tabactive:hover {
959 text-decoration: none;
962 ul#topmenu li a.tab {
963 color: #FFFFFF;
966 ul#topmenu li a.tab:hover {
967 color: #FFFFFF;
968 text-decoration: none;
971 ul#topmenu li:hover {
972 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbl_header2.png);
973 text-decoration: none;
974 color: #FFFFFF;
977 /* enabled drop/empty tabs */
978 ul#topmenu li a.tabcaution {
979 color: #FFFFFF;
980 background-color: #cc0000;
981 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbl_error.png);
982 background-repeat: repeat-x;
983 background-position: top;
984 padding: 4px 8px 4px 8px;
985 border: 0;
986 border-right: 1px solid #FFFFFF;
988 ul#topmenu li a.tabcaution:hover {
989 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbl_error2.png);
990 text-decoration: none;
993 /* enabled hover/active tabs */
994 ul#topmenu > li > a.tabactive {
995 color: #000000;
996 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbl_headerActive.png);
997 background-repeat: repeat-x;
998 background-position: top;
999 background-color: #ffffff;
1000 padding: 4px 8px 4px 8px;
1001 border: 0;
1002 border-right: 1px solid #FFFFFF;
1003 border-left: 1px solid #FFFFFF;
1004 color: #000000;
1007 ul#topmenu a.tabactive:hover {
1008 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbl_header.png);
1009 padding: 4px 8px 4px 8px;
1010 color: #FFFFFF;
1011 text-decoration: none;
1014 ul#topmenu a.tab:link, ul#topmenua.tab:active, ul#topmenu a.tab:hover, ul#topmenu a.tab:visited {
1015 padding: 4px 8px 4px 8px;
1016 border: 0;
1017 border-right: 1px solid #FFFFFF;
1018 color: #FFFFFF;
1019 text-decoration: none;
1022 ul#topmenu a.tab:hover,
1023 ul#topmenu .tabactive {
1024 background-color: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1025 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbl_header.png);
1026 text-decoration: none;
1029 /* disabled drop/empty tabs */
1030 ul#topmenu span.tab,
1031 a.warning,
1032 ul#topmenu span.tabcaution {
1033 cursor: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>error.ico), default;
1035 <?php } ?>
1036 /* end topmenu */
1039 /* Calendar */
1040 table.calendar {
1041 width: 100%;
1043 table.calendar td {
1044 text-align: center;
1046 table.calendar td a {
1047 display: block;
1050 table.calendar td a:hover {
1051 background-color: #CCFFCC;
1054 table.calendar th {
1055 background-color: #D3DCE3;
1058 table.calendar td.selected {
1059 background-color: #FFCC99;
1062 img.calendar {
1063 border: none;
1065 form.clock {
1066 text-align: center;
1068 /* end Calendar */
1071 /* table stats */
1072 div#tablestatistics {
1073 border-bottom: 0.1em solid #669999;
1074 margin-bottom: 0.5em;
1075 padding-bottom: 0.5em;
1078 div#tablestatistics table {
1079 float: <?php echo $left; ?>;
1080 margin-bottom: 0.5em;
1081 margin-<?php echo $right; ?>: 0.5em;
1084 div#tablestatistics table caption {
1085 margin-<?php echo $right; ?>: 0.5em;
1087 /* END table stats */
1090 /* server privileges */
1091 #tableuserrights td,
1092 #tablespecificuserrights td,
1093 #tabledatabases td {
1094 vertical-align: middle;
1096 /* END server privileges */
1100 /* Heading */
1101 #serverinfo {
1102 font-weight: bold;
1103 margin-bottom: 0.5em;
1106 #serverinfo .item {
1107 white-space: nowrap;
1110 #span_table_comment {
1111 font-weight: normal;
1112 font-style: italic;
1113 white-space: nowrap;
1116 #serverinfo img {
1117 margin: 0 0.1em 0 0.2em;
1121 #textSQLDUMP {
1122 width: 95%;
1123 height: 95%;
1124 font-family: "Courier New", Courier, mono;
1125 font-size: 110%;
1128 #TooltipContainer {
1129 position: absolute;
1130 z-index: 99;
1131 width: 20em;
1132 height: auto;
1133 overflow: visible;
1134 visibility: hidden;
1135 background-color: #ffffcc;
1136 color: #006600;
1137 border: 0.1em solid #000000;
1138 padding: 0.5em;
1141 /* user privileges */
1142 #fieldset_add_user_login div.item {
1143 border-bottom: 1px solid <?php echo $GLOBALS['cfg']['ThBackground']?>;
1144 padding-bottom: 0.3em;
1145 margin-bottom: 0.3em;
1148 #fieldset_add_user_login label {
1149 float: <?php echo $left; ?>;
1150 display: block;
1151 width: 10em;
1152 max-width: 100%;
1153 text-align: <?php echo $right; ?>;
1154 padding-<?php echo $right; ?>: 0.5em;
1157 #fieldset_add_user_login span.options #select_pred_username,
1158 #fieldset_add_user_login span.options #select_pred_hostname,
1159 #fieldset_add_user_login span.options #select_pred_password {
1160 width: 100%;
1161 max-width: 100%;
1164 #fieldset_add_user_login span.options {
1165 float: <?php echo $left; ?>;
1166 display: block;
1167 width: 12em;
1168 max-width: 100%;
1169 padding-<?php echo $right; ?>: 0.5em;
1172 #fieldset_add_user_login input {
1173 width: 12em;
1174 clear: <?php echo $right; ?>;
1175 max-width: 100%;
1178 #fieldset_add_user_login span.options input {
1179 width: auto;
1182 #fieldset_user_priv div.item {
1183 float: <?php echo $left; ?>;
1184 width: 9em;
1185 max-width: 100%;
1188 #fieldset_user_priv div.item div.item {
1189 float: none;
1192 #fieldset_user_priv div.item label {
1193 white-space: nowrap;
1196 #fieldset_user_priv div.item select {
1197 width: 100%;
1200 #fieldset_user_global_rights fieldset {
1201 float: <?php echo $left; ?>;
1203 /* END user privileges */
1206 /* serverstatus */
1207 div#serverstatus table caption a.top {
1208 float: <?php echo $right; ?>;
1211 div#serverstatus div#serverstatusqueriesdetails table,
1212 div#serverstatus table#serverstatustraffic,
1213 div#serverstatus table#serverstatusconnections {
1214 float: <?php echo $left; ?>;
1217 #serverstatussection,
1218 .clearfloat {
1219 clear: both;
1221 div#serverstatussection table {
1222 width: 100%;
1223 margin-bottom: 1em;
1225 div#serverstatussection table .name {
1226 width: 18em;
1228 div#serverstatussection table .value {
1229 width: 6em;
1232 div#serverstatus table tbody td.descr a,
1233 div#serverstatus table .tblFooters a {
1234 white-space: nowrap;
1236 div#serverstatus div#statuslinks a:before,
1237 div#serverstatus div#sectionlinks a:before,
1238 div#serverstatus table tbody td.descr a:before,
1239 div#serverstatus table .tblFooters a:before {
1240 content: '[';
1242 div#serverstatus div#statuslinks a:after,
1243 div#serverstatus div#sectionlinks a:after,
1244 div#serverstatus table tbody td.descr a:after,
1245 div#serverstatus table .tblFooters a:after {
1246 content: ']';
1248 /* end serverstatus */
1250 /* querywindow */
1251 body#bodyquerywindow {
1252 margin: 0;
1253 padding: 0;
1254 background-image: none;
1255 background-color: #F5F5F5;
1258 div#querywindowcontainer {
1259 margin: 0;
1260 padding: 0;
1261 width: 100%;
1264 div#querywindowcontainer fieldset {
1265 margin-top: 0;
1267 /* END querywindow */
1270 /* querybox */
1272 div#sqlquerycontainer {
1273 float: <?php echo $left; ?>;
1274 width: 69%;
1275 /* height: 15em; */
1278 div#tablefieldscontainer {
1279 float: <?php echo $right; ?>;
1280 width: 29%;
1281 /* height: 15em; */
1284 div#tablefieldscontainer select {
1285 width: 100%;
1286 /* height: 12em; */
1289 textarea#sqlquery {
1290 width: 99%;
1291 /* height: 100%; */
1293 textarea#sql_query_edit{
1294 height:7em;
1295 width: 95%;
1296 display:block;
1298 div#queryboxcontainer div#bookmarkoptions {
1299 margin-top: 0.5em;
1301 /* end querybox */
1303 /* main page */
1304 #maincontainer {
1307 #selflink {
1308 margin-top: 1em;
1309 margin-bottom: 1em;
1310 padding-top: 2px;
1311 width: 100%;
1312 border-top: 0;
1313 text-align: right;
1314 vertical-align: bottom;
1316 div#tablestatistics {
1317 border-bottom: 0;
1319 #queryfieldscontainer {
1320 border: 0;
1322 #mysqlmaininformation h1, #pmamaininformation h1 {
1323 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbl_header.png);
1324 background-position:left top;
1325 background-repeat: repeat-x;
1326 color: #FFFFFF;
1327 text-align: center;
1328 padding: 1px;
1329 margin: 0;
1332 #mysqlmaininformation,
1333 #pmamaininformation {
1334 float: <?php echo $left; ?>;
1335 width: 49%;
1336 border: 1px solid <?php echo $GLOBALS['cfg']['ThBackground']?>;
1337 background-color: #FBFBFF;
1338 margin-top: 5px;
1339 margin-left: 5px;
1340 margin-bottom: 1em;
1343 #maincontainer ul {
1344 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>item_<?php echo $GLOBALS['text_dir']; ?>.png);
1345 vertical-align: middle;
1348 #maincontainer li {
1349 margin-bottom: 0.3em;
1353 #li_select_lang form select {
1354 width: 180px;
1357 li#li_server_info,
1358 li#li_server_info2,
1359 li#li_mysql_proto,
1360 li#li_user_info,
1361 li#li_select_mysql_charset,
1362 li#li_used_php_extension,
1363 li#li_web_server_software,
1364 li#li_mysql_client_version,
1365 li#li_server_info,
1366 li#li_server_version {
1367 color: #888888;
1370 #form_fontsize_selection label {
1371 color: #142F56;
1374 #mysqlmaininformation {
1375 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>mysql_info.jpg);
1376 background-position:right bottom;
1377 background-repeat: no-repeat;
1379 #pmamaininformation {
1380 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pma_info.jpg);
1381 background-position:right bottom;
1382 background-repeat: no-repeat;
1384 div.formelementrow {
1385 border: 0;
1387 /* END main page */
1390 <?php if ($GLOBALS['cfg']['MainPageIconic']) { ?>
1391 /* iconic view for ul items */
1392 li#li_create_database {
1393 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_newdb.png);
1396 li#li_select_lang {
1397 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_lang.png);
1400 li#li_select_mysql_collation {
1401 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
1402 color: #1F457E;
1405 li#li_select_theme{
1406 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_theme.png);
1409 li#li_custom_color{
1410 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_color.png);
1413 #myRainbow {
1414 padding-right: 4px;
1417 li#li_server_info,
1418 li#li_server_info2,
1419 li#li_server_version {
1420 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>item_ltr.png);
1421 font-size: 80%;
1424 li#li_user_info{
1425 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>item_ltr.png);
1426 font-size: 80%;
1429 li#li_select_mysql_charset {
1430 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>item_ltr.png);
1431 font-size: 80%;
1434 li#li_mysql_proto{
1435 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>item_ltr.png);
1436 font-size: 80%;
1439 li#li_mysql_status{
1440 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_status.png);
1443 li#li_mysql_variables{
1444 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_vars.png);
1447 li#li_mysql_processes{
1448 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_process.png);
1451 li#li_mysql_collations{
1452 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
1455 li#li_mysql_engines{
1456 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_engine.png);
1459 li#li_mysql_binlogs {
1460 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_tbl.png);
1463 li#li_mysql_databases {
1464 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_db.png);
1467 li#li_export {
1468 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_export.png);
1471 li#li_import {
1472 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_import.png);
1475 li#li_change_password {
1476 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_passwd.png);
1479 li#li_log_out {
1480 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_loggoff.png);
1483 li#li_pma_docs,
1484 li#li_pma_wiki {
1485 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_docs.png);
1488 li#li_phpinfo {
1489 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>php_sym.png);
1492 li#li_pma_homepage {
1493 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_home.png);
1496 li#li_mysql_privilegs{
1497 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png);
1500 li#li_switch_dbstats {
1501 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_dbstatistics.png);
1504 li#li_flush_privileges {
1505 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_reload.png);
1508 li#li_user_preferences {
1509 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_tblops.png);
1512 li#li_used_php_extension {
1513 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>item_ltr.png);
1514 font-size: 80%;
1515 margin-bottom: 2em;
1518 li#li_pma_version {
1519 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>item_ltr.png);
1522 li#li_web_server_software {
1523 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>item_ltr.png);
1524 font-size: 80%;
1527 li#li_mysql_client_version {
1528 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>item_ltr.png);
1529 font-size: 80%;
1532 li#li_select_server {
1533 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_host.png);
1536 li#li_select_fontsize {
1537 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
1539 /* END iconic view for ul items */
1540 <?php } /* end if $GLOBALS['cfg']['MainPageIconic'] */ ?>
1543 #body_browse_foreigners {
1544 background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1545 margin: 0.5em 0.5em 0 0.5em;
1548 #bodyquerywindow {
1549 background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1552 #bodythemes {
1553 width: 500px;
1554 margin: auto;
1555 text-align: center;
1558 #bodythemes img {
1559 border: 0.1em solid black;
1562 #bodythemes a:hover img {
1563 border: 0.1em solid red;
1566 #fieldset_select_fields {
1567 float: <?php echo $left; ?>;
1570 #selflink {
1571 clear: both;
1572 display: block;
1573 margin-top: 1em;
1574 margin-bottom: 1em;
1575 width: 100%;
1576 border-top: 0.1em solid silver;
1577 text-align: <?php echo $right; ?>;
1580 #table_innodb_bufferpool_usage,
1581 #table_innodb_bufferpool_activity {
1582 float: <?php echo $left; ?>;
1585 #div_mysql_charset_collations table {
1586 float: <?php echo $left; ?>;
1589 #div_table_order {
1590 min-width: 48%;
1591 float: <?php echo $left; ?>;
1594 #div_table_rename {
1595 min-width: 48%;
1596 float: <?php echo $left; ?>;
1599 #div_table_copy,
1600 #div_partition_maintenance,
1601 #div_referential_integrity,
1602 #div_table_removal,
1603 #div_table_maintenance {
1604 min-width: 48%;
1605 float: <?php echo $left; ?>;
1608 #div_table_options {
1609 clear: both;
1610 min-width: 48%;
1611 float: <?php echo $left; ?>;
1614 #qbe_div_table_list {
1615 float: <?php echo $left; ?>;
1618 #qbe_div_sql_query {
1619 float: <?php echo $left; ?>;
1622 label.desc {
1623 width: 30em;
1624 float: <?php echo $left; ?>;
1627 label.desc sup {
1628 position: absolute;
1631 code.sql, div.sqlvalidate {
1632 display: block;
1633 padding: 0.3em;
1634 margin-top: 0;
1635 margin-bottom: 0;
1636 border: #79A2DF solid 1px;
1637 border-bottom: 0;
1638 max-height: 10em;
1639 overflow: auto;
1640 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1643 #main_pane_left {
1644 width: 60%;
1645 float: <?php echo $left; ?>;
1646 padding-top: 1em;
1649 #main_pane_right {
1650 margin-<?php echo $left; ?>: 60%;
1651 padding-top: 1em;
1652 padding-<?php echo $left; ?>: 1em;
1655 .group {
1656 border: 1px solid <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
1657 margin-bottom: 1em;
1660 .group h2 {
1661 font-size: 1em;
1662 font-weight: bold;
1663 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbl_header.png);
1664 background-position:left top;
1665 background-repeat: repeat-x;
1666 color: #FFFFFF;
1667 padding: 2px;
1668 margin: 0;
1669 display: block;
1670 border: 1px solid #FBFBFF;
1673 .group-cnt {
1674 padding: 0 0 0 0.5em;
1675 display: inline-block;
1676 width: 98%;
1679 /* for elements that should be revealed only via js */
1680 .hide {
1681 display: none;
1684 #li_select_server {
1685 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_host.png);
1688 #list_server {
1689 list-style-image: none;
1693 * Progress bar styles
1695 div.upload_progress_bar_outer
1697 border: 1px solid black;
1698 width: 202px;
1701 div.upload_progress_bar_inner
1703 background-color: <?php echo (isset($_SESSION['userconf']['custom_color']) ? $_SESSION['userconf']['custom_color'] : $GLOBALS['cfg']['NaviBackground']); ?>;
1704 width: 0px;
1705 height: 12px;
1706 margin: 1px;
1709 table#serverconnection_src_remote,
1710 table#serverconnection_trg_remote,
1711 table#serverconnection_src_local,
1712 table#serverconnection_trg_local {
1713 float:left;
1716 * Validation error message styles
1718 .invalid_value
1719 {background:#F00;}
1722 * Ajax notification styling
1724 .ajax_notification {
1725 top: 0px; /** The notification needs to be shown on the top of the page */
1726 position: fixed;
1727 margin-top: 0;
1728 margin-right: auto;
1729 margin-bottom: 0;
1730 margin-left: auto;
1731 padding: 3px 5px; /** Keep a little space on the sides of the text */
1732 min-width: 70px;
1733 max-width: 350px; /** This value might have to be changed */
1734 background-color: #FFD700;
1735 z-index: 1100; /** If this is not kept at a high z-index, the jQueryUI modal dialogs (z-index:1000) might hide this */
1736 text-align: center;
1737 display: block;
1738 left: 0;
1739 right: 0;
1740 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>ajax_clock_small.gif);
1741 background-repeat: no-repeat;
1742 background-position: 2%;
1745 #loading_parent {
1746 /** Need this parent to properly center the notification division */
1747 position: relative;
1748 width: 100%;
1751 * Export and Import styles
1754 .exportoptions h3, .importoptions h3 {
1755 border-bottom: 1px #999999 solid;
1756 font-size: 110%;
1759 .exportoptions ul, .importoptions ul, .format_specific_options ul {
1760 list-style-type: none;
1761 margin-bottom: 15px;
1764 .exportoptions li, .importoptions li {
1765 margin: 7px;
1767 .exportoptions label, .importoptions label, .exportoptions p, .importoptions p {
1768 margin: 5px;
1769 float: none;
1772 #csv_options label.desc, #ldi_options label.desc, #latex_options label.desc, #output label.desc{
1773 float: left;
1774 width: 15em;
1777 .exportoptions, .importoptions {
1778 margin: 20px 30px 30px 10px
1781 .exportoptions #buttonGo, .importoptions #buttonGo {
1782 padding: 2px 10px;
1783 -moz-border-radius: 12px;
1784 -webkit-border-radius: 12px;
1785 border-radius: 12px2;
1786 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
1787 background: -moz-linear-gradient(top, #ffffff, #cccccc);
1788 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
1789 border: 1px solid #ACACAC;
1790 cursor: pointer;
1791 color: #606060;
1794 .format_specific_options h3 {
1795 margin: 10px 0px 0px 10px;
1796 border: 0px;
1799 .format_specific_options {
1800 border: 1px solid #999999;
1801 margin: 7px 0px;
1802 padding: 3px;
1805 p.desc {
1806 margin: 5px;
1810 * Export styles only
1812 select#db_select, select#table_select {
1813 width: 400px;
1816 .export_sub_options {
1817 margin: 20px 0px 0px 30px;
1820 .export_sub_options h4 {
1821 border-bottom: 1px #999999 solid;
1824 .export_sub_options li.subgroup {
1825 display: inline-block;
1826 margin-top: 0;
1829 .export_sub_options li {
1830 margin-bottom: 0;
1833 #quick_or_custom, #output_quick_export {
1834 display: none;
1837 * Import styles only
1840 .importoptions #import_notification {
1841 margin: 10px 0px;
1842 font-style: italic;
1845 input#input_import_file {
1846 margin: 5px;
1849 .formelementrow {
1850 margin: 5px 0px 5px 0px;
1854 * ENUM/SET editor styles
1856 p.enum_notice {
1857 margin: 5px 2px;
1858 font-size: 80%;
1861 #enum_editor {
1862 display: none;
1863 position: fixed;
1864 _position: absolute; /* hack for IE */
1865 z-index: 101;
1866 overflow-y: auto;
1867 overflow-x: hidden;
1870 #enum_editor_no_js {
1871 margin: auto auto;
1874 #enum_editor, #enum_editor_no_js {
1875 background: #D0DCE0;
1876 padding: 15px;
1879 #popup_background {
1880 display: none;
1881 position: fixed;
1882 _position: absolute; /* hack for IE6 */
1883 width: 100%;
1884 height: 100%;
1885 top: 0;
1886 left: 0;
1887 background: #000;
1888 z-index: 100;
1889 overflow: hidden;
1892 a.close_enum_editor {
1893 float: right;
1896 #enum_editor #values, #enum_editor_no_js #values {
1897 margin: 15px 0px;
1898 width: 100%;
1901 #enum_editor #values input, #enum_editor_no_js #values input {
1902 margin: 5px 0px;
1903 float: top;
1904 width: 100%;
1909 #enum_editor_output {
1910 margin-top: 50px;
1914 * Table structure styles
1916 .structure_actions_dropdown {
1917 position: absolute;
1918 padding: 3px;
1919 display: none;
1920 z-index: 100;
1923 .structure_actions_dropdown a {
1924 display: block;
1927 td.more_opts {
1928 display: none;
1929 white-space: nowrap;
1932 iframe.IE_hack {
1933 z-index: 1;
1934 position: absolute;
1935 display: none;
1936 border: 0;
1937 filter: alpha(opacity=0);
1940 /* config forms */
1941 .config-form ul.tabs {
1942 margin: 1.1em 0.2em 0;
1943 padding: 0 0 0.3em 0;
1944 list-style: none;
1945 font-weight: bold;
1948 .config-form ul.tabs li {
1949 float: <?php echo $left; ?>;
1952 .config-form ul.tabs li a {
1953 display: block;
1954 margin: 0.1em 0.2em 0;
1955 padding: 0.1em 0.4em;
1956 white-space: nowrap;
1957 text-decoration: none;
1958 border: 1px solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1959 border-bottom: none;
1962 .config-form ul.tabs li a:hover,
1963 .config-form ul.tabs li a:active,
1964 .config-form ul.tabs li a.active {
1965 margin: 0;
1966 padding: 0.1em 0.6em 0.2em;
1969 .config-form ul.tabs li a.active {
1970 background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1973 .config-form fieldset {
1974 margin-top: 0;
1975 padding: 0;
1976 clear: both;
1977 /*border-color: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;*/
1980 .config-form legend {
1981 display: none;
1984 .config-form fieldset p {
1985 margin: 0;
1986 padding: 0.5em;
1987 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1990 .config-form fieldset .errors { /* form error list */
1991 margin: 0 -2px 1em -2px;
1992 padding: 0.5em 1.5em;
1993 background: #FBEAD9;
1994 border: 0 #C83838 solid;
1995 border-width: 1px 0;
1996 list-style: none;
1997 font-family: sans-serif;
1998 font-size: small;
2001 .config-form fieldset .inline_errors { /* field error list */
2002 margin: 0.3em 0.3em 0.3em 0;
2003 padding: 0;
2004 list-style: none;
2005 color: #9A0000;
2006 font-size: small;
2009 .config-form fieldset th {
2010 padding: 0.3em 0.3em 0.3em 0.5em;
2011 text-align: left;
2012 vertical-align: top;
2013 width: 40%;
2014 background: transparent;
2017 .config-form fieldset .doc, .config-form fieldset .disabled-notice {
2018 margin-left: 1em;
2021 .config-form fieldset .disabled-notice {
2022 font-size: 80%;
2023 text-transform: uppercase;
2024 color: #E00;
2025 cursor: help;
2028 .config-form fieldset td {
2029 padding-top: 0.3em;
2030 padding-bottom: 0.3em;
2031 vertical-align: top;
2034 .config-form fieldset th small {
2035 display: block;
2036 font-weight: normal;
2037 font-family: sans-serif;
2038 font-size: x-small;
2039 color: #444;
2042 .config-form fieldset th, .config-form fieldset td {
2043 border-top: 1px <?php echo $GLOBALS['cfg']['BgTwo']; ?> solid;
2046 fieldset .group-header th {
2047 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
2050 fieldset .group-header + tr th {
2051 padding-top: 0.6em;
2054 fieldset .group-field-1 th, fieldset .group-header-2 th {
2055 padding-left: 1.5em;
2058 fieldset .group-field-2 th, fieldset .group-header-3 th {
2059 padding-left: 3em;
2062 fieldset .group-field-3 th {
2063 padding-left: 4.5em;
2066 fieldset .disabled-field th,
2067 fieldset .disabled-field th small,
2068 fieldset .disabled-field td {
2069 color: #666;
2070 background-color: #ddd;
2073 .config-form .lastrow {
2074 border-top: 1px #000 solid;
2077 .config-form .lastrow {
2078 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;;
2079 padding: 0.5em;
2080 text-align: center;
2083 .config-form .lastrow input {
2084 font-weight: bold;
2087 /* form elements */
2089 .config-form span.checkbox {
2090 padding: 2px;
2091 display: inline-block;
2094 .config-form .custom { /* customized field */
2095 background: #FFC;
2098 .config-form span.checkbox.custom {
2099 padding: 1px;
2100 border: 1px #EDEC90 solid;
2101 background: #FFC;
2104 .config-form .field-error {
2105 border-color: #A11 !important;
2108 .config-form input[type="text"],
2109 .config-form select,
2110 .config-form textarea {
2111 border: 1px #A7A6AA solid;
2112 height: auto;
2115 .config-form input[type="text"]:focus,
2116 .config-form select:focus,
2117 .config-form textarea:focus {
2118 border: 1px #6676FF solid;
2119 background: #F7FBFF;
2122 .config-form .field-comment-mark {
2123 font-family: serif;
2124 color: #007;
2125 cursor: help;
2126 padding: 0 0.2em;
2127 font-weight: bold;
2128 font-style: italic;
2131 .config-form .field-comment-warning {
2132 color: #A00;
2135 /* error list */
2136 .config-form dd {
2137 margin-left: 0.5em;
2140 .config-form dd:before {
2141 content: "\25B8 ";
2144 .click-hide-message {
2145 cursor: pointer;
2148 .prefsmanage_opts {
2149 margin-<?php echo $left; ?>: 2em;
2152 #prefs_autoload {
2153 margin-bottom: 0.5em;