phpmyadmin/themes/pmahomme/css/common.css.php

   1 <?php
   2 /* vim: set expandtab sw=4 ts=4 sts=4: */
   3 /**
   4  * Common styles for the pmahomme theme
   5  *
   6  * @package    PhpMyAdmin-theme
   7  * @subpackage PMAHomme
   8  */
   9
  10 // unplanned execution path
  11 if (! defined('PMA_MINIMUM_COMMON') && ! defined('TESTSUITE')) {
  12     exit();
  13 }
  14 ?>
  15 /******************************************************************************/
  16
  17 /* general tags */
  18 html {
  19     font-size: <?php echo $_SESSION['PMA_Theme']->getFontSize(); ?>
  20 }
  21
  22 input,
  23 select,
  24 textarea {
  25     font-size: 1em;
  26 }
  27
  28
  29 body {
  30 <?php if (! empty($GLOBALS['cfg']['FontFamily'])) { ?>
  31     font-family: <?php echo $GLOBALS['cfg']['FontFamily']; ?>;
  32 <?php } ?>
  33     padding: 0;
  34     margin: 0;
  35     margin-<?php echo $left; ?>: 240px;
  36     color: #444;
  37     background: #fff;
  38 }
  39
  40 body#loginform {
  41     margin: 0;
  42 }
  43
  44 #page_content {
  45     margin: 0 .5em;
  46 }
  47
  48 <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
  49 textarea,
  50 tt,
  51 pre,
  52 code {
  53     font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
  54 }
  55 <?php } ?>
  56
  57
  58 h1 {
  59     font-size: 140%;
  60     font-weight: bold;
  61 }
  62
  63 h2 {
  64     font-size: 2em;
  65     font-weight: normal;
  66     text-shadow: 0 1px 0 #fff;
  67     padding: 10px 0 10px;
  68     padding-<?php echo $left; ?>: 3px;
  69     color: #777;
  70 }
  71
  72 /* Hiding icons in the page titles */
  73 h2 img {
  74     display: none;
  75 }
  76
  77 h2 a img {
  78     display: inline;
  79 }
  80
  81 .data,
  82 .data_full_width {
  83     margin: 0 0 12px;
  84 }
  85
  86 .data_full_width {
  87     width: 100%;
  88 }
  89
  90 #table_results td.data {
  91 border-right: 1px solid #bbb;
  92 }
  93
  94 h3 {
  95     font-weight: bold;
  96 }
  97
  98 a,
  99 a:link,
 100 a:visited,
 101 a:active {
 102     text-decoration: none;
 103     color: #235a81;
 104     cursor: pointer;
 105     outline: none;
 106
 107 }
 108
 109 a:hover {
 110     text-decoration: underline;
 111     color: #235a81;
 112 }
 113
 114 #initials_table {
 115     background: #f3f3f3;
 116     border: 1px solid #aaa;
 117     margin-bottom: 10px;
 118     -moz-border-radius: 5px;
 119     -webkit-border-radius: 5px;
 120     border-radius: 5px;
 121 }
 122
 123 #initials_table td {
 124     padding: 8px !important;
 125 }
 126
 127 #initials_table a {
 128     border: 1px solid #aaa;
 129     background: #fff;
 130     padding: 4px 8px;
 131     -moz-border-radius: 5px;
 132     -webkit-border-radius: 5px;
 133     border-radius: 5px;
 134     <?php echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'cccccc'); ?>
 135 }
 136
 137 dfn {
 138     font-style: normal;
 139 }
 140
 141 dfn:hover {
 142     font-style: normal;
 143     cursor: help;
 144 }
 145
 146 th {
 147     font-weight: bold;
 148     color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
 149     background: #f3f3f3;
 150     <?php echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'cccccc'); ?>
 151 }
 152
 153 a img {
 154     border: 0;
 155 }
 156
 157 hr {
 158     color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
 159     background-color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
 160     border: 0;
 161     height: 1px;
 162 }
 163
 164 form {
 165     padding: 0;
 166     margin: 0;
 167     display: inline;
 168 }
 169
 170 input[type=text] {
 171     border-radius: 2px;
 172     -moz-border-radius: 2px;
 173     -webkit-border-radius: 2px;
 174
 175     box-shadow: 0 1px 2px #ddd;
 176     -moz-box-shadow: 0 1px 2px #ddd;
 177     -webkit-box-shadow: 0 1px 2px #ddd;
 178
 179     background: white;
 180     border: 1px solid #aaa;
 181     color: #555;
 182     padding: 4px;
 183     margin: 6px;
 184
 185 }
 186
 187 input[type=password] {
 188     border-radius: 2px;
 189     -moz-border-radius: 2px;
 190     -webkit-border-radius: 2px;
 191
 192     box-shadow: 0 1px 2px #ddd;
 193     -moz-box-shadow: 0 1px 2px #ddd;
 194     -webkit-box-shadow: 0 1px 2px #ddd;
 195
 196     background: white;
 197     border: 1px solid #aaa;
 198     color: #555;
 199     padding: 4px;
 200     margin: 6px;
 201
 202 }
 203
 204 input[type=submit],
 205 button[type=submit]:not(.mult_submit) {
 206     font-weight: bold !important;
 207 }
 208
 209 input[type=submit],
 210 button[type=submit]:not(.mult_submit),
 211 input[type=reset],
 212 input[name=submit_reset],
 213 input.button {
 214     margin-left: 14px;
 215     border: 1px solid #aaa;
 216     padding: 3px 7px;
 217     color: #111;
 218     text-decoration: none;
 219     background: #ddd;
 220
 221     border-radius: 12px;
 222     -webkit-border-radius: 12px;
 223     -moz-border-radius: 12px;
 224
 225     text-shadow: 0 1px 0 #fff;
 226
 227     <?php echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'cccccc'); ?>
 228 }
 229
 230 input[type=submit]:hover,
 231 button[type=submit]:not(.mult_submit):hover,
 232 input[type=reset]:hover,
 233 input[name=submit_reset]:hover,
 234 input.button:hover {
 235     position: relative;
 236     <?php echo $_SESSION['PMA_Theme']->getCssGradient('cccccc', 'dddddd'); ?>
 237     cursor: pointer;
 238 }
 239
 240 input[type=submit]:active,
 241 button[type=submit]:not(.mult_submit):active,
 242 input[type=reset]:active,
 243 input[name=submit_reset]:active,
 244 input.button:active {
 245     position: relative;
 246     top: 1px;
 247     left: 1px;
 248 }
 249
 250 textarea {
 251     overflow: visible;
 252     height: <?php echo ceil($GLOBALS['cfg']['TextareaRows'] * 1.2); ?>em;
 253 }
 254
 255 textarea.char {
 256     height: <?php echo ceil($GLOBALS['cfg']['CharTextareaRows'] * 1.2); ?>em;
 257 }
 258
 259 fieldset {
 260     margin-top: 1em;
 261     border-radius: 4px 4px 0 0;
 262     -moz-border-radius: 4px 4px 0 0;
 263     -webkit-border-radius: 4px 4px 0 0;
 264     border: #aaa solid 1px;
 265     padding: 1.5em;
 266     background: #eee;
 267     text-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 2px #fff inset;
 268     -moz-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 2px #fff inset;
 269     -webkit-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 2px #fff inset;
 270     box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 2px #fff inset;
 271 }
 272
 273 fieldset fieldset {
 274     margin: .8em;
 275     background: #fff;
 276     border: 1px solid #aaa;
 277     background: #E8E8E8;
 278
 279 }
 280
 281 fieldset legend {
 282     font-weight: bold;
 283     color: #444;
 284     padding: 5px 10px;
 285     border-radius: 2px;
 286     -moz-border-radius: 2px;
 287     -webkit-border-radius: 2px;
 288     border: 1px solid #aaa;
 289     background-color: #fff;
 290     -moz-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>3px 3px 15px #bbb;
 291     -webkit-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>3px 3px 15px #bbb;
 292     box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>3px 3px 15px #bbb;
 293 }
 294
 295 .some-margin {
 296     margin: 1.5em;
 297 }
 298
 299 /* buttons in some browsers (eg. Konqueror) are block elements,
 300    this breaks design */
 301 button {
 302     display: inline;
 303 }
 304
 305 table caption,
 306 table th,
 307 table td {
 308     padding: .3em;
 309     margin: .1em;
 310     vertical-align: top;
 311     text-shadow: 0 1px 0 #fff;
 312 }
 313
 314 /* 3.4 */
 315 table {
 316     border-collapse: collapse;
 317 }
 318
 319 th {
 320     border-right: 1px solid #fff;
 321     text-align: left;
 322 }
 323
 324
 325 img,
 326 button {
 327     vertical-align: middle;
 328 }
 329
 330 input[type="checkbox"],
 331 input[type="radio"] {
 332     vertical-align: -11%;
 333 }
 334
 335
 336 select {
 337     -moz-border-radius: 2px;
 338     -webkit-border-radius: 2px;
 339     border-radius: 2px;
 340
 341     -moz-box-shadow: 0 1px 2px #ddd;
 342     -webkit-box-shadow: 0 1px 2px #ddd;
 343     box-shadow: 0 1px 2px #ddd;
 344
 345     border: 1px solid #aaa;
 346     color: #333;
 347     padding: 3px;
 348     background: white;
 349 }
 350
 351 select[multiple] {
 352     <?php echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'f2f2f2'); ?>
 353 }
 354
 355 /******************************************************************************/
 356 /* classes */
 357 .clearfloat {
 358     clear: both;
 359 }
 360
 361 .floatleft {
 362     float: <?php echo $left; ?>;
 363     margin-<?php echo $right; ?>: 1em;
 364 }
 365
 366 .floatright {
 367     float: <?php echo $right; ?>;
 368 }
 369
 370 .center {
 371     text-align: center;
 372 }
 373
 374 table.nospacing {
 375     border-spacing: 0;
 376 }
 377
 378 table.nopadding tr th, table.nopadding tr td {
 379     padding: 0;
 380 }
 381
 382 th.left, td.left {
 383     text-align: left;
 384 }
 385
 386 th.center, td.center {
 387     text-align: center;
 388 }
 389
 390 th.right, td.right {
 391     text-align: right;
 392 }
 393
 394 tr.vtop th, tr.vtop td, th.vtop, td.vtop {
 395     vertical-align: top;
 396 }
 397
 398 tr.vmiddle th, tr.vmiddle td, th.vmiddle, td.vmiddle {
 399     vertical-align: middle;
 400 }
 401
 402 tr.vbottom th, tr.vbottom td, th.vbottom, td.vbottom {
 403     vertical-align: bottom;
 404 }
 405
 406 .paddingtop {
 407     padding-top: 1em;
 408 }
 409
 410 .separator {
 411     color: #fff;
 412     text-shadow: 0 1px 0 #000;
 413 }
 414
 415 div.tools {
 416     /* border: 1px solid #000; */
 417     padding: .2em;
 418 }
 419
 420 div.tools a {
 421     color: #3a7ead !important;
 422 }
 423
 424 div.tools,
 425 fieldset.tblFooters {
 426     margin-top: 0;
 427     margin-bottom: .5em;
 428     /* avoid a thick line since this should be used under another fieldset */
 429     border-top: 0;
 430     text-align: <?php echo $right; ?>;
 431     float: none;
 432     clear: both;
 433     -webkit-border-radius: 0 0 4px 4px;
 434     -moz-border-radius: 0 0 4px 4px;
 435     border-radius: 0 0 4px 5px;
 436 }
 437
 438 div.null_div {
 439     height: 20px;
 440     text-align: center;
 441     font-style: normal;
 442     min-width: 50px;
 443 }
 444
 445 fieldset .formelement {
 446     float: <?php echo $left; ?>;
 447     margin-<?php echo $right; ?>: .5em;
 448     /* IE */
 449     white-space: nowrap;
 450 }
 451
 452 /* revert for Gecko */
 453 fieldset div[class=formelement] {
 454     white-space: normal;
 455 }
 456
 457 button.mult_submit {
 458     border: none;
 459     background-color: transparent;
 460 }
 461
 462 /* odd items 1,3,5,7,... */
 463 table tr.odd th,
 464 .odd {
 465     background: #fff;
 466     <?php echo $_SESSION['PMA_Theme']->getCssIEClearFilter(); ?>
 467 }
 468
 469 /* even items 2,4,6,8,... */
 470 /* (tested on CRTs and ACLs) */
 471 table tr.even th,
 472 .even {
 473     background: #DFDFDF;
 474     <?php echo $_SESSION['PMA_Theme']->getCssIEClearFilter(); ?>
 475 }
 476
 477 /* odd table rows 1,3,5,7,... */
 478 table tr.odd th,
 479 table tr.odd,
 480 table tr.even th,
 481 table tr.even {
 482     text-align: <?php echo $left; ?>;
 483 }
 484
 485 <?php if ($GLOBALS['cfg']['BrowseMarkerEnable']) { ?>
 486 /* marked table rows */
 487 td.marked,
 488 table tr.marked td,
 489 table tr.marked th,
 490 table tr.marked {
 491     <?php echo $_SESSION['PMA_Theme']->getCssGradient('ced6df', 'b6c6d7'); ?>
 492     color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
 493 }
 494 <?php } ?>
 495
 496 <?php if ($GLOBALS['cfg']['BrowsePointerEnable']) { ?>
 497 /* hovered items */
 498 .odd:hover,
 499 .even:hover,
 500 .hover {
 501     <?php echo $_SESSION['PMA_Theme']->getCssGradient('ced6df', 'b6c6d7'); ?>
 502     color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
 503 }
 504
 505 /* hovered table rows */
 506 table tr.odd:hover th,
 507 table tr.even:hover th,
 508 table tr.hover th {
 509     <?php echo $_SESSION['PMA_Theme']->getCssGradient('ced6df', 'b6c6d7'); ?>
 510     color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
 511 }
 512 <?php } ?>
 513
 514 /**
 515  * marks table rows/cells if the db field is in a where condition
 516  */
 517 .condition {
 518     border-color: <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?> !important;
 519 }
 520
 521 th.condition {
 522     border-width: 1px 1px 0 1px;
 523     border-style: solid;
 524 }
 525
 526 td.condition {
 527     border-width: 0 1px 0 1px;
 528     border-style: solid;
 529 }
 530
 531 tr:last-child td.condition {
 532     border-width: 0 1px 1px 1px;
 533 }
 534
 535 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
 536 /* for first th which must have right border set (ltr only) */
 537 .before-condition {
 538     border-right: 1px solid <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
 539 }
 540 <?php } ?>
 541
 542 /**
 543  * cells with the value NULL
 544  */
 545 td.null {
 546     font-style: italic;
 547     text-align: <?php echo $right; ?>;
 548 }
 549
 550 table .valueHeader {
 551     text-align: <?php echo $right; ?>;
 552     white-space: normal;
 553 }
 554 table .value {
 555     text-align: <?php echo $right; ?>;
 556     white-space: normal;
 557 }
 558 /* IE doesnt handles 'pre' right */
 559 table [class=value] {
 560     white-space: normal;
 561 }
 562
 563
 564 <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
 565 .value {
 566     font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
 567 }
 568 <?php } ?>
 569 .attention {
 570     color: red;
 571     font-weight: bold;
 572 }
 573 .allfine {
 574     color: green;
 575 }
 576
 577
 578 img.lightbulb {
 579     cursor: pointer;
 580 }
 581
 582 .pdflayout {
 583     overflow: hidden;
 584     clip: inherit;
 585     background-color: #fff;
 586     display: none;
 587     border: 1px solid #000;
 588     position: relative;
 589 }
 590
 591 .pdflayout_table {
 592     background: #D3DCE3;
 593     color: #000;
 594     overflow: hidden;
 595     clip: inherit;
 596     z-index: 2;
 597     display: inline;
 598     visibility: inherit;
 599     cursor: move;
 600     position: absolute;
 601     font-size: 80%;
 602     border: 1px dashed #000;
 603 }
 604
 605 /* MySQL Parser */
 606 .syntax {
 607     font-family: Verdana, 'Segoe UI', Arial, Tahoma;
 608     font-size: 110%;
 609 }
 610
 611 .syntax a {
 612     text-decoration: none;
 613     border-bottom: 1px dotted #000;
 614 }
 615
 616 .syntax_comment {
 617     padding-left: 4pt;
 618     padding-right: 4pt;
 619 }
 620
 621 .syntax_digit {
 622 }
 623
 624 .syntax_digit_hex {
 625 }
 626
 627 .syntax_digit_integer {
 628 }
 629
 630 .syntax_digit_float {
 631 }
 632
 633 .syntax_punct {
 634 }
 635
 636 .syntax_alpha {
 637 }
 638
 639 .syntax_alpha_columnType {
 640     text-transform: uppercase;
 641 }
 642
 643 .syntax_alpha_columnAttrib {
 644     text-transform: uppercase;
 645 }
 646
 647 .syntax_alpha_reservedWord {
 648     text-transform: uppercase;
 649     font-weight: bold;
 650 }
 651
 652 .syntax_alpha_functionName {
 653     text-transform: uppercase;
 654 }
 655
 656 .syntax_alpha_identifier {
 657 }
 658
 659 .syntax_alpha_charset {
 660 }
 661
 662 .syntax_alpha_variable {
 663 }
 664
 665 .syntax_quote {
 666     white-space: pre;
 667 }
 668
 669 .syntax_quote_backtick {
 670 }
 671
 672 /* no extra space in table cells */
 673 td .icon {
 674     margin: 0;
 675 }
 676
 677 .selectallarrow {
 678     margin-<?php echo $right; ?>: .3em;
 679     margin-<?php echo $left; ?>: .6em;
 680 }
 681
 682 /* message boxes: error, confirmation */
 683 #pma_errors {
 684     padding: 0 0.5em;
 685 }
 686
 687 .success h1,
 688 .notice h1,
 689 div.error h1 {
 690     border-bottom: 2px solid;
 691     font-weight: bold;
 692     text-align: <?php echo $left; ?>;
 693     margin: 0 0 .2em 0;
 694 }
 695
 696 div.success,
 697 div.notice,
 698 div.error {
 699     margin: .5em 0 1.3em;
 700     border: 1px solid;
 701     background-repeat: no-repeat;
 702         <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
 703     background-position: 10px 50%;
 704     padding: 10px 10px 10px 10px;
 705         <?php } else { ?>
 706     background-position: 99% 50%;
 707     padding: 10px 35px 10px 10px;
 708         <?php } ?>
 709
 710     -moz-border-radius: 5px;
 711     -webkit-border-radius: 5px;
 712     border-radius: 5px;
 713
 714     -moz-box-shadow: 0 1px 1px #fff inset;
 715     -webkit-box-shadow: 0 1px 1px #fff inset;
 716     box-shadow: 0 1px 1px #fff inset;
 717 }
 718
 719 .success a,
 720 .notice a,
 721 .error a {
 722     text-decoration: underline;
 723 }
 724
 725 .success {
 726     color: #000;
 727     background-color: #ebf8a4;
 728 }
 729
 730 h1.success,
 731 div.success {
 732     border-color: #a2d246;
 733 }
 734 .success h1 {
 735     border-color: #00FF00;
 736 }
 737
 738 .notice {
 739     color: #000;
 740     background-color: #e8eef1;
 741 }
 742
 743 h1.notice,
 744 div.notice {
 745     border-color: #3a6c7e;
 746 }
 747
 748 .notice h1 {
 749     border-color: #ffb10a;
 750 }
 751
 752 .error {
 753     border: 1px solid maroon !important;
 754     color: #000;
 755     background: pink;
 756 }
 757
 758 h1.error,
 759 div.error {
 760     border-color: #333;
 761 }
 762
 763 div.error h1 {
 764     border-color: #ff0000;
 765 }
 766
 767 .confirmation {
 768     color: #000;
 769     background-color: pink;
 770 }
 771
 772 fieldset.confirmation {
 773 }
 774
 775 fieldset.confirmation legend {
 776 }
 777
 778 /* end messageboxes */
 779
 780 .tblcomment {
 781     font-size: 70%;
 782     font-weight: normal;
 783     color: #000099;
 784 }
 785
 786 .tblHeaders {
 787     font-weight: bold;
 788     color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
 789     background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
 790 }
 791
 792 div.tools,
 793 .tblFooters {
 794     font-weight: normal;
 795     color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
 796     background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
 797 }
 798
 799 .tblHeaders a:link,
 800 .tblHeaders a:active,
 801 .tblHeaders a:visited,
 802 div.tools a:link,
 803 div.tools a:visited,
 804 div.tools a:active,
 805 .tblFooters a:link,
 806 .tblFooters a:active,
 807 .tblFooters a:visited {
 808     color: #0000FF;
 809 }
 810
 811 .tblHeaders a:hover,
 812 div.tools a:hover,
 813 .tblFooters a:hover {
 814     color: #FF0000;
 815 }
 816
 817 /* forbidden, no privileges */
 818 .noPrivileges {
 819     color: #FF0000;
 820     font-weight: bold;
 821 }
 822
 823 /* disabled text */
 824 .disabled,
 825 .disabled a:link,
 826 .disabled a:active,
 827 .disabled a:visited {
 828     color: #666;
 829 }
 830
 831 .disabled a:hover {
 832     color: #666;
 833     text-decoration: none;
 834 }
 835
 836 tr.disabled td,
 837 td.disabled {
 838     background-color: #f3f3f3;
 839     color: #aaa;
 840 }
 841
 842 .nowrap {
 843     white-space: nowrap;
 844 }
 845
 846 /**
 847  * login form
 848  */
 849 body#loginform h1,
 850 body#loginform a.logo {
 851     display: block;
 852     text-align: center;
 853 }
 854
 855 body#loginform {
 856     margin-top: 1em;
 857     text-align: center;
 858 }
 859
 860 body#loginform div.container {
 861     text-align: <?php echo $left; ?>;
 862     width: 30em;
 863     margin: 0 auto;
 864 }
 865
 866 form.login label {
 867     float: <?php echo $left; ?>;
 868     width: 10em;
 869     font-weight: bolder;
 870 }
 871
 872 .commented_column {
 873     border-bottom: 1px dashed #000;
 874 }
 875
 876 .column_attribute {
 877     font-size: 70%;
 878 }
 879
 880 /******************************************************************************/
 881 /* specific elements */
 882
 883 /* topmenu */
 884 #topmenu a {
 885     text-shadow: 0 1px 0 #fff;
 886 }
 887
 888 #topmenu .error {
 889     background: #eee;border: 0 !important;color: #aaa;
 890 }
 891
 892 ul#topmenu,
 893 ul#topmenu2,
 894 ul.tabs {
 895     font-weight: bold;
 896     list-style-type: none;
 897     margin: 0;
 898     padding: 0;
 899
 900 }
 901
 902 ul#topmenu2 {
 903     margin: .25em .5em 0;
 904     height: 2em;
 905     clear: both;
 906 }
 907
 908 ul#topmenu li,
 909 ul#topmenu2 li {
 910     float: <?php echo $left; ?>;
 911     margin: 0;
 912     vertical-align: middle;
 913 }
 914
 915 #topmenu img,
 916 #topmenu2 img {
 917     margin-right: .5em;
 918     vertical-align: -3px;
 919 }
 920
 921 .menucontainer {
 922     <?php echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'dcdcdc'); ?>
 923     border-top: 1px solid #aaa;
 924 }
 925
 926 /* default tab styles */
 927 .tabactive {
 928     background: #fff !important;
 929 }
 930
 931 ul#topmenu2 a {
 932     display: block;
 933     margin: 7px 6px 7px;
 934     margin-<?php echo $left; ?>: 0;
 935     padding: 4px 10px;
 936     white-space: nowrap;
 937     border: 1px solid #ddd;
 938     border-radius: 20px;
 939     -moz-border-radius: 20px;
 940     -webkit-border-radius: 20px;
 941     background: #f2f2f2;
 942
 943 }
 944
 945 fieldset.caution a {
 946     color: #FF0000;
 947 }
 948 fieldset.caution a:hover {
 949     color: #fff;
 950     background-color: #FF0000;
 951 }
 952
 953 #topmenu {
 954     margin-top: .5em;
 955     padding: .1em .3em;
 956 }
 957
 958 ul#topmenu ul {
 959     -moz-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 6px #ddd;
 960     -webkit-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>2px 2px 3px #666;
 961     box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>2px 2px 3px #666;
 962 }
 963
 964 ul#topmenu ul.only {
 965     <?php echo $left; ?>: 0;
 966 }
 967
 968 ul#topmenu > li {
 969     border-right: 1px solid #fff;
 970     border-left: 1px solid #ccc;
 971 }
 972
 973 /* default tab styles */
 974 ul#topmenu a,
 975 ul#topmenu span {
 976     padding: .6em;
 977 }
 978
 979 ul#topmenu ul a {
 980     border-width: 1pt 0 0 0;
 981     -moz-border-radius: 0;
 982     -webkit-border-radius: 0;
 983     border-radius: 0;
 984 }
 985
 986 ul#topmenu ul li:first-child a {
 987     border-width: 0;
 988 }
 989
 990 /* enabled hover/active tabs */
 991 ul#topmenu > li > a:hover,
 992 ul#topmenu > li > .tabactive {
 993     text-decoration: none;
 994 }
 995
 996 ul#topmenu ul a:hover,
 997 ul#topmenu ul .tabactive {
 998     text-decoration: none;
 999 }
