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 #topmenu .error{background:#eee;border:0px !important;color:#aaa;}
 802
 803 ul#topmenu, ul#topmenu2, ul.tabs {
 804     font-weight:        bold;
 805     list-style-type:    none;
 806     margin:             0;
 807     padding:            0;
 808
 809 }
 810
 811 ul#topmenu2 {
 812     margin: 0.25em 0.5em 0;
 813     height: 2em;
 814     clear: both;
 815 }
 816
 817 ul#topmenu li, ul#topmenu2 li {
 818     float:              <?php echo $left; ?>;
 819     margin:             0;
 820     vertical-align:     middle;
 821 }
 822
 823 #topmenu img, #topmenu2 img {
 824     margin-right:0.5em;
 825     vertical-align:-3px;
 826 }
 827
 828 #topmenucontainer{background:url(./themes/pmahomme/img/tab_bg.png) repeat-x;    border-top:1px solid #aaa;}
 829
 830 /* default tab styles */
 831 .tabactive {
 832     background:#fff !important;
 833 }
 834
 835 ul#topmenu a, ul#topmenu span {
 836     display:            block;
 837     margin:             0px;
 838     padding:            0px;
 839     white-space:        nowrap;
 840 }
 841
 842 ul#topmenu ul a {
 843     margin:             0;
 844
 845 }
 846
 847 ul#topmenu .submenu {
 848     display:            none;
 849     position:           relative;
 850 }
 851
 852 ul#topmenu .shown {
 853     display:            inline-block;
 854 }
 855
 856 ul#topmenu ul {
 857     margin:             0;
 858     padding:            0;
 859     position:           absolute;
 860     right:              0;
 861     list-style-type:    none;
 862     display:            none;
 863     border:             1px #ddd solid;
 864 }
 865
 866 ul#topmenu li:hover {
 867     background:url(./themes/pmahomme/img/tab_hover_bg.png) repeat-x 50% 0%!important;
 868 }
 869
 870 ul#topmenu li:hover ul, ul#topmenu .submenuhover ul {
 871     display:            block;
 872     font-weight:3em;
 873     background:#fff;
 874
 875 }
 876
 877 ul#topmenu ul li {
 878     width:              100%;
 879 }
 880
 881 ul#topmenu2 a {
 882     display:            block;
 883     margin:             7px 6px 7px 0px;
 884     padding:            4px 10px;
 885     white-space:        nowrap;
 886     border:1px solid #ddd;
 887     border-radius: 20px;
 888     -moz-border-radius: 20px;
 889     -webkit-border-radius: 20px;
 890     background:#f2f2f2;
 891
 892 }
 893
 894 /* disabled tabs */
 895 ul#topmenu span.tab {
 896     color:              #666666;
 897 }
 898
 899 fieldset.caution a {
 900     color:              #FF0000;
 901 }
 902 fieldset.caution a:hover {
 903     color:              #ffffff;
 904     background-color:   #FF0000;
 905 }
 906
 907 <?php if ($GLOBALS['cfg']['LightTabs']) { ?>
 908 /* active tab */
 909 ul#topmenu a.tabactive, ul#topmenu2 a.tabactive {
 910     color:              black;
 911 }
 912
 913 ul#topmenu ul {
 914     background:         <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
 915 }
 916 <?php } else { ?>
 917 #topmenu {
 918     margin-top:         0.5em;
 919     padding:            0.1em 0.3em 0.1em 0.3em;
 920 }
 921
 922 ul#topmenu ul {
 923     -moz-box-shadow:    1px 1px 6px #ddd;
 924     -webkit-box-shadow: 2px 2px 3px #666;
 925     box-shadow:         2px 2px 3px #666;
 926 }
 927
 928 ul#topmenu > li {
 929     border-right: 1px solid #fff;
 930     border-left: 1px solid #ccc;
 931 }
 932
 933 /* default tab styles */
 934 ul#topmenu a, ul#topmenu span {
 935         padding:10px;
 936 }
 937
 938 ul#topmenu ul a {
 939     border-width:       1pt 0 0 0;
 940     -moz-border-radius: 0;
 941     -webkit-border-radius: 0;
 942     border-radius:      0;
 943
 944 }
 945
 946 ul#topmenu ul li:first-child a {
 947     border-width:       0;
 948
 949 }
 950
 951 /* enabled hover/active tabs */
 952 ul#topmenu > li > a:hover,
 953 ul#topmenu > li > .tabactive {
 954     text-decoration:    none;
 955 }
 956
 957 ul#topmenu ul a:hover,
 958 ul#topmenu ul .tabactive {
 959     text-decoration:    none;
 960 }
 961
 962 ul#topmenu a.tab:hover,
 963 ul#topmenu .tabactive {
 964     /* background-color:   <?php echo $GLOBALS['cfg']['MainBackground']; ?>;  */
 965 }
 966
 967 ul#topmenu2 a.tab:hover,
 968 ul#topmenu2 a.tabactive {
 969     background-color:   <?php echo $GLOBALS['cfg']['BgOne']; ?>;
 970     border-radius:      0.3em;
 971     -moz-border-radius: 0.3em;
 972     -webkit-border-radius: 0.3em;
 973     text-decoration:    none;
 974 }
 975
 976 /* to be able to cancel the bottom border, use <li class="active"> */
 977 ul#topmenu > li.active {
 978     /* border-bottom:      0pt solid <?php echo $GLOBALS['cfg']['MainBackground']; ?>; */
 979     border-right:0px;
 980 }
 981
 982 /* disabled tabs */
 983 ul#topmenu span.tab,
 984 a.error {
 985     cursor:             url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>error.ico), default;
 986     color:#ccc;
 987 }
 988 <?php } ?>
 989 /* end topmenu */
 990
 991
 992 /* Calendar */
 993 table.calendar {
 994     width:              100%;
 995 }
 996 table.calendar td {
 997     text-align:         center;
 998 }
 999 table.calendar td a {
1000     display:            block;
1001 }
1002
1003 table.calendar td a:hover {
1004     background-color:   #CCFFCC;
1005 }
1006
1007 table.calendar th {
1008     background-color:   #D3DCE3;
1009 }
1010
1011 table.calendar td.selected {
1012     background-color:   #FFCC99;
1013 }
1014
1015 img.calendar {
1016     border:             none;
1017 }
1018 form.clock {
1019     text-align:         center;
1020 }
1021 /* end Calendar */
1022
1023
1024 /* table stats */
1025 div#tablestatistics {
1026     border-bottom: 0.1em solid #669999;
1027     margin-bottom: 0.5em;
1028     padding-bottom: 0.5em;
1029 }
1030
1031 div#tablestatistics table {
1032     float: <?php echo $left; ?>;
1033     margin-bottom: 0.5em;
1034     margin-<?php echo $right; ?>: 1.5em;
1035     margin-top: 0.5em;
1036 }
1037
1038 div#tablestatistics table caption {
1039     margin-<?php echo $right; ?>: 0.5em;
1040 }
1041 /* END table stats */
1042
1043
1044 /* server privileges */
1045 #tableuserrights td,
1046 #tablespecificuserrights td,
1047 #tabledatabases td {
1048     vertical-align: middle;
1049 }
1050 /* END server privileges */
1051
1052
1053
1054 /* Heading */
1055 #serverinfo {
1056 border-bottom:1px solid #fff;
1057 -moz-border-radius: 4px 4px 0 0;
1058 -webkit-border-radius: 4px 4px 0 0;
1059 border-radius:4px 4px 0 0;
1060 background:#888;
1061 padding:10px;
1062 text-shadow:0 1px 0 #000000;
1063 }
1064
1065 #serverinfo .item {
1066     white-space:        nowrap;
1067     color:#fff;
1068 }
1069
1070 #span_table_comment {
1071     font-weight:        normal;
1072     font-style:         italic;
1073     white-space:        nowrap;
1074 }
1075
1076 #serverinfo img {
1077     margin:             0 0.1em 0 0.2em;
1078 }
1079
1080
1081 #textSQLDUMP {
1082     width:              95%;
1083     height:             95%;
1084     font-family:        "Courier New", Courier, mono;
1085     font-size:          110%;
1086 }
1087
1088 #TooltipContainer {
1089     position:           absolute;
1090     z-index:            99;
1091     width:              20em;
1092     height:             auto;
1093     overflow:           visible;
1094     visibility:         hidden;
1095     background-color:   #ffffcc;
1096     color:              #006600;
1097     border:             0.1em solid #000000;
1098     padding:            0.5em;
1099 }
1100
1101 /* user privileges */
1102 #fieldset_add_user_login div.item {
1103     border-bottom:      1px solid silver;
1104     padding-bottom:     0.3em;
1105     margin-bottom:      0.3em;
1106 }
1107
1108 #fieldset_add_user_login label {
1109     float:              <?php echo $left; ?>;
1110     display:            block;
1111     width:              10em;
1112     max-width:          100%;
1113     text-align:         <?php echo $right; ?>;
1114     padding-<?php echo $right; ?>:      0.5em;
1115 }
1116
1117 #fieldset_add_user_login span.options #select_pred_username,
1118 #fieldset_add_user_login span.options #select_pred_hostname,
1119 #fieldset_add_user_login span.options #select_pred_password {
1120     width:              100%;
1121     max-width:          100%;
1122 }
1123
1124 #fieldset_add_user_login span.options {
1125     float: <?php echo $left; ?>;
1126     display: block;
1127     width: 12em;
1128     max-width: 100%;
1129     padding-<?php echo $right; ?>: 0.5em;
1130 }
1131
1132 #fieldset_add_user_login input {
1133     width: 12em;
1134     clear: <?php echo $right; ?>;
1135     max-width: 100%;
1136 }
1137
1138 #fieldset_add_user_login span.options input {
1139     width: auto;
1140 }
1141
1142 #fieldset_user_priv div.item {
1143     float: <?php echo $left; ?>;
1144     width: 9em;
1145     max-width: 100%;
1146 }
1147
1148 #fieldset_user_priv div.item div.item {
1149     float: none;
1150 }
1151
1152 #fieldset_user_priv div.item label {
1153     white-space: nowrap;
1154 }
1155
1156 #fieldset_user_priv div.item select {
1157     width: 100%;
1158 }
1159
1160 #fieldset_user_global_rights fieldset {
1161     float: <?php echo $left; ?>;
1162 }
1163 /* END user privileges */
1164
1165
1166 /* serverstatus */
1167 div#serverstatus table caption a.top {
1168     float: <?php echo $right; ?>;
1169 }
1170
1171 div#serverstatus div#serverstatusqueriesdetails table,
1172 div#serverstatus table#serverstatustraffic,
1173 div#serverstatus table#serverstatusconnections {
1174     float: <?php echo $left; ?>;
1175 }
1176
1177 #serverstatussection,
1178 .clearfloat {
1179     clear: both;
1180 }
1181 div#serverstatussection table {
1182     width: 100%;
1183     margin-bottom: 1em;
1184 }
1185 div#serverstatussection table .name {
1186     width: 18em;
1187 }
1188 div#serverstatussection table .value {
1189     width: 6em;
1190 }
1191
1192 div#serverstatus table tbody td.descr a,
1193 div#serverstatus table .tblFooters a {
1194     white-space: nowrap;
1195 }
1196 div#serverstatus div#statuslinks a:before,
1197 div#serverstatus div#sectionlinks a:before,
1198 div#serverstatus table tbody td.descr a:before,
1199 div#serverstatus table .tblFooters a:before {
1200 }
1201 div#serverstatus div#statuslinks a:after,
1202 div#serverstatus div#sectionlinks a:after,
1203 div#serverstatus table tbody td.descr a:after,
1204 div#serverstatus table .tblFooters a:after {
1205 }
1206 /* end serverstatus */
1207
1208 /* querywindow */
1209 body#bodyquerywindow {
1210     margin: 0;
1211     padding: 0;
1212     background-image: none;
1213     background-color: #F5F5F5;
1214 }
1215
1216 div#querywindowcontainer {
1217     margin: 0;
1218     padding: 0;
1219     width: 100%;
1220 }
1221
1222 div#querywindowcontainer fieldset {
1223     margin-top: 0;
1224 }
1225 /* END querywindow */
1226
1227
1228 /* querybox */
1229
1230 #togglequerybox{margin:0 10px}
1231
1232 #serverstatus p {
1233
1234     margin:             1.5em 0px;
1235     border:             1px solid #000;
1236     <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
1237     background-repeat:  no-repeat;
1238         <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
1239     background-position: 10px 50%;
1240     padding:            10px 10px 10px 25px;
1241         <?php } else { ?>
1242     background-position: 99% 50%;
1243     padding:            25px 10px 10px 10px
1244         <?php } ?>
1245     <?php } else { ?>
1246     padding:            0.3em;
1247     <?php } ?>
1248     -moz-border-radius:5px;
1249     -webkit-border-radius:5px;
1250     border-radius:5px;
1251     -moz-box-shadow: 0px 1px 2px #fff inset;
1252     -webkit-box-shadow: 0px 1px 2px #fff inset;
1253     box-shadow:0px 1px 2px #fff; inset;
1254     background:#555;
1255     color:#d4fb6a;
1256 }
1257 #serverstatus p a{color:#fff;text-decoration:underline;}
1258 #serverstatus h3
1259 {
1260         margin:35px 0px;font-weight:normal;color:#999;font-size:1.7em;
1261 }
1262 #sectionlinks{
1263         padding:16px;
1264     background:#f3f3f3;
1265     border:1px solid #aaa;
1266     border-radius:5px;
1267     -webkit-border-radius:5px;
1268     -moz-border-radius:5px;
1269
1270         box-shadow:0px 1px 1px #fff inset;
1271     -webkit-box-shadow:0px 1px 1px #fff inset;
1272     -moz-box-shadow:0px 1px 1px #fff inset;
1273
1274 }
1275 #sectionlinks a, #statuslinks a{
1276         font-size:0.88em;
1277     font-weight:bold;
1278     text-shadow: 0px 1px 0px #fff;
1279     line-height:35px;
1280         margin-left:7px;
1281         border: 1px solid #aaa;
1282         padding: 5px 10px;
1283         color: #111;
1284         text-decoration: none;
1285         background: #ddd;
1286         border-radius: 20px;
1287         -webkit-border-radius: 20px;
1288         -moz-border-radius: 20px;
1289         box-shadow: 1px 1px 2px rgba(0,0,0,.5);
1290         /*
1291     -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
1292         -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
1293         text-shadow: #fff 0px 1px 0px;
1294     */
1295     background-image: url(./themes/svg_gradient.php?from=ffffff&to=cccccc);
1296     background-size: 100% 100%;
1297     background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
1298     background: -moz-linear-gradient(top,  #ffffff,  #cccccc);
1299     background: -o-linear-gradient(top,  #ffffff,  #cccccc);
1300     <?php echo PMA_ieFilter('#ffffff', '#cccccc'); ?>
1301 }
1302 #sectionlinks a:hover, #statuslinks a:hover{
1303     background-image: url(./themes/svg_gradient.php?from=cccccc&to=dddddd);
1304     background-size: 100% 100%;
1305     background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
1306     background: -moz-linear-gradient(top,  #cccccc,  #dddddd);
1307     background: -o-linear-gradient(top,  #cccccc,  #dddddd);
1308     <?php echo PMA_ieFilter('#cccccc', '#dddddd'); ?>
1309 }
1310
1311 div#sqlquerycontainer {
1312     float: <?php echo $left; ?>;
1313     width: 69%;
1314     /* height: 15em; */
1315 }
1316
1317 div#tablefieldscontainer {
1318     float: <?php echo $right; ?>;
1319     width: 29%;
1320     /* height: 15em; */
1321 }
1322
1323 div#tablefieldscontainer select {
1324     width: 100%;
1325     background:#fff;
1326     /* height: 12em; */
1327 }
1328
1329 textarea#sqlquery {
1330     width: 100%;
1331     /* height: 100%; */
1332     -moz-border-radius:4px;
1333     -webkit-border-radius:4px;
1334     border-raduis:4px
1335         border:1px solid #aaa;
1336         padding:5px;
1337         font-family:inherit;
1338 }
1339 textarea#sql_query_edit{
1340     height:7em;
1341     width: 95%;
1342     display:block;
1343 }
1344 div#queryboxcontainer div#bookmarkoptions {
1345     margin-top: 0.5em;
1346 }
1347 /* end querybox */
1348
1349 /* main page */
1350 #maincontainer {
1351     /* background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>logo_right.png); */
1352     /* background-position: <?php echo $right; ?> bottom; */
1353     /* background-repeat: no-repeat; */
1354 }
1355
1356 #mysqlmaininformation,
1357 #pmamaininformation {
1358     float: <?php echo $left; ?>;
1359     width: 49%;
1360 }
1361
1362 #maincontainer ul {
1363     list-style-type: disc;
1364     vertical-align: middle;
1365 }
1366
1367 #maincontainer li {
1368     margin-bottom:  0.3em;
1369 }
1370 /* END main page */
1371
1372
1373 <?php if ($GLOBALS['cfg']['MainPageIconic']) { ?>
1374 /* iconic view for ul items */
1375 li#li_create_database {
1376     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_newdb.png);
1377 }
1378
1379 li#li_select_lang {
1380     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_lang.png);
1381 }
1382
1383 li#li_select_mysql_collation {
1384     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
1385 }
1386
1387 li#li_select_theme{
1388     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_theme.png);
1389 }
1390
1391 li#li_user_info{
1392     /* list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png); */
1393 }
1394
1395 li#li_mysql_status{
1396     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_status.png);
1397 }
1398
1399 li#li_mysql_variables{
1400     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_vars.png);
1401 }
1402
1403 li#li_mysql_processes{
1404     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_process.png);
1405 }
1406
1407 li#li_mysql_collations{
1408     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
1409 }
1410
1411 li#li_mysql_engines{
1412     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_engine.png);
1413 }
1414
1415 li#li_mysql_binlogs {
1416     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_tbl.png);
1417 }
1418
1419 li#li_mysql_databases {
1420     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_db.png);
1421 }
1422
1423 li#li_export {
1424     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_export.png);
1425 }
1426
1427 li#li_import {
1428     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_import.png);
1429 }
1430
1431 li#li_change_password {
1432     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_passwd.png);
1433 }
1434
1435 li#li_log_out {
1436     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_loggoff.png);
1437 }
1438
1439 li#li_mysql_privilegs{
1440     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png);
1441 }
1442
1443 li#li_switch_dbstats {
1444     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_dbstatistics.png);
1445 }
1446
1447 li#li_flush_privileges {
1448     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_reload.png);
1449 }
1450
1451 li#li_user_preferences {
1452     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_tblops.png);
1453 }
1454 /* END iconic view for ul items */
1455 <?php } /* end if $GLOBALS['cfg']['MainPageIconic'] */ ?>
1456
1457
1458 #body_browse_foreigners {
1459     background:         <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1460     margin:             0.5em 0.5em 0 0.5em;
1461 }
1462
1463 #bodyquerywindow {
1464     background:         <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1465 }
1466
1467 #bodythemes {
1468     width: 500px;
1469     margin: auto;
1470     text-align: center;
1471 }
1472
1473 #bodythemes img {
1474     border: 0.1em solid black;
1475 }
1476
1477 #bodythemes a:hover img {
1478     border: 0.1em solid red;
1479 }
1480
1481 #fieldset_select_fields {
1482     float: <?php echo $left; ?>;
1483 }
1484
1485 #selflink {
1486     clear: both;
1487     display: block;
1488     margin-top: 1em;
1489     margin-bottom: 1em;
1490     background:#f3f3f3;
1491     width: 100%;
1492     border-top: 0.1em solid silver;
1493     text-align: <?php echo $right; ?>;
1494
1495
1496 }
1497
1498 #table_innodb_bufferpool_usage,
1499 #table_innodb_bufferpool_activity {
1500     float: <?php echo $left; ?>;
1501 }
1502
1503 #div_mysql_charset_collations table {
1504     float: <?php echo $left; ?>;
1505 }
1506
1507 .operations_half_width {
1508     width: 48%;
1509     float: <?php echo $left; ?>;
1510 }
1511
1512 .operations_full_width {
1513     width: 100%;
1514     clear: both;
1515 }
1516
1517 #qbe_div_table_list {
1518     float: <?php echo $left; ?>;
1519 }
1520
1521 #qbe_div_sql_query {
1522     float: <?php echo $left; ?>;
1523 }
1524
1525 label.desc {
1526     width: 30em;
1527     float: <?php echo $left; ?>;
1528 }
1529
1530 label.desc sup {
1531     position: absolute;
1532 }
1533
1534 code.sql, div.sqlvalidate {
1535     display:            block;
1536     padding:            1em;
1537     margin-top:         0;
1538     margin-bottom:      0;
1539     border-top:         0;
1540     border-bottom:      0;
1541     max-height:         10em;
1542     overflow:           auto;
1543     background:         <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1544 }
1545
1546 #main_pane_left {
1547     width:              60%;
1548     float:              <?php echo $left; ?>;
1549     padding-top:        1em;
1550 }
1551
1552 #main_pane_right {
1553     margin-<?php echo $left; ?>: 60%;
1554     padding-top: 1em;
1555     padding-<?php echo $left; ?>: 1em;
1556 }
1557
1558 .group {
1559
1560     border:1px solid #999;
1561     background:#f3f3f3;
1562     -moz-border-radius:4px;
1563     -webkit-border-radius:4px;
1564     border-radius:4px;
1565     -moz-box-shadow:2px 2px 5px #ccc;
1566     -webkit-box-shadow:2px 2px 5px #ccc;
1567     box-shadow:3px 3px 10px #ddd;
1568     margin-bottom:      1em;
1569     padding-bottom: 1em;
1570 }
1571
1572 .group h2 {
1573     background-color:   #bbb;
1574     padding:            0.1em 0.3em;
1575     margin-top:         0;
1576         color:#fff;
1577     font-size:1.6em;
1578     font-weight:normal;
1579     text-shadow:0 1px 0 #777;
1580     -moz-box-shadow: 1px 1px 15px  #999 inset;
1581     -webkit-box-shadow: 1px 1px 15px  #999 inset;
1582     box-shadow: 1px 1px 15px  #999 inset;
1583 }
1584
1585 .group-cnt {
1586     padding: 0 0 0 0.5em;
1587     display: inline-block;
1588     width: 98%;
1589 }
1590
1591 textarea#partitiondefinition {
1592     height:3em;
1593 }
1594
1595 /* for elements that should be revealed only via js */
1596 .hide {
1597     display:            none;
1598 }
1599
1600 #li_select_server {
1601     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_host.png);
1602 }
1603
1604 #list_server {
1605     list-style-image: none;
1606 }
1607
1608 /**
1609   *  Progress bar styles
1610   */
1611 div.upload_progress_bar_outer
1612 {
1613     border: 1px solid black;
1614     width: 202px;
1615 }
1616
1617 div.upload_progress_bar_inner
1618 {
1619     background-color: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1620     width: 0px;
1621     height: 12px;
1622     margin: 1px;
1623 }
1624
1625 table#serverconnection_src_remote,
1626 table#serverconnection_trg_remote,
1627 table#serverconnection_src_local,
1628 table#serverconnection_trg_local  {
1629   float:left;
1630 }
1631 /**
1632   *  Validation error message styles
1633   */
1634 input[type=text].invalid_value,
1635 .invalid_value {
1636     background:#F00;
1637 }
1638
1639 /**
1640   *  Ajax notification styling
1641   */
1642  .ajax_notification {
1643     top: 0px;           /** The notification needs to be shown on the top of the page */
1644     position: fixed;
1645     margin-top: 0;
1646     margin-right: auto;
1647     margin-bottom: 0;
1648     margin-left: auto;
1649     padding: 5px;   /** Keep a little space on the sides of the text */
1650     width: 350px;
1651
1652     z-index: 1100;      /** If this is not kept at a high z-index, the jQueryUI modal dialogs (z-index:1000) might hide this */
1653     text-align: center;
1654     display: inline;
1655     left: 0;
1656     right: 0;
1657     background-image: url(./themes/pmahomme/img/ajax_clock_small.gif);
1658     background-repeat: no-repeat;
1659     background-position: 2%;
1660     border:1px solid #e2b709;
1661  }
1662
1663 /* additional styles */
1664 .ajax_notification{
1665     margin-top:200px;background:#ffe57e;
1666     border-radius:5px;
1667     -moz-border-radius:5px;
1668     -webkit-border-radius:5px;
1669     box-shadow: 0px 5px 90px #888;
1670     -moz-box-shadow: 0px 5px 90px #888;
1671     -webkit-box-shadow: 0px 5px 90px #888;
1672 }
1673
1674 #loading_parent {
1675     /** Need this parent to properly center the notification division */
1676     position: relative;
1677     width: 100%;
1678  }
1679 /**
1680   * Export and Import styles
1681   */
1682
1683 .exportoptions h3, .importoptions h3 {
1684     border-bottom: 1px #999999 solid;
1685     font-size: 110%;
1686 }
1687
1688 .exportoptions ul, .importoptions ul, .format_specific_options ul {
1689     list-style-type: none;
1690     margin-bottom: 15px;
1691 }
1692
1693 .exportoptions li, .importoptions li {
1694     margin: 7px;
1695 }
1696 .exportoptions label, .importoptions label, .exportoptions p, .importoptions p {
1697     margin: 5px;
1698     float: none;
1699 }
1700
1701 #csv_options label.desc, #ldi_options label.desc, #latex_options label.desc, #output label.desc{
1702     float: left;
1703     width: 15em;
1704 }
1705
1706 .exportoptions, .importoptions {
1707     margin: 20px 30px 30px 10px
1708 }
1709
1710 .exportoptions #buttonGo, .importoptions #buttonGo {
1711     font-weight:bold;
1712     margin-left:14px;
1713         border: 1px solid #aaa;
1714         padding: 5px 12px;
1715         color: #111;
1716         text-decoration: none;
1717         background: #ddd;
1718
1719     border-radius: 12px;
1720         -webkit-border-radius: 12px;
1721         -moz-border-radius: 12px;
1722
1723         text-shadow: 0px 1px 0px #fff;
1724
1725     background-image: url(./themes/svg_gradient.php?from=ffffff&to=cccccc);
1726     background-size: 100% 100%;
1727     background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
1728     background: -moz-linear-gradient(top,  #ffffff,  #cccccc);
1729     background: -o-linear-gradient(top,  #ffffff,  #cccccc);
1730     <?php echo PMA_ieFilter('#ffffff', '#cccccc'); ?>
1731     cursor: pointer;
1732 }
1733 #buttonGo:hover{
1734     background-image: url(./themes/svg_gradient.php?from=cccccc&to=dddddd);
1735     background-size: 100% 100%;
1736     background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
1737     background: -moz-linear-gradient(top,  #cccccc,  #dddddd);
1738     background: -o-linear-gradient(top,  #cccccc,  #dddddd);
1739     <?php echo PMA_ieFilter('#cccccc', '#dddddd'); ?>
1740 }
1741
1742 .format_specific_options h3 {
1743     margin: 10px 0px 0px 10px;
1744     border: 0px;
1745 }
1746
1747 .format_specific_options {
1748     border: 1px solid #999999;
1749     margin: 7px 0px;
1750     padding: 3px;
1751 }
1752
1753 p.desc {
1754     margin: 5px;
1755 }
1756
1757 /**
1758   * Export styles only
1759   */
1760 select#db_select, select#table_select {
1761     width: 400px;
1762 }
1763
1764 .export_sub_options {
1765     margin: 20px 0px 0px 30px;
1766 }
1767
1768 .export_sub_options h4 {
1769     border-bottom: 1px #999999 solid;
1770 }
1771
1772 .export_sub_options li.subgroup {
1773         display: inline-block;
1774         margin-top: 0;
1775 }
1776
1777 .export_sub_options li {
1778         margin-bottom: 0;
1779 }
1780
1781 #quick_or_custom, #output_quick_export {
1782     display: none;
1783 }
1784 /**
1785  * Import styles only
1786  */
1787
1788 .importoptions #import_notification {
1789     margin: 10px 0px;
1790     font-style: italic;
1791 }
1792
1793 input#input_import_file {
1794     margin: 5px;
1795 }
1796
1797 .formelementrow {
1798     margin: 5px 0px 5px 0px;
1799 }
1800
1801 /**
1802  * ENUM/SET editor styles
1803  */
1804 p.enum_notice {
1805     margin: 5px 2px;
1806     font-size: 80%;
1807 }
1808
1809 #enum_editor {
1810     display: none;
1811     position: fixed;
1812     _position: absolute; /* hack for IE */
1813     z-index: 101;
1814     overflow-y: auto;
1815     overflow-x: hidden;
1816 }
1817
1818 #enum_editor_no_js {
1819    margin: auto auto;
1820 }
1821
1822 #enum_editor, #enum_editor_no_js {
1823     background: #D0DCE0;
1824     padding: 15px;
1825 }
1826
1827 #popup_background {
1828     display: none;
1829     position: fixed;
1830     _position: absolute; /* hack for IE6 */
1831     width: 100%;
1832     height: 100%;
1833     top: 0;
1834     left: 0;
1835     background: #000;
1836     z-index: 100;
1837     overflow: hidden;
1838 }
1839
1840 a.close_enum_editor {
1841     float: right;
1842 }
1843
1844 #enum_editor #values, #enum_editor_no_js #values {
1845     margin: 15px 0px;
1846     width: 100%;
1847 }
1848
1849 #enum_editor #values input, #enum_editor_no_js #values input {
1850     margin: 5px 0px;
1851     float: top;
1852     width: 100%;
1853 }
1854
1855 }
1856
1857 #enum_editor_output {
1858     margin-top: 50px;
1859 }
1860
1861 /**
1862  * Table structure styles
1863  */
1864 .structure_actions_dropdown {
1865     position: absolute;
1866     padding: 3px;
1867     display: none;
1868     z-index: 100;
1869     background:#fff;
1870     line-height:24px;
1871     border:1px solid #aaa;
1872     -moz-box-shadow:0px 3px 3px #ddd;
1873 }
1874 .structure_actions_dropdown span{display:block;}
1875 .structure_actions_dropdown span:hover{background:#ddd;}
1876
1877 td.more_opts {
1878     white-space: nowrap;
1879 }
1880
1881 iframe.IE_hack {
1882     z-index: 1;
1883     position: absolute;
1884     display: none;
1885     border: 0;
1886     filter: alpha(opacity=0);
1887 }
1888
1889 /* config forms */
1890 .config-form ul.tabs {
1891     margin:      1.1em 0.2em 0;
1892     padding:     0 0 0.3em 0;
1893     list-style:  none;
1894     font-weight: bold;
1895 }
1896
1897 .config-form ul.tabs li {
1898     float: <?php echo $left; ?>;
1899 }
1900
1901 .config-form ul.tabs li a {
1902     display:          block;
1903     margin:           0.1em 0.2em 0;
1904     white-space:      nowrap;
1905     text-decoration:  none;
1906     border:           1px solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1907     border-bottom:    none;
1908 }
1909
1910 .config-form ul.tabs li a {
1911     padding:7px 10px;
1912     -moz-border-radius:5px 5px 0 0;
1913     -webkit-border-radius:5px 5px 0 0;
1914     border-radius:5px 5px 0 0;
1915     background:#f2f2f2;
1916     color:#555;
1917     text-shadow: 0 1px 0 #fff;
1918 }
1919
1920 .config-form ul.tabs li a:hover,
1921 .config-form ul.tabs li a:active {
1922     background:#e5e5e5;
1923 }
1924
1925 .config-form ul.tabs li a.active {
1926     background-color: #fff;
1927     margin-top:1px;
1928     color:#000;
1929     text-shadow: none;
1930 }
1931
1932 .config-form fieldset {
1933     margin-top:   0;
1934     padding:      0;
1935     clear:        both;
1936     /*border-color: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;*/
1937 }
1938
1939 .config-form legend {
1940     display: none;
1941 }
1942
1943 .config-form fieldset p {
1944     margin:    0;
1945     padding:   0.5em;
1946     background: #fff;
1947     border-top:0px;
1948 }
1949
1950 .config-form fieldset .errors { /* form error list */
1951     margin:       0 -2px 1em -2px;
1952     padding:      0.5em 1.5em;
1953     background:   #FBEAD9;
1954     border:       0 #C83838 solid;
1955     border-width: 1px 0;
1956     list-style:   none;
1957     font-family:  sans-serif;
1958     font-size:    small;
1959 }
1960
1961 .config-form fieldset .inline_errors { /* field error list */
1962     margin:     0.3em 0.3em 0.3em 0;
1963     padding:    0;
1964     list-style: none;
1965     color:      #9A0000;
1966         font-size:  small;
1967 }
1968
1969 .config-form fieldset th {
1970     padding:        0.3em 0.3em 0.3em 0.5em;
1971     text-align:     left;
1972     vertical-align: top;
1973     width:          40%;
1974     background:     transparent;
1975 }
1976
1977 .config-form fieldset .doc, .config-form fieldset .disabled-notice {
1978     margin-left: 1em;
1979 }
1980
1981 .config-form fieldset .disabled-notice {
1982     font-size: 80%;
1983     text-transform: uppercase;
1984     color: #E00;
1985     cursor: help;
1986 }
1987
1988 .config-form fieldset td {
1989     padding-top:    0.3em;
1990     padding-bottom: 0.3em;
1991     vertical-align: top;
1992 }
1993
1994 .config-form fieldset th small {
1995     display:     block;
1996     font-weight: normal;
1997     font-family: sans-serif;
1998     font-size:   x-small;
1999     color:       #444;
2000 }
2001
2002 .config-form fieldset th, .config-form fieldset td {
2003     border-top: 1px <?php echo $GLOBALS['cfg']['BgTwo']; ?> solid;
2004     border-right: none;
2005 }
2006
2007 fieldset .group-header th {
2008     background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
2009 }
2010
2011 fieldset .group-header + tr th {
2012     padding-top: 0.6em;
2013 }
2014
2015 fieldset .group-field-1 th, fieldset .group-header-2 th {
2016     padding-left: 1.5em;
2017 }
2018
2019 fieldset .group-field-2 th, fieldset .group-header-3 th {
2020     padding-left: 3em;
2021 }
2022
2023 fieldset .group-field-3 th {
2024     padding-left: 4.5em;
2025 }
2026
2027 fieldset .disabled-field th,
2028 fieldset .disabled-field th small,
2029 fieldset .disabled-field td {
2030     color: #666;
2031     background-color: #ddd;
2032 }
2033
2034 .config-form .lastrow {
2035     border-top: 1px #000 solid;
2036 }
2037
2038 .config-form .lastrow {
2039     background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;;
2040     padding:    0.5em;
2041     text-align: center;
2042 }
2043
2044 .config-form .lastrow input {
2045     font-weight: bold;
2046 }
2047
2048 /* form elements */
2049
2050 .config-form span.checkbox {
2051     padding: 2px;
2052     display: inline-block;
2053 }
2054
2055 .config-form .custom { /* customized field */
2056     background: #FFC;
2057 }
2058
2059 .config-form span.checkbox.custom {
2060     padding:    1px;
2061     border:     1px #EDEC90 solid;
2062     background: #FFC;
2063 }
2064
2065 .config-form .field-error {
2066     border-color: #A11 !important;
2067 }
2068
2069 .config-form input[type="text"],
2070 .config-form select,
2071 .config-form textarea {
2072     border: 1px #A7A6AA solid;
2073     height: auto;
2074 }
2075
2076 .config-form input[type="text"]:focus,
2077 .config-form select:focus,
2078 .config-form textarea:focus {
2079     border:     1px #6676FF solid;
2080     background: #F7FBFF;
2081 }
2082
2083 .config-form .field-comment-mark {
2084     font-family: serif;
2085     color: #007;
2086     cursor: help;
2087     padding: 0 0.2em;
2088     font-weight: bold;
2089     font-style: italic;
2090 }
2091
2092 .config-form .field-comment-warning {
2093     color: #A00;
2094 }
2095
2096 /* error list */
2097 .config-form dd {
2098     margin-left: 0.5em;
2099 }
2100
2101 .config-form dd:before {
2102     content: "\25B8  ";
2103 }
2104
2105 .click-hide-message {
2106     cursor: pointer;
2107 }
2108
2109 .prefsmanage_opts {
2110     margin-<?php echo $left; ?>: 2em;
2111 }
2112
2113 #prefs_autoload {
2114     margin-bottom: 0.5em;
2115 }
2116
2117 #table_columns input, #table_columns select {
2118     width:              14em;
2119     box-sizing:         border-box;
2120     -ms-box-sizing:     border-box;
2121     -moz-box-sizing:    border-box;
2122     -webkit-box-sizing: border-box;
2123 }
2124
2125 #table_columns select {
2126     margin:             0 6px;
2127 }
2128