Styling for top menu
[phpmyadmin-themes.git] / css / theme_right.css.php
bloba5755dca9958c7931174aeb4f6ae555d6a045ee2
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 (isset($_SESSION['tmp_user_values']['custom_color']) ? $_SESSION['tmp_user_values']['custom_color'] : $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;
142 table th,
143 table td {
144 padding: 0.1em 0.5em 0.1em 0.5em;
145 margin: 0.1em;
146 vertical-align: top;
147 border: 1px solid black;
150 table.navigation td, #actions_panel table td {
151 border: none;
154 img,
155 input,
156 select,
157 button {
158 vertical-align: middle;
162 /******************************************************************************/
163 /* classes */
164 div.tools,
165 fieldset.tblFooters {
166 margin: 0 1em 1em 1em;
167 border: 2px solid #000;
168 border-top: none;
169 width: auto;
170 padding: 0.2em;
171 float: <?php echo $left; ?>;
172 clear: both;
173 -moz-border-radius: 0 0 0.5em 0.5em;
174 border-radius: 0 0 0.5em 0.5em;
177 fieldset .formelement {
178 float: <?php echo $left; ?>;
179 margin-<?php echo $right; ?>: 0.5em;
180 /* IE */
181 white-space: nowrap;
184 /* revert for Gecko */
185 fieldset div[class=formelement] {
186 white-space: normal;
189 button.mult_submit {
190 border: none;
191 background-color: transparent;
194 /* odd items 1,3,5,7,... */
195 table tr.odd th,
196 .odd {
197 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
200 /* even items 2,4,6,8,... */
201 table tr.even th,
202 .even {
203 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
205 tr.even th, tr.odd th, fieldset th {
206 color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
209 /* odd table rows 1,3,5,7,... */
210 table tr.odd th,
211 table tr.odd,
212 table tr.even th,
213 table tr.even {
214 text-align: <?php echo $left; ?>;
217 <?php if ($GLOBALS['cfg']['BrowseMarkerEnable']) { ?>
218 /* marked table rows */
219 td.marked,
220 table tr.marked th,
221 table tr.marked {
222 background: <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
223 color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
225 <?php } ?>
227 <?php if ($GLOBALS['cfg']['BrowsePointerEnable']) { ?>
228 /* hovered items */
229 .odd:hover,
230 .even:hover,
231 .hover,
232 .structure_actions_dropdown {
233 background: <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>;
234 color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
237 /* hovered table rows */
238 table tr.odd:hover th,
239 table tr.even:hover th,
240 table tr.hover th {
241 background: <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>;
242 color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
244 <?php } ?>
247 * marks table rows/cells if the db field is in a where condition
249 tr.condition th,
250 tr.condition td,
251 td.condition,
252 th.condition {
253 border: 1px solid <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
256 table .value {
257 text-align: <?php echo $right; ?>;
258 white-space: normal;
260 /* IE doesnt handles 'pre' right */
261 table [class=value] {
262 white-space: normal;
266 <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
267 .value {
268 font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
270 <?php } ?>
271 .value .attention {
272 color: red;
273 font-weight: bold;
275 .value .allfine {
276 color: green;
280 img.lightbulb {
281 cursor: pointer;
284 .pdflayout {
285 overflow: hidden;
286 clip: inherit;
287 background-color: #FFFFFF;
288 display: none;
289 border: 1px solid #000000;
290 position: relative;
293 .pdflayout_table {
294 background: #D3DCE3;
295 color: #000000;
296 overflow: hidden;
297 clip: inherit;
298 z-index: 2;
299 display: inline;
300 visibility: inherit;
301 cursor: move;
302 position: absolute;
303 font-size: 80%;
304 border: 1px dashed #000000;
307 /* MySQL Parser */
308 .syntax {
309 font-size: 80%;
312 .syntax a {
313 text-decoration: none;
314 border-bottom:1px dotted black;
317 .syntax_comment {
318 padding-left: 4pt;
319 padding-right: 4pt;
322 .syntax_digit {
325 .syntax_digit_hex {
328 .syntax_digit_integer {
331 .syntax_digit_float {
334 .syntax_punct {
337 .syntax_alpha {
340 .syntax_alpha_columnType {
341 text-transform: uppercase;
344 .syntax_alpha_columnAttrib {
345 text-transform: uppercase;
348 .syntax_alpha_reservedWord {
349 text-transform: uppercase;
350 font-weight: bold;
353 .syntax_alpha_functionName {
354 text-transform: uppercase;
357 .syntax_alpha_identifier {
360 .syntax_alpha_charset {
363 .syntax_alpha_variable {
366 .syntax_quote {
367 white-space: pre;
370 .syntax_quote_backtick {
373 /* leave some space between icons and text */
374 .icon, img.footnotemarker {
375 vertical-align: middle;
376 margin-right: 0.3em;
377 margin-left: 0.3em;
380 img.footnotemarker {
381 display: none;
384 /* no extra space in table cells */
385 td .icon {
386 margin: 0;
389 .selectallarrow {
390 margin-<?php echo $right; ?>: 0.3em;
391 margin-<?php echo $left; ?>: 0.6em;
394 /* message boxes: warning, error, confirmation */
395 .success h1,
396 .notice h1,
397 .warning h1,
398 div.error h1 {
399 border-bottom: 2px solid;
400 font-weight: bold;
401 text-align: <?php echo $left; ?>;
402 margin: 0 0 0.2em 0;
405 div.success,
406 div.notice,
407 div.warning,
408 div.error,
409 div.footnotes {
410 clear: both;
411 margin: 0.3em 0 0 0;
412 border: 2px solid;
413 padding: 0.5em;
414 -moz-border-radius: 0.5em;
415 border-radius: 0.5em;
416 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
417 background-repeat: no-repeat;
418 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
419 background-position: 10px 50%;
420 padding-left: 36px;
421 <?php } else { ?>
422 background-position: 99% 50%;
423 padding-right: 36px;
424 <?php } ?>
425 <?php } ?>
428 .success {
429 color: #000000;
430 background-color: #f0fff0;
432 h1.success,
433 div.success {
434 border-color: #00FF00;
435 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
436 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_success.png);
437 <?php } ?>
439 .success h1 {
440 border-color: #00FF00;
443 .notice, .footnotes {
444 color: #000000;
445 background-color: #FFFFDD;
447 h1.notice,
448 div.notice,
449 div.footnotes {
450 border-color: #FFD700;
451 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
452 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_notice.png);
453 <?php } ?>
455 .notice h1 {
456 border-color: #FFD700;
459 .warning {
460 color: #CC0000;
461 background-color: #FFFFCC;
463 p.warning,
464 h1.warning,
465 div.warning {
466 border-color: #CC0000;
467 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
468 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_warn.png);
469 <?php } ?>
471 .warning h1 {
472 border-color: #cc0000;
475 .error {
476 background-color: #FFFFCC;
477 color: #ff0000;
480 h1.error,
481 div.error {
482 border-color: #ff0000;
483 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
484 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_error.png);
485 <?php } ?>
487 div.error h1 {
488 border-color: #ff0000;
491 .confirmation {
492 background-color: #FFFFCC;
494 fieldset.confirmation {
495 border: 0.1em solid #FF0000;
497 fieldset.confirmation legend {
498 border-left: 0.1em solid #FF0000;
499 border-right: 0.1em solid #FF0000;
500 font-weight: bold;
501 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
502 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_really.png);
503 background-repeat: no-repeat;
504 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
505 background-position: 5px 50%;
506 padding: 0.2em 0.2em 0.2em 25px;
507 <?php } else { ?>
508 background-position: 97% 50%;
509 padding: 0.2em 25px 0.2em 0.2em;
510 <?php } ?>
511 <?php } ?>
513 /* end messageboxes */
516 .tblcomment {
517 font-size: 70%;
518 font-weight: normal;
519 color: #000099;
522 .tblHeaders {
523 font-weight: bold;
524 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
525 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
527 .tblHeaders a {
528 color: <?php echo $GLOBALS['cfg']['ThColor']; ?> !important;
531 div.tools,
532 .tblFooters {
533 font-weight: normal;
534 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
535 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
537 div.tools a {
538 display: inline-block;
539 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
542 /* forbidden, no privilegs */
543 .noPrivileges {
544 color: #FF0000;
545 font-weight: bold;
548 /* disabled text */
549 .disabled,
550 .disabled a:link,
551 .disabled a:active,
552 .disabled a:visited {
553 color: #666666;
556 .disabled a:hover {
557 color: #666666;
558 text-decoration: none;
561 tr.disabled td,
562 td.disabled {
563 background-color: #cccccc;
566 .nowrap {
567 white-space: nowrap;
571 * login form
573 body.loginform h1,
574 body.loginform a.logo {
575 display: block;
576 text-align: center;
579 body.loginform {
580 text-align: center;
583 body.loginform div.container {
584 text-align: <?php echo $left; ?>;
585 width: 30em;
586 margin: 0 auto;
589 form.login label {
590 float: <?php echo $left; ?>;
591 width: 10em;
592 font-weight: bolder;
595 .commented_column {
596 border-bottom: 1px dashed black;
599 .column_attribute {
600 font-size: 70%;
603 /******************************************************************************/
604 /* specific elements */
606 /* topmenu */
607 #topmenu, #topmenu2, #topmenu .submenu ul {
608 list-style: none;
609 padding: 0;
610 margin: 0.3em 0 0 0;
611 border-top: 1px solid #000;
612 border-bottom: 1px solid #000;
613 background: #ccc;
615 #topmenu li, #topmenu2 li {
616 display: inline-block;
617 margin: 0;
618 padding: 0;
620 #topmenu li a, #topmenu2 li a {
621 display: inline-block;
622 margin: 0;
623 padding: 0.2em;
624 min-height: 16px; /* To match icons */
626 #topmenu li a:hover, #topmenu2 li a:hover {
627 background: #ddd;
628 text-decoration: none;
630 a.tabactive {
631 font-weight: bolder;
632 background: #aaa;
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 ul#topmenu li:hover ul, ul#topmenu .submenuhover ul {
645 display: block;
648 /* end topmenu */
651 /* Calendar */
652 table.calendar {
653 width: 100%;
655 table.calendar td {
656 text-align: center;
658 table.calendar td a {
659 display: block;
662 table.calendar td a:hover {
663 background-color: #CCFFCC;
666 table.calendar th {
667 background-color: #D3DCE3;
670 table.calendar td.selected {
671 background-color: #FFCC99;
674 img.calendar {
675 border: none;
677 form.clock {
678 text-align: center;
680 /* end Calendar */
683 /* table stats */
684 div#tablestatistics {
685 border-bottom: 0.1em solid #669999;
686 margin-bottom: 0.5em;
687 padding-bottom: 0.5em;
690 div#tablestatistics table {
691 float: <?php echo $left; ?>;
692 margin-bottom: 0.5em;
693 margin-<?php echo $right; ?>: 0.5em;
696 div#tablestatistics table caption {
697 margin-<?php echo $right; ?>: 0.5em;
699 /* END table stats */
702 /* server privileges */
703 #tableuserrights td,
704 #tablespecificuserrights td,
705 #tabledatabases td {
706 vertical-align: middle;
708 /* END server privileges */
712 /* Heading */
713 #serverinfo {
714 font-weight: bold;
715 margin-bottom: 0.5em;
718 #serverinfo .item {
719 white-space: nowrap;
722 #span_table_comment {
723 font-weight: normal;
724 font-style: italic;
725 white-space: nowrap;
728 #serverinfo img {
729 margin: 0 0.1em 0 0.2em;
733 #textSQLDUMP {
734 width: 95%;
735 height: 95%;
736 font-family: "Courier New", Courier, mono;
737 font-size: 110%;
740 #TooltipContainer {
741 position: absolute;
742 z-index: 99;
743 width: 20em;
744 height: auto;
745 overflow: visible;
746 visibility: hidden;
747 background-color: #ffffcc;
748 color: #006600;
749 border: 0.1em solid #000000;
750 padding: 0.5em;
753 /* user privileges */
754 #fieldset_add_user_login div.item {
755 border-bottom: 1px solid silver;
756 padding-bottom: 0.3em;
757 margin-bottom: 0.3em;
760 #fieldset_add_user_login label {
761 float: <?php echo $left; ?>;
762 display: block;
763 width: 10em;
764 max-width: 100%;
765 text-align: <?php echo $right; ?>;
766 padding-<?php echo $right; ?>: 0.5em;
769 #fieldset_add_user_login span.options #select_pred_username,
770 #fieldset_add_user_login span.options #select_pred_hostname,
771 #fieldset_add_user_login span.options #select_pred_password {
772 width: 100%;
773 max-width: 100%;
776 #fieldset_add_user_login span.options {
777 float: <?php echo $left; ?>;
778 display: block;
779 width: 12em;
780 max-width: 100%;
781 padding-<?php echo $right; ?>: 0.5em;
784 #fieldset_add_user_login input {
785 width: 12em;
786 clear: <?php echo $right; ?>;
787 max-width: 100%;
790 #fieldset_add_user_login span.options input {
791 width: auto;
794 #fieldset_user_priv div.item {
795 float: <?php echo $left; ?>;
796 width: 9em;
797 max-width: 100%;
800 #fieldset_user_priv div.item div.item {
801 float: none;
804 #fieldset_user_priv div.item label {
805 white-space: nowrap;
808 #fieldset_user_priv div.item select {
809 width: 100%;
812 #fieldset_user_global_rights fieldset {
813 float: <?php echo $left; ?>;
815 /* END user privileges */
818 /* serverstatus */
819 div#serverstatus table caption a.top {
820 float: <?php echo $right; ?>;
823 div#serverstatus div#serverstatusqueriesdetails table,
824 div#serverstatus table#serverstatustraffic,
825 div#serverstatus table#serverstatusconnections {
826 float: <?php echo $left; ?>;
829 #serverstatussection,
830 .clearfloat {
831 clear: both;
833 div#serverstatussection table {
834 width: 100%;
835 margin-bottom: 1em;
837 div#serverstatussection table .name {
838 width: 18em;
840 div#serverstatussection table .value {
841 width: 6em;
844 div#serverstatus table tbody td.descr a,
845 div#serverstatus table .tblFooters a {
846 white-space: nowrap;
848 div#serverstatus div#statuslinks a:before,
849 div#serverstatus div#sectionlinks a:before,
850 div#serverstatus table tbody td.descr a:before,
851 div#serverstatus table .tblFooters a:before {
852 content: '[';
854 div#serverstatus div#statuslinks a:after,
855 div#serverstatus div#sectionlinks a:after,
856 div#serverstatus table tbody td.descr a:after,
857 div#serverstatus table .tblFooters a:after {
858 content: ']';
860 /* end serverstatus */
862 /* querywindow */
863 body#bodyquerywindow {
864 margin: 0;
865 padding: 0;
866 background-image: none;
867 background-color: #F5F5F5;
870 div#querywindowcontainer {
871 margin: 0;
872 padding: 0;
873 width: 100%;
876 div#querywindowcontainer fieldset {
877 margin-top: 0;
879 /* END querywindow */
882 /* querybox */
884 div#sqlquerycontainer {
885 float: <?php echo $left; ?>;
886 width: 69%;
887 /* height: 15em; */
890 div#tablefieldscontainer {
891 float: <?php echo $right; ?>;
892 width: 29%;
893 /* height: 15em; */
896 div#tablefieldscontainer select {
897 width: 100%;
898 /* height: 12em; */
901 textarea#sqlquery {
902 width: 100%;
903 /* height: 100%; */
905 textarea#sql_query_edit{
906 height:7em;
907 width: 95%;
908 display:block;
910 div#queryboxcontainer div#bookmarkoptions {
911 margin-top: 0.5em;
913 /* end querybox */
915 /* main page */
916 #maincontainer {
917 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>logo_right.png);
918 background-position: <?php echo $right; ?> bottom;
919 background-repeat: no-repeat;
922 #mysqlmaininformation,
923 #pmamaininformation {
924 float: <?php echo $left; ?>;
925 width: 49%;
928 #maincontainer ul {
929 list-style-type: disc;
930 vertical-align: middle;
933 #maincontainer li {
934 margin: 0.2em 0em;
936 /* END main page */
939 <?php if ($GLOBALS['cfg']['MainPageIconic']) { ?>
940 /* iconic view for ul items */
941 li#li_create_database {
942 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_newdb.png);
945 li#li_select_lang {
946 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_lang.png);
949 li#li_select_mysql_collation {
950 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
953 li#li_select_theme{
954 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_theme.png);
957 li#li_user_info{
958 /* list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png); */
961 li#li_mysql_status{
962 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_status.png);
965 li#li_mysql_variables{
966 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_vars.png);
969 li#li_mysql_processes{
970 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_process.png);
973 li#li_mysql_collations{
974 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
977 li#li_mysql_engines{
978 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_engine.png);
981 li#li_mysql_binlogs {
982 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_tbl.png);
985 li#li_mysql_databases {
986 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_db.png);
989 li#li_export {
990 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_export.png);
993 li#li_import {
994 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_import.png);
997 li#li_change_password {
998 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_passwd.png);
1001 li#li_log_out {
1002 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_loggoff.png);
1005 li#li_mysql_privilegs{
1006 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png);
1009 li#li_switch_dbstats {
1010 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_dbstatistics.png);
1013 li#li_flush_privileges {
1014 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_reload.png);
1017 li#li_user_preferences {
1018 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_tblops.png);
1020 /* END iconic view for ul items */
1021 <?php } /* end if $GLOBALS['cfg']['MainPageIconic'] */ ?>
1024 #body_browse_foreigners {
1025 background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1026 margin: 0.5em 0.5em 0 0.5em;
1029 #bodyquerywindow {
1030 background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1033 #bodythemes {
1034 width: 500px;
1035 margin: auto;
1036 text-align: center;
1039 #bodythemes img {
1040 border: 0.1em solid black;
1043 #bodythemes a:hover img {
1044 border: 0.1em solid red;
1047 #fieldset_select_fields {
1048 float: <?php echo $left; ?>;
1051 #selflink {
1052 clear: both;
1053 display: block;
1054 margin-top: 1em;
1055 margin-bottom: 1em;
1056 width: 100%;
1057 border-top: 0.1em solid silver;
1058 text-align: <?php echo $right; ?>;
1061 #table_innodb_bufferpool_usage,
1062 #table_innodb_bufferpool_activity {
1063 float: <?php echo $left; ?>;
1066 #div_mysql_charset_collations table {
1067 float: <?php echo $left; ?>;
1070 #div_table_order,
1071 #div_table_rename {
1072 min-width: 48%;
1073 float: <?php echo $left; ?>;
1076 #div_table_copy,
1077 #div_partition_maintenance,
1078 #div_referential_integrity,
1079 #div_table_removal,
1080 #div_table_maintenance {
1081 min-width: 48%;
1082 float: <?php echo $left; ?>;
1085 #div_table_options {
1086 clear: both;
1087 min-width: 48%;
1088 float: <?php echo $left; ?>;
1091 #qbe_div_table_list {
1092 float: <?php echo $left; ?>;
1095 #qbe_div_sql_query {
1096 float: <?php echo $left; ?>;
1099 label.desc {
1100 width: 30em;
1101 float: <?php echo $left; ?>;
1104 label.desc sup {
1105 position: absolute;
1108 code.sql, div.sqlvalidate {
1109 margin: 0.3em 0 0 0;
1110 border: 2px solid;
1111 padding: 0.5em;
1112 -moz-border-radius: 0.5em;
1113 border-radius: 0.5em;
1114 display: block;
1115 margin-top: 0.2em;
1116 margin-bottom: 0;
1117 max-height: 10em;
1118 overflow: auto;
1119 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1122 #main_pane_left {
1123 width: 60%;
1124 float: <?php echo $left; ?>;
1125 padding-top: 1em;
1128 #main_pane_right {
1129 margin-<?php echo $left; ?>: 60%;
1130 padding-top: 1em;
1131 padding-<?php echo $left; ?>: 1em;
1134 .group {
1135 border-<?php echo $left; ?>: 0.3em solid <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
1136 margin-bottom: 1em;
1139 .group h2 {
1140 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
1141 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
1142 padding: 0.1em 0.3em;
1143 margin-top: 0;
1146 .group-cnt {
1147 padding: 0 0 0 0.5em;
1148 display: inline-block;
1149 width: 98%;
1152 /* for elements that should be revealed only via js */
1153 .hide {
1154 display: none;
1157 #li_select_server {
1158 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_host.png);
1161 #list_server {
1162 list-style-image: none;
1166 * Progress bar styles
1168 div.upload_progress_bar_outer
1170 border: 1px solid black;
1171 width: 202px;
1174 div.upload_progress_bar_inner
1176 background-color: <?php echo (isset($_SESSION['userconf']['custom_color']) ? $_SESSION['userconf']['custom_color'] : $GLOBALS['cfg']['NaviBackground']); ?>;
1177 width: 0px;
1178 height: 12px;
1179 margin: 1px;
1182 table#serverconnection_src_remote,
1183 table#serverconnection_trg_remote,
1184 table#serverconnection_src_local,
1185 table#serverconnection_trg_local {
1186 float:left;
1189 * Validation error message styles
1191 .invalid_value
1192 {background:#F00;}
1195 * Ajax notification styling
1197 .ajax_notification {
1198 top: 0px; /** The notification needs to be shown on the top of the page */
1199 position: fixed;
1200 margin-top: 0;
1201 margin-right: auto;
1202 margin-bottom: 0;
1203 margin-left: auto;
1204 padding: 3px 5px; /** Keep a little space on the sides of the text */
1205 min-width: 70px;
1206 max-width: 350px; /** This value might have to be changed */
1207 background-color: #FFD700;
1208 z-index: 1100; /** If this is not kept at a high z-index, the jQueryUI modal dialogs (z-index:1000) might hide this */
1209 text-align: center;
1210 display: block;
1211 left: 0;
1212 right: 0;
1213 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>ajax_clock_small.gif);
1214 background-repeat: no-repeat;
1215 background-position: 2%;
1218 #loading_parent {
1219 /** Need this parent to properly center the notification division */
1220 position: relative;
1221 width: 100%;
1224 * Export and Import styles
1227 .exportoptions h3, .importoptions h3 {
1228 border-bottom: 1px #999999 solid;
1229 font-size: 110%;
1232 .exportoptions ul, .importoptions ul, .format_specific_options ul {
1233 list-style-type: none;
1234 margin-bottom: 15px;
1237 .exportoptions li, .importoptions li {
1238 margin: 7px;
1240 .exportoptions label, .importoptions label, .exportoptions p, .importoptions p {
1241 margin: 5px;
1242 float: none;
1245 #csv_options label.desc, #ldi_options label.desc, #latex_options label.desc, #output label.desc{
1246 float: left;
1247 width: 15em;
1250 .exportoptions, .importoptions {
1251 margin: 20px 30px 30px 10px
1254 .exportoptions #buttonGo, .importoptions #buttonGo {
1255 padding: 5px 30px;
1256 -moz-border-radius: 11px;
1257 -webkit-border-radius: 11px;
1258 border-radius: 11px;
1259 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
1260 background: -moz-linear-gradient(top, #ffffff, #cccccc);
1261 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
1262 border: 1px solid #444444;
1263 cursor: pointer;
1266 .format_specific_options h3 {
1267 margin: 10px 0px 0px 10px;
1268 border: 0px;
1271 .format_specific_options {
1272 border: 1px solid #999999;
1273 margin: 7px 0px;
1274 padding: 3px;
1277 p.desc {
1278 margin: 5px;
1282 * Export styles only
1284 select#db_select, select#table_select {
1285 width: 400px;
1288 .export_sub_options {
1289 margin: 20px 0px 0px 30px;
1292 .export_sub_options h4 {
1293 border-bottom: 1px #999999 solid;
1296 .export_sub_options li.subgroup {
1297 display: inline-block;
1298 margin-top: 0;
1301 .export_sub_options li {
1302 margin-bottom: 0;
1305 #quick_or_custom, #output_quick_export {
1306 display: none;
1309 * Import styles only
1312 .importoptions #import_notification {
1313 margin: 10px 0px;
1314 font-style: italic;
1317 input#input_import_file {
1318 margin: 5px;
1321 .formelementrow {
1322 margin: 5px 0px 5px 0px;
1326 * ENUM/SET editor styles
1328 p.enum_notice {
1329 margin: 5px 2px;
1330 font-size: 80%;
1333 #enum_editor {
1334 display: none;
1335 position: fixed;
1336 _position: absolute; /* hack for IE */
1337 z-index: 101;
1338 overflow-y: auto;
1339 overflow-x: hidden;
1342 #enum_editor_no_js {
1343 margin: auto auto;
1346 #enum_editor, #enum_editor_no_js {
1347 background: #D0DCE0;
1348 padding: 15px;
1351 #popup_background {
1352 display: none;
1353 position: fixed;
1354 _position: absolute; /* hack for IE6 */
1355 width: 100%;
1356 height: 100%;
1357 top: 0;
1358 left: 0;
1359 background: #000;
1360 z-index: 100;
1361 overflow: hidden;
1364 a.close_enum_editor {
1365 float: right;
1368 #enum_editor #values, #enum_editor_no_js #values {
1369 margin: 15px 0px;
1370 width: 100%;
1373 #enum_editor #values input, #enum_editor_no_js #values input {
1374 margin: 5px 0px;
1375 float: top;
1376 width: 100%;
1379 #enum_editor_output {
1380 margin-top: 50px;
1384 * Table structure styles
1386 .structure_actions_dropdown {
1387 position: absolute;
1388 padding: 3px;
1389 display: none;
1390 z-index: 100;
1393 .structure_actions_dropdown a {
1394 display: block;
1397 td.more_opts {
1398 display: none;
1399 white-space: nowrap;
1402 iframe.IE_hack {
1403 z-index: 1;
1404 position: absolute;
1405 display: none;
1406 border: 0;
1407 filter: alpha(opacity=0);
1410 /* config forms */
1411 .config-form ul.tabs {
1412 margin: 1.1em 0.2em 0;
1413 padding: 0 0 0.3em 0;
1414 list-style: none;
1415 font-weight: bold;
1418 .config-form ul.tabs li {
1419 float: <?php echo $left; ?>;
1422 .config-form ul.tabs li a {
1423 display: block;
1424 margin: 0.1em 0.2em 0;
1425 padding: 0.1em 0.4em;
1426 white-space: nowrap;
1427 text-decoration: none;
1428 border: 1px solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1429 border-bottom: none;
1432 .config-form ul.tabs li a:hover,
1433 .config-form ul.tabs li a:active,
1434 .config-form ul.tabs li a.active {
1435 margin: 0;
1436 padding: 0.1em 0.6em 0.2em;
1439 .config-form ul.tabs li a.active {
1440 background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1443 .config-form fieldset {
1444 margin-top: 0;
1445 padding: 0;
1446 clear: both;
1447 /*border-color: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;*/
1450 .config-form legend {
1451 display: none;
1454 .config-form fieldset p {
1455 margin: 0;
1456 padding: 0.5em;
1457 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1460 .config-form fieldset .errors { /* form error list */
1461 margin: 0 -2px 1em -2px;
1462 padding: 0.5em 1.5em;
1463 background: #FBEAD9;
1464 border: 0 #C83838 solid;
1465 border-width: 1px 0;
1466 list-style: none;
1467 font-family: sans-serif;
1468 font-size: small;
1471 .config-form fieldset .inline_errors { /* field error list */
1472 margin: 0.3em 0.3em 0.3em 0;
1473 padding: 0;
1474 list-style: none;
1475 color: #9A0000;
1476 font-size: small;
1479 .config-form fieldset th {
1480 padding: 0.3em 0.3em 0.3em 0.5em;
1481 text-align: left;
1482 vertical-align: top;
1483 width: 40%;
1484 background: transparent;
1487 .config-form fieldset .doc, .config-form fieldset .disabled-notice {
1488 margin-left: 1em;
1491 .config-form fieldset .disabled-notice {
1492 font-size: 80%;
1493 text-transform: uppercase;
1494 color: #E00;
1495 cursor: help;
1498 .config-form fieldset td {
1499 padding-top: 0.3em;
1500 padding-bottom: 0.3em;
1501 vertical-align: top;
1504 .config-form fieldset th small {
1505 display: block;
1506 font-weight: normal;
1507 font-family: sans-serif;
1508 font-size: x-small;
1509 color: #444;
1512 .config-form fieldset th, .config-form fieldset td {
1513 border-top: 1px <?php echo $GLOBALS['cfg']['BgTwo']; ?> solid;
1516 fieldset .group-header th {
1517 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1520 fieldset .group-header + tr th {
1521 padding-top: 0.6em;
1524 fieldset .group-field-1 th, fieldset .group-header-2 th {
1525 padding-left: 1.5em;
1528 fieldset .group-field-2 th, fieldset .group-header-3 th {
1529 padding-left: 3em;
1532 fieldset .group-field-3 th {
1533 padding-left: 4.5em;
1536 fieldset .disabled-field th,
1537 fieldset .disabled-field th small,
1538 fieldset .disabled-field td {
1539 color: #666;
1540 background-color: #ddd;
1543 .config-form .lastrow {
1544 border-top: 1px #000 solid;
1547 .config-form .lastrow {
1548 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;;
1549 padding: 0.5em;
1550 text-align: center;
1553 .config-form .lastrow input {
1554 font-weight: bold;
1557 /* form elements */
1559 .config-form span.checkbox {
1560 padding: 2px;
1561 display: inline-block;
1564 .config-form .custom { /* customized field */
1565 background: #FFC;
1568 .config-form span.checkbox.custom {
1569 padding: 1px;
1570 border: 1px #EDEC90 solid;
1571 background: #FFC;
1574 .config-form .field-error {
1575 border-color: #A11 !important;
1578 .config-form input[type="text"],
1579 .config-form select,
1580 .config-form textarea {
1581 border: 1px #A7A6AA solid;
1582 height: auto;
1585 .config-form input[type="text"]:focus,
1586 .config-form select:focus,
1587 .config-form textarea:focus {
1588 border: 1px #6676FF solid;
1589 background: #F7FBFF;
1592 .config-form .field-comment-mark {
1593 font-family: serif;
1594 color: #007;
1595 cursor: help;
1596 padding: 0 0.2em;
1597 font-weight: bold;
1598 font-style: italic;
1601 .config-form .field-comment-warning {
1602 color: #A00;
1605 /* error list */
1606 .config-form dd {
1607 margin-left: 0.5em;
1610 .config-form dd:before {
1611 content: "\25B8 ";
1614 .click-hide-message {
1615 cursor: pointer;
1618 .prefsmanage_opts {
1619 margin-<?php echo $left; ?>: 2em;
1622 #prefs_autoload {
1623 margin-bottom: 0.5em;