User preferences:
[phpmyadmin.git] / themes / original / css / theme_right.css.php
blob745d11ff9c953e63be179bb0cacf456814e937b5
1 <?php
2 /* vim: set expandtab sw=4 ts=4 sts=4: */
3 /**
4 * main css file from theme Original
6 * @version $Id$
7 * @package phpMyAdmin-theme
8 * @subpackage Original
9 */
11 // unplanned execution path
12 if (!defined('PMA_MINIMUM_COMMON')) {
13 exit();
16 /******************************************************************************/
17 /* general tags */
18 html {
19 font-size: <?php echo (null !== $GLOBALS['PMA_Config']->get('fontsize') ? $GLOBALS['PMA_Config']->get('fontsize') : (
20 isset($_COOKIE['pma_fontsize']) ? $_COOKIE['pma_fontsize'] : '84%'));?>;
23 input, select, textarea {
24 font-size: 1em;
27 body {
28 <?php if (! empty($GLOBALS['cfg']['FontFamily'])) { ?>
29 font-family: <?php echo $GLOBALS['cfg']['FontFamily']; ?>;
30 <?php } ?>
31 padding: 0;
32 margin: 0.5em;
33 color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
34 background: <?php echo (isset($_SESSION['tmp_user_values']['custom_color']) ? $_SESSION['tmp_user_values']['custom_color'] : $GLOBALS['cfg']['MainBackground']); ?>;
37 <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
38 textarea, tt, pre, code {
39 font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
41 <?php } ?>
42 h1 {
43 font-size: 140%;
44 font-weight: bold;
47 h2 {
48 font-size: 120%;
49 font-weight: bold;
52 h3 {
53 font-weight: bold;
56 a:link,
57 a:visited,
58 a:active {
59 text-decoration: none;
60 color: #0000FF;
63 a:hover {
64 text-decoration: underline;
65 color: #FF0000;
68 dfn {
69 font-style: normal;
72 dfn:hover {
73 font-style: normal;
74 cursor: help;
77 th {
78 font-weight: bold;
79 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
80 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
83 a img {
84 border: 0;
87 hr {
88 color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
89 background-color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
90 border: 0;
91 height: 1px;
94 form {
95 padding: 0;
96 margin: 0;
97 display: inline;
100 textarea {
101 overflow: visible;
102 height: <?php echo ceil($GLOBALS['cfg']['TextareaRows'] * 1.2); ?>em;
105 fieldset {
106 margin-top: 1em;
107 border: <?php echo $GLOBALS['cfg']['MainColor']; ?> solid 1px;
108 padding: 0.5em;
109 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
112 fieldset fieldset {
113 margin: 0.8em;
116 fieldset legend {
117 font-weight: bold;
118 color: #444444;
119 background-color: <?php echo 'OPERA' != PMA_USR_BROWSER_AGENT ? 'transparent' : $GLOBALS['cfg']['BgOne']; ?>;
122 /* buttons in some browsers (eg. Konqueror) are block elements,
123 this breaks design */
124 button {
125 display: inline;
128 table caption,
129 table th,
130 table td {
131 padding: 0.1em 0.5em 0.1em 0.5em;
132 margin: 0.1em;
133 vertical-align: top;
136 img,
137 input,
138 select,
139 button {
140 vertical-align: middle;
144 /******************************************************************************/
145 /* classes */
146 div.tools {
147 border: 1px solid #000000;
148 padding: 0.2em;
151 div.tools,
152 fieldset.tblFooters {
153 margin-top: 0;
154 margin-bottom: 0.5em;
155 /* avoid a thick line since this should be used under another fieldset */
156 border-top: 0;
157 text-align: <?php echo $right; ?>;
158 float: none;
159 clear: both;
162 fieldset .formelement {
163 float: <?php echo $left; ?>;
164 margin-<?php echo $right; ?>: 0.5em;
165 /* IE */
166 white-space: nowrap;
169 /* revert for Gecko */
170 fieldset div[class=formelement] {
171 white-space: normal;
174 button.mult_submit {
175 border: none;
176 background-color: transparent;
179 /* odd items 1,3,5,7,... */
180 table tr.odd th,
181 .odd {
182 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
185 /* even items 2,4,6,8,... */
186 table tr.even th,
187 .even {
188 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
191 /* odd table rows 1,3,5,7,... */
192 table tr.odd th,
193 table tr.odd,
194 table tr.even th,
195 table tr.even {
196 text-align: <?php echo $left; ?>;
199 <?php if ($GLOBALS['cfg']['BrowseMarkerEnable']) { ?>
200 /* marked table rows */
201 table tr.marked th,
202 table tr.marked {
203 background: <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
204 color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
206 <?php } ?>
208 <?php if ($GLOBALS['cfg']['BrowsePointerEnable']) { ?>
209 /* hovered items */
210 .odd:hover,
211 .even:hover,
212 .hover {
213 background: <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>;
214 color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
217 /* hovered table rows */
218 table tr.odd:hover th,
219 table tr.even:hover th,
220 table tr.hover th {
221 background: <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>;
222 color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
224 <?php } ?>
227 * marks table rows/cells if the db field is in a where condition
229 tr.condition th,
230 tr.condition td,
231 td.condition,
232 th.condition {
233 border: 1px solid <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
236 table .value {
237 text-align: <?php echo $right; ?>;
238 white-space: normal;
240 /* IE doesnt handles 'pre' right */
241 table [class=value] {
242 white-space: normal;
246 <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
247 .value {
248 font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
250 <?php } ?>
251 .value .attention {
252 color: red;
253 font-weight: bold;
255 .value .allfine {
256 color: green;
260 img.lightbulb {
261 cursor: pointer;
264 .pdflayout {
265 overflow: hidden;
266 clip: inherit;
267 background-color: #FFFFFF;
268 display: none;
269 border: 1px solid #000000;
270 position: relative;
273 .pdflayout_table {
274 background: #D3DCE3;
275 color: #000000;
276 overflow: hidden;
277 clip: inherit;
278 z-index: 2;
279 display: inline;
280 visibility: inherit;
281 cursor: move;
282 position: absolute;
283 font-size: 80%;
284 border: 1px dashed #000000;
287 /* MySQL Parser */
288 .syntax {
289 font-size: 80%;
292 .syntax a {
293 text-decoration: none;
294 border-bottom:1px dotted black;
297 .syntax_comment {
298 padding-left: 4pt;
299 padding-right: 4pt;
302 .syntax_digit {
305 .syntax_digit_hex {
308 .syntax_digit_integer {
311 .syntax_digit_float {
314 .syntax_punct {
317 .syntax_alpha {
320 .syntax_alpha_columnType {
321 text-transform: uppercase;
324 .syntax_alpha_columnAttrib {
325 text-transform: uppercase;
328 .syntax_alpha_reservedWord {
329 text-transform: uppercase;
330 font-weight: bold;
333 .syntax_alpha_functionName {
334 text-transform: uppercase;
337 .syntax_alpha_identifier {
340 .syntax_alpha_charset {
343 .syntax_alpha_variable {
346 .syntax_quote {
347 white-space: pre;
350 .syntax_quote_backtick {
353 /* leave some space between icons and text */
354 .icon {
355 vertical-align: middle;
356 margin-right: 0.3em;
357 margin-left: 0.3em;
359 /* no extra space in table cells */
360 td .icon {
361 margin: 0;
364 .selectallarrow {
365 margin-<?php echo $right; ?>: 0.3em;
366 margin-<?php echo $left; ?>: 0.6em;
369 /* message boxes: warning, error, confirmation */
370 .success h1,
371 .notice h1,
372 .warning h1,
373 div.error h1 {
374 border-bottom: 2px solid;
375 font-weight: bold;
376 text-align: <?php echo $left; ?>;
377 margin: 0 0 0.2em 0;
380 div.success,
381 div.notice,
382 div.warning,
383 div.error {
384 margin: 0.3em 0 0 0;
385 border: 2px solid;
386 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
387 background-repeat: no-repeat;
388 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
389 background-position: 10px 50%;
390 padding: 0.1em 0.1em 0.1em 36px;
391 <?php } else { ?>
392 background-position: 99% 50%;
393 padding: 10px 5% 10px 10px;
394 <?php } ?>
395 <?php } else { ?>
396 padding: 0.3em;
397 <?php } ?>
400 .success {
401 color: #000000;
402 background-color: #f0fff0;
404 h1.success,
405 div.success {
406 border-color: #00FF00;
407 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
408 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_success.png);
409 <?php } ?>
411 .success h1 {
412 border-color: #00FF00;
415 .notice {
416 color: #000000;
417 background-color: #FFFFDD;
419 h1.notice,
420 div.notice {
421 border-color: #FFD700;
422 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
423 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_notice.png);
424 <?php } ?>
426 .notice h1 {
427 border-color: #FFD700;
430 .warning {
431 color: #CC0000;
432 background-color: #FFFFCC;
434 p.warning,
435 h1.warning,
436 div.warning {
437 border-color: #CC0000;
438 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
439 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_warn.png);
440 <?php } ?>
442 .warning h1 {
443 border-color: #cc0000;
446 .error {
447 background-color: #FFFFCC;
448 color: #ff0000;
451 h1.error,
452 div.error {
453 border-color: #ff0000;
454 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
455 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_error.png);
456 <?php } ?>
458 div.error h1 {
459 border-color: #ff0000;
462 .confirmation {
463 background-color: #FFFFCC;
465 fieldset.confirmation {
466 border: 0.1em solid #FF0000;
468 fieldset.confirmation legend {
469 border-left: 0.1em solid #FF0000;
470 border-right: 0.1em solid #FF0000;
471 font-weight: bold;
472 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
473 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_really.png);
474 background-repeat: no-repeat;
475 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
476 background-position: 5px 50%;
477 padding: 0.2em 0.2em 0.2em 25px;
478 <?php } else { ?>
479 background-position: 97% 50%;
480 padding: 0.2em 25px 0.2em 0.2em;
481 <?php } ?>
482 <?php } ?>
484 /* end messageboxes */
487 .tblcomment {
488 font-size: 70%;
489 font-weight: normal;
490 color: #000099;
493 .tblHeaders {
494 font-weight: bold;
495 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
496 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
499 div.tools,
500 .tblFooters {
501 font-weight: normal;
502 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
503 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
506 .tblHeaders a:link,
507 .tblHeaders a:active,
508 .tblHeaders a:visited,
509 div.tools a:link,
510 div.tools a:visited,
511 div.tools a:active,
512 .tblFooters a:link,
513 .tblFooters a:active,
514 .tblFooters a:visited {
515 color: #0000FF;
518 .tblHeaders a:hover,
519 div.tools a:hover,
520 .tblFooters a:hover {
521 color: #FF0000;
524 /* forbidden, no privilegs */
525 .noPrivileges {
526 color: #FF0000;
527 font-weight: bold;
530 /* disabled text */
531 .disabled,
532 .disabled a:link,
533 .disabled a:active,
534 .disabled a:visited {
535 color: #666666;
538 .disabled a:hover {
539 color: #666666;
540 text-decoration: none;
543 tr.disabled td,
544 td.disabled {
545 background-color: #cccccc;
549 * login form
551 body.loginform h1,
552 body.loginform a.logo {
553 display: block;
554 text-align: center;
557 body.loginform {
558 text-align: center;
561 body.loginform div.container {
562 text-align: <?php echo $left; ?>;
563 width: 30em;
564 margin: 0 auto;
567 form.login label {
568 float: <?php echo $left; ?>;
569 width: 10em;
570 font-weight: bolder;
573 .commented_column {
574 border-bottom: 1px dashed black;
577 .column_attribute {
578 font-size: 70%;
581 /******************************************************************************/
582 /* specific elements */
584 /* topmenu */
585 ul#topmenu, ul.tabs {
586 font-weight: bold;
587 list-style-type: none;
588 margin: 0;
589 padding: 0;
592 ul#topmenu li {
593 float: <?php echo $left; ?>;
594 margin: 0;
595 padding: 0;
596 vertical-align: middle;
599 #topmenu img {
600 vertical-align: middle;
601 margin-<?php echo $right; ?>: 0.1em;
604 /* default tab styles */
605 .tab, .tabcaution, .tabactive {
606 display: block;
607 margin: 0.2em 0.2em 0 0.2em;
608 padding: 0.2em 0.2em 0 0.2em;
609 white-space: nowrap;
612 /* disabled tabs */
613 span.tab {
614 color: #666666;
617 /* disabled drop/empty tabs */
618 span.tabcaution {
619 color: #ff6666;
622 /* enabled drop/empty tabs */
623 a.tabcaution {
624 color: #FF0000;
626 a.tabcaution:hover {
627 color: #FFFFFF;
628 background-color: #FF0000;
631 <?php if ($GLOBALS['cfg']['LightTabs']) { ?>
632 /* active tab */
633 a.tabactive {
634 color: black;
636 <?php } else { ?>
637 #topmenu {
638 margin-top: 0.5em;
639 padding: 0.1em 0.3em 0.1em 0.3em;
642 ul#topmenu li {
643 border-bottom: 1pt solid black;
646 /* default tab styles */
647 .tab, .tabcaution, .tabactive {
648 background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
649 border: 1pt solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
650 border-bottom: 0;
651 -moz-border-radius: 0.4em 0.4em 0 0;
652 border-radius: 0.4em 0.4em 0 0;
655 /* enabled hover/active tabs */
656 a.tab:hover,
657 a.tabcaution:hover,
658 .tabactive,
659 .tabactive:hover {
660 margin: 0;
661 padding: 0.2em 0.4em 0.2em 0.4em;
662 text-decoration: none;
665 a.tab:hover,
666 .tabactive {
667 background-color: <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
670 /* to be able to cancel the bottom border, use <li class="active"> */
671 ul#topmenu li.active {
672 border-bottom: 1pt solid <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
675 /* disabled drop/empty tabs */
676 span.tab,
677 a.warning,
678 span.tabcaution {
679 cursor: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>error.ico), default;
681 <?php } ?>
682 /* end topmenu */
685 /* Calendar */
686 table.calendar {
687 width: 100%;
689 table.calendar td {
690 text-align: center;
692 table.calendar td a {
693 display: block;
696 table.calendar td a:hover {
697 background-color: #CCFFCC;
700 table.calendar th {
701 background-color: #D3DCE3;
704 table.calendar td.selected {
705 background-color: #FFCC99;
708 img.calendar {
709 border: none;
711 form.clock {
712 text-align: center;
714 /* end Calendar */
717 /* table stats */
718 div#tablestatistics {
719 border-bottom: 0.1em solid #669999;
720 margin-bottom: 0.5em;
721 padding-bottom: 0.5em;
724 div#tablestatistics table {
725 float: <?php echo $left; ?>;
726 margin-bottom: 0.5em;
727 margin-<?php echo $right; ?>: 0.5em;
730 div#tablestatistics table caption {
731 margin-<?php echo $right; ?>: 0.5em;
733 /* END table stats */
736 /* server privileges */
737 #tableuserrights td,
738 #tablespecificuserrights td,
739 #tabledatabases td {
740 vertical-align: middle;
742 /* END server privileges */
746 /* Heading */
747 #serverinfo {
748 font-weight: bold;
749 margin-bottom: 0.5em;
752 #serverinfo .item {
753 white-space: nowrap;
756 #span_table_comment {
757 font-weight: normal;
758 font-style: italic;
759 white-space: nowrap;
762 #serverinfo img {
763 margin: 0 0.1em 0 0.2em;
767 #textSQLDUMP {
768 width: 95%;
769 height: 95%;
770 font-family: "Courier New", Courier, mono;
771 font-size: 110%;
774 #TooltipContainer {
775 position: absolute;
776 z-index: 99;
777 width: 20em;
778 height: auto;
779 overflow: visible;
780 visibility: hidden;
781 background-color: #ffffcc;
782 color: #006600;
783 border: 0.1em solid #000000;
784 padding: 0.5em;
787 /* user privileges */
788 #fieldset_add_user_login div.item {
789 border-bottom: 1px solid silver;
790 padding-bottom: 0.3em;
791 margin-bottom: 0.3em;
794 #fieldset_add_user_login label {
795 float: <?php echo $left; ?>;
796 display: block;
797 width: 10em;
798 max-width: 100%;
799 text-align: <?php echo $right; ?>;
800 padding-<?php echo $right; ?>: 0.5em;
803 #fieldset_add_user_login span.options #select_pred_username,
804 #fieldset_add_user_login span.options #select_pred_hostname,
805 #fieldset_add_user_login span.options #select_pred_password {
806 width: 100%;
807 max-width: 100%;
810 #fieldset_add_user_login span.options {
811 float: <?php echo $left; ?>;
812 display: block;
813 width: 12em;
814 max-width: 100%;
815 padding-<?php echo $right; ?>: 0.5em;
818 #fieldset_add_user_login input {
819 width: 12em;
820 clear: <?php echo $right; ?>;
821 max-width: 100%;
824 #fieldset_add_user_login span.options input {
825 width: auto;
828 #fieldset_user_priv div.item {
829 float: <?php echo $left; ?>;
830 width: 9em;
831 max-width: 100%;
834 #fieldset_user_priv div.item div.item {
835 float: none;
838 #fieldset_user_priv div.item label {
839 white-space: nowrap;
842 #fieldset_user_priv div.item select {
843 width: 100%;
846 #fieldset_user_global_rights fieldset {
847 float: <?php echo $left; ?>;
849 /* END user privileges */
852 /* serverstatus */
853 div#serverstatus table caption a.top {
854 float: <?php echo $right; ?>;
857 div#serverstatus div#serverstatusqueriesdetails table,
858 div#serverstatus table#serverstatustraffic,
859 div#serverstatus table#serverstatusconnections {
860 float: <?php echo $left; ?>;
863 #serverstatussection,
864 .clearfloat {
865 clear: both;
867 div#serverstatussection table {
868 width: 100%;
869 margin-bottom: 1em;
871 div#serverstatussection table .name {
872 width: 18em;
874 div#serverstatussection table .value {
875 width: 6em;
878 div#serverstatus table tbody td.descr a,
879 div#serverstatus table .tblFooters a {
880 white-space: nowrap;
882 div#serverstatus div#statuslinks a:before,
883 div#serverstatus div#sectionlinks a:before,
884 div#serverstatus table tbody td.descr a:before,
885 div#serverstatus table .tblFooters a:before {
886 content: '[';
888 div#serverstatus div#statuslinks a:after,
889 div#serverstatus div#sectionlinks a:after,
890 div#serverstatus table tbody td.descr a:after,
891 div#serverstatus table .tblFooters a:after {
892 content: ']';
894 /* end serverstatus */
896 /* querywindow */
897 body#bodyquerywindow {
898 margin: 0;
899 padding: 0;
900 background-image: none;
901 background-color: #F5F5F5;
904 div#querywindowcontainer {
905 margin: 0;
906 padding: 0;
907 width: 100%;
910 div#querywindowcontainer fieldset {
911 margin-top: 0;
913 /* END querywindow */
916 /* querybox */
918 div#sqlquerycontainer {
919 float: <?php echo $left; ?>;
920 width: 69%;
921 /* height: 15em; */
924 div#tablefieldscontainer {
925 float: <?php echo $right; ?>;
926 width: 29%;
927 /* height: 15em; */
930 div#tablefieldscontainer select {
931 width: 100%;
932 /* height: 12em; */
935 textarea#sqlquery {
936 width: 100%;
937 /* height: 100%; */
939 textarea#sql_query_edit{
940 height:7em;
941 width: 95%;
942 display:block;
944 div#queryboxcontainer div#bookmarkoptions {
945 margin-top: 0.5em;
947 /* end querybox */
949 /* main page */
950 #maincontainer {
951 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>logo_right.png);
952 background-position: <?php echo $right; ?> bottom;
953 background-repeat: no-repeat;
956 #mysqlmaininformation,
957 #pmamaininformation {
958 float: <?php echo $left; ?>;
959 width: 49%;
962 #maincontainer ul {
963 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>item_<?php echo $GLOBALS['text_dir']; ?>.png);
964 vertical-align: middle;
967 #maincontainer li {
968 margin-bottom: 0.3em;
970 /* END main page */
973 <?php if ($GLOBALS['cfg']['MainPageIconic']) { ?>
974 /* iconic view for ul items */
975 li#li_create_database {
976 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_newdb.png);
979 li#li_select_lang {
980 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_lang.png);
983 li#li_select_mysql_collation,
984 li#li_select_mysql_charset {
985 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
988 li#li_select_theme{
989 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_theme.png);
992 li#li_server_info,
993 li#li_server_version{
994 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_host.png);
997 li#li_user_info{
998 /* list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png); */
1001 li#li_mysql_status{
1002 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_status.png);
1005 li#li_mysql_variables{
1006 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_vars.png);
1009 li#li_mysql_processes{
1010 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_process.png);
1013 li#li_mysql_collations{
1014 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
1017 li#li_mysql_engines{
1018 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_engine.png);
1021 li#li_mysql_binlogs {
1022 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_tbl.png);
1025 li#li_mysql_databases {
1026 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_db.png);
1029 li#li_export {
1030 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_export.png);
1033 li#li_import {
1034 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_import.png);
1037 li#li_change_password {
1038 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_passwd.png);
1041 li#li_log_out {
1042 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_loggoff.png);
1045 li#li_pma_docs,
1046 li#li_pma_wiki {
1047 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_docs.png);
1050 li#li_phpinfo {
1051 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>php_sym.png);
1054 li#li_pma_homepage {
1055 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_home.png);
1058 li#li_mysql_privilegs{
1059 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png);
1062 li#li_switch_dbstats {
1063 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_dbstatistics.png);
1066 li#li_flush_privileges {
1067 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_reload.png);
1070 li#li_user_preferences {
1071 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_tblops.png);
1073 /* END iconic view for ul items */
1074 <?php } /* end if $GLOBALS['cfg']['MainPageIconic'] */ ?>
1077 #body_browse_foreigners {
1078 background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1079 margin: 0.5em 0.5em 0 0.5em;
1082 #bodyquerywindow {
1083 background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1086 #bodythemes {
1087 width: 500px;
1088 margin: auto;
1089 text-align: center;
1092 #bodythemes img {
1093 border: 0.1em solid black;
1096 #bodythemes a:hover img {
1097 border: 0.1em solid red;
1100 #fieldset_select_fields {
1101 float: <?php echo $left; ?>;
1104 #selflink {
1105 clear: both;
1106 display: block;
1107 margin-top: 1em;
1108 margin-bottom: 1em;
1109 width: 100%;
1110 border-top: 0.1em solid silver;
1111 text-align: <?php echo $right; ?>;
1114 #table_innodb_bufferpool_usage,
1115 #table_innodb_bufferpool_activity {
1116 float: <?php echo $left; ?>;
1119 #div_mysql_charset_collations table {
1120 float: <?php echo $left; ?>;
1123 #div_table_order {
1124 min-width: 48%;
1125 float: <?php echo $left; ?>;
1128 #div_table_rename {
1129 min-width: 48%;
1130 float: <?php echo $left; ?>;
1133 #div_table_copy,
1134 #div_partition_maintenance,
1135 #div_referential_integrity,
1136 #div_table_maintenance {
1137 min-width: 48%;
1138 float: <?php echo $left; ?>;
1141 #div_table_options {
1142 clear: both;
1143 min-width: 48%;
1144 float: <?php echo $left; ?>;
1147 #qbe_div_table_list {
1148 float: <?php echo $left; ?>;
1151 #qbe_div_sql_query {
1152 float: <?php echo $left; ?>;
1155 label.desc {
1156 width: 30em;
1157 float: <?php echo $left; ?>;
1160 code.sql {
1161 display: block;
1162 padding: 0.3em;
1163 margin-top: 0;
1164 margin-bottom: 0;
1165 border: <?php echo $GLOBALS['cfg']['MainColor']; ?> solid 1px;
1166 border-top: 0;
1167 border-bottom: 0;
1168 max-height: 10em;
1169 overflow: auto;
1170 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1173 #main_pane_left {
1174 width: 60%;
1175 float: <?php echo $left; ?>;
1176 padding-top: 1em;
1179 #main_pane_right {
1180 margin-<?php echo $left; ?>: 60%;
1181 padding-top: 1em;
1182 padding-<?php echo $left; ?>: 1em;
1185 .group {
1186 border-<?php echo $left; ?>: 0.3em solid <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
1187 margin-bottom: 1em;
1190 .group h2 {
1191 background-color: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
1192 padding: 0.1em 0.3em;
1193 margin-top: 0;
1196 /* for elements that should be revealed only via js */
1197 .hide {
1198 display: none;
1201 #li_select_server {
1202 padding-bottom: 0.3em;
1203 border-bottom: 0.3em solid <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
1204 margin-bottom: 0.3em;
1208 * Progress bar styles
1210 div.upload_progress_bar_outer
1212 border: 1px solid black;
1213 width: 202px;
1216 div.upload_progress_bar_inner
1218 background-color: <?php echo (isset($_SESSION['userconf']['custom_color']) ? $_SESSION['userconf']['custom_color'] : $GLOBALS['cfg']['NaviBackground']); ?>;
1219 width: 0px;
1220 height: 12px;
1221 margin: 1px;
1224 table#serverconnection_src_remote,
1225 table#serverconnection_trg_remote,
1226 table#serverconnection_src_local,
1227 table#serverconnection_trg_local {
1228 float:left;
1231 * Validation error message styles<style>/*
1233 .invalid_value
1234 {background:#F00;}
1236 /* config forms */
1237 .config-form ul.tabs {
1238 margin: 1.1em 0.2em 0;
1239 padding: 0 0 0.3em 0;
1240 list-style: none;
1241 font-weight: bold;
1244 .config-form ul.tabs li {
1245 float: <?php echo $left; ?>;
1248 .config-form ul.tabs li a {
1249 display: block;
1250 margin: 0.1em 0.2em 0;
1251 padding: 0.1em 0.4em;
1252 white-space: nowrap;
1253 text-decoration: none;
1254 border: 1px solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1255 border-bottom: none;
1258 .config-form ul.tabs li a:hover,
1259 .config-form ul.tabs li a:active,
1260 .config-form ul.tabs li a.active {
1261 margin: 0;
1262 padding: 0.1em 0.6em 0.2em;
1265 .config-form ul.tabs li a.active {
1266 background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1269 .config-form fieldset {
1270 margin-top: 0;
1271 padding: 0;
1272 clear: both;
1273 /*border-color: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;*/
1276 .config-form legend {
1277 display: none;
1280 .config-form fieldset p {
1281 margin: 0;
1282 padding: 0.5em;
1285 .config-form fieldset .errors { /* form error list */
1286 margin: 0 -2px 1em -2px;
1287 padding: 0.5em 1.5em;
1288 background: #FBEAD9;
1289 border: 0 #C83838 solid;
1290 border-width: 1px 0;
1291 list-style: none;
1292 font-family: sans-serif;
1293 font-size: small;
1296 .config-form fieldset .inline_errors { /* field error list */
1297 margin: 0.3em 0.3em 0.3em 0;
1298 padding: 0;
1299 list-style: none;
1300 color: #9A0000;
1301 font-size: small;
1304 .config-form fieldset th {
1305 padding: 0.3em 0.3em 0.3em 0.5em;
1306 text-align: left;
1307 vertical-align: top;
1308 width: 40%;
1309 background: transparent;
1312 .config-form fieldset .doc, .config-form fieldset .disabled-notice {
1313 margin-left: 1em;
1316 .config-form fieldset .disabled-notice {
1317 font-size: 80%;
1318 text-transform: uppercase;
1319 color: #E00;
1320 cursor: help;
1323 .config-form fieldset td {
1324 padding-top: 0.3em;
1325 padding-bottom: 0.3em;
1326 vertical-align: top;
1329 .config-form fieldset th small {
1330 display: block;
1331 font-weight: normal;
1332 font-family: sans-serif;
1333 font-size: x-small;
1334 color: #444;
1337 .config-form fieldset th, .config-form fieldset td {
1338 border-top: 1px <?php echo $GLOBALS['cfg']['BgTwo']; ?> solid;
1341 .config-form .lastrow {
1342 border-top: 1px #000 solid;
1345 .config-form .lastrow {
1346 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;;
1347 padding: 0.5em;
1348 text-align: center;
1351 .config-form .lastrow input {
1352 font-weight: bold;
1355 /* form elements */
1357 .config-form span.checkbox {
1358 padding: 2px;
1359 display: inline-block;
1362 .config-form .custom { /* customized field */
1363 background: #FFC;
1366 .config-form span.checkbox.custom {
1367 padding: 1px;
1368 border: 1px #EDEC90 solid;
1369 background: #FFC;
1372 .config-form .field-error {
1373 border-color: #A11 !important;
1376 .config-form input[type="text"],
1377 .config-form select,
1378 .config-form textarea {
1379 border: 1px #A7A6AA solid;
1382 .config-form input[type="text"]:focus,
1383 .config-form select:focus,
1384 .config-form textarea:focus {
1385 border: 1px #6676FF solid;
1386 background: #F7FBFF;
1389 /* error list */
1390 .config-form dd {
1391 margin-left: 0.5em;
1394 .config-form dd:before {
1395 content: "\25B8 ";