Add screenshot
[phpmyadmin-themes.git] / css / theme_right.css.php
blob7b705b31420cd15d3b90870353eadbb06c55d3b7
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;
264 table .tbl_size {
265 white-space: nowrap;
269 <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
270 .value {
271 font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
273 <?php } ?>
274 .value .attention {
275 color: red;
276 font-weight: bold;
278 .value .allfine {
279 color: green;
283 img.lightbulb {
284 cursor: pointer;
287 .pdflayout {
288 overflow: hidden;
289 clip: inherit;
290 background-color: #FFFFFF;
291 display: none;
292 border: 1px solid #000000;
293 position: relative;
296 .pdflayout_table {
297 background: #D3DCE3;
298 color: #000000;
299 overflow: hidden;
300 clip: inherit;
301 z-index: 2;
302 display: inline;
303 visibility: inherit;
304 cursor: move;
305 position: absolute;
306 font-size: 80%;
307 border: 1px dashed #000000;
310 /* MySQL Parser */
311 .syntax {
312 font-size: 80%;
315 .syntax a {
316 text-decoration: none;
317 border-bottom:1px dotted black;
320 .syntax_comment {
321 padding-left: 4pt;
322 padding-right: 4pt;
325 .syntax_digit {
328 .syntax_digit_hex {
331 .syntax_digit_integer {
334 .syntax_digit_float {
337 .syntax_punct {
340 .syntax_alpha {
343 .syntax_alpha_columnType {
344 text-transform: uppercase;
347 .syntax_alpha_columnAttrib {
348 text-transform: uppercase;
351 .syntax_alpha_reservedWord {
352 text-transform: uppercase;
353 font-weight: bold;
356 .syntax_alpha_functionName {
357 text-transform: uppercase;
360 .syntax_alpha_identifier {
363 .syntax_alpha_charset {
366 .syntax_alpha_variable {
369 .syntax_quote {
370 white-space: pre;
373 .syntax_quote_backtick {
376 /* leave some space between icons and text */
377 .icon, img.footnotemarker {
378 vertical-align: middle;
379 margin-right: 0.3em;
380 margin-left: 0.3em;
383 img.footnotemarker {
384 display: none;
387 /* no extra space in table cells */
388 td .icon {
389 margin: 0;
392 .selectallarrow {
393 margin-<?php echo $right; ?>: 0.3em;
394 margin-<?php echo $left; ?>: 0.6em;
397 /* message boxes: warning, error, confirmation */
398 .success h1,
399 .notice h1,
400 .warning h1,
401 div.error h1 {
402 border-bottom: 2px solid;
403 font-weight: bold;
404 text-align: <?php echo $left; ?>;
405 margin: 0 0 0.2em 0;
408 div.success,
409 div.notice,
410 div.warning,
411 div.error,
412 div.footnotes {
413 clear: both;
414 margin: 0.3em 0 0 0;
415 border: 2px solid;
416 padding: 0.5em;
417 -moz-border-radius: 0.5em;
418 border-radius: 0.5em;
419 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
420 background-repeat: no-repeat;
421 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
422 background-position: 10px 50%;
423 padding-left: 36px;
424 <?php } else { ?>
425 background-position: 99% 50%;
426 padding-right: 36px;
427 <?php } ?>
428 <?php } ?>
431 .success {
432 color: #000000;
433 background-color: #f0fff0;
435 h1.success,
436 div.success {
437 border-color: #00FF00;
438 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
439 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_success.png);
440 <?php } ?>
442 .success h1 {
443 border-color: #00FF00;
446 .notice, .footnotes {
447 color: #000000;
448 background-color: #FFFFDD;
450 h1.notice,
451 div.notice,
452 div.footnotes {
453 border-color: #FFD700;
454 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
455 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_notice.png);
456 <?php } ?>
458 .notice h1 {
459 border-color: #FFD700;
462 .warning {
463 color: #CC0000;
464 background-color: #FFFFCC;
466 p.warning,
467 h1.warning,
468 div.warning {
469 border-color: #CC0000;
470 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
471 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_warn.png);
472 <?php } ?>
474 .warning h1 {
475 border-color: #cc0000;
478 .error {
479 background-color: #FFFFCC;
480 color: #ff0000;
483 h1.error,
484 div.error {
485 border-color: #ff0000;
486 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
487 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_error.png);
488 <?php } ?>
490 div.error h1 {
491 border-color: #ff0000;
494 .confirmation {
495 background-color: #FFFFCC;
497 fieldset.confirmation {
498 border: 0.1em solid #FF0000;
500 fieldset.confirmation legend {
501 border-left: 0.1em solid #FF0000;
502 border-right: 0.1em solid #FF0000;
503 font-weight: bold;
504 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
505 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_really.png);
506 background-repeat: no-repeat;
507 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
508 background-position: 5px 50%;
509 padding: 0.2em 0.2em 0.2em 25px;
510 <?php } else { ?>
511 background-position: 97% 50%;
512 padding: 0.2em 25px 0.2em 0.2em;
513 <?php } ?>
514 <?php } ?>
516 /* end messageboxes */
519 .tblcomment {
520 font-size: 70%;
521 font-weight: normal;
522 color: #000099;
525 .tblHeaders {
526 font-weight: bold;
527 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
528 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
530 .tblHeaders a {
531 color: <?php echo $GLOBALS['cfg']['ThColor']; ?> !important;
534 div.tools,
535 .tblFooters {
536 font-weight: normal;
537 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
538 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
540 .tblFooters a {
541 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
543 div.tools a {
544 display: inline-block;
545 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
548 /* forbidden, no privilegs */
549 .noPrivileges {
550 color: #FF0000;
551 font-weight: bold;
554 /* disabled text */
555 .disabled,
556 .disabled a:link,
557 .disabled a:active,
558 .disabled a:visited {
559 color: #666666;
562 .disabled a:hover {
563 color: #666666;
564 text-decoration: none;
567 tr.disabled td,
568 td.disabled {
569 background-color: #cccccc;
572 .nowrap {
573 white-space: nowrap;
577 * login form
579 body.loginform h1,
580 body.loginform a.logo {
581 display: block;
582 text-align: center;
585 body.loginform {
586 text-align: center;
589 body.loginform div.container {
590 text-align: <?php echo $left; ?>;
591 width: 30em;
592 margin: 0 auto;
595 form.login label {
596 float: <?php echo $left; ?>;
597 width: 10em;
598 font-weight: bolder;
601 .commented_column {
602 border-bottom: 1px dashed black;
605 .column_attribute {
606 font-size: 70%;
609 /******************************************************************************/
610 /* specific elements */
612 /* topmenu */
613 #topmenu, #topmenu2, #topmenu .submenu ul {
614 list-style: none;
615 padding: 0;
616 margin: 0.5em 0 0.5em 0;
617 border-top: 1px solid #000;
618 border-bottom: 1px solid #000;
619 background: #ccc;
620 white-space: nowrap;
622 #topmenu li, #topmenu2 li {
623 display: inline-block;
624 margin: 0;
625 padding: 0;
627 #topmenu li a, #topmenu2 li a {
628 display: inline-block;
629 margin: 0;
630 padding: 0.2em;
631 min-height: 16px; /* To match icons */
633 #topmenu li a:hover, #topmenu2 li a:hover {
634 background: #ddd;
635 text-decoration: none;
637 #topmenu a.warning {
638 background: #ccc;
639 color: #666;
641 a.tabactive {
642 font-weight: bolder;
643 background: #aaa;
645 ul#topmenu .submenu {
646 position: relative;
647 display: none;
649 ul#topmenu .shown {
650 display: inline-block;
652 #topmenu .submenu ul {
653 margin: 0;
654 padding: 0;
655 position: absolute;
656 <?php echo $right;?>: 0;
657 list-style-type: none;
658 display: none;
659 border: 1px #666 solid;
662 ul#topmenu li:hover ul, ul#topmenu .submenuhover ul {
663 display: block;
666 /* end topmenu */
669 /* Calendar */
670 table.calendar {
671 width: 100%;
673 table.calendar td {
674 text-align: center;
676 table.calendar td a {
677 display: block;
680 table.calendar td a:hover {
681 background-color: #CCFFCC;
684 table.calendar th {
685 background-color: #D3DCE3;
688 table.calendar td.selected {
689 background-color: #FFCC99;
692 img.calendar {
693 border: none;
695 form.clock {
696 text-align: center;
698 /* end Calendar */
701 /* table stats */
702 div#tablestatistics {
703 border-bottom: 0.1em solid #669999;
704 margin-bottom: 0.5em;
705 padding-bottom: 0.5em;
708 div#tablestatistics table {
709 float: <?php echo $left; ?>;
710 margin-bottom: 0.5em;
711 margin-<?php echo $right; ?>: 0.5em;
714 /* END table stats */
717 /* server privileges */
718 #tableuserrights td,
719 #tablespecificuserrights td,
720 #tabledatabases td {
721 vertical-align: middle;
723 /* END server privileges */
727 /* Heading */
728 #serverinfo {
729 font-weight: bold;
730 margin-bottom: 0.5em;
733 #serverinfo .item {
734 white-space: nowrap;
737 #span_table_comment {
738 font-weight: normal;
739 font-style: italic;
740 white-space: nowrap;
743 #serverinfo img {
744 margin: 0 0.1em 0 0.2em;
748 #textSQLDUMP {
749 width: 95%;
750 height: 95%;
751 font-family: "Courier New", Courier, mono;
752 font-size: 110%;
755 #TooltipContainer {
756 position: absolute;
757 z-index: 99;
758 width: 20em;
759 height: auto;
760 overflow: visible;
761 visibility: hidden;
762 background-color: #ffffcc;
763 color: #006600;
764 border: 0.1em solid #000000;
765 padding: 0.5em;
768 /* user privileges */
769 #fieldset_add_user_login div.item {
770 border-bottom: 1px solid silver;
771 padding-bottom: 0.3em;
772 margin-bottom: 0.3em;
775 #fieldset_add_user_login label {
776 float: <?php echo $left; ?>;
777 display: block;
778 width: 10em;
779 max-width: 100%;
780 text-align: <?php echo $right; ?>;
781 padding-<?php echo $right; ?>: 0.5em;
784 #fieldset_add_user_login span.options #select_pred_username,
785 #fieldset_add_user_login span.options #select_pred_hostname,
786 #fieldset_add_user_login span.options #select_pred_password {
787 width: 100%;
788 max-width: 100%;
791 #fieldset_add_user_login span.options {
792 float: <?php echo $left; ?>;
793 display: block;
794 width: 12em;
795 max-width: 100%;
796 padding-<?php echo $right; ?>: 0.5em;
799 #fieldset_add_user_login input {
800 width: 12em;
801 clear: <?php echo $right; ?>;
802 max-width: 100%;
805 #fieldset_add_user_login span.options input {
806 width: auto;
809 #fieldset_user_priv div.item {
810 float: <?php echo $left; ?>;
811 width: 9em;
812 max-width: 100%;
815 #fieldset_user_priv div.item div.item {
816 float: none;
819 #fieldset_user_priv div.item label {
820 white-space: nowrap;
823 #fieldset_user_priv div.item select {
824 width: 100%;
827 #fieldset_user_global_rights fieldset {
828 float: <?php echo $left; ?>;
830 /* END user privileges */
833 /* serverstatus */
834 div#serverstatus table caption a.top {
835 float: <?php echo $right; ?>;
838 div#serverstatus div#serverstatusqueriesdetails table,
839 div#serverstatus table#serverstatustraffic,
840 div#serverstatus table#serverstatusconnections {
841 float: <?php echo $left; ?>;
844 #serverstatussection,
845 .clearfloat {
846 clear: both;
848 div#serverstatussection table {
849 width: 100%;
850 margin-bottom: 1em;
852 div#serverstatussection table .name {
853 width: 18em;
855 div#serverstatussection table .value {
856 width: 6em;
859 div#serverstatus table tbody td.descr a,
860 div#serverstatus table .tblFooters a {
861 white-space: nowrap;
863 div#serverstatus div#statuslinks a:before,
864 div#serverstatus div#sectionlinks a:before,
865 div#serverstatus table tbody td.descr a:before,
866 div#serverstatus table .tblFooters a:before {
867 content: '[';
869 div#serverstatus div#statuslinks a:after,
870 div#serverstatus div#sectionlinks a:after,
871 div#serverstatus table tbody td.descr a:after,
872 div#serverstatus table .tblFooters a:after {
873 content: ']';
875 /* end serverstatus */
877 /* querywindow */
878 body#bodyquerywindow {
879 margin: 0;
880 padding: 0;
881 background-image: none;
882 background-color: #F5F5F5;
885 div#querywindowcontainer {
886 margin: 0;
887 padding: 0;
888 width: 100%;
891 div#querywindowcontainer fieldset {
892 margin-top: 0;
894 /* END querywindow */
897 /* querybox */
899 div#sqlquerycontainer {
900 float: <?php echo $left; ?>;
901 width: 69%;
902 /* height: 15em; */
905 div#tablefieldscontainer {
906 float: <?php echo $right; ?>;
907 width: 29%;
908 /* height: 15em; */
911 div#tablefieldscontainer select {
912 width: 100%;
913 /* height: 12em; */
916 textarea#sqlquery {
917 width: 100%;
918 /* height: 100%; */
920 textarea#sql_query_edit{
921 height:7em;
922 width: 95%;
923 display:block;
925 div#queryboxcontainer div#bookmarkoptions {
926 margin-top: 0.5em;
928 /* end querybox */
930 /* main page */
931 #maincontainer {
932 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>logo_right.png);
933 background-position: <?php echo $right; ?> bottom;
934 background-repeat: no-repeat;
937 #mysqlmaininformation,
938 #pmamaininformation {
939 float: <?php echo $left; ?>;
940 width: 49%;
943 #maincontainer ul {
944 list-style-type: disc;
945 vertical-align: middle;
948 #maincontainer li {
949 margin: 0.2em 0em;
951 /* END main page */
954 <?php if ($GLOBALS['cfg']['MainPageIconic']) { ?>
955 /* iconic view for ul items */
956 li#li_create_database {
957 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_newdb.png);
960 li#li_select_lang {
961 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_lang.png);
964 li#li_select_mysql_collation {
965 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
968 li#li_select_theme{
969 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_theme.png);
972 li#li_user_info{
973 /* list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png); */
976 li#li_mysql_status{
977 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_status.png);
980 li#li_mysql_variables{
981 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_vars.png);
984 li#li_mysql_processes{
985 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_process.png);
988 li#li_mysql_collations{
989 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
992 li#li_mysql_engines{
993 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_engine.png);
996 li#li_mysql_binlogs {
997 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_tbl.png);
1000 li#li_mysql_databases {
1001 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_db.png);
1004 li#li_export {
1005 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_export.png);
1008 li#li_import {
1009 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_import.png);
1012 li#li_change_password {
1013 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_passwd.png);
1016 li#li_log_out {
1017 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_loggoff.png);
1020 li#li_mysql_privilegs{
1021 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png);
1024 li#li_switch_dbstats {
1025 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_dbstatistics.png);
1028 li#li_flush_privileges {
1029 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_reload.png);
1032 li#li_user_preferences {
1033 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_tblops.png);
1035 /* END iconic view for ul items */
1036 <?php } /* end if $GLOBALS['cfg']['MainPageIconic'] */ ?>
1039 #body_browse_foreigners {
1040 background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1041 margin: 0.5em 0.5em 0 0.5em;
1044 #bodyquerywindow {
1045 background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1048 #bodythemes {
1049 width: 500px;
1050 margin: auto;
1051 text-align: center;
1054 #bodythemes img {
1055 border: 0.1em solid black;
1058 #bodythemes a:hover img {
1059 border: 0.1em solid red;
1062 #fieldset_select_fields {
1063 float: <?php echo $left; ?>;
1066 #selflink {
1067 clear: both;
1068 display: block;
1069 margin-top: 1em;
1070 margin-bottom: 1em;
1071 width: 100%;
1072 border-top: 0.1em solid silver;
1073 text-align: <?php echo $right; ?>;
1076 #table_innodb_bufferpool_usage,
1077 #table_innodb_bufferpool_activity {
1078 float: <?php echo $left; ?>;
1081 #div_mysql_charset_collations table {
1082 float: <?php echo $left; ?>;
1085 #div_table_order,
1086 #div_table_rename {
1087 min-width: 48%;
1088 float: <?php echo $left; ?>;
1091 #div_table_copy,
1092 #div_partition_maintenance,
1093 #div_referential_integrity,
1094 #div_table_removal,
1095 #div_table_maintenance {
1096 min-width: 48%;
1097 float: <?php echo $left; ?>;
1100 #div_table_options {
1101 clear: both;
1102 min-width: 48%;
1103 float: <?php echo $left; ?>;
1106 #qbe_div_table_list {
1107 float: <?php echo $left; ?>;
1110 #qbe_div_sql_query {
1111 float: <?php echo $left; ?>;
1114 label.desc {
1115 width: 30em;
1116 float: <?php echo $left; ?>;
1119 label.desc sup {
1120 position: absolute;
1123 code.sql, div.sqlvalidate {
1124 margin: 0.3em 0 0 0;
1125 border: 2px solid;
1126 padding: 0.5em;
1127 -moz-border-radius: 0.5em;
1128 border-radius: 0.5em;
1129 display: block;
1130 margin-top: 0.2em;
1131 margin-bottom: 0;
1132 max-height: 10em;
1133 overflow: auto;
1134 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1137 #main_pane_left {
1138 width: 50%;
1139 float: <?php echo $left; ?>;
1140 padding-top: 1em;
1143 #main_pane_right {
1144 margin-<?php echo $left; ?>: 50%;
1145 padding-top: 1em;
1146 padding-<?php echo $left; ?>: 1em;
1149 .group {
1150 border: 2px solid #000;
1151 margin-bottom: 1em;
1152 padding: 0 0 0.5em 0;
1153 -moz-border-radius: 0.5em;
1154 border-radius: 0.5em;
1157 .group h2 {
1158 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
1159 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
1160 padding: 0.1em 0.3em;
1161 margin-top: 0;
1162 border-bottom: 1px solid #000;
1165 .group-cnt {
1166 padding: 0 0 0 0.5em;
1167 display: inline-block;
1168 width: 98%;
1171 /* for elements that should be revealed only via js */
1172 .hide {
1173 display: none;
1176 #li_select_server {
1177 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_host.png);
1180 #list_server {
1181 list-style-image: none;
1185 * Progress bar styles
1187 div.upload_progress_bar_outer
1189 border: 1px solid black;
1190 width: 202px;
1193 div.upload_progress_bar_inner
1195 background-color: <?php echo (isset($_SESSION['userconf']['custom_color']) ? $_SESSION['userconf']['custom_color'] : $GLOBALS['cfg']['NaviBackground']); ?>;
1196 width: 0px;
1197 height: 12px;
1198 margin: 1px;
1201 table#serverconnection_src_remote,
1202 table#serverconnection_trg_remote,
1203 table#serverconnection_src_local,
1204 table#serverconnection_trg_local {
1205 float:left;
1208 * Validation error message styles
1210 .invalid_value
1211 {background:#F00;}
1214 * Ajax notification styling
1216 .ajax_notification {
1217 top: 0px; /** The notification needs to be shown on the top of the page */
1218 position: fixed;
1219 margin-top: 0;
1220 margin-right: auto;
1221 margin-bottom: 0;
1222 margin-left: auto;
1223 padding: 3px 5px; /** Keep a little space on the sides of the text */
1224 min-width: 70px;
1225 max-width: 350px; /** This value might have to be changed */
1226 background-color: #FFD700;
1227 z-index: 1100; /** If this is not kept at a high z-index, the jQueryUI modal dialogs (z-index:1000) might hide this */
1228 text-align: center;
1229 display: block;
1230 left: 0;
1231 right: 0;
1232 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>ajax_clock_small.gif);
1233 background-repeat: no-repeat;
1234 background-position: 2%;
1237 #loading_parent {
1238 /** Need this parent to properly center the notification division */
1239 position: relative;
1240 width: 100%;
1243 * Export and Import styles
1246 .exportoptions h3, .importoptions h3 {
1247 border-bottom: 1px #999999 solid;
1248 font-size: 110%;
1251 .exportoptions ul, .importoptions ul, .format_specific_options ul {
1252 list-style-type: none;
1253 margin-bottom: 15px;
1256 .exportoptions li, .importoptions li {
1257 margin: 7px;
1259 .exportoptions label, .importoptions label, .exportoptions p, .importoptions p {
1260 margin: 5px;
1261 float: none;
1264 #csv_options label.desc, #ldi_options label.desc, #latex_options label.desc, #output label.desc{
1265 float: left;
1266 width: 15em;
1269 .exportoptions, .importoptions {
1270 margin: 20px 30px 30px 10px
1273 .exportoptions #buttonGo, .importoptions #buttonGo {
1274 padding: 5px 30px;
1275 -moz-border-radius: 11px;
1276 -webkit-border-radius: 11px;
1277 border-radius: 11px;
1278 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
1279 background: -moz-linear-gradient(top, #ffffff, #cccccc);
1280 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
1281 border: 1px solid #444444;
1282 cursor: pointer;
1285 .format_specific_options h3 {
1286 margin: 10px 0px 0px 10px;
1287 border: 0px;
1290 .format_specific_options {
1291 border: 1px solid #999999;
1292 margin: 7px 0px;
1293 padding: 3px;
1296 p.desc {
1297 margin: 5px;
1301 * Export styles only
1303 select#db_select, select#table_select {
1304 width: 400px;
1307 .export_sub_options {
1308 margin: 20px 0px 0px 30px;
1311 .export_sub_options h4 {
1312 border-bottom: 1px #999999 solid;
1315 .export_sub_options li.subgroup {
1316 display: inline-block;
1317 margin-top: 0;
1320 .export_sub_options li {
1321 margin-bottom: 0;
1324 #quick_or_custom, #output_quick_export {
1325 display: none;
1328 * Import styles only
1331 .importoptions #import_notification {
1332 margin: 10px 0px;
1333 font-style: italic;
1336 input#input_import_file {
1337 margin: 5px;
1340 .formelementrow {
1341 margin: 5px 0px 5px 0px;
1345 * ENUM/SET editor styles
1347 p.enum_notice {
1348 margin: 5px 2px;
1349 font-size: 80%;
1352 #enum_editor {
1353 display: none;
1354 position: fixed;
1355 _position: absolute; /* hack for IE */
1356 z-index: 101;
1357 overflow-y: auto;
1358 overflow-x: hidden;
1361 #enum_editor_no_js {
1362 margin: auto auto;
1365 #enum_editor, #enum_editor_no_js {
1366 background: #D0DCE0;
1367 padding: 15px;
1370 #popup_background {
1371 display: none;
1372 position: fixed;
1373 _position: absolute; /* hack for IE6 */
1374 width: 100%;
1375 height: 100%;
1376 top: 0;
1377 left: 0;
1378 background: #000;
1379 z-index: 100;
1380 overflow: hidden;
1383 a.close_enum_editor {
1384 float: right;
1387 #enum_editor #values, #enum_editor_no_js #values {
1388 margin: 15px 0px;
1389 width: 100%;
1392 #enum_editor #values input, #enum_editor_no_js #values input {
1393 margin: 5px 0px;
1394 float: top;
1395 width: 100%;
1398 #enum_editor_output {
1399 margin-top: 50px;
1403 * Table structure styles
1405 .structure_actions_dropdown {
1406 position: absolute;
1407 padding: 0;
1408 display: none;
1409 z-index: 100;
1410 border-collapse:collapse;
1411 border: 1px solid #000;
1412 padding: 0.2em;
1415 .structure_actions_dropdown a {
1416 display: block;
1419 .structure_actions_dropdown div {
1420 margin: 0;
1421 padding: 0;
1424 td.more_opts {
1425 display: none;
1426 white-space: nowrap;
1429 iframe.IE_hack {
1430 z-index: 1;
1431 position: absolute;
1432 display: none;
1433 border: 0;
1434 filter: alpha(opacity=0);
1437 /* config forms */
1438 .config-form ul.tabs {
1439 margin: 1.1em 0.2em 0;
1440 padding: 0 0 0.3em 0;
1441 list-style: none;
1442 font-weight: bold;
1445 .config-form ul.tabs li {
1446 float: <?php echo $left; ?>;
1449 .config-form ul.tabs li a {
1450 display: block;
1451 margin: 0.1em 0.2em 0;
1452 padding: 0.1em 0.4em;
1453 white-space: nowrap;
1454 text-decoration: none;
1455 border: 1px solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1456 border-bottom: none;
1459 .config-form ul.tabs li a:hover,
1460 .config-form ul.tabs li a:active,
1461 .config-form ul.tabs li a.active {
1462 margin: 0;
1463 padding: 0.1em 0.6em 0.2em;
1466 .config-form ul.tabs li a.active {
1467 background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1470 .config-form fieldset {
1471 margin-top: 0;
1472 padding: 0;
1473 clear: both;
1474 /*border-color: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;*/
1477 .config-form legend {
1478 display: none;
1481 .config-form fieldset p {
1482 margin: 0;
1483 padding: 0.5em;
1484 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1487 .config-form fieldset .errors { /* form error list */
1488 margin: 0 -2px 1em -2px;
1489 padding: 0.5em 1.5em;
1490 background: #FBEAD9;
1491 border: 0 #C83838 solid;
1492 border-width: 1px 0;
1493 list-style: none;
1494 font-family: sans-serif;
1495 font-size: small;
1498 .config-form fieldset .inline_errors { /* field error list */
1499 margin: 0.3em 0.3em 0.3em 0;
1500 padding: 0;
1501 list-style: none;
1502 color: #9A0000;
1503 font-size: small;
1506 .config-form fieldset th {
1507 padding: 0.3em 0.3em 0.3em 0.5em;
1508 text-align: left;
1509 vertical-align: top;
1510 width: 40%;
1511 background: transparent;
1514 .config-form fieldset .doc, .config-form fieldset .disabled-notice {
1515 margin-left: 1em;
1518 .config-form fieldset .disabled-notice {
1519 font-size: 80%;
1520 text-transform: uppercase;
1521 color: #E00;
1522 cursor: help;
1525 .config-form fieldset td {
1526 padding-top: 0.3em;
1527 padding-bottom: 0.3em;
1528 vertical-align: top;
1531 .config-form fieldset th small {
1532 display: block;
1533 font-weight: normal;
1534 font-family: sans-serif;
1535 font-size: x-small;
1536 color: #444;
1539 .config-form fieldset th, .config-form fieldset td {
1540 border-top: 1px <?php echo $GLOBALS['cfg']['BgTwo']; ?> solid;
1543 fieldset .group-header th {
1544 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1547 fieldset .group-header + tr th {
1548 padding-top: 0.6em;
1551 fieldset .group-field-1 th, fieldset .group-header-2 th {
1552 padding-left: 1.5em;
1555 fieldset .group-field-2 th, fieldset .group-header-3 th {
1556 padding-left: 3em;
1559 fieldset .group-field-3 th {
1560 padding-left: 4.5em;
1563 fieldset .disabled-field th,
1564 fieldset .disabled-field th small,
1565 fieldset .disabled-field td {
1566 color: #666;
1567 background-color: #ddd;
1570 .config-form .lastrow {
1571 border-top: 1px #000 solid;
1574 .config-form .lastrow {
1575 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;;
1576 padding: 0.5em;
1577 text-align: center;
1580 .config-form .lastrow input {
1581 font-weight: bold;
1584 /* form elements */
1586 .config-form span.checkbox {
1587 padding: 2px;
1588 display: inline-block;
1591 .config-form .custom { /* customized field */
1592 background: #FFC;
1595 .config-form span.checkbox.custom {
1596 padding: 1px;
1597 border: 1px #EDEC90 solid;
1598 background: #FFC;
1601 .config-form .field-error {
1602 border-color: #A11 !important;
1605 .config-form input[type="text"],
1606 .config-form select,
1607 .config-form textarea {
1608 border: 1px #A7A6AA solid;
1609 height: auto;
1612 .config-form input[type="text"]:focus,
1613 .config-form select:focus,
1614 .config-form textarea:focus {
1615 border: 1px #6676FF solid;
1616 background: #F7FBFF;
1619 .config-form .field-comment-mark {
1620 font-family: serif;
1621 color: #007;
1622 cursor: help;
1623 padding: 0 0.2em;
1624 font-weight: bold;
1625 font-style: italic;
1628 .config-form .field-comment-warning {
1629 color: #A00;
1632 /* error list */
1633 .config-form dd {
1634 margin-left: 0.5em;
1637 .config-form dd:before {
1638 content: "\25B8 ";
1641 .click-hide-message {
1642 cursor: pointer;
1645 .prefsmanage_opts {
1646 margin-<?php echo $left; ?>: 2em;
1649 #prefs_autoload {
1650 margin-bottom: 0.5em;