Remove custom color references in themes compatible with 3.4
[phpmyadmin-themes.git] / graphite / css / theme_right.css.php
blobd7990c8f9955c69ec1691bf3238dc162bb590c50
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;
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 tr.odd th,
196 tr.odd {
197 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
200 /* even items 2,4,6,8,... */
201 tr.even th,
202 tr.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 tr.odd,
211 tr.even {
212 text-align: <?php echo $left; ?>;
215 <?php if ($GLOBALS['cfg']['BrowseMarkerEnable']) { ?>
216 /* marked table rows */
217 tr.marked th,
218 tr.marked {
219 background: <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
220 color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
222 <?php } ?>
224 <?php if ($GLOBALS['cfg']['BrowsePointerEnable']) { ?>
225 /* hovered items */
226 .structure_actions_dropdown {
227 background: <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>;
228 color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
231 /* hovered table rows */
232 tr.even:hover th,
233 tr.odd:hover th,
234 tr:hover {
235 background: <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>;
236 color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
238 <?php } ?>
241 * marks table rows/cells if the db field is in a where condition
243 tr.condition th,
244 tr.condition td,
245 td.condition,
246 th.condition {
247 border: 1px solid <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
250 table .value {
251 text-align: <?php echo $right; ?>;
252 white-space: normal;
254 /* IE doesnt handles 'pre' right */
255 table [class=value] {
256 white-space: normal;
258 table .tbl_size {
259 white-space: nowrap;
263 <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
264 .value {
265 font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
267 <?php } ?>
268 .value .attention {
269 color: red;
270 font-weight: bold;
272 .value .allfine {
273 color: green;
277 img.lightbulb {
278 cursor: pointer;
281 .pdflayout {
282 overflow: hidden;
283 clip: inherit;
284 background-color: #FFFFFF;
285 display: none;
286 border: 1px solid #000000;
287 position: relative;
290 .pdflayout_table {
291 background: #D3DCE3;
292 color: #000000;
293 overflow: hidden;
294 clip: inherit;
295 z-index: 2;
296 display: inline;
297 visibility: inherit;
298 cursor: move;
299 position: absolute;
300 font-size: 80%;
301 border: 1px dashed #000000;
304 /* MySQL Parser */
305 .syntax {
306 font-size: 80%;
309 .syntax a {
310 text-decoration: none;
311 border-bottom:1px dotted black;
314 .syntax_comment {
315 padding-left: 4pt;
316 padding-right: 4pt;
319 .syntax_digit {
322 .syntax_digit_hex {
325 .syntax_digit_integer {
328 .syntax_digit_float {
331 .syntax_punct {
334 .syntax_alpha {
337 .syntax_alpha_columnType {
338 text-transform: uppercase;
341 .syntax_alpha_columnAttrib {
342 text-transform: uppercase;
345 .syntax_alpha_reservedWord {
346 text-transform: uppercase;
347 font-weight: bold;
350 .syntax_alpha_functionName {
351 text-transform: uppercase;
354 .syntax_alpha_identifier {
357 .syntax_alpha_charset {
360 .syntax_alpha_variable {
363 .syntax_quote {
364 white-space: pre;
367 .syntax_quote_backtick {
370 /* leave some space between icons and text */
371 .icon, img.footnotemarker {
372 vertical-align: middle;
373 margin-right: 0.3em;
374 margin-left: 0.3em;
377 img.footnotemarker {
378 display: none;
381 /* no extra space in table cells */
382 td .icon {
383 margin: 0;
386 .selectallarrow {
387 margin-<?php echo $right; ?>: 0.3em;
388 margin-<?php echo $left; ?>: 0.6em;
391 /* message boxes: warning, error, confirmation */
392 .success h1,
393 .notice h1,
394 .warning h1,
395 div.error h1 {
396 border-bottom: 2px solid;
397 font-weight: bold;
398 text-align: <?php echo $left; ?>;
399 margin: 0 0 0.2em 0;
402 div.success,
403 div.notice,
404 div.warning,
405 div.error,
406 div.footnotes {
407 clear: both;
408 margin: 0.3em 0 0 0;
409 border: 2px solid;
410 padding: 0.5em;
411 -moz-border-radius: 0.5em;
412 border-radius: 0.5em;
413 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
414 background-repeat: no-repeat;
415 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
416 background-position: 10px 50%;
417 padding-left: 36px;
418 <?php } else { ?>
419 background-position: 99% 50%;
420 padding-right: 36px;
421 <?php } ?>
422 <?php } ?>
425 .success {
426 color: #000000;
427 background-color: #f0fff0;
429 h1.success,
430 div.success {
431 border-color: #00FF00;
432 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
433 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_success.png);
434 <?php } ?>
436 .success h1 {
437 border-color: #00FF00;
440 .notice, .footnotes {
441 color: #000000;
442 background-color: #FFFFDD;
444 h1.notice,
445 div.notice,
446 div.footnotes {
447 border-color: #FFD700;
448 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
449 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_notice.png);
450 <?php } ?>
452 .notice h1 {
453 border-color: #FFD700;
456 .warning {
457 color: #CC0000;
458 background-color: #FFFFCC;
460 p.warning,
461 h1.warning,
462 div.warning {
463 border-color: #CC0000;
464 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
465 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_warn.png);
466 <?php } ?>
468 .warning h1 {
469 border-color: #cc0000;
472 .error {
473 background-color: #FFFFCC;
474 color: #ff0000;
477 h1.error,
478 div.error {
479 border-color: #ff0000;
480 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
481 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_error.png);
482 <?php } ?>
484 div.error h1 {
485 border-color: #ff0000;
488 .confirmation {
489 background-color: #FFFFCC;
491 fieldset.confirmation {
492 border: 0.1em solid #FF0000;
494 fieldset.confirmation legend {
495 border-left: 0.1em solid #FF0000;
496 border-right: 0.1em solid #FF0000;
497 font-weight: bold;
498 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
499 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_really.png);
500 background-repeat: no-repeat;
501 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
502 background-position: 5px 50%;
503 padding: 0.2em 0.2em 0.2em 25px;
504 <?php } else { ?>
505 background-position: 97% 50%;
506 padding: 0.2em 25px 0.2em 0.2em;
507 <?php } ?>
508 <?php } ?>
510 /* end messageboxes */
513 .tblcomment {
514 font-size: 70%;
515 font-weight: normal;
516 color: #000099;
519 .tblHeaders {
520 font-weight: bold;
521 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
522 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
524 .tblHeaders a {
525 color: <?php echo $GLOBALS['cfg']['ThColor']; ?> !important;
528 div.tools,
529 .tblFooters {
530 font-weight: normal;
531 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
532 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
534 .tblFooters a {
535 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
537 div.tools a {
538 display: inline-block;
539 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
542 /* forbidden, no privilegs */
543 .noPrivileges {
544 color: #FF0000;
545 font-weight: bold;
548 /* disabled text */
549 .disabled,
550 .disabled a:link,
551 .disabled a:active,
552 .disabled a:visited {
553 color: #666666;
556 .disabled a:hover {
557 color: #666666;
558 text-decoration: none;
561 tr.disabled td,
562 td.disabled {
563 background-color: #cccccc;
566 .nowrap {
567 white-space: nowrap;
571 * login form
573 body.loginform h1,
574 body.loginform a.logo {
575 display: block;
576 text-align: center;
579 body.loginform {
580 text-align: center;
583 body.loginform div.container {
584 text-align: <?php echo $left; ?>;
585 width: 30em;
586 margin: 0 auto;
589 form.login label {
590 float: <?php echo $left; ?>;
591 width: 10em;
592 font-weight: bolder;
595 .commented_column {
596 border-bottom: 1px dashed black;
599 .column_attribute {
600 font-size: 70%;
603 /******************************************************************************/
604 /* specific elements */
606 /* topmenu */
607 #topmenu, #topmenu2, #topmenu .submenu ul {
608 list-style: none;
609 padding: 0;
610 margin: 0.5em 0 0.5em 0;
611 border-top: 1px solid #000;
612 border-bottom: 1px solid #000;
613 background: #ccc;
614 white-space: nowrap;
616 #topmenu li, #topmenu2 li {
617 display: inline-block;
618 margin: 0;
619 padding: 0;
621 #topmenu li a, #topmenu2 li a {
622 display: inline-block;
623 margin: 0;
624 padding: 0.2em;
625 min-height: 16px; /* To match icons */
627 #topmenu li a:hover, #topmenu2 li a:hover {
628 background: #ddd;
629 text-decoration: none;
631 #topmenu a.warning {
632 background: #ccc;
633 color: #666;
635 a.tabactive {
636 font-weight: bolder;
637 background: #aaa;
639 #topmenu .submenu {
640 position: relative;
641 display: none;
643 #topmenu .shown {
644 display: inline-block;
646 #topmenu .submenu ul {
647 margin: 0;
648 padding: 0;
649 position: absolute;
650 <?php echo $right;?>: 0;
651 list-style-type: none;
652 display: none;
653 border: 1px #666 solid;
656 #topmenu li:hover ul, #topmenu .submenuhover ul {
657 display: block;
660 /* end topmenu */
662 /* table stats */
663 div#tablestatistics {
664 border-bottom: 0.1em solid #669999;
665 margin-bottom: 0.5em;
666 padding-bottom: 0.5em;
669 div#tablestatistics table {
670 float: <?php echo $left; ?>;
671 margin-bottom: 0.5em;
672 margin-<?php echo $right; ?>: 0.5em;
675 /* END table stats */
678 /* server privileges */
679 #tableuserrights td,
680 #tablespecificuserrights td,
681 #tabledatabases td {
682 vertical-align: middle;
684 /* END server privileges */
688 /* Heading */
689 #serverinfo {
690 font-weight: bold;
691 margin-bottom: 0.5em;
694 #serverinfo .item {
695 white-space: nowrap;
698 #span_table_comment {
699 font-weight: normal;
700 font-style: italic;
701 white-space: nowrap;
704 #serverinfo img {
705 margin: 0 0.1em 0 0.2em;
709 #textSQLDUMP {
710 width: 95%;
711 height: 95%;
712 font-family: "Courier New", Courier, mono;
713 font-size: 110%;
716 #TooltipContainer {
717 position: absolute;
718 z-index: 99;
719 width: 20em;
720 height: auto;
721 overflow: visible;
722 visibility: hidden;
723 background-color: #ffffcc;
724 color: #006600;
725 border: 0.1em solid #000000;
726 padding: 0.5em;
729 /* user privileges */
730 #fieldset_add_user_login div.item {
731 border-bottom: 1px solid silver;
732 padding-bottom: 0.3em;
733 margin-bottom: 0.3em;
736 #fieldset_add_user_login label {
737 float: <?php echo $left; ?>;
738 display: block;
739 width: 10em;
740 max-width: 100%;
741 text-align: <?php echo $right; ?>;
742 padding-<?php echo $right; ?>: 0.5em;
745 #fieldset_add_user_login span.options #select_pred_username,
746 #fieldset_add_user_login span.options #select_pred_hostname,
747 #fieldset_add_user_login span.options #select_pred_password {
748 width: 100%;
749 max-width: 100%;
752 #fieldset_add_user_login span.options {
753 float: <?php echo $left; ?>;
754 display: block;
755 width: 12em;
756 max-width: 100%;
757 padding-<?php echo $right; ?>: 0.5em;
760 #fieldset_add_user_login input {
761 width: 12em;
762 clear: <?php echo $right; ?>;
763 max-width: 100%;
766 #fieldset_add_user_login span.options input {
767 width: auto;
770 #fieldset_user_priv div.item {
771 float: <?php echo $left; ?>;
772 width: 9em;
773 max-width: 100%;
776 #fieldset_user_priv div.item div.item {
777 float: none;
780 #fieldset_user_priv div.item label {
781 white-space: nowrap;
784 #fieldset_user_priv div.item select {
785 width: 100%;
788 #fieldset_user_global_rights fieldset {
789 float: <?php echo $left; ?>;
791 /* END user privileges */
794 /* serverstatus */
795 div#serverstatus table caption a.top {
796 float: <?php echo $right; ?>;
799 div#serverstatus div#serverstatusqueriesdetails table,
800 div#serverstatus table#serverstatustraffic,
801 div#serverstatus table#serverstatusconnections {
802 float: <?php echo $left; ?>;
805 #serverstatussection,
806 .clearfloat {
807 clear: both;
809 div#serverstatussection table {
810 width: 100%;
811 margin-bottom: 1em;
813 div#serverstatussection table .name {
814 width: 18em;
816 div#serverstatussection table .value {
817 width: 6em;
820 div#serverstatus table tbody td.descr a,
821 div#serverstatus table .tblFooters a {
822 white-space: nowrap;
824 div#serverstatus div#statuslinks a:before,
825 div#serverstatus div#sectionlinks a:before,
826 div#serverstatus table tbody td.descr a:before,
827 div#serverstatus table .tblFooters a:before {
828 content: '[';
830 div#serverstatus div#statuslinks a:after,
831 div#serverstatus div#sectionlinks a:after,
832 div#serverstatus table tbody td.descr a:after,
833 div#serverstatus table .tblFooters a:after {
834 content: ']';
836 /* end serverstatus */
838 /* querywindow */
839 body#bodyquerywindow {
840 margin: 0;
841 padding: 0;
842 background-image: none;
843 background-color: #F5F5F5;
846 div#querywindowcontainer {
847 margin: 0;
848 padding: 0;
849 width: 100%;
852 div#querywindowcontainer fieldset {
853 margin-top: 0;
855 /* END querywindow */
858 /* querybox */
860 div#sqlquerycontainer {
861 float: <?php echo $left; ?>;
862 width: 69%;
863 /* height: 15em; */
866 div#tablefieldscontainer {
867 float: <?php echo $right; ?>;
868 width: 29%;
869 /* height: 15em; */
872 div#tablefieldscontainer select {
873 width: 100%;
874 /* height: 12em; */
877 textarea#sqlquery {
878 width: 100%;
879 /* height: 100%; */
881 textarea#sql_query_edit{
882 height:7em;
883 width: 95%;
884 display:block;
886 div#queryboxcontainer div#bookmarkoptions {
887 margin-top: 0.5em;
889 /* end querybox */
891 /* main page */
892 .pmagroup {
893 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>logo_right.png);
894 background-position: <?php echo $right; ?> bottom;
895 background-repeat: no-repeat;
898 #mysqlmaininformation,
899 #pmamaininformation {
900 float: <?php echo $left; ?>;
901 width: 49%;
904 #maincontainer ul {
905 list-style-type: disc;
906 vertical-align: middle;
909 #maincontainer li {
910 margin: 0.2em 0em;
912 /* END main page */
915 <?php if ($GLOBALS['cfg']['MainPageIconic']) { ?>
916 /* iconic view for ul items */
917 li#li_create_database {
918 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_newdb.png);
921 li#li_select_lang {
922 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_lang.png);
925 li#li_select_mysql_collation {
926 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
929 li#li_select_theme{
930 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_theme.png);
933 li#li_user_info{
934 /* list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png); */
937 li#li_mysql_status{
938 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_status.png);
941 li#li_mysql_variables{
942 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_vars.png);
945 li#li_mysql_processes{
946 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_process.png);
949 li#li_mysql_collations{
950 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
953 li#li_mysql_engines{
954 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_engine.png);
957 li#li_mysql_binlogs {
958 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_tbl.png);
961 li#li_mysql_databases {
962 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_db.png);
965 li#li_export {
966 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_export.png);
969 li#li_import {
970 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_import.png);
973 li#li_change_password {
974 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_passwd.png);
977 li#li_log_out {
978 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_loggoff.png);
981 li#li_mysql_privilegs{
982 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png);
985 li#li_switch_dbstats {
986 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_dbstatistics.png);
989 li#li_flush_privileges {
990 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_reload.png);
993 li#li_user_preferences {
994 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_tblops.png);
997 li#li_select_fontsize {
998 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_font.png);
1000 /* END iconic view for ul items */
1001 <?php } /* end if $GLOBALS['cfg']['MainPageIconic'] */ ?>
1004 #body_browse_foreigners {
1005 background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1006 margin: 0.5em 0.5em 0 0.5em;
1009 #bodyquerywindow {
1010 background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1013 #bodythemes {
1014 width: 500px;
1015 margin: auto;
1016 text-align: center;
1019 #bodythemes img {
1020 border: 0.1em solid black;
1023 #bodythemes a:hover img {
1024 border: 0.1em solid red;
1027 #fieldset_select_fields {
1028 float: <?php echo $left; ?>;
1031 #selflink {
1032 clear: both;
1033 display: block;
1034 margin-top: 1em;
1035 margin-bottom: 1em;
1036 width: 100%;
1037 border-top: 0.1em solid silver;
1038 text-align: <?php echo $right; ?>;
1041 #table_innodb_bufferpool_usage,
1042 #table_innodb_bufferpool_activity {
1043 float: <?php echo $left; ?>;
1046 #div_mysql_charset_collations table {
1047 float: <?php echo $left; ?>;
1050 #div_table_order,
1051 #div_table_rename {
1052 min-width: 48%;
1053 float: <?php echo $left; ?>;
1056 #div_table_copy,
1057 #div_partition_maintenance,
1058 #div_referential_integrity,
1059 #div_table_removal,
1060 #div_table_maintenance {
1061 min-width: 48%;
1062 float: <?php echo $left; ?>;
1065 #div_table_options {
1066 clear: both;
1067 min-width: 48%;
1068 float: <?php echo $left; ?>;
1071 #qbe_div_table_list {
1072 float: <?php echo $left; ?>;
1075 #qbe_div_sql_query {
1076 float: <?php echo $left; ?>;
1079 label.desc {
1080 width: 30em;
1081 float: <?php echo $left; ?>;
1084 label.desc sup {
1085 position: absolute;
1088 code.sql, div.sqlvalidate {
1089 margin: 0.3em 0 0 0;
1090 border: 2px solid;
1091 padding: 0.5em;
1092 -moz-border-radius: 0.5em;
1093 border-radius: 0.5em;
1094 display: block;
1095 margin-top: 0.2em;
1096 margin-bottom: 0;
1097 max-height: 10em;
1098 overflow: auto;
1099 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1102 #main_pane_left {
1103 width: 50%;
1104 float: <?php echo $left; ?>;
1105 padding-top: 1em;
1108 #main_pane_right {
1109 margin-<?php echo $left; ?>: 50%;
1110 padding-top: 1em;
1111 padding-<?php echo $left; ?>: 1em;
1114 .group {
1115 border: 2px solid #000;
1116 margin-bottom: 1em;
1117 padding: 0 0 0.5em 0;
1118 -moz-border-radius: 0.5em;
1119 border-radius: 0.5em;
1122 .group h2 {
1123 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
1124 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
1125 padding: 0.1em 0.3em;
1126 margin-top: 0;
1127 border-bottom: 1px solid #000;
1130 .group-cnt {
1131 padding: 0 0 0 0.5em;
1132 display: inline-block;
1133 width: 98%;
1136 /* for elements that should be revealed only via js */
1137 .hide {
1138 display: none;
1141 #li_select_server {
1142 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_host.png);
1145 #list_server {
1146 list-style-image: none;
1150 * Progress bar styles
1152 div.upload_progress_bar_outer
1154 border: 1px solid black;
1155 width: 202px;
1158 div.upload_progress_bar_inner
1160 background-color: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1161 width: 0px;
1162 height: 12px;
1163 margin: 1px;
1166 table#serverconnection_src_remote,
1167 table#serverconnection_trg_remote,
1168 table#serverconnection_src_local,
1169 table#serverconnection_trg_local {
1170 float:left;
1173 * Validation error message styles
1175 .invalid_value
1176 {background:#F00;}
1179 * Ajax notification styling
1181 .ajax_notification {
1182 top: 0px; /** The notification needs to be shown on the top of the page */
1183 position: fixed;
1184 margin-top: 0;
1185 margin-right: auto;
1186 margin-bottom: 0;
1187 margin-left: auto;
1188 padding: 3px 5px; /** Keep a little space on the sides of the text */
1189 min-width: 70px;
1190 max-width: 350px; /** This value might have to be changed */
1191 background-color: #FFD700;
1192 z-index: 1100; /** If this is not kept at a high z-index, the jQueryUI modal dialogs (z-index:1000) might hide this */
1193 text-align: center;
1194 display: block;
1195 left: 0;
1196 right: 0;
1197 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>ajax_clock_small.gif);
1198 background-repeat: no-repeat;
1199 background-position: 2%;
1202 #loading_parent {
1203 /** Need this parent to properly center the notification division */
1204 position: relative;
1205 width: 100%;
1208 * Export and Import styles
1211 .exportoptions h3, .importoptions h3 {
1212 border-bottom: 1px #999999 solid;
1213 font-size: 110%;
1216 .exportoptions ul, .importoptions ul, .format_specific_options ul {
1217 list-style-type: none;
1218 margin-bottom: 15px;
1221 .exportoptions li, .importoptions li {
1222 margin: 7px;
1224 .exportoptions label, .importoptions label, .exportoptions p, .importoptions p {
1225 margin: 5px;
1226 float: none;
1229 #csv_options label.desc, #ldi_options label.desc, #latex_options label.desc, #output label.desc{
1230 float: left;
1231 width: 15em;
1234 .exportoptions, .importoptions {
1235 margin: 20px 30px 30px 10px
1238 .exportoptions #buttonGo, .importoptions #buttonGo {
1239 padding: 5px 30px;
1240 -moz-border-radius: 11px;
1241 -webkit-border-radius: 11px;
1242 border-radius: 11px;
1243 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
1244 background: -moz-linear-gradient(top, #ffffff, #cccccc);
1245 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
1246 border: 1px solid #444444;
1247 cursor: pointer;
1250 .format_specific_options h3 {
1251 margin: 10px 0px 0px 10px;
1252 border: 0px;
1255 .format_specific_options {
1256 border: 1px solid #999999;
1257 margin: 7px 0px;
1258 padding: 3px;
1261 p.desc {
1262 margin: 5px;
1266 * Export styles only
1268 select#db_select, select#table_select {
1269 width: 400px;
1272 .export_sub_options {
1273 margin: 20px 0px 0px 30px;
1276 .export_sub_options h4 {
1277 border-bottom: 1px #999999 solid;
1280 .export_sub_options li.subgroup {
1281 display: inline-block;
1282 margin-top: 0;
1285 .export_sub_options li {
1286 margin-bottom: 0;
1289 #quick_or_custom, #output_quick_export {
1290 display: none;
1293 * Import styles only
1296 .importoptions #import_notification {
1297 margin: 10px 0px;
1298 font-style: italic;
1301 input#input_import_file {
1302 margin: 5px;
1305 .formelementrow {
1306 margin: 5px 0px 5px 0px;
1310 * ENUM/SET editor styles
1312 p.enum_notice {
1313 margin: 5px 2px;
1314 font-size: 80%;
1317 #enum_editor {
1318 display: none;
1319 position: fixed;
1320 _position: absolute; /* hack for IE */
1321 z-index: 101;
1322 overflow-y: auto;
1323 overflow-x: hidden;
1326 #enum_editor_no_js {
1327 margin: auto auto;
1330 #enum_editor, #enum_editor_no_js {
1331 background: #D0DCE0;
1332 padding: 15px;
1335 #popup_background {
1336 display: none;
1337 position: fixed;
1338 _position: absolute; /* hack for IE6 */
1339 width: 100%;
1340 height: 100%;
1341 top: 0;
1342 left: 0;
1343 background: #000;
1344 z-index: 100;
1345 overflow: hidden;
1348 a.close_enum_editor {
1349 float: right;
1352 #enum_editor #values, #enum_editor_no_js #values {
1353 margin: 15px 0px;
1354 width: 100%;
1357 #enum_editor #values input, #enum_editor_no_js #values input {
1358 margin: 5px 0px;
1359 float: top;
1360 width: 100%;
1363 #enum_editor_output {
1364 margin-top: 50px;
1368 * Table structure styles
1370 .structure_actions_dropdown {
1371 position: absolute;
1372 padding: 0;
1373 display: none;
1374 z-index: 100;
1375 border-collapse:collapse;
1376 border: 1px solid #000;
1377 padding: 0.2em;
1380 .structure_actions_dropdown a {
1381 display: block;
1384 .structure_actions_dropdown div {
1385 margin: 0;
1386 padding: 0;
1389 td.more_opts {
1390 display: none;
1391 white-space: nowrap;
1394 iframe.IE_hack {
1395 z-index: 1;
1396 position: absolute;
1397 display: none;
1398 border: 0;
1399 filter: alpha(opacity=0);
1402 /* config forms */
1403 ul.tabs {
1404 margin: 1.1em 0.2em 0;
1405 padding: 0 0 0.3em 0;
1406 list-style: none;
1407 font-weight: bold;
1410 ul.tabs li {
1411 float: <?php echo $left; ?>;
1414 ul.tabs a {
1415 display: block;
1416 margin: 0.1em 0.2em 0;
1417 padding: 0.1em 0.4em;
1418 white-space: nowrap;
1419 text-decoration: none;
1420 border: 1px solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1421 border-bottom: none;
1424 ul.tabs a:hover,
1425 ul.tabs a:active,
1426 ul.tabs a.active {
1427 margin: 0;
1428 padding: 0.1em 0.6em 0.2em;
1431 ul.tabs a.active {
1432 background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1435 .config-form fieldset {
1436 margin-top: 0;
1437 padding: 0;
1438 clear: both;
1439 /*border-color: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;*/
1442 .config-form legend {
1443 display: none;
1446 .config-form fieldset p {
1447 margin: 0;
1448 padding: 0.5em;
1449 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1452 .config-form fieldset .errors { /* form error list */
1453 margin: 0 -2px 1em -2px;
1454 padding: 0.5em 1.5em;
1455 background: #FBEAD9;
1456 border: 0 #C83838 solid;
1457 border-width: 1px 0;
1458 list-style: none;
1459 font-family: sans-serif;
1460 font-size: small;
1463 .config-form fieldset .inline_errors { /* field error list */
1464 margin: 0.3em 0.3em 0.3em 0;
1465 padding: 0;
1466 list-style: none;
1467 color: #9A0000;
1468 font-size: small;
1471 .config-form fieldset th {
1472 padding: 0.3em 0.3em 0.3em 0.5em;
1473 text-align: left;
1474 vertical-align: top;
1475 width: 40%;
1476 background: transparent;
1479 .config-form fieldset .doc, .config-form fieldset .disabled-notice {
1480 margin-left: 1em;
1483 .config-form fieldset .disabled-notice {
1484 font-size: 80%;
1485 text-transform: uppercase;
1486 color: #E00;
1487 cursor: help;
1490 .config-form fieldset td {
1491 padding-top: 0.3em;
1492 padding-bottom: 0.3em;
1493 vertical-align: top;
1496 .config-form fieldset th small {
1497 display: block;
1498 font-weight: normal;
1499 font-family: sans-serif;
1500 font-size: x-small;
1501 color: #444;
1504 .config-form fieldset th, .config-form fieldset td {
1505 border-top: 1px <?php echo $GLOBALS['cfg']['BgTwo']; ?> solid;
1508 fieldset .group-header th {
1509 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1512 fieldset .group-header + tr th {
1513 padding-top: 0.6em;
1516 fieldset .group-field-1 th, fieldset .group-header-2 th {
1517 padding-left: 1.5em;
1520 fieldset .group-field-2 th, fieldset .group-header-3 th {
1521 padding-left: 3em;
1524 fieldset .group-field-3 th {
1525 padding-left: 4.5em;
1528 fieldset .disabled-field th,
1529 fieldset .disabled-field th small,
1530 fieldset .disabled-field td {
1531 color: #666;
1532 background-color: #ddd;
1535 .config-form .lastrow {
1536 border-top: 1px #000 solid;
1539 .config-form .lastrow {
1540 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;;
1541 padding: 0.5em;
1542 text-align: center;
1545 .config-form .lastrow input {
1546 font-weight: bold;
1549 /* form elements */
1551 .config-form span.checkbox {
1552 padding: 2px;
1553 display: inline-block;
1556 .config-form .custom { /* customized field */
1557 background: #FFC;
1560 .config-form span.checkbox.custom {
1561 padding: 1px;
1562 border: 1px #EDEC90 solid;
1563 background: #FFC;
1566 .config-form .field-error {
1567 border-color: #A11 !important;
1570 .config-form input[type="text"],
1571 .config-form select,
1572 .config-form textarea {
1573 border: 1px #A7A6AA solid;
1574 height: auto;
1577 .config-form input[type="text"]:focus,
1578 .config-form select:focus,
1579 .config-form textarea:focus {
1580 border: 1px #6676FF solid;
1581 background: #F7FBFF;
1584 .config-form .field-comment-mark {
1585 font-family: serif;
1586 color: #007;
1587 cursor: help;
1588 padding: 0 0.2em;
1589 font-weight: bold;
1590 font-style: italic;
1593 .config-form .field-comment-warning {
1594 color: #A00;
1597 /* error list */
1598 .config-form dd {
1599 margin-left: 0.5em;
1602 .config-form dd:before {
1603 content: "\25B8 ";
1606 .click-hide-message {
1607 cursor: pointer;
1610 .prefsmanage_opts {
1611 margin-<?php echo $left; ?>: 2em;
1614 #prefs_autoload {
1615 margin-bottom: 0.5em;
1618 #togglequerybox {
1619 clear: both;
1620 display: block;
1621 margin: 0 1em 1em 1em;
1622 border: 2px solid #000;
1623 width: auto;
1624 padding: 0.2em;
1625 clear: both;
1626 -moz-border-radius: 0.5em;
1627 border-radius: 0.5em;
1628 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
1629 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
1630 <?php if ($GLOBALS['cfg']['PropertiesIconic']) { ?>
1631 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_sql.png);
1632 background-repeat: no-repeat;
1633 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
1634 background-position: 5px 50%;
1635 padding: 0.2em 0.2em 0.2em 25px;
1636 <?php } else { ?>
1637 background-position: 97% 50%;
1638 padding: 0.2em 25px 0.2em 0.2em;
1639 <?php } ?>
1640 <?php } ?>