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