themes/pmahomme/css/theme_right.css.php

   1 <?php
   2 /* vim: set expandtab sw=4 ts=4 sts=4: */
   3 /**
   4  * main css file from theme Original
   5  *
   6  * @package phpMyAdmin-theme
   7  * @subpackage Original
   8  */
   9
  10 // unplanned execution path
  11 if (!defined('PMA_MINIMUM_COMMON')) {
  12     exit();
  13 }
  14 ?>
  15 /******************************************************************************/
  16 /* general tags */
  17 html {
  18     font-size: <?php echo (null !== $GLOBALS['PMA_Config']->get('fontsize') ? $GLOBALS['PMA_Config']->get('fontsize') : (
  19         isset($_COOKIE['pma_fontsize']) ? $_COOKIE['pma_fontsize'] : '82%'));?>;
  20 }
  21
  22 input, select, textarea {
  23     font-size: 1em;
  24 }
  25
  26
  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:              #444;
  34     background:         #fff;
  35 }
  36
  37 <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
  38 textarea, tt, pre, code {
  39     font-family:        <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
  40 }
  41 <?php } ?>
  42 h1 {
  43     font-size:          140%;
  44     font-weight:        bold;
  45 }
  46
  47 h2 {
  48     font-size:          2em;
  49     font-weight:        normal;
  50     text-shadow:                0px 1px 0px #fff;
  51     padding:                    10px 0 10px 3px;
  52     color:                              #777;
  53 }
  54 /* Hiding icons in the page titles, they just add clutter MH */
  55 h2 img{display:none;}
  56 h2 a img{display:inline;}
  57 /* Set all tables with data... to 100%, let it flow! */
  58 .data{width:100%}
  59
  60 h3 {
  61     font-weight:        bold;
  62 }
  63
  64 a, a:link,
  65 a:visited,
  66 a:active {
  67     text-decoration:    none;
  68     color:              #235a81;
  69     cursor:             pointer;
  70     outline: none;
  71
  72 }
  73
  74 a:hover {
  75     text-decoration:    underline;
  76     color:              #235a81;
  77 }
  78 /*MH*/
  79 #initials_table {
  80         background:#f3f3f3;
  81     border:1px solid #aaa;
  82     margin-bottom:10px;
  83     -moz-border-radius:5px;
  84     -webkit-border-radius:5px;
  85     border-radius:5px;
  86 }
  87 #initials_table a {
  88     border:1px solid #aaa;
  89     background:#fff;
  90     padding:4px 8px;
  91     -moz-border-radius:5px;
  92     -webkit-border-radius:5px;
  93     border-radius:5px;
  94     background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
  95     background: -moz-linear-gradient(top,  #ffffff,  #cccccc);
  96     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
  97 }
  98
  99 dfn {
 100     font-style:         normal;
 101 }
 102
 103 dfn:hover {
 104     font-style:         normal;
 105     cursor:             help;
 106 }
 107
 108 th {
 109     font-weight:        bold;
 110     color:              <?php echo $GLOBALS['cfg']['ThColor']; ?>;
 111     background:         #333;
 112     background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
 113     background: -moz-linear-gradient(top,  #ffffff,  #cccccc);
 114     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
 115
 116
 117 }
 118
 119 a img {
 120     border:             0;
 121 }
 122
 123 hr {
 124     color:              <?php echo $GLOBALS['cfg']['MainColor']; ?>;
 125     background-color:   <?php echo $GLOBALS['cfg']['MainColor']; ?>;
 126     border:             0;
 127     height:             1px;
 128 }
 129
 130 form {
 131     padding:            0;
 132     margin:             0;
 133     display:            inline;
 134 }
 135
 136 input[type=text]{
 137         border-radius:2px;
 138     -moz-border-radius:2px;
 139     -webkit-border-radius:2px;
 140
 141     box-shadow:0 1px 2px #ddd;
 142     -moz-box-shadow:0 1px 2px #ddd;
 143     -webkit-box-shadow:0 1px 2px #ddd;
 144
 145     background:url(./themes/pmahomme/img/input_bg.gif);
 146     border:1px solid #aaa;
 147     color:#555555;
 148     padding:4px;
 149     margin:6px;
 150
 151 }
 152
 153 input[type=password]{
 154         border-radius:2px;
 155     -moz-border-radius:2px;
 156     -webkit-border-radius:2px;
 157
 158     box-shadow:0 1px 2px #ddd;
 159     -moz-box-shadow:0 1px 2px #ddd;
 160     -webkit-box-shadow:0 1px 2px #ddd;
 161
 162         background:url(./themes/pmahomme/img/input_bg.gif);
 163     border:1px solid #aaa;
 164     color:#555555;
 165     padding:4px;
 166     margin:6px;
 167
 168 }
 169
 170 input[type=submit]{
 171     font-weight:bold;
 172     margin-left:14px;
 173         border: 1px solid #aaa;
 174         padding: 3px 7px;
 175         color: #111;
 176         text-decoration: none;
 177         background: #ddd;
 178
 179     border-radius: 12px;
 180         -webkit-border-radius: 12px;
 181         -moz-border-radius: 12px;
 182
 183         text-shadow: 0px 1px 0px #fff;
 184
 185         background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
 186         background: -moz-linear-gradient(top,  #ffffff,  #cccccc);
 187         filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
 188 }
 189
 190 input[type=submit]:hover{       position: relative;
 191         background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
 192         background: -moz-linear-gradient(top,  #cccccc,  #dddddd);
 193         filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#dddddd');
 194     cursor:pointer;
 195 }
 196
 197 input[type=submit]:active{      position: relative;
 198         top: 1px;
 199         left: 1px;
 200 }
 201 textarea {
 202     overflow:           visible;
 203     height:             <?php echo ceil($GLOBALS['cfg']['TextareaRows'] * 1.2); ?>em;
 204 }
 205
 206 fieldset {
 207     margin-top:         1em;
 208     border-radius:4px 4px 0 0;
 209     -moz-border-radius:4px 4px 0 0;
 210     -webkit-border-radius:4px 4px 0 0;
 211     padding:5px;
 212     border:             #aaa solid 1px;
 213     padding:            1.5em;
 214     background:         #eee;
 215     text-shadow:0 1px 0 #fff;
 216         -moz-box-shadow: 1px 1px 2px #fff inset;
 217     -webkit-box-shadow: 1px 1px 2px #fff inset;
 218     box-shadow: 1px 1px 2px #fff inset;
 219 }
 220
 221 fieldset fieldset {
 222     margin:             0.8em;
 223     background:#fff;
 224     border:1px solid #aaa;
 225     background:none repeat scroll 0 0 #E8E8E8;
 226
 227 }
 228
 229 fieldset legend {
 230     font-weight:        bold;
 231     color:              #444;
 232     padding:5px 10px;
 233     border-radius:2px;
 234     -moz-border-radius:2px;
 235     -webkit-border-radius:2px;
 236     border:1px solid #aaa;
 237     background-color:   #fff;
 238     -moz-box-shadow:3px 3px 15px #bbb;
 239     -webkit-box-shadow:3px 3px 15px #bbb;
 240     box-shadow:3px 3px 15px #bbb;
 241 }
 242
 243 /* buttons in some browsers (eg. Konqueror) are block elements,
 244    this breaks design */
 245 button {
 246     display:            inline;
 247 }
 248
 249 table caption,
 250 table th,
 251 table td {
 252     padding:            0.8em;
 253     margin:             0.1em;
 254     vertical-align:     top;
 255     text-shadow:0 1px 0 #FFFFFF;
 256 }
 257
 258 /* MH */
 259 table{border-collapse:collapse;}
 260 th{border-right:1px solid #fff; text-align:left;}
 261
 262
 263 img,
 264 input,
 265 select,
 266 button {
 267     vertical-align:     middle;
 268 }
 269
 270 select{
 271     -moz-border-radius:2px;
 272     -webkit-border-radius:2px;
 273     border-radius:2px;
 274
 275     -moz-box-shadow:0 1px 2px #ddd;
 276         -webkit-box-shadow:0 1px 2px #ddd;
 277     box-shadow:0 1px 2px #ddd;
 278
 279     border:1px solid #aaa;
 280     color:#333333;
 281     padding:3px;
 282     background:url(./themes/pmahomme/img/input_bg.gif)
 283 }
 284
 285 /******************************************************************************/
 286 /* classes */
 287 div.tools {
 288    /* border: 1px solid #000000; */
 289     padding: 0.2em;
 290 }
 291
 292 div.tools a{color:#3a7ead !important;}
 293
 294 div.tools,
 295 fieldset.tblFooters {
 296     margin-top:         0;
 297     margin-bottom:      0.5em;
 298     /* avoid a thick line since this should be used under another fieldset */
 299     border-top:         0;
 300     text-align:         <?php echo $right; ?>;
 301     float:              none;
 302     clear:              both;
 303     -webkit-border-radius:0 0 4px 4px;
 304     -moz-border-radius:0 0 4px 4px;
 305     border-radius: 0 0 4px 5px;
 306 }
 307
 308 div.null_div {
 309     height: 20px;
 310     text-align: center;
 311     font-style:normal;
 312     min-width:50px;
 313 }
 314
 315 fieldset .formelement {
 316     float:              <?php echo $left; ?>;
 317     margin-<?php echo $right; ?>:       0.5em;
 318     /* IE */
 319     white-space:        nowrap;
 320 }
 321
 322 /* revert for Gecko */
 323 fieldset div[class=formelement] {
 324     white-space:        normal;
 325 }
 326
 327 button.mult_submit {
 328     border:             none;
 329     background-color:   transparent;
 330 }
 331
 332 /* odd items 1,3,5,7,... */
 333 table tr.odd th,
 334 .odd {
 335     background: #fff;
 336 }
 337
 338 /* even items 2,4,6,8,... */
 339 table tr.even th,
 340 .even {
 341     background: #f8f8f8;
 342 }
 343
 344 /* odd table rows 1,3,5,7,... */
 345 table tr.odd th,
 346 table tr.odd,
 347 table tr.even th,
 348 table tr.even {
 349     text-align:         <?php echo $left; ?>;
 350 }
 351
 352 <?php if ($GLOBALS['cfg']['BrowseMarkerEnable']) { ?>
 353 /* marked table rows */
 354 td.marked,
 355 table tr.marked th,
 356 table tr.marked {
 357     background:  url(./themes/pmahomme/img/marked_bg.png) repeat-x #b6c6d7;
 358     color:   <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
 359 }
 360 <?php } ?>
 361
 362 <?php if ($GLOBALS['cfg']['BrowsePointerEnable']) { ?>
 363 /* hovered items */
 364 .odd:hover,
 365 .even:hover,
 366 .hover,
 367 .structure_actions_dropdown {
 368     background:  url(./themes/pmahomme/img/marked_bg.png) repeat-x #b6c6d7; /* MH */
 369     color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
 370 }
 371
 372 /* hovered table rows */
 373 table tr.odd:hover th,
 374 table tr.even:hover th,
 375 table tr.hover th {
 376     background:  url(./themes/pmahomme/img/marked_bg.png) repeat-x #b6c6d7; /* MH */
 377     color:   <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
 378 }
 379 <?php } ?>
 380
 381 /**
 382  * marks table rows/cells if the db field is in a where condition
 383  */
 384 tr.condition th,
 385 tr.condition td,
 386 td.condition,
 387 th.condition {
 388     border: 1px solid <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
 389 }
 390
 391 /**
 392  * cells with the value NULL
 393  */
 394 td.null {
 395     font-style: italic;
 396     text-align: <?php echo $right; ?>;
 397 }
 398
 399 table .value {
 400     text-align:         <?php echo $right; ?>;
 401     white-space:        normal;
 402 }
 403 /* IE doesnt handles 'pre' right */
 404 table [class=value] {
 405     white-space:        normal;
 406 }
 407
 408
 409 <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
 410 .value {
 411     font-family:        <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
 412 }
 413 <?php } ?>
 414 .value .attention {
 415     color:              red;
 416     font-weight:        bold;
 417 }
 418 .value .allfine {
 419     color:              green;
 420 }
 421
 422
 423 img.lightbulb {
 424     cursor:             pointer;
 425 }
 426
 427 .pdflayout {
 428     overflow:           hidden;
 429     clip:               inherit;
 430     background-color:   #FFFFFF;
 431     display:            none;
 432     border:             1px solid #000000;
 433     position:           relative;
 434 }
 435
 436 .pdflayout_table {
 437     background:         #D3DCE3;
 438     color:              #000000;
 439     overflow:           hidden;
 440     clip:               inherit;
 441     z-index:            2;
 442     display:            inline;
 443     visibility:         inherit;
 444     cursor:             move;
 445     position:           absolute;
 446     font-size:          80%;
 447     border:             1px dashed #000000;
 448 }
 449
 450 /* MySQL Parser */
 451 .syntax {
 452         font-family: Verdan, Arial, Tahoma;
 453     font-size:          110%;
 454 }
 455
 456 .syntax a {
 457     text-decoration: none;
 458     border-bottom:1px dotted black;
 459 }
 460
 461 .syntax_comment {
 462     padding-left:       4pt;
 463     padding-right:      4pt;
 464 }
 465
 466 .syntax_digit {
 467 }
 468
 469 .syntax_digit_hex {
 470 }
 471
 472 .syntax_digit_integer {
 473 }
 474
 475 .syntax_digit_float {
 476 }
 477
 478 .syntax_punct {
 479 }
 480
 481 .syntax_alpha {
 482 }
 483
 484 .syntax_alpha_columnType {
 485     text-transform:     uppercase;
 486 }
 487
 488 .syntax_alpha_columnAttrib {
 489     text-transform:     uppercase;
 490 }
 491
 492 .syntax_alpha_reservedWord {
 493     text-transform:     uppercase;
 494     font-weight:        bold;
 495 }
 496
 497 .syntax_alpha_functionName {
 498     text-transform:     uppercase;
 499 }
 500
 501 .syntax_alpha_identifier {
 502 }
 503
 504 .syntax_alpha_charset {
 505 }
 506
 507 .syntax_alpha_variable {
 508 }
 509
 510 .syntax_quote {
 511     white-space:        pre;
 512 }
 513
 514 .syntax_quote_backtick {
 515 }
 516
 517 /* leave some space between icons and text */
 518 .icon, img.footnotemarker {
 519     vertical-align: -3px;
 520     margin-right:       0.3em;
 521     margin-left:        0.3em;
 522 }
 523
 524 img.footnotemarker {
 525     display: none;
 526 }
 527
 528 /* no extra space in table cells */
 529 td .icon {
 530     margin: 0;
 531 }
 532
 533 .selectallarrow {
 534     margin-<?php echo $right; ?>: 0.3em;
 535     margin-<?php echo $left; ?>: 0.6em;
 536 }
 537
 538 /* message boxes: warning, error, confirmation */
 539 .success h1,
 540 .notice h1,
 541 .warning h1,
 542 div.error h1 {
 543     border-bottom:      2px solid;
 544     font-weight:        bold;
 545     text-align:         <?php echo $left; ?>;
 546     margin:             0 0 0.2em 0;
 547 }
 548
 549 div.success,
 550 div.notice,
 551 div.warning,
 552 div.error,
 553 div.footnotes {
 554     margin:             0.5em 0 1.3em 0;
 555     border:             1px solid;
 556     <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
 557     background-repeat:  no-repeat;
 558         <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
 559     background-position: 10px 50%;
 560     padding:            10px 10px 10px 25px;
 561         <?php } else { ?>
 562     background-position: 99% 50%;
 563     padding:            25px 10px 10px 10px
 564         <?php } ?>
 565     <?php } else { ?>
 566     padding:            0.3em;
 567     <?php } ?>
 568     -moz-border-radius:5px;
 569     -webkit-border-radius:5px;
 570     border-radius:5px;
 571     -moz-box-shadow: 0px 1px 2px #fff inset;
 572     -webkit-box-shadow: 0px 1px 2px #fff inset;
 573 }
 574
 575 .success {
 576     color:              #000000;
 577     background-color:   #cbee0c;
 578 }
 579 h1.success,
 580 div.success {
 581     border-color:       #a2d246;
 582     <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
 583     background-image:   url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_success.png);
 584     background-repeat:  no-repeat;
 585         <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
 586     background-position: 5px 50%;
 587     /* padding:            0.2em 0.2em 0.2em 25px; MH */
 588         <?php } else { ?>
 589     background-position: 97% 50%;
 590         /* padding:            0.2em 25px 0.2em 0.2em; MH */
 591         <?php } ?>
 592     <?php } ?>
 593 }
 594 .success h1 {
 595     border-color:       #00FF00;
 596 }
 597
 598 .notice, .footnotes {
 599     color:              #000000;
 600     background-color:   #ffdf5f;
 601 }
 602 h1.notice,
 603 div.notice,
 604 div.footnotes {
 605     border-color:       #ff9600;
 606     <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
 607     background-image:   url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_notice.png);
 608     background-repeat:  no-repeat;
 609         <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
 610     background-position: 5px 50%;
 611     /* padding:            0.2em 0.2em 0.2em 25px; MH */
 612         <?php } else { ?>
 613     background-position: 97% 50%;
 614     /* padding:            0.2em 25px 0.2em 0.2em; MH */
 615         <?php } ?>
 616     <?php } ?>
 617 }
 618 .notice h1 {
 619     border-color:       #ffb10a;
 620 }
 621
 622 .warning {
 623     color:              #fff;
 624     background:url(./themes/pmahomme/img/tab_warning_bg.png) 50% 0% #e97777;
 625 }
 626 p.warning,
 627 h1.warning,
 628 div.warning {
 629     border-color:       #CC0000;
 630     <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
 631     background-image:   url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_warn.png);
 632     background-repeat:  no-repeat;
 633         <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
 634     background-position: 5px 50%;
 635     /* padding:            0.2em 0.2em 0.2em 25px; MH */
 636         <?php } else { ?>
 637     background-position: 97% 50%;
 638     /* padding:            0.2em 25px 0.2em 0.2em; MH */
 639         <?php } ?>
 640     <?php } ?>
 641 }
 642 .warning h1 {
 643     border-color:       #cc0000;
 644 }
 645
 646 .error {
 647         border:1px solid maroon !important;
 648     color: #fff;
 649     background:url(./themes/pmahomme/img/tab_warning_bg.png) 50% 0% #e97777;
 650 }
 651
 652 h1.error,
 653 div.error {
 654     border-color:       #333;
 655     <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
 656     background-image:   url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_error.png);
 657     background-repeat:  no-repeat;
 658         <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
 659     background-position: 5px 50%;
 660     /* padding:            0.2em 0.2em 0.2em 25px; MH */
 661         <?php } else { ?>
 662     background-position: 97% 50%;
 663     /* padding:            0.2em 25px 0.2em 0.2em; MH */
 664         <?php } ?>
 665     <?php } ?>
 666 }
 667 div.error h1 {
 668     border-color:       #ff0000;
 669 }
 670
 671 .confirmation {
 672     color:              #000000;
 673     background-color:   pink;
 674 }
 675 fieldset.confirmation {
 676
 677 }
 678 fieldset.confirmation legend {
 679
 680 }
 681 /* end messageboxes */
 682
 683
 684 .tblcomment {
 685     font-size:          70%;
 686     font-weight:        normal;
 687     color:              #000099;
 688 }
 689
 690 .tblHeaders {
 691     font-weight:        bold;
 692     color:              <?php echo $GLOBALS['cfg']['ThColor']; ?>;
 693     background:         <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
 694 }
 695
 696 div.tools,
 697 .tblFooters {
 698     font-weight:        normal;
 699     color:              <?php echo $GLOBALS['cfg']['ThColor']; ?>;
 700     background:         <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
 701 }
 702
 703 .tblHeaders a:link,
 704 .tblHeaders a:active,
 705 .tblHeaders a:visited,
 706 div.tools a:link,
 707 div.tools a:visited,
 708 div.tools a:active,
 709 .tblFooters a:link,
 710 .tblFooters a:active,
 711 .tblFooters a:visited {
 712     color:              #0000FF;
 713 }
 714
 715 .tblHeaders a:hover,
 716 div.tools a:hover,
 717 .tblFooters a:hover {
 718     color:              #FF0000;
 719 }
 720
 721 /* forbidden, no privilegs */
 722 .noPrivileges {
 723     color:              #FF0000;
 724     font-weight:        bold;
 725 }
 726
 727 /* disabled text */
 728 .disabled,
 729 .disabled a:link,
 730 .disabled a:active,
 731 .disabled a:visited {
 732     color:              #666666;
 733 }
 734
 735 .disabled a:hover {
 736     color:              #666666;
 737     text-decoration:    none;
 738 }
 739
 740 tr.disabled td,
 741 td.disabled {
 742     background-color:   #cccccc;
 743 }
 744
 745 .nowrap {
 746     white-space:        nowrap;
 747 }
 748
 749 /**
 750  * login form
 751  */
 752 body.loginform h1,
 753 body.loginform a.logo {
 754     display: block;
 755     text-align: center;
 756 }
 757
 758 body.loginform {
 759     text-align: center;
 760 }
 761
 762 body.loginform div.container {
 763     text-align: <?php echo $left; ?>;
 764     width: 30em;
 765     margin: 0 auto;
 766 }
 767
 768 form.login label {
 769     float: <?php echo $left; ?>;
 770     width: 10em;
 771     font-weight: bolder;
 772 }
 773
 774 .commented_column {
 775     border-bottom: 1px dashed black;
 776 }
 777
 778 .column_attribute {
 779     font-size: 70%;
 780 }
 781
 782 /******************************************************************************/
 783 /* specific elements */
 784
 785 /* topmenu */
 786 #topmenu a {text-shadow:0px 1px 0px #fff;}
 787
 788 ul#topmenu, ul#topmenu2, ul.tabs {
 789     font-weight:        bold;
 790     list-style-type:    none;
 791     margin:             0;
 792     padding:            0;
 793
 794 }
 795
 796 ul#topmenu2 {
 797     margin: 0.25em 0.5em 0;
 798     height: 2em;
 799     clear: both;
 800 }
 801
 802 ul#topmenu li, ul#topmenu2 li {
 803     float:              <?php echo $left; ?>;
 804     margin:             0;
 805     /* padding:            4px; MH */
 806     vertical-align:     middle;
 807 }
 808
 809 #topmenu img, #topmenu2 img {
 810     margin-right:0.5em;
 811     vertical-align:-3px;
 812 }
 813
 814 #topmenucontainer{background:url(./themes/pmahomme/img/tab_bg.png) repeat-x;    border-top:1px solid #aaa;}
 815
 816 /* default tab styles */
 817 .tabactive {
 818     background:#fff !important;
 819 }
 820
 821 ul#topmenu a, ul#topmenu span {
 822     display:            block;
 823     margin:             0px;
 824     padding:            0px;
 825     white-space:        nowrap;
 826 }
 827
 828 ul#topmenu ul a {
 829     margin:             0;
 830
 831 }
 832 /* MH added for hide/show more menu */
 833 ul#topmenu .submenu {
 834         display:        none;
 835     position:   relative;
 836 }
 837
 838 #topmenu .shown {
 839     display: inline-block;
 840 }
 841
 842 ul#topmenu ul {
 843     margin:             0;
 844     padding:            0;
 845     position:           absolute;
 846     right:              0;
 847     list-style-type:    none;
 848     display:            none;
 849     border:             1px #ddd solid;
 850 }
 851
 852 ul#topmenu li:hover {
 853     background:url(./themes/pmahomme/img/tab_hover_bg.png) repeat-x 50% 0%!important;
 854 }
 855
 856 ul#topmenu li:hover ul, ul#topmenu .submenuhover ul {
 857     display:            block;
 858     font-weight:3em;
 859     background:#fff;
 860
 861 }
 862
 863 ul#topmenu ul li {
 864     width:              100%;
 865 }
 866
 867 ul#topmenu2 a {
 868     display:            block;
 869     margin:             7px 6px 7px 0px;
 870     padding:            4px 10px;
 871     white-space:        nowrap;
 872     border:1px solid #ddd;
 873     border-radius: 20px;
 874     -moz-border-radius: 20px;
 875     -webkit-border-radius: 20px;
 876     background:#f2f2f2;
 877
 878 }
 879
 880 /* disabled tabs */
 881 ul#topmenu span.tab {
 882     color:              #666666;
 883 }
 884
 885 /* disabled drop/empty tabs */
 886 ul#topmenu span.tabcaution {
 887     color:              #ff6666;
 888 }
 889
 890 /* enabled drop/empty tabs */
 891 ul#topmenu a.tabcaution {
 892     color:              #FF0000;
 893 }
 894 ul#topmenu a.tabcaution:hover {
 895     color: #FFFFFF;
 896     background-color:   #FF0000;
 897 }
 898 fieldset.caution a {
 899     color:              #FF0000;
 900 }
 901 fieldset.caution a:hover {
 902     color:              #ffffff;
 903     background-color:   #FF0000;
 904 }
 905
 906 <?php if ($GLOBALS['cfg']['LightTabs']) { ?>
 907 /* active tab */
 908 ul#topmenu a.tabactive, ul#topmenu2 a.tabactive {
 909     color:              black;
 910 }
 911
 912 ul#topmenu ul {
 913     background:         <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
 914 }
 915 <?php } else { ?>
 916 #topmenu {
 917     margin-top:         0.5em;
 918     padding:            0.1em 0.3em 0.1em 0.3em;
 919 }
 920
 921 ul#topmenu ul {
 922     -moz-box-shadow:    1px 1px 6px #ddd;
 923     -webkit-box-shadow: 2px 2px 3px #666;
 924     box-shadow:         2px 2px 3px #666;
 925 }
 926
 927 ul#topmenu > li {
 928     /* border-bottom:      0pt solid black; MH */
 929     border-right: 1px solid #fff;
 930     border-left: 1px solid #ccc;
 931 }
 932
 933 /* default tab styles */
 934 ul#topmenu a, ul#topmenu span {
 935         padding:10px;
 936    /*
 937     background-color:   <?php echo $GLOBALS['cfg']['BgOne']; ?>;
 938     border:             0 solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
 939     border-width:       1pt 1pt 0 1pt;
 940     -moz-border-radius: 0.4em 0.4em 0 0;
 941     border-radius:      0.4em 0.4em 0 0;
 942
 943    MH
 944    */
 945 }
 946
 947 ul#topmenu ul a {
 948     border-width:       1pt 0 0 0;
 949     -moz-border-radius: 0;
 950     -webkit-border-radius: 0;
 951     border-radius:      0;
 952
 953 }
 954
 955 ul#topmenu ul li:first-child a {
 956     border-width:       0;
 957
 958 }
 959
 960 /* enabled hover/active tabs */
 961 ul#topmenu > li > a:hover,
 962 ul#topmenu > li > .tabactive {
 963     /* margin:             0; MH */
 964     text-decoration:    none;
 965 }
 966
 967 ul#topmenu ul a:hover,
 968 ul#topmenu ul .tabactive {
 969     text-decoration:    none;
 970 }
 971
 972 ul#topmenu a.tab:hover,
 973 ul#topmenu .tabactive {
 974     / * background-color:   <?php echo $GLOBALS['cfg']['MainBackground']; ?>; MH */
 975 }
 976
 977 ul#topmenu2 a.tab:hover,
 978 ul#topmenu2 a.tabactive {
 979     background-color:   <?php echo $GLOBALS['cfg']['BgOne']; ?>;
 980     border-radius:      0.3em;
 981     -moz-border-radius: 0.3em;
 982     -webkit-border-radius: 0.3em;
 983     text-decoration:    none;
 984 }
 985
 986 /* to be able to cancel the bottom border, use <li class="active"> */
 987 ul#topmenu > li.active {
 988     /* border-bottom:      0pt solid <?php echo $GLOBALS['cfg']['MainBackground']; ?>; MH*/
 989     border-right:0px;
 990 }
 991
 992 /* disabled drop/empty tabs */
 993 ul#topmenu span.tab,
 994 a.warning,
 995 ul#topmenu span.tabcaution {
 996     cursor:             url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>error.ico), default;
 997 }
 998 <?php } ?>
 999 /* end topmenu */
