Merge branch 'master' of ssh://phpmyadmin.git.sourceforge.net/gitroot/phpmyadmin...
[phpmyadmin-themes.git] / graphite / css / theme_right.css.php
blob126aa851e50d12ead98ba7dc73c8ea0b7be1f947
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 fieldset .formelement {
181 float: <?php echo $left; ?>;
182 margin-<?php echo $right; ?>: 0.5em;
183 /* IE */
184 white-space: nowrap;
187 /* revert for Gecko */
188 fieldset div[class=formelement] {
189 white-space: normal;
192 button.mult_submit {
193 border: none;
194 background-color: transparent;
197 /* odd items 1,3,5,7,... */
198 tr.odd th,
199 tr.odd {
200 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
203 /* even items 2,4,6,8,... */
204 tr.even th,
205 tr.even {
206 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
208 tr.even th, tr.odd th, fieldset th {
209 color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
212 /* odd table rows 1,3,5,7,... */
213 tr.odd,
214 tr.even {
215 text-align: <?php echo $left; ?>;
218 <?php if ($GLOBALS['cfg']['BrowseMarkerEnable']) { ?>
219 /* marked table rows */
220 tr.marked th,
221 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 .structure_actions_dropdown {
230 background: <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>;
231 color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
234 /* hovered table rows */
235 tr.even:hover th,
236 tr.odd:hover th,
237 tr:hover {
238 background: <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>;
239 color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
241 <?php } ?>
244 * marks table rows/cells if the db field is in a where condition
246 tr.condition th,
247 tr.condition td,
248 td.condition,
249 th.condition {
250 border: 1px solid <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
253 table .value {
254 text-align: <?php echo $right; ?>;
255 white-space: normal;
257 /* IE doesnt handles 'pre' right */
258 table [class=value] {
259 white-space: normal;
261 table .tbl_size {
262 white-space: nowrap;
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 .tblFooters a {
538 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
540 div.tools a {
541 display: inline-block;
542 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
545 /* forbidden, no privilegs */
546 .noPrivileges {
547 color: #FF0000;
548 font-weight: bold;
551 /* disabled text */
552 .disabled,
553 .disabled a:link,
554 .disabled a:active,
555 .disabled a:visited {
556 color: #666666;
559 .disabled a:hover {
560 color: #666666;
561 text-decoration: none;
564 tr.disabled td,
565 td.disabled {
566 background-color: #cccccc;
569 .nowrap {
570 white-space: nowrap;
574 * login form
576 body.loginform h1,
577 body.loginform a.logo {
578 display: block;
579 text-align: center;
582 body.loginform {
583 text-align: center;
586 body.loginform div.container {
587 text-align: <?php echo $left; ?>;
588 width: 30em;
589 margin: 0 auto;
592 form.login label {
593 float: <?php echo $left; ?>;
594 width: 10em;
595 font-weight: bolder;
598 .commented_column {
599 border-bottom: 1px dashed black;
602 .column_attribute {
603 font-size: 70%;
606 /******************************************************************************/
607 /* specific elements */
609 /* topmenu */
610 #topmenu, #topmenu2, #topmenu .submenu ul {
611 list-style: none;
612 padding: 0;
613 margin: 0.5em 0 0.5em 0;
614 border-top: 1px solid #000;
615 border-bottom: 1px solid #000;
616 background: #ccc;
617 white-space: nowrap;
619 #topmenu li, #topmenu2 li {
620 display: inline-block;
621 margin: 0;
622 padding: 0;
624 #topmenu li a, #topmenu2 li a {
625 display: inline-block;
626 margin: 0;
627 padding: 0.2em;
628 min-height: 16px; /* To match icons */
630 #topmenu li a:hover, #topmenu2 li a:hover {
631 background: #ddd;
632 text-decoration: none;
634 #topmenu a.warning {
635 background: #ccc;
636 color: #666;
638 a.tabactive {
639 font-weight: bolder;
640 background: #aaa;
642 #topmenu .submenu {
643 position: relative;
644 display: none;
646 #topmenu .shown {
647 display: inline-block;
649 #topmenu .submenu ul {
650 margin: 0;
651 padding: 0;
652 position: absolute;
653 <?php echo $right;?>: 0;
654 list-style-type: none;
655 display: none;
656 border: 1px #666 solid;
659 #topmenu li:hover ul, #topmenu .submenuhover ul {
660 display: block;
663 /* end topmenu */
665 /* table stats */
666 div#tablestatistics {
667 border-bottom: 0.1em solid #669999;
668 margin-bottom: 0.5em;
669 padding-bottom: 0.5em;
672 div#tablestatistics table {
673 float: <?php echo $left; ?>;
674 margin-bottom: 0.5em;
675 margin-<?php echo $right; ?>: 0.5em;
678 /* END table stats */
681 /* server privileges */
682 #tableuserrights td,
683 #tablespecificuserrights td,
684 #tabledatabases td {
685 vertical-align: middle;
687 /* END server privileges */
691 /* Heading */
692 #serverinfo {
693 font-weight: bold;
694 margin-bottom: 0.5em;
697 #serverinfo .item {
698 white-space: nowrap;
701 #span_table_comment {
702 font-weight: normal;
703 font-style: italic;
704 white-space: nowrap;
707 #serverinfo img {
708 margin: 0 0.1em 0 0.2em;
712 #textSQLDUMP {
713 width: 95%;
714 height: 95%;
715 font-family: "Courier New", Courier, mono;
716 font-size: 110%;
719 #TooltipContainer {
720 position: absolute;
721 z-index: 99;
722 width: 20em;
723 height: auto;
724 overflow: visible;
725 visibility: hidden;
726 background-color: #ffffcc;
727 color: #006600;
728 border: 0.1em solid #000000;
729 padding: 0.5em;
732 /* user privileges */
733 #fieldset_add_user_login div.item {
734 border-bottom: 1px solid silver;
735 padding-bottom: 0.3em;
736 margin-bottom: 0.3em;
739 #fieldset_add_user_login label {
740 float: <?php echo $left; ?>;
741 display: block;
742 width: 10em;
743 max-width: 100%;
744 text-align: <?php echo $right; ?>;
745 padding-<?php echo $right; ?>: 0.5em;
748 #fieldset_add_user_login span.options #select_pred_username,
749 #fieldset_add_user_login span.options #select_pred_hostname,
750 #fieldset_add_user_login span.options #select_pred_password {
751 width: 100%;
752 max-width: 100%;
755 #fieldset_add_user_login span.options {
756 float: <?php echo $left; ?>;
757 display: block;
758 width: 12em;
759 max-width: 100%;
760 padding-<?php echo $right; ?>: 0.5em;
763 #fieldset_add_user_login input {
764 width: 12em;
765 clear: <?php echo $right; ?>;
766 max-width: 100%;
769 #fieldset_add_user_login span.options input {
770 width: auto;
773 #fieldset_user_priv div.item {
774 float: <?php echo $left; ?>;
775 width: 9em;
776 max-width: 100%;
779 #fieldset_user_priv div.item div.item {
780 float: none;
783 #fieldset_user_priv div.item label {
784 white-space: nowrap;
787 #fieldset_user_priv div.item select {
788 width: 100%;
791 #fieldset_user_global_rights fieldset {
792 float: <?php echo $left; ?>;
794 /* END user privileges */
797 /* serverstatus */
798 div#serverstatus table caption a.top {
799 float: <?php echo $right; ?>;
802 div#serverstatus div#serverstatusqueriesdetails table,
803 div#serverstatus table#serverstatustraffic,
804 div#serverstatus table#serverstatusconnections {
805 float: <?php echo $left; ?>;
808 #serverstatussection,
809 .clearfloat {
810 clear: both;
812 div#serverstatussection table {
813 width: 100%;
814 margin-bottom: 1em;
816 div#serverstatussection table .name {
817 width: 18em;
819 div#serverstatussection table .value {
820 width: 6em;
823 div#serverstatus table tbody td.descr a,
824 div#serverstatus table .tblFooters a {
825 white-space: nowrap;
827 div#serverstatus div#statuslinks a:before,
828 div#serverstatus div#sectionlinks a:before,
829 div#serverstatus table tbody td.descr a:before,
830 div#serverstatus table .tblFooters a:before {
831 content: '[';
833 div#serverstatus div#statuslinks a:after,
834 div#serverstatus div#sectionlinks a:after,
835 div#serverstatus table tbody td.descr a:after,
836 div#serverstatus table .tblFooters a:after {
837 content: ']';
839 /* end serverstatus */
841 /* querywindow */
842 body#bodyquerywindow {
843 margin: 0;
844 padding: 0;
845 background-image: none;
846 background-color: #F5F5F5;
849 div#querywindowcontainer {
850 margin: 0;
851 padding: 0;
852 width: 100%;
855 div#querywindowcontainer fieldset {
856 margin-top: 0;
858 /* END querywindow */
861 /* querybox */
863 div#sqlquerycontainer {
864 float: <?php echo $left; ?>;
865 width: 69%;
866 /* height: 15em; */
869 div#tablefieldscontainer {
870 float: <?php echo $right; ?>;
871 width: 29%;
872 /* height: 15em; */
875 div#tablefieldscontainer select {
876 width: 100%;
877 /* height: 12em; */
880 textarea#sqlquery {
881 width: 100%;
882 /* height: 100%; */
884 textarea#sql_query_edit{
885 height:7em;
886 width: 95%;
887 display:block;
889 div#queryboxcontainer div#bookmarkoptions {
890 margin-top: 0.5em;
892 /* end querybox */
894 /* main page */
895 .pmagroup {
896 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>logo_right.png);
897 background-position: <?php echo $right; ?> bottom;
898 background-repeat: no-repeat;
901 #mysqlmaininformation,
902 #pmamaininformation {
903 float: <?php echo $left; ?>;
904 width: 49%;
907 #maincontainer ul {
908 list-style-type: disc;
909 vertical-align: middle;
912 #maincontainer li {
913 margin: 0.2em 0em;
915 /* END main page */
918 <?php if ($GLOBALS['cfg']['MainPageIconic']) { ?>
919 /* iconic view for ul items */
920 li#li_create_database {
921 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_newdb.png);
924 li#li_select_lang {
925 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_lang.png);
928 li#li_select_mysql_collation {
929 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
932 li#li_select_theme{
933 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_theme.png);
936 li#li_user_info{
937 /* list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png); */
940 li#li_mysql_status{
941 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_status.png);
944 li#li_mysql_variables{
945 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_vars.png);
948 li#li_mysql_processes{
949 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_process.png);
952 li#li_mysql_collations{
953 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
956 li#li_mysql_engines{
957 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_engine.png);
960 li#li_mysql_binlogs {
961 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_tbl.png);
964 li#li_mysql_databases {
965 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_db.png);
968 li#li_export {
969 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_export.png);
972 li#li_import {
973 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_import.png);
976 li#li_change_password {
977 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_passwd.png);
980 li#li_log_out {
981 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_loggoff.png);
984 li#li_mysql_privilegs{
985 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png);
988 li#li_switch_dbstats {
989 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_dbstatistics.png);
992 li#li_flush_privileges {
993 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_reload.png);
996 li#li_user_preferences {
997 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_tblops.png);
1000 li#li_select_fontsize {
1001 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_font.png);
1003 /* END iconic view for ul items */
1004 <?php } /* end if $GLOBALS['cfg']['MainPageIconic'] */ ?>
1007 #body_browse_foreigners {
1008 background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1009 margin: 0.5em 0.5em 0 0.5em;
1012 #bodyquerywindow {
1013 background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1016 #bodythemes {
1017 width: 500px;
1018 margin: auto;
1019 text-align: center;
1022 #bodythemes img {
1023 border: 0.1em solid black;
1026 #bodythemes a:hover img {
1027 border: 0.1em solid red;
1030 #fieldset_select_fields {
1031 float: <?php echo $left; ?>;
1034 #selflink {
1035 clear: both;
1036 display: block;
1037 margin-top: 1em;
1038 margin-bottom: 1em;
1039 width: 100%;
1040 border-top: 0.1em solid silver;
1041 text-align: <?php echo $right; ?>;
1044 #table_innodb_bufferpool_usage,
1045 #table_innodb_bufferpool_activity {
1046 float: <?php echo $left; ?>;
1049 #div_mysql_charset_collations table {
1050 float: <?php echo $left; ?>;
1053 #div_table_order,
1054 #div_table_rename {
1055 min-width: 48%;
1056 float: <?php echo $left; ?>;
1059 #div_table_order {
1060 clear: left;
1063 #div_table_copy,
1064 #div_partition_maintenance,
1065 #div_referential_integrity,
1066 #div_table_removal,
1067 #div_table_maintenance {
1068 min-width: 48%;
1069 float: <?php echo $left; ?>;
1072 #div_table_options {
1073 clear: both;
1074 min-width: 48%;
1075 float: <?php echo $left; ?>;
1078 #qbe_div_table_list {
1079 float: <?php echo $left; ?>;
1082 #qbe_div_sql_query {
1083 float: <?php echo $left; ?>;
1086 label.desc {
1087 width: 30em;
1088 float: <?php echo $left; ?>;
1091 label.desc sup {
1092 position: absolute;
1095 code.sql, div.sqlvalidate {
1096 margin: 0.3em 0 0 0;
1097 border: 2px solid;
1098 padding: 0.5em;
1099 -moz-border-radius: 0.5em;
1100 border-radius: 0.5em;
1101 display: block;
1102 margin-top: 0.2em;
1103 margin-bottom: 0;
1104 max-height: 10em;
1105 overflow: auto;
1106 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1109 #main_pane_left {
1110 width: 50%;
1111 float: <?php echo $left; ?>;
1112 padding-top: 1em;
1115 #main_pane_right {
1116 margin-<?php echo $left; ?>: 50%;
1117 padding-top: 1em;
1118 padding-<?php echo $left; ?>: 1em;
1121 .group {
1122 border: 2px solid #000;
1123 margin-bottom: 1em;
1124 padding: 0 0 0.5em 0;
1125 -moz-border-radius: 0.5em;
1126 border-radius: 0.5em;
1129 .group h2 {
1130 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
1131 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
1132 padding: 0.1em 0.3em;
1133 margin-top: 0;
1134 border-bottom: 1px solid #000;
1137 .group-cnt {
1138 padding: 0 0 0 0.5em;
1139 display: inline-block;
1140 width: 98%;
1143 /* for elements that should be revealed only via js */
1144 .hide {
1145 display: none;
1148 #li_select_server {
1149 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_host.png);
1152 #list_server {
1153 list-style-image: none;
1157 * Progress bar styles
1159 div.upload_progress_bar_outer
1161 border: 1px solid black;
1162 width: 202px;
1165 div.upload_progress_bar_inner
1167 background-color: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1168 width: 0px;
1169 height: 12px;
1170 margin: 1px;
1173 table#serverconnection_src_remote,
1174 table#serverconnection_trg_remote,
1175 table#serverconnection_src_local,
1176 table#serverconnection_trg_local {
1177 float:left;
1180 * Validation error message styles
1182 .invalid_value
1183 {background:#F00;}
1186 * Ajax notification styling
1188 .ajax_notification {
1189 top: 0px; /** The notification needs to be shown on the top of the page */
1190 position: fixed;
1191 margin-top: 0;
1192 margin-right: auto;
1193 margin-bottom: 0;
1194 margin-left: auto;
1195 padding: 3px 5px; /** Keep a little space on the sides of the text */
1196 width: 350px;
1197 background-color: #FFD700;
1198 z-index: 1100; /** If this is not kept at a high z-index, the jQueryUI modal dialogs (z-index:1000) might hide this */
1199 text-align: center;
1200 display: block;
1201 left: 0;
1202 right: 0;
1203 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>ajax_clock_small.gif);
1204 background-repeat: no-repeat;
1205 background-position: 2%;
1208 #loading_parent {
1209 /** Need this parent to properly center the notification division */
1210 position: relative;
1211 width: 100%;
1214 * Export and Import styles
1217 .exportoptions h3, .importoptions h3 {
1218 border-bottom: 1px #999999 solid;
1219 font-size: 110%;
1222 .exportoptions ul, .importoptions ul, .format_specific_options ul {
1223 list-style-type: none;
1224 margin-bottom: 15px;
1227 .exportoptions li, .importoptions li {
1228 margin: 7px;
1230 .exportoptions label, .importoptions label, .exportoptions p, .importoptions p {
1231 margin: 5px;
1232 float: none;
1235 #csv_options label.desc, #ldi_options label.desc, #latex_options label.desc, #output label.desc{
1236 float: left;
1237 width: 15em;
1240 .exportoptions, .importoptions {
1241 margin: 20px 30px 30px 10px
1244 .exportoptions #buttonGo, .importoptions #buttonGo {
1245 padding: 5px 30px;
1246 -moz-border-radius: 11px;
1247 -webkit-border-radius: 11px;
1248 border-radius: 11px;
1249 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
1250 background: -moz-linear-gradient(top, #ffffff, #cccccc);
1251 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
1252 border: 1px solid #444444;
1253 cursor: pointer;
1256 .format_specific_options h3 {
1257 margin: 10px 0px 0px 10px;
1258 border: 0px;
1261 .format_specific_options {
1262 border: 1px solid #999999;
1263 margin: 7px 0px;
1264 padding: 3px;
1267 p.desc {
1268 margin: 5px;
1272 * Export styles only
1274 select#db_select, select#table_select {
1275 width: 400px;
1278 .export_sub_options {
1279 margin: 20px 0px 0px 30px;
1282 .export_sub_options h4 {
1283 border-bottom: 1px #999999 solid;
1286 .export_sub_options li.subgroup {
1287 display: inline-block;
1288 margin-top: 0;
1291 .export_sub_options li {
1292 margin-bottom: 0;
1295 #quick_or_custom, #output_quick_export {
1296 display: none;
1299 * Import styles only
1302 .importoptions #import_notification {
1303 margin: 10px 0px;
1304 font-style: italic;
1307 input#input_import_file {
1308 margin: 5px;
1311 .formelementrow {
1312 margin: 5px 0px 5px 0px;
1316 * ENUM/SET editor styles
1318 p.enum_notice {
1319 margin: 5px 2px;
1320 font-size: 80%;
1323 #enum_editor {
1324 display: none;
1325 position: fixed;
1326 _position: absolute; /* hack for IE */
1327 z-index: 101;
1328 overflow-y: auto;
1329 overflow-x: hidden;
1332 #enum_editor_no_js {
1333 margin: auto auto;
1336 #enum_editor, #enum_editor_no_js {
1337 background: #D0DCE0;
1338 padding: 15px;
1341 #popup_background {
1342 display: none;
1343 position: fixed;
1344 _position: absolute; /* hack for IE6 */
1345 width: 100%;
1346 height: 100%;
1347 top: 0;
1348 left: 0;
1349 background: #000;
1350 z-index: 100;
1351 overflow: hidden;
1354 a.close_enum_editor {
1355 float: right;
1358 #enum_editor #values, #enum_editor_no_js #values {
1359 margin: 15px 0px;
1360 width: 100%;
1363 #enum_editor #values input, #enum_editor_no_js #values input {
1364 margin: 5px 0px;
1365 float: top;
1366 width: 100%;
1369 #enum_editor_output {
1370 margin-top: 50px;
1374 * Table structure styles
1376 .structure_actions_dropdown {
1377 position: absolute;
1378 padding: 0;
1379 display: none;
1380 z-index: 100;
1381 border-collapse:collapse;
1382 border: 1px solid #000;
1383 padding: 0.2em;
1386 .structure_actions_dropdown a {
1387 display: block;
1390 .structure_actions_dropdown div {
1391 margin: 0;
1392 padding: 0;
1395 td.more_opts {
1396 display: none;
1397 white-space: nowrap;
1400 iframe.IE_hack {
1401 z-index: 1;
1402 position: absolute;
1403 display: none;
1404 border: 0;
1405 filter: alpha(opacity=0);
1408 /* config forms */
1409 ul.tabs {
1410 margin: 1.1em 0.2em 0;
1411 padding: 0 0 0.3em 0;
1412 list-style: none;
1413 font-weight: bold;
1416 ul.tabs li {
1417 float: <?php echo $left; ?>;
1420 ul.tabs a {
1421 display: block;
1422 margin: 0.1em 0.2em 0;
1423 padding: 0.1em 0.4em;
1424 white-space: nowrap;
1425 text-decoration: none;
1426 border: 1px solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1427 border-bottom: none;
1430 ul.tabs a:hover,
1431 ul.tabs a:active,
1432 ul.tabs a.active {
1433 margin: 0;
1434 padding: 0.1em 0.6em 0.2em;
1437 ul.tabs a.active {
1438 background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1441 .config-form fieldset {
1442 margin-top: 0;
1443 padding: 0;
1444 clear: both;
1445 /*border-color: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;*/
1448 .config-form legend {
1449 display: none;
1452 .config-form fieldset p {
1453 margin: 0;
1454 padding: 0.5em;
1455 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1458 .config-form fieldset .errors { /* form error list */
1459 margin: 0 -2px 1em -2px;
1460 padding: 0.5em 1.5em;
1461 background: #FBEAD9;
1462 border: 0 #C83838 solid;
1463 border-width: 1px 0;
1464 list-style: none;
1465 font-family: sans-serif;
1466 font-size: small;
1469 .config-form fieldset .inline_errors { /* field error list */
1470 margin: 0.3em 0.3em 0.3em 0;
1471 padding: 0;
1472 list-style: none;
1473 color: #9A0000;
1474 font-size: small;
1477 .config-form fieldset th {
1478 padding: 0.3em 0.3em 0.3em 0.5em;
1479 text-align: left;
1480 vertical-align: top;
1481 width: 40%;
1482 background: transparent;
1485 .config-form fieldset .doc, .config-form fieldset .disabled-notice {
1486 margin-left: 1em;
1489 .config-form fieldset .disabled-notice {
1490 font-size: 80%;
1491 text-transform: uppercase;
1492 color: #E00;
1493 cursor: help;
1496 .config-form fieldset td {
1497 padding-top: 0.3em;
1498 padding-bottom: 0.3em;
1499 vertical-align: top;
1502 .config-form fieldset th small {
1503 display: block;
1504 font-weight: normal;
1505 font-family: sans-serif;
1506 font-size: x-small;
1507 color: #444;
1510 .config-form fieldset th, .config-form fieldset td {
1511 border-top: 1px <?php echo $GLOBALS['cfg']['BgTwo']; ?> solid;
1514 fieldset .group-header th {
1515 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1518 fieldset .group-header + tr th {
1519 padding-top: 0.6em;
1522 fieldset .group-field-1 th, fieldset .group-header-2 th {
1523 padding-left: 1.5em;
1526 fieldset .group-field-2 th, fieldset .group-header-3 th {
1527 padding-left: 3em;
1530 fieldset .group-field-3 th {
1531 padding-left: 4.5em;
1534 fieldset .disabled-field th,
1535 fieldset .disabled-field th small,
1536 fieldset .disabled-field td {
1537 color: #666;
1538 background-color: #ddd;
1541 .config-form .lastrow {
1542 border-top: 1px #000 solid;
1545 .config-form .lastrow {
1546 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;;
1547 padding: 0.5em;
1548 text-align: center;
1551 .config-form .lastrow input {
1552 font-weight: bold;
1555 /* form elements */
1557 .config-form span.checkbox {
1558 padding: 2px;
1559 display: inline-block;
1562 .config-form .custom { /* customized field */
1563 background: #FFC;
1566 .config-form span.checkbox.custom {
1567 padding: 1px;
1568 border: 1px #EDEC90 solid;
1569 background: #FFC;
1572 .config-form .field-error {
1573 border-color: #A11 !important;
1576 .config-form input[type="text"],
1577 .config-form select,
1578 .config-form textarea {
1579 border: 1px #A7A6AA solid;
1580 height: auto;
1583 .config-form input[type="text"]:focus,
1584 .config-form select:focus,
1585 .config-form textarea:focus {
1586 border: 1px #6676FF solid;
1587 background: #F7FBFF;
1590 .config-form .field-comment-mark {
1591 font-family: serif;
1592 color: #007;
1593 cursor: help;
1594 padding: 0 0.2em;
1595 font-weight: bold;
1596 font-style: italic;
1599 .config-form .field-comment-warning {
1600 color: #A00;
1603 /* error list */
1604 .config-form dd {
1605 margin-left: 0.5em;
1608 .config-form dd:before {
1609 content: "\25B8 ";
1612 .click-hide-message {
1613 cursor: pointer;
1616 .prefsmanage_opts {
1617 margin-<?php echo $left; ?>: 2em;
1620 #prefs_autoload {
1621 margin-bottom: 0.5em;
1624 #togglequerybox {
1625 clear: both;
1626 display: block;
1627 margin: 0 1em 1em 1em;
1628 border: 2px solid #000;
1629 width: auto;
1630 padding: 0.2em;
1631 clear: both;
1632 -moz-border-radius: 0.5em;
1633 border-radius: 0.5em;
1634 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
1635 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
1636 <?php if ($GLOBALS['cfg']['PropertiesIconic']) { ?>
1637 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_sql.png);
1638 background-repeat: no-repeat;
1639 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
1640 background-position: 5px 50%;
1641 padding: 0.2em 0.2em 0.2em 25px;
1642 <?php } else { ?>
1643 background-position: 97% 50%;
1644 padding: 0.2em 25px 0.2em 0.2em;
1645 <?php } ?>
1646 <?php } ?>