Even more over/even/odd simplify
[phpmyadmin-themes.git] / graphite / css / theme_right.css.php
blob7d9ac0e6d7474871b180f59184f81318ec718ba5
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;
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 {
196 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
199 /* even items 2,4,6,8,... */
200 tr.even {
201 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
203 tr.even th, tr.odd th, fieldset th {
204 color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
207 /* odd table rows 1,3,5,7,... */
208 tr.odd,
209 tr.even {
210 text-align: <?php echo $left; ?>;
213 <?php if ($GLOBALS['cfg']['BrowseMarkerEnable']) { ?>
214 /* marked table rows */
215 tr.marked {
216 background: <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
217 color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
219 <?php } ?>
221 <?php if ($GLOBALS['cfg']['BrowsePointerEnable']) { ?>
222 /* hovered items */
223 .structure_actions_dropdown {
224 background: <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>;
225 color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
228 /* hovered table rows */
229 tr:hover {
230 background: <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>;
231 color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
233 <?php } ?>
236 * marks table rows/cells if the db field is in a where condition
238 tr.condition th,
239 tr.condition td,
240 td.condition,
241 th.condition {
242 border: 1px solid <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
245 table .value {
246 text-align: <?php echo $right; ?>;
247 white-space: normal;
249 /* IE doesnt handles 'pre' right */
250 table [class=value] {
251 white-space: normal;
253 table .tbl_size {
254 white-space: nowrap;
258 <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
259 .value {
260 font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
262 <?php } ?>
263 .value .attention {
264 color: red;
265 font-weight: bold;
267 .value .allfine {
268 color: green;
272 img.lightbulb {
273 cursor: pointer;
276 .pdflayout {
277 overflow: hidden;
278 clip: inherit;
279 background-color: #FFFFFF;
280 display: none;
281 border: 1px solid #000000;
282 position: relative;
285 .pdflayout_table {
286 background: #D3DCE3;
287 color: #000000;
288 overflow: hidden;
289 clip: inherit;
290 z-index: 2;
291 display: inline;
292 visibility: inherit;
293 cursor: move;
294 position: absolute;
295 font-size: 80%;
296 border: 1px dashed #000000;
299 /* MySQL Parser */
300 .syntax {
301 font-size: 80%;
304 .syntax a {
305 text-decoration: none;
306 border-bottom:1px dotted black;
309 .syntax_comment {
310 padding-left: 4pt;
311 padding-right: 4pt;
314 .syntax_digit {
317 .syntax_digit_hex {
320 .syntax_digit_integer {
323 .syntax_digit_float {
326 .syntax_punct {
329 .syntax_alpha {
332 .syntax_alpha_columnType {
333 text-transform: uppercase;
336 .syntax_alpha_columnAttrib {
337 text-transform: uppercase;
340 .syntax_alpha_reservedWord {
341 text-transform: uppercase;
342 font-weight: bold;
345 .syntax_alpha_functionName {
346 text-transform: uppercase;
349 .syntax_alpha_identifier {
352 .syntax_alpha_charset {
355 .syntax_alpha_variable {
358 .syntax_quote {
359 white-space: pre;
362 .syntax_quote_backtick {
365 /* leave some space between icons and text */
366 .icon, img.footnotemarker {
367 vertical-align: middle;
368 margin-right: 0.3em;
369 margin-left: 0.3em;
372 img.footnotemarker {
373 display: none;
376 /* no extra space in table cells */
377 td .icon {
378 margin: 0;
381 .selectallarrow {
382 margin-<?php echo $right; ?>: 0.3em;
383 margin-<?php echo $left; ?>: 0.6em;
386 /* message boxes: warning, error, confirmation */
387 .success h1,
388 .notice h1,
389 .warning h1,
390 div.error h1 {
391 border-bottom: 2px solid;
392 font-weight: bold;
393 text-align: <?php echo $left; ?>;
394 margin: 0 0 0.2em 0;
397 div.success,
398 div.notice,
399 div.warning,
400 div.error,
401 div.footnotes {
402 clear: both;
403 margin: 0.3em 0 0 0;
404 border: 2px solid;
405 padding: 0.5em;
406 -moz-border-radius: 0.5em;
407 border-radius: 0.5em;
408 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
409 background-repeat: no-repeat;
410 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
411 background-position: 10px 50%;
412 padding-left: 36px;
413 <?php } else { ?>
414 background-position: 99% 50%;
415 padding-right: 36px;
416 <?php } ?>
417 <?php } ?>
420 .success {
421 color: #000000;
422 background-color: #f0fff0;
424 h1.success,
425 div.success {
426 border-color: #00FF00;
427 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
428 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_success.png);
429 <?php } ?>
431 .success h1 {
432 border-color: #00FF00;
435 .notice, .footnotes {
436 color: #000000;
437 background-color: #FFFFDD;
439 h1.notice,
440 div.notice,
441 div.footnotes {
442 border-color: #FFD700;
443 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
444 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_notice.png);
445 <?php } ?>
447 .notice h1 {
448 border-color: #FFD700;
451 .warning {
452 color: #CC0000;
453 background-color: #FFFFCC;
455 p.warning,
456 h1.warning,
457 div.warning {
458 border-color: #CC0000;
459 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
460 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_warn.png);
461 <?php } ?>
463 .warning h1 {
464 border-color: #cc0000;
467 .error {
468 background-color: #FFFFCC;
469 color: #ff0000;
472 h1.error,
473 div.error {
474 border-color: #ff0000;
475 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
476 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_error.png);
477 <?php } ?>
479 div.error h1 {
480 border-color: #ff0000;
483 .confirmation {
484 background-color: #FFFFCC;
486 fieldset.confirmation {
487 border: 0.1em solid #FF0000;
489 fieldset.confirmation legend {
490 border-left: 0.1em solid #FF0000;
491 border-right: 0.1em solid #FF0000;
492 font-weight: bold;
493 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
494 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_really.png);
495 background-repeat: no-repeat;
496 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
497 background-position: 5px 50%;
498 padding: 0.2em 0.2em 0.2em 25px;
499 <?php } else { ?>
500 background-position: 97% 50%;
501 padding: 0.2em 25px 0.2em 0.2em;
502 <?php } ?>
503 <?php } ?>
505 /* end messageboxes */
508 .tblcomment {
509 font-size: 70%;
510 font-weight: normal;
511 color: #000099;
514 .tblHeaders {
515 font-weight: bold;
516 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
517 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
519 .tblHeaders a {
520 color: <?php echo $GLOBALS['cfg']['ThColor']; ?> !important;
523 div.tools,
524 .tblFooters {
525 font-weight: normal;
526 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
527 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
529 .tblFooters a {
530 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
532 div.tools a {
533 display: inline-block;
534 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
537 /* forbidden, no privilegs */
538 .noPrivileges {
539 color: #FF0000;
540 font-weight: bold;
543 /* disabled text */
544 .disabled,
545 .disabled a:link,
546 .disabled a:active,
547 .disabled a:visited {
548 color: #666666;
551 .disabled a:hover {
552 color: #666666;
553 text-decoration: none;
556 tr.disabled td,
557 td.disabled {
558 background-color: #cccccc;
561 .nowrap {
562 white-space: nowrap;
566 * login form
568 body.loginform h1,
569 body.loginform a.logo {
570 display: block;
571 text-align: center;
574 body.loginform {
575 text-align: center;
578 body.loginform div.container {
579 text-align: <?php echo $left; ?>;
580 width: 30em;
581 margin: 0 auto;
584 form.login label {
585 float: <?php echo $left; ?>;
586 width: 10em;
587 font-weight: bolder;
590 .commented_column {
591 border-bottom: 1px dashed black;
594 .column_attribute {
595 font-size: 70%;
598 /******************************************************************************/
599 /* specific elements */
601 /* topmenu */
602 #topmenu, #topmenu2, #topmenu .submenu ul {
603 list-style: none;
604 padding: 0;
605 margin: 0.5em 0 0.5em 0;
606 border-top: 1px solid #000;
607 border-bottom: 1px solid #000;
608 background: #ccc;
609 white-space: nowrap;
611 #topmenu li, #topmenu2 li {
612 display: inline-block;
613 margin: 0;
614 padding: 0;
616 #topmenu li a, #topmenu2 li a {
617 display: inline-block;
618 margin: 0;
619 padding: 0.2em;
620 min-height: 16px; /* To match icons */
622 #topmenu li a:hover, #topmenu2 li a:hover {
623 background: #ddd;
624 text-decoration: none;
626 #topmenu a.warning {
627 background: #ccc;
628 color: #666;
630 a.tabactive {
631 font-weight: bolder;
632 background: #aaa;
634 #topmenu .submenu {
635 position: relative;
636 display: none;
638 #topmenu .shown {
639 display: inline-block;
641 #topmenu .submenu ul {
642 margin: 0;
643 padding: 0;
644 position: absolute;
645 <?php echo $right;?>: 0;
646 list-style-type: none;
647 display: none;
648 border: 1px #666 solid;
651 #topmenu li:hover ul, #topmenu .submenuhover ul {
652 display: block;
655 /* end topmenu */
657 /* table stats */
658 div#tablestatistics {
659 border-bottom: 0.1em solid #669999;
660 margin-bottom: 0.5em;
661 padding-bottom: 0.5em;
664 div#tablestatistics table {
665 float: <?php echo $left; ?>;
666 margin-bottom: 0.5em;
667 margin-<?php echo $right; ?>: 0.5em;
670 /* END table stats */
673 /* server privileges */
674 #tableuserrights td,
675 #tablespecificuserrights td,
676 #tabledatabases td {
677 vertical-align: middle;
679 /* END server privileges */
683 /* Heading */
684 #serverinfo {
685 font-weight: bold;
686 margin-bottom: 0.5em;
689 #serverinfo .item {
690 white-space: nowrap;
693 #span_table_comment {
694 font-weight: normal;
695 font-style: italic;
696 white-space: nowrap;
699 #serverinfo img {
700 margin: 0 0.1em 0 0.2em;
704 #textSQLDUMP {
705 width: 95%;
706 height: 95%;
707 font-family: "Courier New", Courier, mono;
708 font-size: 110%;
711 #TooltipContainer {
712 position: absolute;
713 z-index: 99;
714 width: 20em;
715 height: auto;
716 overflow: visible;
717 visibility: hidden;
718 background-color: #ffffcc;
719 color: #006600;
720 border: 0.1em solid #000000;
721 padding: 0.5em;
724 /* user privileges */
725 #fieldset_add_user_login div.item {
726 border-bottom: 1px solid silver;
727 padding-bottom: 0.3em;
728 margin-bottom: 0.3em;
731 #fieldset_add_user_login label {
732 float: <?php echo $left; ?>;
733 display: block;
734 width: 10em;
735 max-width: 100%;
736 text-align: <?php echo $right; ?>;
737 padding-<?php echo $right; ?>: 0.5em;
740 #fieldset_add_user_login span.options #select_pred_username,
741 #fieldset_add_user_login span.options #select_pred_hostname,
742 #fieldset_add_user_login span.options #select_pred_password {
743 width: 100%;
744 max-width: 100%;
747 #fieldset_add_user_login span.options {
748 float: <?php echo $left; ?>;
749 display: block;
750 width: 12em;
751 max-width: 100%;
752 padding-<?php echo $right; ?>: 0.5em;
755 #fieldset_add_user_login input {
756 width: 12em;
757 clear: <?php echo $right; ?>;
758 max-width: 100%;
761 #fieldset_add_user_login span.options input {
762 width: auto;
765 #fieldset_user_priv div.item {
766 float: <?php echo $left; ?>;
767 width: 9em;
768 max-width: 100%;
771 #fieldset_user_priv div.item div.item {
772 float: none;
775 #fieldset_user_priv div.item label {
776 white-space: nowrap;
779 #fieldset_user_priv div.item select {
780 width: 100%;
783 #fieldset_user_global_rights fieldset {
784 float: <?php echo $left; ?>;
786 /* END user privileges */
789 /* serverstatus */
790 div#serverstatus table caption a.top {
791 float: <?php echo $right; ?>;
794 div#serverstatus div#serverstatusqueriesdetails table,
795 div#serverstatus table#serverstatustraffic,
796 div#serverstatus table#serverstatusconnections {
797 float: <?php echo $left; ?>;
800 #serverstatussection,
801 .clearfloat {
802 clear: both;
804 div#serverstatussection table {
805 width: 100%;
806 margin-bottom: 1em;
808 div#serverstatussection table .name {
809 width: 18em;
811 div#serverstatussection table .value {
812 width: 6em;
815 div#serverstatus table tbody td.descr a,
816 div#serverstatus table .tblFooters a {
817 white-space: nowrap;
819 div#serverstatus div#statuslinks a:before,
820 div#serverstatus div#sectionlinks a:before,
821 div#serverstatus table tbody td.descr a:before,
822 div#serverstatus table .tblFooters a:before {
823 content: '[';
825 div#serverstatus div#statuslinks a:after,
826 div#serverstatus div#sectionlinks a:after,
827 div#serverstatus table tbody td.descr a:after,
828 div#serverstatus table .tblFooters a:after {
829 content: ']';
831 /* end serverstatus */
833 /* querywindow */
834 body#bodyquerywindow {
835 margin: 0;
836 padding: 0;
837 background-image: none;
838 background-color: #F5F5F5;
841 div#querywindowcontainer {
842 margin: 0;
843 padding: 0;
844 width: 100%;
847 div#querywindowcontainer fieldset {
848 margin-top: 0;
850 /* END querywindow */
853 /* querybox */
855 div#sqlquerycontainer {
856 float: <?php echo $left; ?>;
857 width: 69%;
858 /* height: 15em; */
861 div#tablefieldscontainer {
862 float: <?php echo $right; ?>;
863 width: 29%;
864 /* height: 15em; */
867 div#tablefieldscontainer select {
868 width: 100%;
869 /* height: 12em; */
872 textarea#sqlquery {
873 width: 100%;
874 /* height: 100%; */
876 textarea#sql_query_edit{
877 height:7em;
878 width: 95%;
879 display:block;
881 div#queryboxcontainer div#bookmarkoptions {
882 margin-top: 0.5em;
884 /* end querybox */
886 /* main page */
887 #maincontainer {
888 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>logo_right.png);
889 background-position: <?php echo $right; ?> bottom;
890 background-repeat: no-repeat;
893 #mysqlmaininformation,
894 #pmamaininformation {
895 float: <?php echo $left; ?>;
896 width: 49%;
899 #maincontainer ul {
900 list-style-type: disc;
901 vertical-align: middle;
904 #maincontainer li {
905 margin: 0.2em 0em;
907 /* END main page */
910 <?php if ($GLOBALS['cfg']['MainPageIconic']) { ?>
911 /* iconic view for ul items */
912 li#li_create_database {
913 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_newdb.png);
916 li#li_select_lang {
917 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_lang.png);
920 li#li_select_mysql_collation {
921 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
924 li#li_select_theme{
925 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_theme.png);
928 li#li_user_info{
929 /* list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png); */
932 li#li_mysql_status{
933 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_status.png);
936 li#li_mysql_variables{
937 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_vars.png);
940 li#li_mysql_processes{
941 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_process.png);
944 li#li_mysql_collations{
945 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
948 li#li_mysql_engines{
949 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_engine.png);
952 li#li_mysql_binlogs {
953 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_tbl.png);
956 li#li_mysql_databases {
957 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_db.png);
960 li#li_export {
961 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_export.png);
964 li#li_import {
965 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_import.png);
968 li#li_change_password {
969 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_passwd.png);
972 li#li_log_out {
973 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_loggoff.png);
976 li#li_mysql_privilegs{
977 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png);
980 li#li_switch_dbstats {
981 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_dbstatistics.png);
984 li#li_flush_privileges {
985 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_reload.png);
988 li#li_user_preferences {
989 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_tblops.png);
992 li#li_custom_color {
993 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_color.png);
996 li#li_select_fontsize {
997 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_font.png);
999 /* END iconic view for ul items */
1000 <?php } /* end if $GLOBALS['cfg']['MainPageIconic'] */ ?>
1003 #body_browse_foreigners {
1004 background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1005 margin: 0.5em 0.5em 0 0.5em;
1008 #bodyquerywindow {
1009 background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1012 #bodythemes {
1013 width: 500px;
1014 margin: auto;
1015 text-align: center;
1018 #bodythemes img {
1019 border: 0.1em solid black;
1022 #bodythemes a:hover img {
1023 border: 0.1em solid red;
1026 #fieldset_select_fields {
1027 float: <?php echo $left; ?>;
1030 #selflink {
1031 clear: both;
1032 display: block;
1033 margin-top: 1em;
1034 margin-bottom: 1em;
1035 width: 100%;
1036 border-top: 0.1em solid silver;
1037 text-align: <?php echo $right; ?>;
1040 #table_innodb_bufferpool_usage,
1041 #table_innodb_bufferpool_activity {
1042 float: <?php echo $left; ?>;
1045 #div_mysql_charset_collations table {
1046 float: <?php echo $left; ?>;
1049 #div_table_order,
1050 #div_table_rename {
1051 min-width: 48%;
1052 float: <?php echo $left; ?>;
1055 #div_table_copy,
1056 #div_partition_maintenance,
1057 #div_referential_integrity,
1058 #div_table_removal,
1059 #div_table_maintenance {
1060 min-width: 48%;
1061 float: <?php echo $left; ?>;
1064 #div_table_options {
1065 clear: both;
1066 min-width: 48%;
1067 float: <?php echo $left; ?>;
1070 #qbe_div_table_list {
1071 float: <?php echo $left; ?>;
1074 #qbe_div_sql_query {
1075 float: <?php echo $left; ?>;
1078 label.desc {
1079 width: 30em;
1080 float: <?php echo $left; ?>;
1083 label.desc sup {
1084 position: absolute;
1087 code.sql, div.sqlvalidate {
1088 margin: 0.3em 0 0 0;
1089 border: 2px solid;
1090 padding: 0.5em;
1091 -moz-border-radius: 0.5em;
1092 border-radius: 0.5em;
1093 display: block;
1094 margin-top: 0.2em;
1095 margin-bottom: 0;
1096 max-height: 10em;
1097 overflow: auto;
1098 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1101 #main_pane_left {
1102 width: 50%;
1103 float: <?php echo $left; ?>;
1104 padding-top: 1em;
1107 #main_pane_right {
1108 margin-<?php echo $left; ?>: 50%;
1109 padding-top: 1em;
1110 padding-<?php echo $left; ?>: 1em;
1113 .group {
1114 border: 2px solid #000;
1115 margin-bottom: 1em;
1116 padding: 0 0 0.5em 0;
1117 -moz-border-radius: 0.5em;
1118 border-radius: 0.5em;
1121 .group h2 {
1122 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
1123 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
1124 padding: 0.1em 0.3em;
1125 margin-top: 0;
1126 border-bottom: 1px solid #000;
1129 .group-cnt {
1130 padding: 0 0 0 0.5em;
1131 display: inline-block;
1132 width: 98%;
1135 /* for elements that should be revealed only via js */
1136 .hide {
1137 display: none;
1140 #li_select_server {
1141 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_host.png);
1144 #list_server {
1145 list-style-image: none;
1149 * Progress bar styles
1151 div.upload_progress_bar_outer
1153 border: 1px solid black;
1154 width: 202px;
1157 div.upload_progress_bar_inner
1159 background-color: <?php echo (isset($_SESSION['userconf']['custom_color']) ? $_SESSION['userconf']['custom_color'] : $GLOBALS['cfg']['NaviBackground']); ?>;
1160 width: 0px;
1161 height: 12px;
1162 margin: 1px;
1165 table#serverconnection_src_remote,
1166 table#serverconnection_trg_remote,
1167 table#serverconnection_src_local,
1168 table#serverconnection_trg_local {
1169 float:left;
1172 * Validation error message styles
1174 .invalid_value
1175 {background:#F00;}
1178 * Ajax notification styling
1180 .ajax_notification {
1181 top: 0px; /** The notification needs to be shown on the top of the page */
1182 position: fixed;
1183 margin-top: 0;
1184 margin-right: auto;
1185 margin-bottom: 0;
1186 margin-left: auto;
1187 padding: 3px 5px; /** Keep a little space on the sides of the text */
1188 min-width: 70px;
1189 max-width: 350px; /** This value might have to be changed */
1190 background-color: #FFD700;
1191 z-index: 1100; /** If this is not kept at a high z-index, the jQueryUI modal dialogs (z-index:1000) might hide this */
1192 text-align: center;
1193 display: block;
1194 left: 0;
1195 right: 0;
1196 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>ajax_clock_small.gif);
1197 background-repeat: no-repeat;
1198 background-position: 2%;
1201 #loading_parent {
1202 /** Need this parent to properly center the notification division */
1203 position: relative;
1204 width: 100%;
1207 * Export and Import styles
1210 .exportoptions h3, .importoptions h3 {
1211 border-bottom: 1px #999999 solid;
1212 font-size: 110%;
1215 .exportoptions ul, .importoptions ul, .format_specific_options ul {
1216 list-style-type: none;
1217 margin-bottom: 15px;
1220 .exportoptions li, .importoptions li {
1221 margin: 7px;
1223 .exportoptions label, .importoptions label, .exportoptions p, .importoptions p {
1224 margin: 5px;
1225 float: none;
1228 #csv_options label.desc, #ldi_options label.desc, #latex_options label.desc, #output label.desc{
1229 float: left;
1230 width: 15em;
1233 .exportoptions, .importoptions {
1234 margin: 20px 30px 30px 10px
1237 .exportoptions #buttonGo, .importoptions #buttonGo {
1238 padding: 5px 30px;
1239 -moz-border-radius: 11px;
1240 -webkit-border-radius: 11px;
1241 border-radius: 11px;
1242 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
1243 background: -moz-linear-gradient(top, #ffffff, #cccccc);
1244 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
1245 border: 1px solid #444444;
1246 cursor: pointer;
1249 .format_specific_options h3 {
1250 margin: 10px 0px 0px 10px;
1251 border: 0px;
1254 .format_specific_options {
1255 border: 1px solid #999999;
1256 margin: 7px 0px;
1257 padding: 3px;
1260 p.desc {
1261 margin: 5px;
1265 * Export styles only
1267 select#db_select, select#table_select {
1268 width: 400px;
1271 .export_sub_options {
1272 margin: 20px 0px 0px 30px;
1275 .export_sub_options h4 {
1276 border-bottom: 1px #999999 solid;
1279 .export_sub_options li.subgroup {
1280 display: inline-block;
1281 margin-top: 0;
1284 .export_sub_options li {
1285 margin-bottom: 0;
1288 #quick_or_custom, #output_quick_export {
1289 display: none;
1292 * Import styles only
1295 .importoptions #import_notification {
1296 margin: 10px 0px;
1297 font-style: italic;
1300 input#input_import_file {
1301 margin: 5px;
1304 .formelementrow {
1305 margin: 5px 0px 5px 0px;
1309 * ENUM/SET editor styles
1311 p.enum_notice {
1312 margin: 5px 2px;
1313 font-size: 80%;
1316 #enum_editor {
1317 display: none;
1318 position: fixed;
1319 _position: absolute; /* hack for IE */
1320 z-index: 101;
1321 overflow-y: auto;
1322 overflow-x: hidden;
1325 #enum_editor_no_js {
1326 margin: auto auto;
1329 #enum_editor, #enum_editor_no_js {
1330 background: #D0DCE0;
1331 padding: 15px;
1334 #popup_background {
1335 display: none;
1336 position: fixed;
1337 _position: absolute; /* hack for IE6 */
1338 width: 100%;
1339 height: 100%;
1340 top: 0;
1341 left: 0;
1342 background: #000;
1343 z-index: 100;
1344 overflow: hidden;
1347 a.close_enum_editor {
1348 float: right;
1351 #enum_editor #values, #enum_editor_no_js #values {
1352 margin: 15px 0px;
1353 width: 100%;
1356 #enum_editor #values input, #enum_editor_no_js #values input {
1357 margin: 5px 0px;
1358 float: top;
1359 width: 100%;
1362 #enum_editor_output {
1363 margin-top: 50px;
1367 * Table structure styles
1369 .structure_actions_dropdown {
1370 position: absolute;
1371 padding: 0;
1372 display: none;
1373 z-index: 100;
1374 border-collapse:collapse;
1375 border: 1px solid #000;
1376 padding: 0.2em;
1379 .structure_actions_dropdown a {
1380 display: block;
1383 .structure_actions_dropdown div {
1384 margin: 0;
1385 padding: 0;
1388 td.more_opts {
1389 display: none;
1390 white-space: nowrap;
1393 iframe.IE_hack {
1394 z-index: 1;
1395 position: absolute;
1396 display: none;
1397 border: 0;
1398 filter: alpha(opacity=0);
1401 /* config forms */
1402 ul.tabs {
1403 margin: 1.1em 0.2em 0;
1404 padding: 0 0 0.3em 0;
1405 list-style: none;
1406 font-weight: bold;
1409 ul.tabs li {
1410 float: <?php echo $left; ?>;
1413 ul.tabs a {
1414 display: block;
1415 margin: 0.1em 0.2em 0;
1416 padding: 0.1em 0.4em;
1417 white-space: nowrap;
1418 text-decoration: none;
1419 border: 1px solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1420 border-bottom: none;
1423 ul.tabs a:hover,
1424 ul.tabs a:active,
1425 ul.tabs a.active {
1426 margin: 0;
1427 padding: 0.1em 0.6em 0.2em;
1430 ul.tabs a.active {
1431 background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1434 .config-form fieldset {
1435 margin-top: 0;
1436 padding: 0;
1437 clear: both;
1438 /*border-color: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;*/
1441 .config-form legend {
1442 display: none;
1445 .config-form fieldset p {
1446 margin: 0;
1447 padding: 0.5em;
1448 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1451 .config-form fieldset .errors { /* form error list */
1452 margin: 0 -2px 1em -2px;
1453 padding: 0.5em 1.5em;
1454 background: #FBEAD9;
1455 border: 0 #C83838 solid;
1456 border-width: 1px 0;
1457 list-style: none;
1458 font-family: sans-serif;
1459 font-size: small;
1462 .config-form fieldset .inline_errors { /* field error list */
1463 margin: 0.3em 0.3em 0.3em 0;
1464 padding: 0;
1465 list-style: none;
1466 color: #9A0000;
1467 font-size: small;
1470 .config-form fieldset th {
1471 padding: 0.3em 0.3em 0.3em 0.5em;
1472 text-align: left;
1473 vertical-align: top;
1474 width: 40%;
1475 background: transparent;
1478 .config-form fieldset .doc, .config-form fieldset .disabled-notice {
1479 margin-left: 1em;
1482 .config-form fieldset .disabled-notice {
1483 font-size: 80%;
1484 text-transform: uppercase;
1485 color: #E00;
1486 cursor: help;
1489 .config-form fieldset td {
1490 padding-top: 0.3em;
1491 padding-bottom: 0.3em;
1492 vertical-align: top;
1495 .config-form fieldset th small {
1496 display: block;
1497 font-weight: normal;
1498 font-family: sans-serif;
1499 font-size: x-small;
1500 color: #444;
1503 .config-form fieldset th, .config-form fieldset td {
1504 border-top: 1px <?php echo $GLOBALS['cfg']['BgTwo']; ?> solid;
1507 fieldset .group-header th {
1508 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1511 fieldset .group-header + tr th {
1512 padding-top: 0.6em;
1515 fieldset .group-field-1 th, fieldset .group-header-2 th {
1516 padding-left: 1.5em;
1519 fieldset .group-field-2 th, fieldset .group-header-3 th {
1520 padding-left: 3em;
1523 fieldset .group-field-3 th {
1524 padding-left: 4.5em;
1527 fieldset .disabled-field th,
1528 fieldset .disabled-field th small,
1529 fieldset .disabled-field td {
1530 color: #666;
1531 background-color: #ddd;
1534 .config-form .lastrow {
1535 border-top: 1px #000 solid;
1538 .config-form .lastrow {
1539 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;;
1540 padding: 0.5em;
1541 text-align: center;
1544 .config-form .lastrow input {
1545 font-weight: bold;
1548 /* form elements */
1550 .config-form span.checkbox {
1551 padding: 2px;
1552 display: inline-block;
1555 .config-form .custom { /* customized field */
1556 background: #FFC;
1559 .config-form span.checkbox.custom {
1560 padding: 1px;
1561 border: 1px #EDEC90 solid;
1562 background: #FFC;
1565 .config-form .field-error {
1566 border-color: #A11 !important;
1569 .config-form input[type="text"],
1570 .config-form select,
1571 .config-form textarea {
1572 border: 1px #A7A6AA solid;
1573 height: auto;
1576 .config-form input[type="text"]:focus,
1577 .config-form select:focus,
1578 .config-form textarea:focus {
1579 border: 1px #6676FF solid;
1580 background: #F7FBFF;
1583 .config-form .field-comment-mark {
1584 font-family: serif;
1585 color: #007;
1586 cursor: help;
1587 padding: 0 0.2em;
1588 font-weight: bold;
1589 font-style: italic;
1592 .config-form .field-comment-warning {
1593 color: #A00;
1596 /* error list */
1597 .config-form dd {
1598 margin-left: 0.5em;
1601 .config-form dd:before {
1602 content: "\25B8 ";
1605 .click-hide-message {
1606 cursor: pointer;
1609 .prefsmanage_opts {
1610 margin-<?php echo $left; ?>: 2em;
1613 #prefs_autoload {
1614 margin-bottom: 0.5em;