1000
1001
1002 /* Calendar */
1003 table.calendar {
1004     width:              100%;
1005 }
1006 table.calendar td {
1007     text-align:         center;
1008 }
1009 table.calendar td a {
1010     display:            block;
1011 }
1012
1013 table.calendar td a:hover {
1014     background-color:   #CCFFCC;
1015 }
1016
1017 table.calendar th {
1018     background-color:   #D3DCE3;
1019 }
1020
1021 table.calendar td.selected {
1022     background-color:   #FFCC99;
1023 }
1024
1025 img.calendar {
1026     border:             none;
1027 }
1028 form.clock {
1029     text-align:         center;
1030 }
1031 /* end Calendar */
1032
1033
1034 /* table stats */
1035 div#tablestatistics {
1036     border-bottom: 0.1em solid #669999;
1037     margin-bottom: 0.5em;
1038     padding-bottom: 0.5em;
1039 }
1040
1041 div#tablestatistics table {
1042     float: <?php echo $left; ?>;
1043     margin-bottom: 0.5em;
1044     margin-<?php echo $right; ?>: 0.5em;
1045     width:99%;
1046 }
1047
1048 div#tablestatistics table caption {
1049     margin-<?php echo $right; ?>: 0.5em;
1050 }
1051 /* END table stats */
1052
1053
1054 /* server privileges */
1055 #tableuserrights td,
1056 #tablespecificuserrights td,
1057 #tabledatabases td {
1058     vertical-align: middle;
1059 }
1060 /* END server privileges */
1061
1062
1063
1064 /* Heading */
1065 #serverinfo {
1066 border-bottom:1px solid #fff;
1067 -moz-border-radius: 4px 4px 0 0;
1068 -webkit-border-radius: 4px 4px 0 0;
1069 border-radius:4px 4px 0 0;
1070 background:#888;
1071 padding:10px;
1072 text-shadow:0 1px 0 #000000;
1073 }
1074
1075 #serverinfo .item {
1076     white-space:        nowrap;
1077     color:#fff;
1078 }
1079
1080 #span_table_comment {
1081     font-weight:        normal;
1082     font-style:         italic;
1083     white-space:        nowrap;
1084 }
1085
1086 #serverinfo img {
1087     margin:             0 0.1em 0 0.2em;
1088 }
1089
1090
1091 #textSQLDUMP {
1092     width:              95%;
1093     height:             95%;
1094     font-family:        "Courier New", Courier, mono;
1095     font-size:          110%;
1096 }
1097
1098 #TooltipContainer {
1099     position:           absolute;
1100     z-index:            99;
1101     width:              20em;
1102     height:             auto;
1103     overflow:           visible;
1104     visibility:         hidden;
1105     background-color:   #ffffcc;
1106     color:              #006600;
1107     border:             0.1em solid #000000;
1108     padding:            0.5em;
1109 }
1110
1111 /* user privileges */
1112 #fieldset_add_user_login div.item {
1113     border-bottom:      1px solid silver;
1114     padding-bottom:     0.3em;
1115     margin-bottom:      0.3em;
1116 }
1117
1118 #fieldset_add_user_login label {
1119     float:              <?php echo $left; ?>;
1120     display:            block;
1121     width:              10em;
1122     max-width:          100%;
1123     text-align:         <?php echo $right; ?>;
1124     padding-<?php echo $right; ?>:      0.5em;
1125 }
1126
1127 #fieldset_add_user_login span.options #select_pred_username,
1128 #fieldset_add_user_login span.options #select_pred_hostname,
1129 #fieldset_add_user_login span.options #select_pred_password {
1130     width:              100%;
1131     max-width:          100%;
1132 }
1133
1134 #fieldset_add_user_login span.options {
1135     float: <?php echo $left; ?>;
1136     display: block;
1137     width: 12em;
1138     max-width: 100%;
1139     padding-<?php echo $right; ?>: 0.5em;
1140 }
1141
1142 #fieldset_add_user_login input {
1143     width: 12em;
1144     clear: <?php echo $right; ?>;
1145     max-width: 100%;
1146 }
1147
1148 #fieldset_add_user_login span.options input {
1149     width: auto;
1150 }
1151
1152 #fieldset_user_priv div.item {
1153     float: <?php echo $left; ?>;
1154     width: 9em;
1155     max-width: 100%;
1156 }
1157
1158 #fieldset_user_priv div.item div.item {
1159     float: none;
1160 }
1161
1162 #fieldset_user_priv div.item label {
1163     white-space: nowrap;
1164 }
1165
1166 #fieldset_user_priv div.item select {
1167     width: 100%;
1168 }
1169
1170 #fieldset_user_global_rights fieldset {
1171     float: <?php echo $left; ?>;
1172 }
1173 /* END user privileges */
1174
1175
1176 /* serverstatus */
1177 div#serverstatus table caption a.top {
1178     float: <?php echo $right; ?>;
1179 }
1180
1181 div#serverstatus div#serverstatusqueriesdetails table,
1182 div#serverstatus table#serverstatustraffic,
1183 div#serverstatus table#serverstatusconnections {
1184     float: <?php echo $left; ?>;
1185 }
1186
1187 #serverstatussection,
1188 .clearfloat {
1189     clear: both;
1190 }
1191 div#serverstatussection table {
1192     width: 100%;
1193     margin-bottom: 1em;
1194 }
1195 div#serverstatussection table .name {
1196     width: 18em;
1197 }
1198 div#serverstatussection table .value {
1199     width: 6em;
1200 }
1201
1202 div#serverstatus table tbody td.descr a,
1203 div#serverstatus table .tblFooters a {
1204     white-space: nowrap;
1205 }
1206 div#serverstatus div#statuslinks a:before,
1207 div#serverstatus div#sectionlinks a:before,
1208 div#serverstatus table tbody td.descr a:before,
1209 div#serverstatus table .tblFooters a:before {
1210    /*MH content: '['; */
1211 }
1212 div#serverstatus div#statuslinks a:after,
1213 div#serverstatus div#sectionlinks a:after,
1214 div#serverstatus table tbody td.descr a:after,
1215 div#serverstatus table .tblFooters a:after {
1216    /* MH content: ']'; */
1217 }
1218 /* end serverstatus */
1219
1220 /* querywindow */
1221 body#bodyquerywindow {
1222     margin: 0;
1223     padding: 0;
1224     background-image: none;
1225     background-color: #F5F5F5;
1226 }
1227
1228 div#querywindowcontainer {
1229     margin: 0;
1230     padding: 0;
1231     width: 100%;
1232 }
1233
1234 div#querywindowcontainer fieldset {
1235     margin-top: 0;
1236 }
1237 /* END querywindow */
1238
1239
1240 /* querybox */
1241
1242 #togglequerybox{margin:0 10px}
1243
1244 #serverstatus p {
1245
1246     margin:             1.5em 0px;
1247     border:             1px solid #3a86b5;
1248     <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
1249     background-repeat:  no-repeat;
1250         <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
1251     background-position: 10px 50%;
1252     padding:            10px 10px 10px 25px;
1253         <?php } else { ?>
1254     background-position: 99% 50%;
1255     padding:            25px 10px 10px 10px
1256         <?php } ?>
1257     <?php } else { ?>
1258     padding:            0.3em;
1259     <?php } ?>
1260     -moz-border-radius:5px;
1261     -webkit-border-radius:5px;
1262     border-radius:5px;
1263     -moz-box-shadow: 0px 1px 2px #fff inset;
1264     -webkit-box-shadow: 0px 1px 2px #fff inset;
1265     box-shadow:0px 1px 2px #fff; inset;
1266     background:#9dcce8;
1267     color:#fff;
1268 }
1269
1270 #serverstatus h3
1271 {
1272         margin:35px 0px;font-weight:normal;color:#999;font-size:1.7em;
1273 }
1274 #sectionlinks{
1275         padding:16px;
1276     background:#f3f3f3;
1277     border:1px solid #aaa;
1278     border-radius:5px;
1279     -webkit-border-radius:5px;
1280     -moz-border-radius:5px;
1281
1282         box-shadow:0px 1px 1px #fff inset;
1283     -webkit-box-shadow:0px 1px 1px #fff inset;
1284     -moz-box-shadow:0px 1px 1px #fff inset;
1285
1286 }
1287 #sectionlinks a, #statuslinks a{
1288         font-size:0.88em;
1289     font-weight:bold;
1290     text-shadow: 0px 1px 0px #fff;
1291     line-height:35px;
1292         margin-left:7px;
1293         border: 1px solid #aaa;
1294         padding: 5px 10px;
1295         color: #111;
1296         text-decoration: none;
1297         background: #ddd;
1298         border-radius: 20px;
1299         -webkit-border-radius: 20px;
1300         -moz-border-radius: 20px;
1301         box-shadow: 1px 1px 2px rgba(0,0,0,.5);
1302         /*
1303     -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
1304         -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
1305         text-shadow: #fff 0px 1px 0px;
1306     */
1307         background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
1308         background: -moz-linear-gradient(top,  #ffffff,  #cccccc);
1309         filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
1310 }
1311 #sectionlinks a:hover, #statuslinks a:hover{
1312         background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
1313         background: -moz-linear-gradient(top,  #cccccc,  #dddddd);
1314         filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#dddddd');
1315 }
1316
1317 div#sqlquerycontainer {
1318     float: <?php echo $left; ?>;
1319     width: 69%;
1320     /* height: 15em; */
1321 }
1322
1323 div#tablefieldscontainer {
1324     float: <?php echo $right; ?>;
1325     width: 29%;
1326     /* height: 15em; */
1327 }
1328
1329 div#tablefieldscontainer select {
1330     width: 100%;
1331     background:#fff;
1332     /* height: 12em; */
1333 }
1334
1335 textarea#sqlquery {
1336     width: 100%;
1337     /* height: 100%; */
1338     -moz-border-radius:4px;
1339     -webkit-border-radius:4px;
1340     border-raduis:4px
1341         border:1px solid #aaa;
1342         padding:5px;
1343         font-family:inherit;
1344 }
1345 textarea#sql_query_edit{
1346     height:7em;
1347     width: 95%;
1348     display:block;
1349 }
1350 div#queryboxcontainer div#bookmarkoptions {
1351     margin-top: 0.5em;
1352 }
1353 /* end querybox */
1354
1355 /* main page */
1356 #maincontainer {
1357     /* background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>logo_right.png); */
1358     /* background-position: <?php echo $right; ?> bottom; */
1359     /* background-repeat: no-repeat; */
1360 }
1361
1362 #mysqlmaininformation,
1363 #pmamaininformation {
1364     float: <?php echo $left; ?>;
1365     width: 49%;
1366 }
1367
1368 #maincontainer ul {
1369     list-style-type: disc;
1370     vertical-align: middle;
1371 }
1372
1373 #maincontainer li {
1374     margin-bottom:  0.3em;
1375 }
1376 /* END main page */
1377
1378
1379 <?php if ($GLOBALS['cfg']['MainPageIconic']) { ?>
1380 /* iconic view for ul items */
1381 li#li_create_database {
1382     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_newdb.png);
1383 }
1384
1385 li#li_select_lang {
1386     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_lang.png);
1387 }
1388
1389 li#li_select_mysql_collation {
1390     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
1391 }
1392
1393 li#li_select_theme{
1394     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_theme.png);
1395 }
1396
1397 li#li_user_info{
1398     /* list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png); */
1399 }
1400
1401 li#li_mysql_status{
1402     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_status.png);
1403 }
1404
1405 li#li_mysql_variables{
1406     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_vars.png);
1407 }
1408
1409 li#li_mysql_processes{
1410     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_process.png);
1411 }
1412
1413 li#li_mysql_collations{
1414     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
1415 }
1416
1417 li#li_mysql_engines{
1418     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_engine.png);
1419 }
1420
1421 li#li_mysql_binlogs {
1422     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_tbl.png);
1423 }
1424
1425 li#li_mysql_databases {
1426     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_db.png);
1427 }
1428
1429 li#li_export {
1430     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_export.png);
1431 }
1432
1433 li#li_import {
1434     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_import.png);
1435 }
1436
1437 li#li_change_password {
1438     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_passwd.png);
1439 }
1440
1441 li#li_log_out {
1442     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_loggoff.png);
1443 }
1444
1445 li#li_mysql_privilegs{
1446     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png);
1447 }
1448
1449 li#li_switch_dbstats {
1450     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_dbstatistics.png);
1451 }
1452
1453 li#li_flush_privileges {
1454     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_reload.png);
1455 }
1456
1457 li#li_user_preferences {
1458     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_tblops.png);
1459 }
1460 /* END iconic view for ul items */
1461 <?php } /* end if $GLOBALS['cfg']['MainPageIconic'] */ ?>
1462
1463
1464 #body_browse_foreigners {
1465     background:         <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1466     margin:             0.5em 0.5em 0 0.5em;
1467 }
1468
1469 #bodyquerywindow {
1470     background:         <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1471 }
1472
1473 #bodythemes {
1474     width: 500px;
1475     margin: auto;
1476     text-align: center;
1477 }
1478
1479 #bodythemes img {
1480     border: 0.1em solid black;
1481 }
1482
1483 #bodythemes a:hover img {
1484     border: 0.1em solid red;
1485 }
1486
1487 #fieldset_select_fields {
1488     float: <?php echo $left; ?>;
1489 }
1490
1491 #selflink {
1492     clear: both;
1493     display: block;
1494     margin-top: 1em;
1495     margin-bottom: 1em;
1496     background:#f3f3f3;
1497     width: 100%;
1498     border-top: 0.1em solid silver;
1499     text-align: <?php echo $right; ?>;
1500
1501
1502 }
1503
1504 #table_innodb_bufferpool_usage,
1505 #table_innodb_bufferpool_activity {
1506     float: <?php echo $left; ?>;
1507 }
1508
1509 #div_mysql_charset_collations table {
1510     float: <?php echo $left; ?>;
1511 }
1512
1513 #div_table_order {
1514     min-width: 48%;
1515     float: <?php echo $left; ?>;
1516 }
1517
1518 #div_table_rename {
1519     min-width: 48%;
1520     float: <?php echo $left; ?>;
1521 }
1522
1523 #div_table_copy,
1524 #div_partition_maintenance,
1525 #div_referential_integrity,
1526 #div_table_removal,
1527 #div_table_maintenance {
1528     min-width: 48%;
1529     float: <?php echo $left; ?>;
1530 }
1531
1532 #div_table_options {
1533     clear: both;
1534     min-width: 48%;
1535     float: <?php echo $left; ?>;
1536 }
1537
1538 #qbe_div_table_list {
1539     float: <?php echo $left; ?>;
1540 }
1541
1542 #qbe_div_sql_query {
1543     float: <?php echo $left; ?>;
1544 }
1545
1546 label.desc {
1547     width: 30em;
1548     float: <?php echo $left; ?>;
1549 }
1550
1551 label.desc sup {
1552     position: absolute;
1553 }
1554
1555 code.sql, div.sqlvalidate {
1556     display:            block;
1557     padding:            1em;
1558     margin-top:         0;
1559     margin-bottom:      0;
1560     border-top:         0;
1561     border-bottom:      0;
1562     max-height:         10em;
1563     overflow:           auto;
1564     background:         <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1565 }
1566
1567 #main_pane_left {
1568     width:              60%;
1569     float:              <?php echo $left; ?>;
1570     padding-top:        1em;
1571 }
1572
1573 #main_pane_right {
1574     margin-<?php echo $left; ?>: 60%;
1575     padding-top: 1em;
1576     padding-<?php echo $left; ?>: 1em;
1577 }
1578
1579 .group {
1580
1581     border:1px solid #999;
1582     background:#f3f3f3;
1583     -moz-border-radius:4px;
1584     -webkit-border-radius:4px;
1585     border-radius:4px;
1586     -moz-box-shadow:2px 2px 5px #ccc;
1587     -webkit-box-shadow:2px 2px 5px #ccc;
1588     box-shadow:3px 3px 10px #ddd;
1589     margin-bottom:      1em;
1590     padding-bottom: 1em;
1591 }
1592
1593 .group h2 {
1594     background-color:   #bbb;
1595     padding:            0.1em 0.3em;
1596     margin-top:         0;
1597         color:#fff;
1598     font-size:2em;
1599     font-weight:normal;
1600     text-shadow:0 1px 0 #777;
1601     -moz-box-shadow: 1px 1px 15px  #999 inset;
1602     -webkit-box-shadow: 1px 1px 15px  #999 inset;
1603     box-shadow: 1px 1px 15px  #999 inset;
1604 }
1605
1606 .group-cnt {
1607     padding: 0 0 0 0.5em;
1608     display: inline-block;
1609     width: 98%;
1610 }
1611
1612 /* for elements that should be revealed only via js */
1613 .hide {
1614     display:            none;
1615 }
1616
1617 #li_select_server {
1618     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_host.png);
1619 }
1620
1621 #list_server {
1622     list-style-image: none;
1623 }
1624
1625 /**
1626   *  Progress bar styles
1627   */
1628 div.upload_progress_bar_outer
1629 {
1630     border: 1px solid black;
1631     width: 202px;
1632 }
1633
1634 div.upload_progress_bar_inner
1635 {
1636     background-color: <?php echo (isset($_SESSION['userconf']['custom_color']) ? $_SESSION['userconf']['custom_color'] : $GLOBALS['cfg']['NaviBackground']); ?>;
1637     width: 0px;
1638     height: 12px;
1639     margin: 1px;
1640 }
1641
1642 table#serverconnection_src_remote,
1643 table#serverconnection_trg_remote,
1644 table#serverconnection_src_local,
1645 table#serverconnection_trg_local  {
1646   float:left;
1647 }
1648 /**
1649   *  Validation error message styles
1650   */
1651 .invalid_value
1652 {background:#F00;}
1653
1654 /**
1655   *  Ajax notification styling
1656   */
1657  .ajax_notification {
1658     top: 0px;           /** The notification needs to be shown on the top of the page */
1659     position: fixed;
1660     margin-top: 0;
1661     margin-right: auto;
1662     margin-bottom: 0;
1663     margin-left: auto;
1664     padding: 5px;   /** Keep a little space on the sides of the text */
1665     min-width: 70px;
1666     max-width: 350px;   /** This value might have to be changed */
1667
1668     z-index: 1100;      /** If this is not kept at a high z-index, the jQueryUI modal dialogs (z-index:1000) might hide this */
1669     text-align: center;
1670     display: inline;
1671     left: 0;
1672     right: 0;
1673     background-image: url(./themes/pmahomme/img/ajax_clock_small.gif);
1674     background-repeat: no-repeat;
1675     background-position: 2%;
1676     border:1px solid #e2b709;
1677  }
1678
1679 /* MH additional styles */
1680 .ajax_notification{
1681     margin-top:200px;background:#ffe57e;
1682     border-radius:5px;
1683     -moz-border-radius:5px;
1684     -webkit-border-radius:5px;
1685     box-shadow: 0px 5px 90px #888;
1686     -moz-box-shadow: 0px 5px 90px #888;
1687     -webkit-box-shadow: 0px 5px 90px #888;
1688 }
1689
1690 #loading_parent {
1691     /** Need this parent to properly center the notification division */
1692     position: relative;
1693     width: 100%;
1694  }
1695 /**
1696   * Export and Import styles
1697   */
1698
1699 .exportoptions h3, .importoptions h3 {
1700     border-bottom: 1px #999999 solid;
1701     font-size: 110%;
1702 }
1703
1704 .exportoptions ul, .importoptions ul, .format_specific_options ul {
1705     list-style-type: none;
1706     margin-bottom: 15px;
1707 }
1708
1709 .exportoptions li, .importoptions li {
1710     margin: 7px;
1711 }
1712 .exportoptions label, .importoptions label, .exportoptions p, .importoptions p {
1713     margin: 5px;
1714     float: none;
1715 }
1716
1717 #csv_options label.desc, #ldi_options label.desc, #latex_options label.desc, #output label.desc{
1718     float: left;
1719     width: 15em;
1720 }
1721
1722 .exportoptions, .importoptions {
1723     margin: 20px 30px 30px 10px
1724 }
1725
1726 .exportoptions #buttonGo, .importoptions #buttonGo {
1727     font-weight:bold;
1728     margin-left:14px;
1729         border: 1px solid #aaa;
1730         padding: 5px 12px;
1731         color: #111;
1732         text-decoration: none;
1733         background: #ddd;
1734
1735     border-radius: 12px;
1736         -webkit-border-radius: 12px;
1737         -moz-border-radius: 12px;
1738
1739         text-shadow: 0px 1px 0px #fff;
1740
1741         background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
1742         background: -moz-linear-gradient(top,  #ffffff,  #cccccc);
1743         filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
1744     cursor: pointer;
1745 }
1746 #buttonGo:hover{
1747         background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
1748         background: -moz-linear-gradient(top,  #cccccc,  #dddddd);
1749         filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#dddddd');
1750 }
1751
1752 .format_specific_options h3 {
1753     margin: 10px 0px 0px 10px;
1754     border: 0px;
1755 }
1756
1757 .format_specific_options {
1758     border: 1px solid #999999;
1759     margin: 7px 0px;
1760     padding: 3px;
1761 }
1762
1763 p.desc {
1764     margin: 5px;
1765 }
1766
1767 /**
1768   * Export styles only
1769   */
1770 select#db_select, select#table_select {
1771     width: 400px;
1772 }
1773
1774 .export_sub_options {
1775     margin: 20px 0px 0px 30px;
1776 }
1777
1778 .export_sub_options h4 {
1779     border-bottom: 1px #999999 solid;
1780 }
1781
1782 .export_sub_options li.subgroup {
1783         display: inline-block;
1784         margin-top: 0;
1785 }
1786
1787 .export_sub_options li {
1788         margin-bottom: 0;
1789 }
1790
1791 #quick_or_custom, #output_quick_export {
1792     display: none;
1793 }
1794 /**
1795  * Import styles only
1796  */
1797
1798 .importoptions #import_notification {
1799     margin: 10px 0px;
1800     font-style: italic;
1801 }
1802
1803 input#input_import_file {
1804     margin: 5px;
1805 }
1806
1807 .formelementrow {
1808     margin: 5px 0px 5px 0px;
1809 }
1810
1811 /**
1812  * ENUM/SET editor styles
1813  */
1814 p.enum_notice {
1815     margin: 5px 2px;
1816     font-size: 80%;
1817 }
1818
1819 #enum_editor {
1820     display: none;
1821     position: fixed;
1822     _position: absolute; /* hack for IE */
1823     z-index: 101;
1824     overflow-y: auto;
1825     overflow-x: hidden;
1826 }
1827
1828 #enum_editor_no_js {
1829    margin: auto auto;
1830 }
1831
1832 #enum_editor, #enum_editor_no_js {
1833     background: #D0DCE0;
1834     padding: 15px;
1835 }
1836
1837 #popup_background {
1838     display: none;
1839     position: fixed;
1840     _position: absolute; /* hack for IE6 */
1841     width: 100%;
1842     height: 100%;
1843     top: 0;
1844     left: 0;
1845     background: #000;
1846     z-index: 100;
1847     overflow: hidden;
1848 }
1849
1850 a.close_enum_editor {
1851     float: right;
1852 }
1853
1854 #enum_editor #values, #enum_editor_no_js #values {
1855     margin: 15px 0px;
1856     width: 100%;
1857 }
1858
1859 #enum_editor #values input, #enum_editor_no_js #values input {
1860     margin: 5px 0px;
1861     float: top;
1862     width: 100%;
1863 }
1864
1865 }
1866
1867 #enum_editor_output {
1868     margin-top: 50px;
1869 }
1870
1871 /**
1872  * Table structure styles
1873  */
1874 .structure_actions_dropdown {
1875     position: absolute;
1876     padding: 3px;
1877     display: none;
1878     z-index: 100;
1879 }
1880
1881 td.more_opts {
1882     white-space: nowrap;
1883 }
1884
1885 iframe.IE_hack {
1886     z-index: 1;
1887     position: absolute;
1888     display: none;
1889     border: 0;
1890     filter: alpha(opacity=0);
1891 }
1892
1893 /* config forms */
1894 .config-form ul.tabs {
1895     margin:      1.1em 0.2em 0;
1896     padding:     0 0 0.3em 0;
1897     list-style:  none;
1898     font-weight: bold;
1899 }
1900
1901 .config-form ul.tabs li {
1902     float: <?php echo $left; ?>;
1903 }
1904
1905 .config-form ul.tabs li a {
1906     display:          block;
1907     margin:           0.1em 0.2em 0;
1908     white-space:      nowrap;
1909     text-decoration:  none;
1910     border:           1px solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1911     border-bottom:    none;
1912 }
1913
1914 /*MH*/
1915 .config-form ul.tabs li a {
1916     padding:7px 10px;
1917     -moz-border-radius:5px 5px 0 0;
1918     -webkit-border-radius:5px 5px 0 0;
1919     border-radius:5px 5px 0 0;
1920     background:#d5d5d5;
1921     color:#fff;
1922 }
1923
1924 .config-form ul.tabs li a:hover,
1925 .config-form ul.tabs li a:active,
1926 .config-form ul.tabs li a.active {
1927     /*margin:           0;*/
1928     /*padding:          0.1em 0.6em 0.2em;*/
1929 }
1930
1931 .config-form ul.tabs li a.active {
1932     background-color: #fff;
1933     margin-top:1px;
1934     color:#000;
1935 }
1936
1937 .config-form fieldset {
1938     margin-top:   0;
1939     padding:      0;
1940     clear:        both;
1941     /*border-color: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;*/
1942 }
1943
1944 .config-form legend {
1945     display: none;
1946 }
1947
1948 .config-form fieldset p {
1949     margin:    0;
1950     padding:   0.5em;
1951     background: #fff;
1952     border-top:0px;
1953 }
1954
1955 .config-form fieldset .errors { /* form error list */
1956     margin:       0 -2px 1em -2px;
1957     padding:      0.5em 1.5em;
1958     background:   #FBEAD9;
1959     border:       0 #C83838 solid;
1960     border-width: 1px 0;
1961     list-style:   none;
1962     font-family:  sans-serif;
1963     font-size:    small;
1964 }
1965
1966 .config-form fieldset .inline_errors { /* field error list */
1967     margin:     0.3em 0.3em 0.3em 0;
1968     padding:    0;
1969     list-style: none;
1970     color:      #9A0000;
1971         font-size:  small;
1972 }
1973
1974 .config-form fieldset th {
1975     padding:        0.3em 0.3em 0.3em 0.5em;
1976     text-align:     left;
1977     vertical-align: top;
1978     width:          40%;
1979     background:     transparent;
1980 }
1981
1982 .config-form fieldset .doc, .config-form fieldset .disabled-notice {
1983     margin-left: 1em;
1984 }
1985
1986 .config-form fieldset .disabled-notice {
1987     font-size: 80%;
1988     text-transform: uppercase;
1989     color: #E00;
1990     cursor: help;
1991 }
1992
1993 .config-form fieldset td {
1994     padding-top:    0.3em;
1995     padding-bottom: 0.3em;
1996     vertical-align: top;
1997 }
1998
1999 .config-form fieldset th small {
2000     display:     block;
2001     font-weight: normal;
2002     font-family: sans-serif;
2003     font-size:   x-small;
2004     color:       #444;
2005 }
2006
2007 .config-form fieldset th, .config-form fieldset td {
2008     border-top: 1px <?php echo $GLOBALS['cfg']['BgTwo']; ?> solid;
2009 }
2010
2011 fieldset .group-header th {
2012     background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
2013 }
2014
2015 fieldset .group-header + tr th {
2016     padding-top: 0.6em;
2017 }
2018
2019 fieldset .group-field-1 th, fieldset .group-header-2 th {
2020     padding-left: 1.5em;
2021 }
2022
2023 fieldset .group-field-2 th, fieldset .group-header-3 th {
2024     padding-left: 3em;
2025 }
2026
2027 fieldset .group-field-3 th {
2028     padding-left: 4.5em;
2029 }
2030
2031 fieldset .disabled-field th,
2032 fieldset .disabled-field th small,
2033 fieldset .disabled-field td {
2034     color: #666;
2035     background-color: #ddd;
2036 }
2037
2038 .config-form .lastrow {
2039     border-top: 1px #000 solid;
2040 }
2041
2042 .config-form .lastrow {
2043     background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;;
2044     padding:    0.5em;
2045     text-align: center;
2046 }
2047
2048 .config-form .lastrow input {
2049     font-weight: bold;
2050 }
2051
2052 /* form elements */
2053
2054 .config-form span.checkbox {
2055     padding: 2px;
2056     display: inline-block;
2057 }
2058
2059 .config-form .custom { /* customized field */
2060     background: #FFC;
2061 }
2062
2063 .config-form span.checkbox.custom {
2064     padding:    1px;
2065     border:     1px #EDEC90 solid;
2066     background: #FFC;
2067 }
2068
2069 .config-form .field-error {
2070     border-color: #A11 !important;
2071 }
2072
2073 .config-form input[type="text"],
2074 .config-form select,
2075 .config-form textarea {
2076     border: 1px #A7A6AA solid;
2077     height: auto;
2078 }
2079
2080 .config-form input[type="text"]:focus,
2081 .config-form select:focus,
2082 .config-form textarea:focus {
2083     border:     1px #6676FF solid;
2084     background: #F7FBFF;
2085 }
2086
2087 .config-form .field-comment-mark {
2088     font-family: serif;
2089     color: #007;
2090     cursor: help;
2091     padding: 0 0.2em;
2092     font-weight: bold;
2093     font-style: italic;
2094 }
2095
2096 .config-form .field-comment-warning {
2097     color: #A00;
2098 }
2099
2100 /* error list */
2101 .config-form dd {
2102     margin-left: 0.5em;
2103 }
2104
2105 .config-form dd:before {
2106     content: "\25B8  ";
2107 }
2108
2109 .click-hide-message {
2110     cursor: pointer;
2111 }
2112
2113 .prefsmanage_opts {
2114     margin-<?php echo $left; ?>: 2em;
2115 }
2116
2117 #prefs_autoload {
2118     margin-bottom: 0.5em;
2119 }