styles related to inline_edit for 3.4 compatible themes
[phpmyadmin-themes.git] / graphite / css / theme_right.css.php
blob9cecfeda67c7290227adbfd3617257ba52003219
1 <?php
2 /* vim: set expandtab sw=4 ts=4 sts=4: */
3 /**
4 * main css file from theme Original
6 * @package phpMyAdmin-theme
7 * @subpackage Original
8 */
10 // unplanned execution path
11 if (!defined('PMA_MINIMUM_COMMON')) {
12 exit();
15 /******************************************************************************/
16 /* general tags */
17 html {
18 font-size: <?php echo $GLOBALS['PMA_Config']->get('fontsize'); ?>;
21 input, select, textarea {
22 font-size: 1em;
25 body {
26 <?php if (! empty($GLOBALS['cfg']['FontFamily'])) { ?>
27 font-family: <?php echo $GLOBALS['cfg']['FontFamily']; ?>;
28 <?php } ?>
29 padding: 0;
30 margin: 0.5em;
31 color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
32 background: <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
35 <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
36 textarea, tt, pre, code {
37 font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
39 <?php } ?>
40 h1 {
41 font-size: 140%;
42 font-weight: bold;
45 h2 {
46 font-size: 120%;
47 font-weight: bold;
50 h3 {
51 font-weight: bold;
54 a, a:link,
55 a:visited,
56 a:active {
57 text-decoration: none;
58 color: #008;
59 cursor: pointer;
62 a:hover {
63 text-decoration: underline;
64 color: #008;
67 dfn {
68 font-style: normal;
71 dfn:hover {
72 font-style: normal;
73 cursor: help;
76 th {
77 font-weight: bold;
78 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
79 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
81 thead th a {
82 color: <?php echo $GLOBALS['cfg']['ThColor']; ?> !important;
85 a img {
86 border: 0;
89 hr {
90 color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
91 background-color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
92 border: 0;
93 height: 1px;
96 form {
97 padding: 0;
98 margin: 0;
99 display: inline;
102 textarea {
103 overflow: visible;
104 height: <?php echo ceil($GLOBALS['cfg']['TextareaRows'] * 1.2); ?>em;
107 fieldset {
108 clear: both;
109 margin-top: 1em;
110 border: <?php echo $GLOBALS['cfg']['MainColor']; ?> solid 2px;
111 padding: 0.5em;
112 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
113 -moz-border-radius: 0.5em;
114 border-radius: 0.5em;
117 fieldset fieldset {
118 margin: 0.8em;
121 fieldset legend {
122 font-weight: bold;
123 color: #444444;
124 background-color: <?php echo 'OPERA' != PMA_USR_BROWSER_AGENT ? 'transparent' : $GLOBALS['cfg']['BgOne']; ?>;
127 /* buttons in some browsers (eg. Konqueror) are block elements,
128 this breaks design */
129 button {
130 display: inline;
133 table {
134 border-collapse:collapse;
135 margin: 0.2em;
138 table caption {
139 padding: 0.1em 0.5em 0.1em 0.5em;
143 td {
144 padding: 0.1em 0.5em 0.1em 0.5em;
145 margin: 0.1em;
146 vertical-align: top;
147 border: 1px solid black;
149 table.navigation {
150 clear: both;
153 table.navigation td, #actions_panel table td {
154 border: none;
157 img,
158 input,
159 select,
160 button {
161 vertical-align: middle;
165 /******************************************************************************/
166 /* classes */
167 div.tools,
168 fieldset.tblFooters {
169 margin: 0 1em 1em 1em;
170 border: 2px solid #000;
171 border-top: none;
172 width: auto;
173 padding: 0.2em;
174 float: <?php echo $left; ?>;
175 clear: both;
176 -moz-border-radius: 0 0 0.5em 0.5em;
177 border-radius: 0 0 0.5em 0.5em;
180 div.null_div {
181 height: 20px;
182 text-align: center;
183 font-style:normal;
184 min-width:60px;
187 fieldset .formelement {
188 float: <?php echo $left; ?>;
189 margin-<?php echo $right; ?>: 0.5em;
190 /* IE */
191 white-space: nowrap;
194 /* revert for Gecko */
195 fieldset div[class=formelement] {
196 white-space: normal;
199 button.mult_submit {
200 border: none;
201 background-color: transparent;
204 /* odd items 1,3,5,7,... */
205 tr.odd th,
206 tr.odd {
207 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
210 /* even items 2,4,6,8,... */
211 tr.even th,
212 tr.even {
213 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
215 tr.even th, tr.odd th, fieldset th {
216 color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
219 /* odd table rows 1,3,5,7,... */
220 tr.odd,
221 tr.even {
222 text-align: <?php echo $left; ?>;
225 <?php if ($GLOBALS['cfg']['BrowseMarkerEnable']) { ?>
226 /* marked table rows */
227 tr.marked th,
228 tr.marked {
229 background: <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
230 color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
232 <?php } ?>
234 <?php if ($GLOBALS['cfg']['BrowsePointerEnable']) { ?>
235 /* hovered items */
236 .structure_actions_dropdown {
237 background: <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>;
238 color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
241 /* hovered table rows */
242 tr.even:hover th,
243 tr.odd:hover th,
244 tr:hover {
245 background: <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>;
246 color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
248 <?php } ?>
251 * marks table rows/cells if the db field is in a where condition
253 tr.condition th,
254 tr.condition td,
255 td.condition,
256 th.condition {
257 border: 1px solid <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
260 table .value {
261 text-align: <?php echo $right; ?>;
262 white-space: normal;
264 /* IE doesnt handles 'pre' right */
265 table [class=value] {
266 white-space: normal;
268 table .tbl_size {
269 white-space: nowrap;
273 <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
274 .value {
275 font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
277 <?php } ?>
278 .value .attention {
279 color: red;
280 font-weight: bold;
282 .value .allfine {
283 color: green;
287 img.lightbulb {
288 cursor: pointer;
291 .pdflayout {
292 overflow: hidden;
293 clip: inherit;
294 background-color: #FFFFFF;
295 display: none;
296 border: 1px solid #000000;
297 position: relative;
300 .pdflayout_table {
301 background: #D3DCE3;
302 color: #000000;
303 overflow: hidden;
304 clip: inherit;
305 z-index: 2;
306 display: inline;
307 visibility: inherit;
308 cursor: move;
309 position: absolute;
310 font-size: 80%;
311 border: 1px dashed #000000;
314 /* MySQL Parser */
315 .syntax {
316 font-size: 80%;
319 .syntax a {
320 text-decoration: none;
321 border-bottom:1px dotted black;
324 .syntax_comment {
325 padding-left: 4pt;
326 padding-right: 4pt;
329 .syntax_digit {
332 .syntax_digit_hex {
335 .syntax_digit_integer {
338 .syntax_digit_float {
341 .syntax_punct {
344 .syntax_alpha {
347 .syntax_alpha_columnType {
348 text-transform: uppercase;
351 .syntax_alpha_columnAttrib {
352 text-transform: uppercase;
355 .syntax_alpha_reservedWord {
356 text-transform: uppercase;
357 font-weight: bold;
360 .syntax_alpha_functionName {
361 text-transform: uppercase;
364 .syntax_alpha_identifier {
367 .syntax_alpha_charset {
370 .syntax_alpha_variable {
373 .syntax_quote {
374 white-space: pre;
377 .syntax_quote_backtick {
380 /* leave some space between icons and text */
381 .icon, img.footnotemarker {
382 vertical-align: middle;
383 margin-right: 0.3em;
384 margin-left: 0.3em;
387 img.footnotemarker {
388 display: none;
391 /* no extra space in table cells */
392 td .icon {
393 margin: 0;
396 .selectallarrow {
397 margin-<?php echo $right; ?>: 0.3em;
398 margin-<?php echo $left; ?>: 0.6em;
401 /* message boxes: warning, error, confirmation */
402 .success h1,
403 .notice h1,
404 div.error h1 {
405 border-bottom: 2px solid;
406 font-weight: bold;
407 text-align: <?php echo $left; ?>;
408 margin: 0 0 0.2em 0;
411 div.success,
412 div.notice,
413 div.error,
414 div.footnotes {
415 clear: both;
416 margin: 0.3em 0 0 0;
417 border: 2px solid;
418 padding: 0.5em;
419 -moz-border-radius: 0.5em;
420 border-radius: 0.5em;
421 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
422 background-repeat: no-repeat;
423 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
424 background-position: 10px 50%;
425 padding-left: 36px;
426 <?php } else { ?>
427 background-position: 99% 50%;
428 padding-right: 36px;
429 <?php } ?>
430 <?php } ?>
433 .success {
434 color: #000000;
435 background-color: #f0fff0;
437 h1.success,
438 div.success {
439 border-color: #00FF00;
440 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
441 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_success.png);
442 <?php } ?>
444 .success h1 {
445 border-color: #00FF00;
448 .notice, .footnotes {
449 color: #000000;
450 background-color: #FFFFDD;
452 h1.notice,
453 div.notice,
454 div.footnotes {
455 border-color: #FFD700;
456 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
457 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_notice.png);
458 <?php } ?>
460 .notice h1 {
461 border-color: #FFD700;
464 .error {
465 background-color: #FFFFCC;
466 color: #ff0000;
469 h1.error,
470 div.error {
471 border-color: #ff0000;
472 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
473 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_error.png);
474 <?php } ?>
476 div.error h1 {
477 border-color: #ff0000;
480 .confirmation {
481 background-color: #FFFFCC;
483 fieldset.confirmation {
484 border: 0.1em solid #FF0000;
486 fieldset.confirmation legend {
487 border-left: 0.1em solid #FF0000;
488 border-right: 0.1em solid #FF0000;
489 font-weight: bold;
490 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
491 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_really.png);
492 background-repeat: no-repeat;
493 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
494 background-position: 5px 50%;
495 padding: 0.2em 0.2em 0.2em 25px;
496 <?php } else { ?>
497 background-position: 97% 50%;
498 padding: 0.2em 25px 0.2em 0.2em;
499 <?php } ?>
500 <?php } ?>
502 /* end messageboxes */
505 .tblcomment {
506 font-size: 70%;
507 font-weight: normal;
508 color: #000099;
511 .tblHeaders {
512 font-weight: bold;
513 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
514 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
516 .tblHeaders a {
517 color: <?php echo $GLOBALS['cfg']['ThColor']; ?> !important;
520 div.tools,
521 .tblFooters {
522 font-weight: normal;
523 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
524 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
526 .tblFooters a {
527 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
529 div.tools a {
530 display: inline-block;
531 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
534 /* forbidden, no privilegs */
535 .noPrivileges {
536 color: #FF0000;
537 font-weight: bold;
540 /* disabled text */
541 .disabled,
542 .disabled a:link,
543 .disabled a:active,
544 .disabled a:visited {
545 color: #666666;
548 .disabled a:hover {
549 color: #666666;
550 text-decoration: none;
553 tr.disabled td,
554 td.disabled {
555 background-color: #cccccc;
558 .nowrap {
559 white-space: nowrap;
563 * login form
565 body.loginform h1,
566 body.loginform a.logo {
567 display: block;
568 text-align: center;
571 body.loginform {
572 text-align: center;
575 body.loginform div.container {
576 text-align: <?php echo $left; ?>;
577 width: 30em;
578 margin: 0 auto;
581 form.login label {
582 float: <?php echo $left; ?>;
583 width: 10em;
584 font-weight: bolder;
587 .commented_column {
588 border-bottom: 1px dashed black;
591 .column_attribute {
592 font-size: 70%;
595 /******************************************************************************/
596 /* specific elements */
598 /* topmenu */
599 #topmenu, #topmenu2, #topmenu .submenu ul {
600 list-style: none;
601 padding: 0;
602 margin: 0.5em 0 0.5em 0;
603 border-top: 1px solid #000;
604 border-bottom: 1px solid #000;
605 background: #ccc;
606 white-space: nowrap;
608 #topmenu li, #topmenu2 li {
609 display: inline-block;
610 margin: 0;
611 padding: 0;
613 #topmenu li a, #topmenu2 li a {
614 display: inline-block;
615 margin: 0;
616 padding: 0.2em;
617 min-height: 16px; /* To match icons */
619 #topmenu li a:hover, #topmenu2 li a:hover {
620 background: #ddd;
621 text-decoration: none;
623 a.tabactive {
624 font-weight: bolder;
625 background: #aaa;
627 #topmenu .submenu {
628 position: relative;
629 display: none;
631 #topmenu .shown {
632 display: inline-block;
634 #topmenu .submenu ul {
635 margin: 0;
636 padding: 0;
637 position: absolute;
638 <?php echo $right;?>: 0;
639 list-style-type: none;
640 display: none;
641 border: 1px #666 solid;
644 #topmenu li:hover ul, #topmenu .submenuhover ul {
645 display: block;
648 /* end topmenu */
650 /* table stats */
651 div#tablestatistics {
652 border-bottom: 0.1em solid #669999;
653 margin-bottom: 0.5em;
654 padding-bottom: 0.5em;
657 div#tablestatistics table {
658 float: <?php echo $left; ?>;
659 margin-bottom: 0.5em;
660 margin-<?php echo $right; ?>: 0.5em;
663 /* END table stats */
666 /* server privileges */
667 #tableuserrights td,
668 #tablespecificuserrights td,
669 #tabledatabases td {
670 vertical-align: middle;
672 /* END server privileges */
676 /* Heading */
677 #serverinfo {
678 font-weight: bold;
679 margin-bottom: 0.5em;
682 #serverinfo .item {
683 white-space: nowrap;
686 #span_table_comment {
687 font-weight: normal;
688 font-style: italic;
689 white-space: nowrap;
692 #serverinfo img {
693 margin: 0 0.1em 0 0.2em;
697 #textSQLDUMP {
698 width: 95%;
699 height: 95%;
700 font-family: "Courier New", Courier, mono;
701 font-size: 110%;
704 #TooltipContainer {
705 position: absolute;
706 z-index: 99;
707 width: 20em;
708 height: auto;
709 overflow: visible;
710 visibility: hidden;
711 background-color: #ffffcc;
712 color: #006600;
713 border: 0.1em solid #000000;
714 padding: 0.5em;
717 /* user privileges */
718 #fieldset_add_user_login div.item {
719 border-bottom: 1px solid silver;
720 padding-bottom: 0.3em;
721 margin-bottom: 0.3em;
724 #fieldset_add_user_login label {
725 float: <?php echo $left; ?>;
726 display: block;
727 width: 10em;
728 max-width: 100%;
729 text-align: <?php echo $right; ?>;
730 padding-<?php echo $right; ?>: 0.5em;
733 #fieldset_add_user_login span.options #select_pred_username,
734 #fieldset_add_user_login span.options #select_pred_hostname,
735 #fieldset_add_user_login span.options #select_pred_password {
736 width: 100%;
737 max-width: 100%;
740 #fieldset_add_user_login span.options {
741 float: <?php echo $left; ?>;
742 display: block;
743 width: 12em;
744 max-width: 100%;
745 padding-<?php echo $right; ?>: 0.5em;
748 #fieldset_add_user_login input {
749 width: 12em;
750 clear: <?php echo $right; ?>;
751 max-width: 100%;
754 #fieldset_add_user_login span.options input {
755 width: auto;
758 #fieldset_user_priv div.item {
759 float: <?php echo $left; ?>;
760 width: 9em;
761 max-width: 100%;
764 #fieldset_user_priv div.item div.item {
765 float: none;
768 #fieldset_user_priv div.item label {
769 white-space: nowrap;
772 #fieldset_user_priv div.item select {
773 width: 100%;
776 #fieldset_user_global_rights fieldset {
777 float: <?php echo $left; ?>;
779 /* END user privileges */
782 /* serverstatus */
783 div#serverstatus table caption a.top {
784 float: <?php echo $right; ?>;
787 div#serverstatus div#serverstatusqueriesdetails table,
788 div#serverstatus table#serverstatustraffic,
789 div#serverstatus table#serverstatusconnections {
790 float: <?php echo $left; ?>;
793 #serverstatussection,
794 .clearfloat {
795 clear: both;
797 div#serverstatussection table {
798 width: 100%;
799 margin-bottom: 1em;
801 div#serverstatussection table .name {
802 width: 18em;
804 div#serverstatussection table .value {
805 width: 6em;
808 div#serverstatus table tbody td.descr a,
809 div#serverstatus table .tblFooters a {
810 white-space: nowrap;
812 div#serverstatus div#statuslinks a:before,
813 div#serverstatus div#sectionlinks a:before,
814 div#serverstatus table tbody td.descr a:before,
815 div#serverstatus table .tblFooters a:before {
816 content: '[';
818 div#serverstatus div#statuslinks a:after,
819 div#serverstatus div#sectionlinks a:after,
820 div#serverstatus table tbody td.descr a:after,
821 div#serverstatus table .tblFooters a:after {
822 content: ']';
824 /* end serverstatus */
826 /* querywindow */
827 body#bodyquerywindow {
828 margin: 0;
829 padding: 0;
830 background-image: none;
831 background-color: #F5F5F5;
834 div#querywindowcontainer {
835 margin: 0;
836 padding: 0;
837 width: 100%;
840 div#querywindowcontainer fieldset {
841 margin-top: 0;
843 /* END querywindow */
846 /* querybox */
848 div#sqlquerycontainer {
849 float: <?php echo $left; ?>;
850 width: 69%;
851 /* height: 15em; */
854 div#tablefieldscontainer {
855 float: <?php echo $right; ?>;
856 width: 29%;
857 /* height: 15em; */
860 div#tablefieldscontainer select {
861 width: 100%;
862 /* height: 12em; */
865 textarea#sqlquery {
866 width: 100%;
867 /* height: 100%; */
869 textarea#sql_query_edit{
870 height:7em;
871 width: 95%;
872 display:block;
874 div#queryboxcontainer div#bookmarkoptions {
875 margin-top: 0.5em;
877 /* end querybox */
879 /* main page */
880 .pmagroup {
881 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>logo_right.png);
882 background-position: <?php echo $right; ?> bottom;
883 background-repeat: no-repeat;
886 #mysqlmaininformation,
887 #pmamaininformation {
888 float: <?php echo $left; ?>;
889 width: 49%;
892 #maincontainer ul {
893 list-style-type: disc;
894 vertical-align: middle;
897 #maincontainer li {
898 margin: 0.2em 0em;
900 /* END main page */
903 <?php if ($GLOBALS['cfg']['MainPageIconic']) { ?>
904 /* iconic view for ul items */
905 li#li_create_database {
906 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_newdb.png);
909 li#li_select_lang {
910 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_lang.png);
913 li#li_select_mysql_collation {
914 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
917 li#li_select_theme{
918 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_theme.png);
921 li#li_user_info{
922 /* list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png); */
925 li#li_mysql_status{
926 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_status.png);
929 li#li_mysql_variables{
930 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_vars.png);
933 li#li_mysql_processes{
934 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_process.png);
937 li#li_mysql_collations{
938 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
941 li#li_mysql_engines{
942 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_engine.png);
945 li#li_mysql_binlogs {
946 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_tbl.png);
949 li#li_mysql_databases {
950 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_db.png);
953 li#li_export {
954 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_export.png);
957 li#li_import {
958 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_import.png);
961 li#li_change_password {
962 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_passwd.png);
965 li#li_log_out {
966 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_loggoff.png);
969 li#li_mysql_privilegs{
970 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png);
973 li#li_switch_dbstats {
974 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_dbstatistics.png);
977 li#li_flush_privileges {
978 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_reload.png);
981 li#li_user_preferences {
982 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_tblops.png);
985 li#li_select_fontsize {
986 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_font.png);
988 /* END iconic view for ul items */
989 <?php } /* end if $GLOBALS['cfg']['MainPageIconic'] */ ?>
992 #body_browse_foreigners {
993 background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
994 margin: 0.5em 0.5em 0 0.5em;
997 #bodyquerywindow {
998 background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1001 #bodythemes {
1002 width: 500px;
1003 margin: auto;
1004 text-align: center;
1007 #bodythemes img {
1008 border: 0.1em solid black;
1011 #bodythemes a:hover img {
1012 border: 0.1em solid red;
1015 #fieldset_select_fields {
1016 float: <?php echo $left; ?>;
1019 #selflink {
1020 clear: both;
1021 display: block;
1022 margin-top: 1em;
1023 margin-bottom: 1em;
1024 width: 100%;
1025 border-top: 0.1em solid silver;
1026 text-align: <?php echo $right; ?>;
1029 #table_innodb_bufferpool_usage,
1030 #table_innodb_bufferpool_activity {
1031 float: <?php echo $left; ?>;
1034 #div_mysql_charset_collations table {
1035 float: <?php echo $left; ?>;
1038 .operations_half_width {
1039 width: 48%;
1040 float: <?php echo $left; ?>;
1043 .operations_full_width {
1044 width: 100%;
1045 clear: both;
1048 #qbe_div_table_list {
1049 float: <?php echo $left; ?>;
1052 #qbe_div_sql_query {
1053 float: <?php echo $left; ?>;
1056 label.desc {
1057 width: 30em;
1058 float: <?php echo $left; ?>;
1061 label.desc sup {
1062 position: absolute;
1065 code.sql, div.sqlvalidate {
1066 margin: 0.3em 0 0 0;
1067 border: 2px solid;
1068 padding: 0.5em;
1069 -moz-border-radius: 0.5em;
1070 border-radius: 0.5em;
1071 display: block;
1072 margin-top: 0.2em;
1073 margin-bottom: 0;
1074 max-height: 10em;
1075 overflow: auto;
1076 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1079 #main_pane_left {
1080 width: 50%;
1081 float: <?php echo $left; ?>;
1082 padding-top: 1em;
1085 #main_pane_right {
1086 margin-<?php echo $left; ?>: 50%;
1087 padding-top: 1em;
1088 padding-<?php echo $left; ?>: 1em;
1091 .group {
1092 border: 2px solid #000;
1093 margin-bottom: 1em;
1094 padding: 0 0 0.5em 0;
1095 -moz-border-radius: 0.5em;
1096 border-radius: 0.5em;
1099 .group h2 {
1100 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
1101 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
1102 padding: 0.1em 0.3em;
1103 margin-top: 0;
1104 border-bottom: 1px solid #000;
1107 .group-cnt {
1108 padding: 0 0 0 0.5em;
1109 display: inline-block;
1110 width: 98%;
1113 /* for elements that should be revealed only via js */
1114 .hide {
1115 display: none;
1118 #li_select_server {
1119 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_host.png);
1122 #list_server {
1123 list-style-image: none;
1127 * Progress bar styles
1129 div.upload_progress_bar_outer
1131 border: 1px solid black;
1132 width: 202px;
1135 div.upload_progress_bar_inner
1137 background-color: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1138 width: 0px;
1139 height: 12px;
1140 margin: 1px;
1143 table#serverconnection_src_remote,
1144 table#serverconnection_trg_remote,
1145 table#serverconnection_src_local,
1146 table#serverconnection_trg_local {
1147 float:left;
1150 * Validation error message styles
1152 .invalid_value
1153 {background:#F00;}
1156 * Ajax notification styling
1158 .ajax_notification {
1159 top: 0px; /** The notification needs to be shown on the top of the page */
1160 position: fixed;
1161 margin-top: 0;
1162 margin-right: auto;
1163 margin-bottom: 0;
1164 margin-left: auto;
1165 padding: 3px 5px; /** Keep a little space on the sides of the text */
1166 width: 350px;
1167 background-color: #FFD700;
1168 z-index: 1100; /** If this is not kept at a high z-index, the jQueryUI modal dialogs (z-index:1000) might hide this */
1169 text-align: center;
1170 display: block;
1171 left: 0;
1172 right: 0;
1173 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>ajax_clock_small.gif);
1174 background-repeat: no-repeat;
1175 background-position: 2%;
1178 #loading_parent {
1179 /** Need this parent to properly center the notification division */
1180 position: relative;
1181 width: 100%;
1184 * Export and Import styles
1187 .exportoptions h3, .importoptions h3 {
1188 border-bottom: 1px #999999 solid;
1189 font-size: 110%;
1192 .exportoptions ul, .importoptions ul, .format_specific_options ul {
1193 list-style-type: none;
1194 margin-bottom: 15px;
1197 .exportoptions li, .importoptions li {
1198 margin: 7px;
1200 .exportoptions label, .importoptions label, .exportoptions p, .importoptions p {
1201 margin: 5px;
1202 float: none;
1205 #csv_options label.desc, #ldi_options label.desc, #latex_options label.desc, #output label.desc{
1206 float: left;
1207 width: 15em;
1210 .exportoptions, .importoptions {
1211 margin: 20px 30px 30px 10px
1214 .exportoptions #buttonGo, .importoptions #buttonGo {
1215 padding: 5px 30px;
1216 -moz-border-radius: 11px;
1217 -webkit-border-radius: 11px;
1218 border-radius: 11px;
1219 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
1220 background: -moz-linear-gradient(top, #ffffff, #cccccc);
1221 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
1222 border: 1px solid #444444;
1223 cursor: pointer;
1226 .format_specific_options h3 {
1227 margin: 10px 0px 0px 10px;
1228 border: 0px;
1231 .format_specific_options {
1232 border: 1px solid #999999;
1233 margin: 7px 0px;
1234 padding: 3px;
1237 p.desc {
1238 margin: 5px;
1242 * Export styles only
1244 select#db_select, select#table_select {
1245 width: 400px;
1248 .export_sub_options {
1249 margin: 20px 0px 0px 30px;
1252 .export_sub_options h4 {
1253 border-bottom: 1px #999999 solid;
1256 .export_sub_options li.subgroup {
1257 display: inline-block;
1258 margin-top: 0;
1261 .export_sub_options li {
1262 margin-bottom: 0;
1265 #quick_or_custom, #output_quick_export {
1266 display: none;
1269 * Import styles only
1272 .importoptions #import_notification {
1273 margin: 10px 0px;
1274 font-style: italic;
1277 input#input_import_file {
1278 margin: 5px;
1281 .formelementrow {
1282 margin: 5px 0px 5px 0px;
1286 * ENUM/SET editor styles
1288 p.enum_notice {
1289 margin: 5px 2px;
1290 font-size: 80%;
1293 #enum_editor {
1294 display: none;
1295 position: fixed;
1296 _position: absolute; /* hack for IE */
1297 z-index: 101;
1298 overflow-y: auto;
1299 overflow-x: hidden;
1302 #enum_editor_no_js {
1303 margin: auto auto;
1306 #enum_editor, #enum_editor_no_js {
1307 background: #D0DCE0;
1308 padding: 15px;
1311 #popup_background {
1312 display: none;
1313 position: fixed;
1314 _position: absolute; /* hack for IE6 */
1315 width: 100%;
1316 height: 100%;
1317 top: 0;
1318 left: 0;
1319 background: #000;
1320 z-index: 100;
1321 overflow: hidden;
1324 a.close_enum_editor {
1325 float: right;
1328 #enum_editor #values, #enum_editor_no_js #values {
1329 margin: 15px 0px;
1330 width: 100%;
1333 #enum_editor #values input, #enum_editor_no_js #values input {
1334 margin: 5px 0px;
1335 float: top;
1336 width: 100%;
1339 #enum_editor_output {
1340 margin-top: 50px;
1344 * Table structure styles
1346 .structure_actions_dropdown {
1347 position: absolute;
1348 padding: 0;
1349 display: none;
1350 z-index: 100;
1351 border-collapse:collapse;
1352 border: 1px solid #000;
1353 padding: 0.2em;
1356 .structure_actions_dropdown a {
1357 display: block;
1360 .structure_actions_dropdown div {
1361 margin: 0;
1362 padding: 0;
1365 td.more_opts {
1366 display: none;
1367 white-space: nowrap;
1370 iframe.IE_hack {
1371 z-index: 1;
1372 position: absolute;
1373 display: none;
1374 border: 0;
1375 filter: alpha(opacity=0);
1378 /* config forms */
1379 ul.tabs {
1380 margin: 1.1em 0.2em 0;
1381 padding: 0 0 0.3em 0;
1382 list-style: none;
1383 font-weight: bold;
1386 ul.tabs li {
1387 float: <?php echo $left; ?>;
1390 ul.tabs a {
1391 display: block;
1392 margin: 0.1em 0.2em 0;
1393 padding: 0.1em 0.4em;
1394 white-space: nowrap;
1395 text-decoration: none;
1396 border: 1px solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1397 border-bottom: none;
1400 ul.tabs a:hover,
1401 ul.tabs a:active,
1402 ul.tabs a.active {
1403 margin: 0;
1404 padding: 0.1em 0.6em 0.2em;
1407 ul.tabs a.active {
1408 background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1411 .config-form fieldset {
1412 margin-top: 0;
1413 padding: 0;
1414 clear: both;
1415 /*border-color: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;*/
1418 .config-form legend {
1419 display: none;
1422 .config-form fieldset p {
1423 margin: 0;
1424 padding: 0.5em;
1425 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1428 .config-form fieldset .errors { /* form error list */
1429 margin: 0 -2px 1em -2px;
1430 padding: 0.5em 1.5em;
1431 background: #FBEAD9;
1432 border: 0 #C83838 solid;
1433 border-width: 1px 0;
1434 list-style: none;
1435 font-family: sans-serif;
1436 font-size: small;
1439 .config-form fieldset .inline_errors { /* field error list */
1440 margin: 0.3em 0.3em 0.3em 0;
1441 padding: 0;
1442 list-style: none;
1443 color: #9A0000;
1444 font-size: small;
1447 .config-form fieldset th {
1448 padding: 0.3em 0.3em 0.3em 0.5em;
1449 text-align: left;
1450 vertical-align: top;
1451 width: 40%;
1452 background: transparent;
1455 .config-form fieldset .doc, .config-form fieldset .disabled-notice {
1456 margin-left: 1em;
1459 .config-form fieldset .disabled-notice {
1460 font-size: 80%;
1461 text-transform: uppercase;
1462 color: #E00;
1463 cursor: help;
1466 .config-form fieldset td {
1467 padding-top: 0.3em;
1468 padding-bottom: 0.3em;
1469 vertical-align: top;
1472 .config-form fieldset th small {
1473 display: block;
1474 font-weight: normal;
1475 font-family: sans-serif;
1476 font-size: x-small;
1477 color: #444;
1480 .config-form fieldset th, .config-form fieldset td {
1481 border-top: 1px <?php echo $GLOBALS['cfg']['BgTwo']; ?> solid;
1484 fieldset .group-header th {
1485 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1488 fieldset .group-header + tr th {
1489 padding-top: 0.6em;
1492 fieldset .group-field-1 th, fieldset .group-header-2 th {
1493 padding-left: 1.5em;
1496 fieldset .group-field-2 th, fieldset .group-header-3 th {
1497 padding-left: 3em;
1500 fieldset .group-field-3 th {
1501 padding-left: 4.5em;
1504 fieldset .disabled-field th,
1505 fieldset .disabled-field th small,
1506 fieldset .disabled-field td {
1507 color: #666;
1508 background-color: #ddd;
1511 .config-form .lastrow {
1512 border-top: 1px #000 solid;
1515 .config-form .lastrow {
1516 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;;
1517 padding: 0.5em;
1518 text-align: center;
1521 .config-form .lastrow input {
1522 font-weight: bold;
1525 /* form elements */
1527 .config-form span.checkbox {
1528 padding: 2px;
1529 display: inline-block;
1532 .config-form .custom { /* customized field */
1533 background: #FFC;
1536 .config-form span.checkbox.custom {
1537 padding: 1px;
1538 border: 1px #EDEC90 solid;
1539 background: #FFC;
1542 .config-form .field-error {
1543 border-color: #A11 !important;
1546 .config-form input[type="text"],
1547 .config-form select,
1548 .config-form textarea {
1549 border: 1px #A7A6AA solid;
1550 height: auto;
1553 .config-form input[type="text"]:focus,
1554 .config-form select:focus,
1555 .config-form textarea:focus {
1556 border: 1px #6676FF solid;
1557 background: #F7FBFF;
1560 .config-form .field-comment-mark {
1561 font-family: serif;
1562 color: #007;
1563 cursor: help;
1564 padding: 0 0.2em;
1565 font-weight: bold;
1566 font-style: italic;
1569 .config-form .field-comment-warning {
1570 color: #A00;
1573 /* error list */
1574 .config-form dd {
1575 margin-left: 0.5em;
1578 .config-form dd:before {
1579 content: "\25B8 ";
1582 .click-hide-message {
1583 cursor: pointer;
1586 .prefsmanage_opts {
1587 margin-<?php echo $left; ?>: 2em;
1590 #prefs_autoload {
1591 margin-bottom: 0.5em;
1594 #togglequerybox {
1595 clear: both;
1596 display: block;
1597 margin: 0 1em 1em 1em;
1598 border: 2px solid #000;
1599 width: auto;
1600 padding: 0.2em;
1601 clear: both;
1602 -moz-border-radius: 0.5em;
1603 border-radius: 0.5em;
1604 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
1605 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
1606 <?php if ($GLOBALS['cfg']['PropertiesIconic']) { ?>
1607 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_sql.png);
1608 background-repeat: no-repeat;
1609 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
1610 background-position: 5px 50%;
1611 padding: 0.2em 0.2em 0.2em 25px;
1612 <?php } else { ?>
1613 background-position: 97% 50%;
1614 padding: 0.2em 25px 0.2em 0.2em;
1615 <?php } ?>
1616 <?php } ?>