1000
1001 ul#topmenu a.tab:hover,
1002 ul#topmenu .tabactive {
1003     /* background-color: <?php echo $GLOBALS['cfg']['MainBackground']; ?>;  */
1004 }
1005
1006 ul#topmenu2 a.tab:hover,
1007 ul#topmenu2 a.tabactive {
1008     background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1009     border-radius: .3em;
1010     -moz-border-radius: .3em;
1011     -webkit-border-radius: .3em;
1012     text-decoration: none;
1013 }
1014
1015 /* to be able to cancel the bottom border, use <li class="active"> */
1016 ul#topmenu > li.active {
1017     /* border-bottom: 0pt solid <?php echo $GLOBALS['cfg']['MainBackground']; ?>; */
1018     border-right: 0;
1019 }
1020 /* end topmenu */
1021
1022 /* zoom search */
1023 div#dataDisplay input,
1024 div#dataDisplay select {
1025     margin: 0;
1026     margin-<?php echo $right; ?>: .5em;
1027 }
1028 div#dataDisplay th {
1029     line-height: 2em;
1030 }
1031
1032 /* Calendar */
1033 table.calendar {
1034     width: 100%;
1035 }
1036 table.calendar td {
1037     text-align: center;
1038 }
1039 table.calendar td a {
1040     display: block;
1041 }
1042
1043 table.calendar td a:hover {
1044     background-color: #CCFFCC;
1045 }
1046
1047 table.calendar th {
1048     background-color: #D3DCE3;
1049 }
1050
1051 table.calendar td.selected {
1052     background-color: #FFCC99;
1053 }
1054
1055 img.calendar {
1056     border: none;
1057 }
1058 form.clock {
1059     text-align: center;
1060 }
1061 /* end Calendar */
1062
1063
1064 /* table stats */
1065 div#tablestatistics table {
1066     float: <?php echo $left; ?>;
1067     margin-bottom: .5em;
1068     margin-<?php echo $right; ?>: 1.5em;
1069     margin-top: .5em;
1070 }
1071
1072 /* END table stats */
1073
1074
1075 /* server privileges */
1076 #tableuserrights td,
1077 #tablespecificuserrights td,
1078 #tabledatabases td {
1079     vertical-align: middle;
1080 }
1081 /* END server privileges */
1082
1083
1084 /* Heading */
1085 #topmenucontainer {
1086     padding-<?php echo $right; ?>: 1em;
1087     width: 100%;
1088 }
1089
1090 #serverinfo {
1091     border-bottom: 1px solid #fff;
1092     background: #888;
1093     padding: .3em .9em;
1094     padding-<?php echo $left; ?>: 2.2em;
1095     text-shadow: 0 1px 0 #000;
1096     width: 10000px;
1097     overflow: hidden;
1098 }
1099
1100 #serverinfo .item {
1101     white-space: nowrap;
1102     color: #fff;
1103     float: <?php echo $left; ?>
1104 }
1105
1106 #goto_pagetop {
1107     position: fixed;
1108     padding: .25em .25em .2em;
1109     top: 0;
1110     <?php echo $right; ?>: 0;
1111     z-index: 900;
1112     background: #888;
1113 }
1114
1115 #span_table_comment {
1116     font-weight: normal;
1117     font-style: italic;
1118     white-space: nowrap;
1119 }
1120
1121 #serverinfo img {
1122     margin: 0 .1em 0;
1123     margin-<?php echo $left; ?>: .2em;
1124 }
1125
1126
1127 #textSQLDUMP {
1128     width: 95%;
1129     height: 95%;
1130     font-family: Consolas, "Courier New", Courier, mono;
1131     font-size: 110%;
1132 }
1133
1134 #TooltipContainer {
1135     position: absolute;
1136     z-index: 99;
1137     width: 20em;
1138     height: auto;
1139     overflow: visible;
1140     visibility: hidden;
1141     background-color: #ffffcc;
1142     color: #006600;
1143     border: .1em solid #000;
1144     padding: .5em;
1145 }
1146
1147 /* user privileges */
1148 #fieldset_add_user_login div.item {
1149     border-bottom: 1px solid silver;
1150     padding-bottom: .3em;
1151     margin-bottom: .3em;
1152 }
1153
1154 #fieldset_add_user_login label {
1155     float: <?php echo $left; ?>;
1156     display: block;
1157     width: 10em;
1158     max-width: 100%;
1159     text-align: <?php echo $right; ?>;
1160     padding-<?php echo $right; ?>: .5em;
1161 }
1162
1163 #fieldset_add_user_login span.options #select_pred_username,
1164 #fieldset_add_user_login span.options #select_pred_hostname,
1165 #fieldset_add_user_login span.options #select_pred_password {
1166     width: 100%;
1167     max-width: 100%;
1168 }
1169
1170 #fieldset_add_user_login span.options {
1171     float: <?php echo $left; ?>;
1172     display: block;
1173     width: 12em;
1174     max-width: 100%;
1175     padding-<?php echo $right; ?>: .5em;
1176 }
1177
1178 #fieldset_add_user_login input {
1179     width: 12em;
1180     clear: <?php echo $right; ?>;
1181     max-width: 100%;
1182 }
1183
1184 #fieldset_add_user_login span.options input {
1185     width: auto;
1186 }
1187
1188 #fieldset_user_priv div.item {
1189     float: <?php echo $left; ?>;
1190     width: 9em;
1191     max-width: 100%;
1192 }
1193
1194 #fieldset_user_priv div.item div.item {
1195     float: none;
1196 }
1197
1198 #fieldset_user_priv div.item label {
1199     white-space: nowrap;
1200 }
1201
1202 #fieldset_user_priv div.item select {
1203     width: 100%;
1204 }
1205
1206 #fieldset_user_global_rights fieldset {
1207     float: <?php echo $left; ?>;
1208 }
1209 /* END user privileges */
1210
1211
1212 /* serverstatus */
1213
1214 .linkElem:hover {
1215     text-decoration: underline;
1216     color: #235a81;
1217     cursor: pointer;
1218 }
1219
1220 h3#serverstatusqueries span {
1221     font-size: 60%;
1222     display: inline;
1223 }
1224
1225 img.sortableIcon {
1226     float: <?php echo $right; ?>;
1227     background-repeat: no-repeat;
1228     margin: 0;
1229 }
1230
1231 .buttonlinks {
1232     float: <?php echo $right; ?>;
1233     white-space: nowrap;
1234 }
1235
1236 /* Also used for the variables page */
1237 fieldset#tableFilter {
1238     margin-bottom: 1em;
1239 }
1240
1241 div#serverStatusTabs {
1242     margin-top: 1em;
1243 }
1244
1245 caption a.top {
1246     float: <?php echo $right; ?>;
1247 }
1248
1249 div#serverstatusquerieschart {
1250     float: <?php echo $left; ?>;
1251     width: 500px;
1252     height: 350px;
1253     padding-<?php echo $left; ?>: 30px;
1254 }
1255
1256 table#serverstatusqueriesdetails,
1257 table#serverstatustraffic {
1258     float: <?php echo $left; ?>;
1259 }
1260
1261 table#serverstatusqueriesdetails th {
1262     min-width: 35px;
1263 }
1264
1265 table#serverstatusvariables {
1266     width: 100%;
1267     margin-bottom: 1em;
1268 }
1269 table#serverstatusvariables .name {
1270     width: 18em;
1271     white-space: nowrap;
1272 }
1273 table#serverstatusvariables .value {
1274     width: 6em;
1275 }
1276 table#serverstatusconnections {
1277     float: <?php echo $left; ?>;
1278     margin-<?php echo $left; ?>: 30px;
1279 }
1280
1281 div#serverstatus table tbody td.descr a,
1282 div#serverstatus table .tblFooters a {
1283     white-space: nowrap;
1284 }
1285
1286 div.liveChart {
1287     clear: both;
1288     min-width: 500px;
1289     height: 400px;
1290     padding-bottom: 80px;
1291 }
1292
1293 #addChartDialog input[type="text"] {
1294     margin: 0;
1295     padding: 3px;
1296 }
1297
1298 div#chartVariableSettings {
1299     border: 1px solid #ddd;
1300     background-color: #E6E6E6;
1301     margin-left: 10px;
1302 }
1303
1304 table#chartGrid div.monitorChart {
1305     background: #EBEBEB;
1306 }
1307
1308 div#serverstatus div.tabLinks {
1309     float: <?php echo $left; ?>;
1310     padding-bottom: 10px;
1311 }
1312
1313 .popupContent {
1314     display: none;
1315     position: absolute;
1316     border: 1px solid #CCC;
1317     margin: 0;
1318     padding: 3px;
1319     -moz-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>2px 2px 3px #666;
1320     -webkit-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>2px 2px 3px #666;
1321     box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>2px 2px 3px #666;
1322     background-color: #fff;
1323     z-index: 2;
1324 }
1325
1326 div#logTable {
1327     padding-top: 10px;
1328     clear: both;
1329 }
1330
1331 div#logTable table {
1332     width: 100%;
1333 }
1334
1335 div#queryAnalyzerDialog {
1336     min-width: 700px;
1337 }
1338
1339 div#queryAnalyzerDialog div.CodeMirror-scroll {
1340     height: auto;
1341 }
1342
1343 div#queryAnalyzerDialog div#queryProfiling {
1344     height: 300px;
1345 }
1346
1347 div#queryAnalyzerDialog td.explain {
1348     width: 250px;
1349 }
1350
1351 div#queryAnalyzerDialog table.queryNums {
1352     display: none;
1353     border: 0;
1354     text-align: left;
1355 }
1356
1357 .smallIndent {
1358     padding-<?php echo $left; ?>: 7px;
1359 }
1360
1361 /* end serverstatus */
1362
1363 /* server variables */
1364 #serverVariables {
1365     min-width: 30em;
1366 }
1367 #serverVariables .var-row > div {
1368     white-space: nowrap;
1369     overflow: hidden;
1370     text-overflow: ellipsis;
1371     line-height: 2em;
1372 }
1373 #serverVariables .var-header {
1374     color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
1375     background: #f3f3f3;
1376     <?php echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'cccccc'); ?>
1377     font-weight: bold;
1378 }
1379 #serverVariables .var-header .var-value {
1380     text-align: <?php echo $left; ?>;
1381 }
1382 #serverVariables .var-row {
1383     padding: 0.5em;
1384     min-height: 18px;
1385 }
1386 #serverVariables .var-name {
1387     width: 45%;
1388     float: <?php echo $left; ?>;
1389     font-weight: bold;
1390 }
1391 #serverVariables .var-name.session {
1392     font-weight: normal;
1393     font-style: italic;
1394 }
1395 #serverVariables .var-value {
1396     width: 50%;
1397     float: <?php echo $right; ?>;
1398     text-align: <?php echo $right; ?>;
1399 }
1400 #serverVariables .var-doc {
1401     overflow:visible;
1402     float: <?php echo $right; ?>;
1403 }
1404
1405 /* server variables editor */
1406 #serverVariables .editLink {
1407     padding-<?php echo $right; ?>: 1em;
1408     float: <?php echo $left; ?>;
1409     font-family: sans-serif;
1410 }
1411 #serverVariables .serverVariableEditor {
1412     width: 100%;
1413     overflow: hidden;
1414 }
1415 #serverVariables .serverVariableEditor input {
1416     width: 100%;
1417     margin: 0 0.5em;
1418     box-sizing: border-box;
1419     -ms-box-sizing: border-box;
1420     -moz-box-sizing: border-box;
1421     -webkit-box-sizing: border-box;
1422     height: 2.2em;
1423 }
1424 #serverVariables .serverVariableEditor div {
1425     display: block;
1426     overflow: hidden;
1427     padding-<?php echo $right; ?>: 1em;
1428 }
1429 #serverVariables .serverVariableEditor a {
1430     float: <?php echo $right; ?>;
1431     margin: 0 0.5em;
1432     line-height: 2em;
1433 }
1434 /* end server variables */
1435
1436
1437 p.notice {
1438     margin: 1.5em 0;
1439     border: 1px solid #000;
1440     background-repeat: no-repeat;
1441         <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
1442     background-position: 10px 50%;
1443     padding: 10px 10px 10px 25px;
1444         <?php } else { ?>
1445     background-position: 99% 50%;
1446     padding: 25px 10px 10px 10px
1447         <?php } ?>
1448     -moz-border-radius: 5px;
1449     -webkit-border-radius: 5px;
1450     border-radius: 5px;
1451     -moz-box-shadow: 0 1px 2px #fff inset;
1452     -webkit-box-shadow: 0 1px 2px #fff inset;
1453     box-shadow: 0 1px 2px #fff; inset;
1454     background: #555;
1455     color: #d4fb6a;
1456 }
1457
1458 p.notice a {
1459     color: #fff;
1460     text-decoration: underline;
1461 }
1462
1463 /* querywindow */
1464 body#bodyquerywindow {
1465     margin: 0;
1466     padding: 0;
1467     background-image: none;
1468     background-color: #F5F5F5;
1469 }
1470
1471 div#querywindowcontainer {
1472     margin: 0;
1473     padding: 0;
1474     width: 100%;
1475 }
1476
1477 div#querywindowcontainer fieldset {
1478     margin-top: 0;
1479 }
1480 /* END querywindow */
1481
1482 /* profiling */
1483
1484 div#profilingchart {
1485     width: 550px;
1486     height: 370px;
1487     float: <?php echo $left; ?>;
1488 }
1489
1490 /* END profiling */
1491
1492 /* table charting */
1493
1494 #resizer {
1495     border: 1px solid silver;
1496 }
1497 #inner-resizer { /* make room for the resize handle */
1498     padding: 10px;
1499 }
1500
1501 /* END table charting */
1502
1503 /* querybox */
1504
1505 #togglequerybox {
1506     margin: 0 10px;
1507 }
1508
1509 #serverstatus h3
1510 {
1511     margin: 15px 0;
1512     font-weight: normal;
1513     color: #999;
1514     font-size: 1.7em;
1515 }
1516 #sectionlinks {
1517     padding: 16px;
1518     background: #f3f3f3;
1519     border: 1px solid #aaa;
1520     border-radius: 5px;
1521     -webkit-border-radius: 5px;
1522     -moz-border-radius: 5px;
1523     box-shadow: 0 1px 1px #fff inset;
1524     -webkit-box-shadow: 0 1px 1px #fff inset;
1525     -moz-box-shadow: 0 1px 1px #fff inset;
1526 }
1527 #sectionlinks a,
1528 .buttonlinks a,
1529 a.button {
1530     font-size: .88em;
1531     font-weight: bold;
1532     text-shadow: 0 1px 0 #fff;
1533     line-height: 35px;
1534     margin-<?php echo $left; ?>: 7px;
1535     border: 1px solid #aaa;
1536     padding: 5px 10px;
1537     color: #111;
1538     text-decoration: none;
1539     background: #ddd;
1540     white-space: nowrap;
1541     border-radius: 20px;
1542     -webkit-border-radius: 20px;
1543     -moz-border-radius: 20px;
1544     box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 2px rgba(0,0,0,.5);
1545     /*
1546     -webkit-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 2px rgba(0,0,0,.5);
1547     -moz-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 2px rgba(0,0,0,.5);
1548     text-shadow: #fff 0 1px 0;
1549     */
1550     <?php echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'cccccc'); ?>
1551 }
1552 #sectionlinks a:hover,
1553 .buttonlinks a:hover,
1554 a.button:hover {
1555     <?php echo $_SESSION['PMA_Theme']->getCssGradient('cccccc', 'dddddd'); ?>
1556 }
1557
1558 div#sqlquerycontainer {
1559     float: <?php echo $left; ?>;
1560     width: 69%;
1561     /* height: 15em; */
1562 }
1563
1564 div#tablefieldscontainer {
1565     float: <?php echo $right; ?>;
1566     width: 29%;
1567     /* height: 15em; */
1568 }
1569
1570 div#tablefieldscontainer select {
1571     width: 100%;
1572     background: #fff;
1573     /* height: 12em; */
1574 }
1575
1576 textarea#sqlquery {
1577     width: 100%;
1578     /* height: 100%; */
1579     -moz-border-radius: 4px;
1580     -webkit-border-radius: 4px;
1581     border-radius: 4px;
1582     border: 1px solid #aaa;
1583     padding: 5px;
1584     font-family: inherit;
1585 }
1586 textarea#sql_query_edit {
1587     height: 7em;
1588     width: 95%;
1589     display: block;
1590 }
1591 div#queryboxcontainer div#bookmarkoptions {
1592     margin-top: .5em;
1593 }
1594 /* end querybox */
1595
1596 /* main page */
1597 #maincontainer {
1598     /* background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('logo_right.png');?>); */
1599     /* background-position: <?php echo $right; ?> bottom; */
1600     /* background-repeat: no-repeat; */
1601 }
1602
1603 #mysqlmaininformation,
1604 #pmamaininformation {
1605     float: <?php echo $left; ?>;
1606     width: 49%;
1607 }
1608
1609 #maincontainer ul {
1610     list-style-type: disc;
1611     vertical-align: middle;
1612 }
1613
1614 #maincontainer li {
1615     margin-bottom: .3em;
1616 }
1617 /* END main page */
1618
1619
1620 /* iconic view for ul items */
1621
1622 li.no_bullets {
1623     list-style-type:none !important;
1624     margin-left: -25px !important;      //align with other list items which have bullets
1625 }
1626
1627 /* END iconic view for ul items */
1628
1629 #body_browse_foreigners {
1630     background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1631     margin: .5em .5em 0 .5em;
1632 }
1633
1634 #bodyquerywindow {
1635     background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1636 }
1637
1638 #bodythemes {
1639     width: 500px;
1640     margin: auto;
1641     text-align: center;
1642 }
1643
1644 #bodythemes img {
1645     border: .1em solid #000;
1646 }
1647
1648 #bodythemes a:hover img {
1649     border: .1em solid red;
1650 }
1651
1652 #fieldset_select_fields {
1653     float: <?php echo $left; ?>;
1654 }
1655
1656 #selflink {
1657     clear: both;
1658     display: block;
1659     margin-top: 1em;
1660     margin-bottom: 1em;
1661     width: 98%;
1662     margin-<?php echo $left; ?>: 1%;
1663     border-top: .1em solid silver;
1664     text-align: <?php echo $right; ?>;
1665 }
1666
1667 #table_innodb_bufferpool_usage,
1668 #table_innodb_bufferpool_activity {
1669     float: <?php echo $left; ?>;
1670 }
1671
1672 #div_mysql_charset_collations table {
1673     float: <?php echo $left; ?>;
1674 }
1675
1676 .operations_half_width {
1677     width: 48%;
1678     float: <?php echo $left; ?>;
1679 }
1680
1681 .operations_full_width {
1682     width: 100%;
1683     clear: both;
1684 }
1685
1686 #qbe_div_table_list {
1687     float: <?php echo $left; ?>;
1688 }
1689
1690 #qbe_div_sql_query {
1691     float: <?php echo $left; ?>;
1692 }
1693
1694 label.desc {
1695     width: 30em;
1696     float: <?php echo $left; ?>;
1697 }
1698
1699 label.desc sup {
1700     position: absolute;
1701 }
1702
1703 code.sql,
1704 div.sqlvalidate {
1705     display: block;
1706     padding: 1em;
1707     margin-top: 0;
1708     margin-bottom: 0;
1709     max-height: 10em;
1710     overflow: auto;
1711     background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1712 }
1713
1714 #main_pane_left {
1715     width: 60%;
1716     float: <?php echo $left; ?>;
1717     padding-top: 1em;
1718 }
1719
1720 #main_pane_right {
1721     margin-<?php echo $left; ?>: 60%;
1722     padding-top: 1em;
1723     padding-<?php echo $left; ?>: 1em;
1724 }
1725
1726 .group {
1727
1728     border: 1px solid #999;
1729     background: #f3f3f3;
1730     -moz-border-radius: 4px;
1731     -webkit-border-radius: 4px;
1732     border-radius: 4px;
1733     -moz-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>2px 2px 5px #ccc;
1734     -webkit-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>2px 2px 5px #ccc;
1735     box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>2px 2px 5px #ccc;
1736     margin-bottom: 1em;
1737     padding-bottom: 1em;
1738 }
1739
1740 .group h2 {
1741     background-color: #bbb;
1742     padding: .1em .3em;
1743     margin-top: 0;
1744     color: #fff;
1745     font-size: 1.6em;
1746     font-weight: normal;
1747     text-shadow: 0 1px 0 #777;
1748     -moz-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 15px #999 inset;
1749     -webkit-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 15px #999 inset;
1750     box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 15px #999 inset;
1751 }
1752
1753 .group-cnt {
1754     padding: 0;
1755     padding-<?php echo $left; ?>: .5em;
1756     display: inline-block;
1757     width: 98%;
1758 }
1759
1760 textarea#partitiondefinition {
1761     height: 3em;
1762 }
1763
1764
1765 /* for elements that should be revealed only via js */
1766 .hide {
1767     display: none;
1768 }
1769
1770 #list_server {
1771     list-style-image: none;
1772 }
1773
1774 /**
1775   *  Progress bar styles
1776   */
1777 div.upload_progress
1778 {
1779     width: 400px;
1780     margin: 3em auto;
1781     text-align: center;
1782 }
1783
1784 div.upload_progress_bar_outer
1785 {
1786     border: 1px solid #000;
1787     width: 202px;
1788     position: relative;
1789     margin: 0 auto 1em;
1790     color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
1791 }
1792
1793 div.upload_progress_bar_inner
1794 {
1795     background-color: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1796     width: 0;
1797     height: 12px;
1798     margin: 1px;
1799     overflow: hidden;
1800     color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
1801     position: relative;
1802 }
1803
1804 div.upload_progress_bar_outer div.percentage
1805 {
1806     position: absolute;
1807     top: 0;
1808     <?php echo $left; ?>: 0;
1809     width: 202px;
1810 }
1811
1812 div.upload_progress_bar_inner div.percentage
1813 {
1814     top: -1px;
1815     <?php echo $left; ?>: -1px;
1816 }
1817
1818 div#statustext {
1819     margin-top: .5em;
1820 }
1821
1822 table#serverconnection_src_remote,
1823 table#serverconnection_trg_remote,
1824 table#serverconnection_src_local,
1825 table#serverconnection_trg_local  {
1826   float: <?php echo $left; ?>;
1827 }
1828 /**
1829   *  Validation error message styles
1830   */
1831 input[type=text].invalid_value,
1832 .invalid_value {
1833     background: #FFCCCC;
1834 }
1835
1836 /**
1837   *  Ajax notification styling
1838   */
1839  .ajax_notification {
1840     top: 0;           /** The notification needs to be shown on the top of the page */
1841     position: fixed;
1842     margin-top: 0;
1843     margin-right: auto;
1844     margin-bottom: 0;
1845     margin-<?php echo $left; ?>: auto;
1846     padding: 5px;   /** Keep a little space on the sides of the text */
1847     width: 350px;
1848
1849     z-index: 1100;      /** If this is not kept at a high z-index, the jQueryUI modal dialogs (z-index: 1000) might hide this */
1850     text-align: center;
1851     display: inline;
1852     left: 0;
1853     right: 0;
1854     background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('ajax_clock_small.gif');?>);
1855     background-repeat: no-repeat;
1856     background-position: 2%;
1857     border: 1px solid #e2b709;
1858  }
1859
1860 /* additional styles */
1861 .ajax_notification {
1862     margin-top: 200px;
1863     background: #ffe57e;
1864     border-radius: 5px;
1865     -moz-border-radius: 5px;
1866     -webkit-border-radius: 5px;
1867     box-shadow: 0 5px 90px #888;
1868     -moz-box-shadow: 0 5px 90px #888;
1869     -webkit-box-shadow: 0 5px 90px #888;
1870 }
1871
1872 #loading_parent {
1873     /** Need this parent to properly center the notification division */
1874     position: relative;
1875     width: 100%;
1876  }
1877 /**
1878   * Export and Import styles
1879   */
1880
1881 .exportoptions h3,
1882 .importoptions h3 {
1883     border-bottom: 1px #999 solid;
1884     font-size: 110%;
1885 }
1886
1887 .exportoptions ul,
1888 .importoptions ul,
1889 .format_specific_options ul {
1890     list-style-type: none;
1891     margin-bottom: 15px;
1892 }
1893
1894 .exportoptions li,
1895 .importoptions li {
1896     margin: 7px;
1897 }
1898 .exportoptions label,
1899 .importoptions label,
1900 .exportoptions p,
1901 .importoptions p {
1902     margin: 5px;
1903     float: none;
1904 }
1905
1906 #csv_options label.desc,
1907 #ldi_options label.desc,
1908 #latex_options label.desc,
1909 #output label.desc {
1910     float: <?php echo $left; ?>;
1911     width: 15em;
1912 }
1913
1914 .exportoptions,
1915 .importoptions {
1916     margin: 20px 30px 30px;
1917     margin-<?php echo $left; ?>: 10px;
1918 }
1919
1920 .exportoptions #buttonGo,
1921 .importoptions #buttonGo {
1922     font-weight: bold;
1923     margin-<?php echo $left; ?>: 14px;
1924     border: 1px solid #aaa;
1925     padding: 5px 12px;
1926     color: #111;
1927     text-decoration: none;
1928     background: #ddd;
1929
1930     border-radius: 12px;
1931     -webkit-border-radius: 12px;
1932     -moz-border-radius: 12px;
1933
1934     text-shadow: 0 1px 0 #fff;
1935
1936     <?php echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'cccccc'); ?>
1937     cursor: pointer;
1938 }
1939 #buttonGo:hover {
1940     <?php echo $_SESSION['PMA_Theme']->getCssGradient('cccccc', 'dddddd'); ?>
1941 }
1942
1943 .format_specific_options h3 {
1944     margin: 10px 0 0;
1945     margin-<?php echo $left; ?>: 10px;
1946     border: 0;
1947 }
1948
1949 .format_specific_options {
1950     border: 1px solid #999;
1951     margin: 7px 0;
1952     padding: 3px;
1953 }
1954
1955 p.desc {
1956     margin: 5px;
1957 }
1958
1959 /**
1960   * Export styles only
1961   */
1962 select#db_select,
1963 select#table_select {
1964     width: 400px;
1965 }
1966
1967 .export_sub_options {
1968     margin: 20px 0 0;
1969     margin-<?php echo $left; ?>: 30px;
1970 }
1971
1972 .export_sub_options h4 {
1973     border-bottom: 1px #999 solid;
1974 }
1975
1976 .export_sub_options li.subgroup {
1977     display: inline-block;
1978     margin-top: 0;
1979 }
1980
1981 .export_sub_options li {
1982     margin-bottom: 0;
1983 }
1984
1985 #quick_or_custom,
1986 #output_quick_export {
1987     display: none;
1988 }
1989 /**
1990  * Import styles only
1991  */
1992
1993 .importoptions #import_notification {
1994     margin: 10px 0;
1995     font-style: italic;
1996 }
1997
1998 input#input_import_file {
1999     margin: 5px;
2000 }
2001
2002 .formelementrow {
2003     margin: 5px 0 5px 0;
2004 }
2005
2006 #popup_background {
2007     display: none;
2008     position: fixed;
2009     _position: absolute; /* hack for IE6 */
2010     width: 100%;
2011     height: 100%;
2012     top: 0;
2013     <?php echo $left; ?>: 0;
2014     background: #000;
2015     z-index: 1000;
2016     overflow: hidden;
2017 }
2018
2019 /**
2020  * Table structure styles
2021  */
2022 #fieldsForm ul.table-structure-actions {
2023     margin: 0;
2024     padding: 0;
2025     list-style: none;
2026 }
2027 #fieldsForm ul.table-structure-actions li {
2028     float: <?php echo $left; ?>;
2029     margin-<?php echo $right; ?>: 0.3em; /* same as padding of "table td" */
2030 }
2031 #fieldsForm ul.table-structure-actions .submenu li {
2032     padding: 0;
2033     margin: 0;
2034 }
2035 #fieldsForm ul.table-structure-actions .submenu li span {
2036     padding: 0.3em;
2037     margin: 0.1em;
2038 }
2039 /**
2040  * Indexes
2041  */
2042 #index_frm .index_info input,
2043 #index_frm .index_info select {
2044     width: 14em;
2045     box-sizing: border-box;
2046     -ms-box-sizing: border-box;
2047     -moz-box-sizing: border-box;
2048     -webkit-box-sizing: border-box;
2049 }
2050
2051 #index_frm .index_info div {
2052     padding: .2em 0;
2053 }
2054
2055 #index_frm .index_info .label {
2056     float: <?php echo $left; ?>;
2057     min-width: 12em;
2058 }
2059
2060 #index_frm .slider {
2061     width: 10em;
2062     margin: .6em;
2063     float: <?php echo $left; ?>;
2064 }
2065
2066 #index_frm .add_fields {
2067     float: <?php echo $left; ?>;
2068 }
2069
2070 #index_frm .add_fields input {
2071     margin-<?php echo $left; ?>: 1em;
2072 }
2073
2074 #index_frm input {
2075     margin: 0;
2076 }
2077
2078 #index_frm td {
2079     vertical-align: middle;
2080 }
2081
2082 table#index_columns {
2083     width: 100%;
2084 }
2085
2086 table#index_columns select {
2087     width: 100%;
2088 }
2089
2090 #move_columns_dialog div {
2091     padding: 1em;
2092 }
2093
2094 #move_columns_dialog ul {
2095     list-style: none;
2096     margin: 0;
2097     padding: 0;
2098 }
2099
2100 #move_columns_dialog li {
2101     background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
2102     border: 1px solid #aaa;
2103     color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
2104     font-weight: bold;
2105     margin: .4em;
2106     padding: .2em;
2107     -webkit-border-radius: 2px;
2108     -moz-border-radius: 2px;
2109     border-radius: 2px;
2110 }
2111
2112 .margin#change_column_dialog {
2113     margin: 0 .5em;
2114 }
2115
2116 /* config forms */
2117 .config-form ul.tabs {
2118     margin: 1.1em .2em 0;
2119     padding: 0 0 .3em 0;
2120     list-style: none;
2121     font-weight: bold;
2122 }
2123
2124 .config-form ul.tabs li {
2125     float: <?php echo $left; ?>;
2126     margin-bottom: -1px;
2127 }
2128
2129 .config-form ul.tabs li a {
2130     display: block;
2131     margin: .1em .2em 0;
2132     white-space: nowrap;
2133     text-decoration: none;
2134     border: 1px solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
2135     border-bottom: 1px solid #aaa;
2136 }
2137
2138 .config-form ul.tabs li a {
2139     padding: 7px 10px;
2140     -webkit-border-radius: 5px 5px 0 0;
2141     -moz-border-radius: 5px 5px 0 0;
2142     border-radius: 5px 5px 0 0;
2143     background: #f2f2f2;
2144     color: #555;
2145     text-shadow: 0 1px 0 #fff;
2146 }
2147
2148 .config-form ul.tabs li a:hover,
2149 .config-form ul.tabs li a:active {
2150     background: #e5e5e5;
2151 }
2152
2153 .config-form ul.tabs li.active a {
2154     background-color: #fff;
2155     margin-top: 1px;
2156     color: #000;
2157     text-shadow: none;
2158     border-color: #aaa;
2159     border-bottom: 1px solid #fff;
2160 }
2161
2162 .config-form fieldset {
2163     margin-top: 0;
2164     padding: 0;
2165     clear: both;
2166     -webkit-border-radius: 0;
2167     -moz-border-radius: 0;
2168     border-radius: 0;
2169 }
2170
2171 .config-form legend {
2172     display: none;
2173 }
2174
2175 .config-form fieldset p {
2176     margin: 0;
2177     padding: .5em;
2178     background: #fff;
2179     border-top: 0;
2180 }
2181
2182 .config-form fieldset .errors { /* form error list */
2183     margin: 0 -2px 1em;
2184     padding: .5em 1.5em;
2185     background: #FBEAD9;
2186     border: 0 #C83838 solid;
2187     border-width: 1px 0;
2188     list-style: none;
2189     font-family: sans-serif;
2190     font-size: small;
2191 }
2192
2193 .config-form fieldset .inline_errors { /* field error list */
2194     margin: .3em .3em .3em;
2195     margin-<?php echo $left; ?>: 0;
2196     padding: 0;
2197     list-style: none;
2198     color: #9A0000;
2199     font-size: small;
2200 }
2201
2202 .config-form fieldset th {
2203     padding: .3em .3em .3em;
2204     padding-<?php echo $left; ?>: .5em;
2205     text-align: <?php echo $left; ?>;
2206     vertical-align: top;
2207     width: 40%;
2208     background: transparent;
2209     filter: none;
2210 }
2211
2212 .config-form fieldset .doc,
2213 .config-form fieldset .disabled-notice {
2214     margin-<?php echo $left; ?>: 1em;
2215 }
2216
2217 .config-form fieldset .disabled-notice {
2218     font-size: 80%;
2219     text-transform: uppercase;
2220     color: #E00;
2221     cursor: help;
2222 }
2223
2224 .config-form fieldset td {
2225     padding-top: .3em;
2226     padding-bottom: .3em;
2227     vertical-align: top;
2228 }
2229
2230 .config-form fieldset th small {
2231     display: block;
2232     font-weight: normal;
2233     font-family: sans-serif;
2234     font-size: x-small;
2235     color: #444;
2236 }
2237
2238 .config-form fieldset th,
2239 .config-form fieldset td {
2240     border-top: 1px <?php echo $GLOBALS['cfg']['BgTwo']; ?> solid;
2241     border-<?php echo $right; ?>: none;
2242 }
2243
2244 fieldset .group-header th {
2245     background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
2246 }
2247
2248 fieldset .group-header + tr th {
2249     padding-top: .6em;
2250 }
2251
2252 fieldset .group-field-1 th,
2253 fieldset .group-header-2 th {
2254     padding-<?php echo $left; ?>: 1.5em;
2255 }
2256
2257 fieldset .group-field-2 th,
2258 fieldset .group-header-3 th {
2259     padding-<?php echo $left; ?>: 3em;
2260 }
2261
2262 fieldset .group-field-3 th {
2263     padding-<?php echo $left; ?>: 4.5em;
2264 }
2265
2266 fieldset .disabled-field th,
2267 fieldset .disabled-field th small,
2268 fieldset .disabled-field td {
2269     color: #666;
2270     background-color: #ddd;
2271 }
2272
2273 .config-form .lastrow {
2274     border-top: 1px #000 solid;
2275 }
2276
2277 .config-form .lastrow {
2278     background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;;
2279     padding: .5em;
2280     text-align: center;
2281 }
2282
2283 .config-form .lastrow input {
2284     font-weight: bold;
2285 }
2286
2287 /* form elements */
2288
2289 .config-form span.checkbox {
2290     padding: 2px;
2291     display: inline-block;
2292 }
2293
2294 .config-form .custom { /* customized field */
2295     background: #FFC;
2296 }
2297
2298 .config-form span.checkbox.custom {
2299     padding: 1px;
2300     border: 1px #EDEC90 solid;
2301     background: #FFC;
2302 }
2303
2304 .config-form .field-error {
2305     border-color: #A11 !important;
2306 }
2307
2308 .config-form input[type="text"],
2309 .config-form select,
2310 .config-form textarea {
2311     border: 1px #A7A6AA solid;
2312     height: auto;
2313 }
2314
2315 .config-form input[type="text"]:focus,
2316 .config-form select:focus,
2317 .config-form textarea:focus {
2318     border: 1px #6676FF solid;
2319     background: #F7FBFF;
2320 }
2321
2322 .config-form .field-comment-mark {
2323     font-family: serif;
2324     color: #007;
2325     cursor: help;
2326     padding: 0 .2em;
2327     font-weight: bold;
2328     font-style: italic;
2329 }
2330
2331 .config-form .field-comment-warning {
2332     color: #A00;
2333 }
2334
2335 /* error list */
2336 .config-form dd {
2337     margin-<?php echo $left; ?>: .5em;
2338 }
2339
2340 .config-form dd:before {
2341     content: "\25B8  ";
2342 }
2343
2344 .click-hide-message {
2345     cursor: pointer;
2346 }
2347
2348 .prefsmanage_opts {
2349     margin-<?php echo $left; ?>: 2em;
2350 }
2351
2352 #prefs_autoload {
2353     margin-bottom: .5em;
2354 }
2355
2356 #placeholder .button {
2357     position: absolute;
2358     cursor: pointer;
2359 }
2360
2361 #placeholder div.button {
2362     font-size: smaller;
2363     color: #999;
2364     background-color: #eee;
2365     padding: 2px;
2366 }
2367
2368 .wrapper {
2369     float: <?php echo $left; ?>;
2370     margin-bottom: 1.5em;
2371 }
2372 .toggleButton {
2373     position: relative;
2374     cursor: pointer;
2375     font-size: .8em;
2376     text-align: center;
2377     line-height: 1.4em;
2378     height: 1.55em;
2379     overflow: hidden;
2380     border-right: .1em solid #888;
2381     border-left: .1em solid #888;
2382     -webkit-border-radius: .3em;
2383     -moz-border-radius: .3em;
2384     border-radius: .3em;
2385 }
2386 .toggleButton table,
2387 .toggleButton td,
2388 .toggleButton img {
2389     padding: 0;
2390     position: relative;
2391 }
2392 .toggleButton .container {
2393     position: absolute;
2394 }
2395 .toggleButton .toggleOn {
2396     color: #fff;
2397     padding: 0 1em;
2398     text-shadow: 0 0 .2em #000;
2399 }
2400 .toggleButton .toggleOff {
2401     padding: 0 1em;
2402 }
2403
2404 .doubleFieldset fieldset {
2405     width: 48%;
2406     float: <?php echo $left; ?>;
2407     padding: 0;
2408 }
2409 .doubleFieldset fieldset.left {
2410     margin-<?php echo $right; ?>: 1%;
2411 }
2412 .doubleFieldset fieldset.right {
2413     margin-<?php echo $left; ?>: 1%;
2414 }
2415 .doubleFieldset legend {
2416     margin-<?php echo $left; ?>: 1.5em;
2417 }
2418 .doubleFieldset div.wrap {
2419     padding: 1.5em;
2420 }
2421
2422 #table_columns input[type="text"],
2423 #table_columns select {
2424     width: 10em;
2425     box-sizing: border-box;
2426     -ms-box-sizing: border-box;
2427     -moz-box-sizing: border-box;
2428     -webkit-box-sizing: border-box;
2429 }
2430
2431 #table_columns select {
2432     margin: 0 6px;
2433 }
2434
2435 #placeholder {
2436     position: relative;
2437     border: 1px solid #aaa;
2438     float: <?php echo $right; ?>;
2439     overflow: hidden;
2440 }
2441
2442 .placeholderDrag {
2443     cursor: move;
2444 }
2445
2446 #placeholder .button {
2447     position: absolute;
2448 }
2449
2450 #left_arrow {
2451     left: 8px;
2452     top: 26px;
2453 }
2454
2455 #right_arrow {
2456     left: 26px;
2457     top: 26px;
2458 }
2459
2460 #up_arrow {
2461     left: 17px;
2462     top: 8px;
2463 }
2464
2465 #down_arrow {
2466     left: 17px;
2467     top: 44px;
2468 }
2469
2470 #zoom_in {
2471     left: 17px;
2472     top: 67px;
2473 }
2474
2475 #zoom_world {
2476     left: 17px;
2477     top: 85px;
2478 }
2479
2480 #zoom_out {
2481     left: 17px;
2482     top: 103px;
2483 }
2484
2485 .colborder {
2486     cursor: col-resize;
2487     height: 100%;
2488     margin-<?php echo $left; ?>: -6px;
2489     position: absolute;
2490     width: 5px;
2491 }
2492
2493 .colborder_active {
2494     border-<?php echo $right; ?>: 2px solid #a44;
2495 }
2496
2497 .pma_table td {
2498     position: static;
2499 }
2500
2501 .pma_table th.draggable span,
2502 .pma_table tbody td span {
2503     display: block;
2504     overflow: hidden;
2505 }
2506
2507 .modal-copy input {
2508     display: block;
2509     width: 100%;
2510     margin-top: 1.5em;
2511     padding: .3em 0;
2512 }
2513
2514 .cRsz {
2515     position: absolute;
2516 }
2517
2518 .cCpy {
2519     background: #333;
2520     color: #FFF;
2521     font-weight: bold;
2522     margin: .1em;
2523     padding: .3em;
2524     position: absolute;
2525     text-shadow: -1px -1px #000;
2526
2527     -moz-box-shadow: 0 0 .7em #000;
2528     -webkit-box-shadow: 0 0 .7em #000;
2529     box-shadow: 0 0 .7em #000;
2530     -moz-border-radius: .3em;
2531     -webkit-border-radius: .3em;
2532     border-radius: .3em;
2533 }
2534
2535 .cPointer {
2536     background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('col_pointer.png');?>);
2537     height: 20px;
2538     margin-<?php echo $left; ?>: -5px;  /* must be minus half of its width */
2539     margin-top: -10px;
2540     position: absolute;
2541     width: 10px;
2542 }
2543
2544 .tooltip {
2545     background: #333 !important;
2546     opacity: .8 !important;
2547     border: 1px solid #000 !important;
2548     -moz-border-radius: .3em !important;
2549     -webkit-border-radius: .3em !important;
2550     border-radius: .3em !important;
2551     text-shadow: -1px -1px #000 !important;
2552     font-size: .8em !important;
2553     font-weight: bold !important;
2554     padding: 1px 3px !important;
2555 }
2556
2557 .tooltip * {
2558     background: none !important;
2559     color: #FFF !important;
2560 }
2561
2562 .cDrop {
2563     left: 0;
2564     position: absolute;
2565     top: 0;
2566 }
2567
2568 .coldrop {
2569     background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('col_drop.png');?>);
2570     cursor: pointer;
2571     height: 16px;
2572     margin-<?php echo $left; ?>: .3em;
2573     margin-top: .3em;
2574     position: absolute;
2575     width: 16px;
2576 }
2577
2578 .coldrop:hover,
2579 .coldrop-hover {
2580     background-color: #999;
2581 }
2582
2583 .cList {
2584     background: #EEE;
2585     border: solid 1px #999;
2586     position: absolute;
2587     -moz-box-shadow: 0 .2em .5em #333;
2588     -webkit-box-shadow: 0 .2em .5em #333;
2589     box-shadow: 0 .2em .5em #333;
2590 }
2591
2592 .cList .lDiv div {
2593     padding: .2em .5em .2em;
2594     padding-<?php echo $left; ?>: .2em;
2595 }
2596
2597 .cList .lDiv div:hover {
2598     background: #DDD;
2599     cursor: pointer;
2600 }
2601
2602 .cList .lDiv div input {
2603     cursor: pointer;
2604 }
2605
2606 .showAllColBtn {
2607     border-bottom: solid 1px #999;
2608     border-top: solid 1px #999;
2609     cursor: pointer;
2610     font-size: .9em;
2611     font-weight: bold;
2612     padding: .35em 1em;
2613     text-align: center;
2614 }
2615
2616 .showAllColBtn:hover {
2617     background: #DDD;
2618 }
2619
2620 #page_content {
2621     background-color: white;
2622 }
2623
2624 .navigation {
2625     margin: .8em 0;
2626
2627     border-radius: 5px;
2628     -webkit-border-radius: 5px;
2629     -moz-border-radius: 5px;
2630
2631     <?php echo $_SESSION['PMA_Theme']->getCssGradient('eeeeee', 'cccccc'); ?>
2632 }
2633
2634 .navigation td {
2635     margin: 0;
2636     padding: 0;
2637     vertical-align: middle;
2638     white-space: nowrap;
2639 }
2640
2641 .navigation_separator {
2642     color: #999;
2643     display: inline-block;
2644     font-size: 1.5em;
2645     text-align: center;
2646     height: 1.4em;
2647     width: 1.2em;
2648     text-shadow: 1px 0 #FFF;
2649 }
2650
2651 .navigation input[type=submit] {
2652     background: none;
2653     border: 0;
2654     filter: none;
2655     margin: 0;
2656     padding: .8em .5em;
2657
2658     border-radius: 0;
2659     -webkit-border-radius: 0;
2660     -moz-border-radius: 0;
2661 }
2662
2663 .navigation input[type=submit]:hover,
2664 .navigation input.edit_mode_active {
2665     color: #fff;
2666     cursor: pointer;
2667     text-shadow: none;
2668
2669     <?php echo $_SESSION['PMA_Theme']->getCssGradient('333333', '555555'); ?>
2670 }
2671
2672 .navigation select {
2673     margin: 0 .8em;
2674 }
2675
2676 .cEdit {
2677     margin: 0;
2678     padding: 0;
2679     position: absolute;
2680 }
2681
2682 .cEdit input[type=text] {
2683     background: #FFF;
2684     height: 100%;
2685     margin: 0;
2686     padding: 0;
2687 }
2688
2689 .cEdit .edit_area {
2690     background: #FFF;
2691     border: 1px solid #999;
2692     min-width: 10em;
2693     padding: .3em .5em;
2694 }
2695
2696 .cEdit .edit_area select,
2697 .cEdit .edit_area textarea {
2698     width: 97%;
2699 }
2700
2701 .cEdit .cell_edit_hint {
2702     color: #555;
2703     font-size: .8em;
2704     margin: .3em .2em;
2705 }
2706
2707 .cEdit .edit_box {
2708     overflow: hidden;
2709     padding: 0;
2710 }
2711
2712 .cEdit .edit_box_posting {
2713     background: #FFF url(<?php echo $_SESSION['PMA_Theme']->getImgPath('ajax_clock_small.gif');?>) no-repeat right center;
2714     padding-<?php echo $right; ?>: 1.5em;
2715 }
2716
2717 .cEdit .edit_area_loading {
2718     background: #FFF url(<?php echo $_SESSION['PMA_Theme']->getImgPath('ajax_clock_small.gif');?>) no-repeat center;
2719     height: 10em;
2720 }
2721
2722 .cEdit .goto_link {
2723     background: #EEE;
2724     color: #555;
2725     padding: .2em .3em;
2726 }
2727
2728 .saving_edited_data {
2729     background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('ajax_clock_small.gif');?>) no-repeat left;
2730     padding-<?php echo $left; ?>: 20px;
2731 }
2732
2733 /* css for timepicker */
2734 .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
2735 .ui-timepicker-div dl { text-align: <?php echo $left; ?>; }
2736 .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
2737 .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
2738 .ui-timepicker-div td { font-size: 90%; }
2739 .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
2740 .ui-timepicker-rtl { direction: rtl; }
2741 .ui-timepicker-rtl dl { text-align: right; }
2742 .ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }
2743
2744 input.btn {
2745     color: #333;
2746     background-color: #D0DCE0;
2747 }
2748
2749 body .ui-widget {
2750     font-size: 1em;
2751 }
2752
2753 .ui-dialog fieldset legend a {
2754     color: #235A81;
2755 }
2756