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 position: relative;
  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, button {
 288     vertical-align:     middle;
 289 }
 290
 291 input[type="checkbox"],input[type="radio"] {
 292     vertical-align: -11%;
 293 }
 294
 295
 296 select{
 297     -moz-border-radius:2px;
 298     -webkit-border-radius:2px;
 299     border-radius:2px;
 300
 301     -moz-box-shadow:0 1px 2px #ddd;
 302     -webkit-box-shadow:0 1px 2px #ddd;
 303     box-shadow:0 1px 2px #ddd;
 304
 305     border:1px solid #aaa;
 306     color:#333333;
 307     padding:3px;
 308     background:url(./themes/pmahomme/img/input_bg.gif)
 309 }
 310
 311 select[multiple] {
 312     background: #fff;
 313     background: -webkit-gradient(linear, center top, center bottom, from(#fff), color-stop(0.8, #f1f1f1), to(#fbfbfb));
 314     background: -webkit-linear-gradient(#fff, #f1f1f1 80%, #fbfbfb);
 315     background: -moz-linear-gradient(#fff, #f1f1f1 80%, #fbfbfb);
 316     /* none for Opera 11.10 as <option>s always have solid white background */
 317     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f2f2f2");
 318 }
 319
 320 /******************************************************************************/
 321 /* classes */
 322 div.tools {
 323    /* border: 1px solid #000000; */
 324     padding: 0.2em;
 325 }
 326
 327 div.tools a{color:#3a7ead !important;}
 328
 329 div.tools,
 330 fieldset.tblFooters {
 331     margin-top:         0;
 332     margin-bottom:      0.5em;
 333     /* avoid a thick line since this should be used under another fieldset */
 334     border-top:         0;
 335     text-align:         <?php echo $right; ?>;
 336     float:              none;
 337     clear:              both;
 338     -webkit-border-radius:0 0 4px 4px;
 339     -moz-border-radius:0 0 4px 4px;
 340     border-radius: 0 0 4px 5px;
 341 }
 342
 343 div.null_div {
 344     height: 20px;
 345     text-align: center;
 346     font-style:normal;
 347     min-width:50px;
 348 }
 349
 350 fieldset .formelement {
 351     float:              <?php echo $left; ?>;
 352     margin-<?php echo $right; ?>:       0.5em;
 353     /* IE */
 354     white-space:        nowrap;
 355 }
 356
 357 /* revert for Gecko */
 358 fieldset div[class=formelement] {
 359     white-space:        normal;
 360 }
 361
 362 button.mult_submit {
 363     border:             none;
 364     background-color:   transparent;
 365 }
 366
 367 /* odd items 1,3,5,7,... */
 368 table tr.odd th,
 369 .odd {
 370     background: #fff;
 371 }
 372
 373 /* even items 2,4,6,8,... */
 374 table tr.even th,
 375 .even {
 376     background: #f3f3f3;
 377 }
 378
 379 /* odd table rows 1,3,5,7,... */
 380 table tr.odd th,
 381 table tr.odd,
 382 table tr.even th,
 383 table tr.even {
 384     text-align:         <?php echo $left; ?>;
 385 }
 386
 387 <?php if ($GLOBALS['cfg']['BrowseMarkerEnable']) { ?>
 388 /* marked table rows */
 389 td.marked,
 390 table tr.marked td,
 391 table tr.marked th,
 392 table tr.marked {
 393     background:  url(./themes/pmahomme/img/marked_bg.png) repeat-x #b6c6d7;
 394     color:   <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
 395 }
 396 <?php } ?>
 397
 398 <?php if ($GLOBALS['cfg']['BrowsePointerEnable']) { ?>
 399 /* hovered items */
 400 .odd:hover,
 401 .even:hover,
 402 .hover,
 403 .structure_actions_dropdown {
 404     background:  url(./themes/pmahomme/img/marked_bg.png) repeat-x #b6c6d7; /* 3.4 */
 405     color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
 406 }
 407
 408 /* hovered table rows */
 409 table tr.odd:hover th,
 410 table tr.even:hover th,
 411 table tr.hover th {
 412     background:  url(./themes/pmahomme/img/marked_bg.png) repeat-x #b6c6d7; /* 3.4 */
 413     color:   <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
 414 }
 415 <?php } ?>
 416
 417 /**
 418  * marks table rows/cells if the db field is in a where condition
 419  */
 420 tr.condition th,
 421 tr.condition td,
 422 td.condition,
 423 th.condition {
 424     border: 1px solid <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
 425 }
 426
 427 /**
 428  * cells with the value NULL
 429  */
 430 td.null {
 431     font-style: italic;
 432     text-align: <?php echo $right; ?>;
 433 }
 434
 435 table .valueHeader {
 436     text-align:         <?php echo $right; ?>;
 437     white-space:        normal;
 438 }
 439 table .value {
 440     text-align:         <?php echo $right; ?>;
 441     white-space:        normal;
 442 }
 443 /* IE doesnt handles 'pre' right */
 444 table [class=value] {
 445     white-space:        normal;
 446 }
 447
 448
 449 <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
 450 .value {
 451     font-family:        <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
 452 }
 453 <?php } ?>
 454 .value .attention {
 455     color:              red;
 456     font-weight:        bold;
 457 }
 458 .value .allfine {
 459     color:              green;
 460 }
 461
 462
 463 img.lightbulb {
 464     cursor:             pointer;
 465 }
 466
 467 .pdflayout {
 468     overflow:           hidden;
 469     clip:               inherit;
 470     background-color:   #FFFFFF;
 471     display:            none;
 472     border:             1px solid #000000;
 473     position:           relative;
 474 }
 475
 476 .pdflayout_table {
 477     background:         #D3DCE3;
 478     color:              #000000;
 479     overflow:           hidden;
 480     clip:               inherit;
 481     z-index:            2;
 482     display:            inline;
 483     visibility:         inherit;
 484     cursor:             move;
 485     position:           absolute;
 486     font-size:          80%;
 487     border:             1px dashed #000000;
 488 }
 489
 490 /* MySQL Parser */
 491 .syntax {
 492     font-family: Verdan, Arial, Tahoma;
 493     font-size:          110%;
 494 }
 495
 496 .syntax a {
 497     text-decoration: none;
 498     border-bottom:1px dotted black;
 499 }
 500
 501 .syntax_comment {
 502     padding-left:       4pt;
 503     padding-right:      4pt;
 504 }
 505
 506 .syntax_digit {
 507 }
 508
 509 .syntax_digit_hex {
 510 }
 511
 512 .syntax_digit_integer {
 513 }
 514
 515 .syntax_digit_float {
 516 }
 517
 518 .syntax_punct {
 519 }
 520
 521 .syntax_alpha {
 522 }
 523
 524 .syntax_alpha_columnType {
 525     text-transform:     uppercase;
 526 }
 527
 528 .syntax_alpha_columnAttrib {
 529     text-transform:     uppercase;
 530 }
 531
 532 .syntax_alpha_reservedWord {
 533     text-transform:     uppercase;
 534     font-weight:        bold;
 535 }
 536
 537 .syntax_alpha_functionName {
 538     text-transform:     uppercase;
 539 }
 540
 541 .syntax_alpha_identifier {
 542 }
 543
 544 .syntax_alpha_charset {
 545 }
 546
 547 .syntax_alpha_variable {
 548 }
 549
 550 .syntax_quote {
 551     white-space:        pre;
 552 }
 553
 554 .syntax_quote_backtick {
 555 }
 556
 557 /* leave some space between icons and text */
 558 .icon, img.footnotemarker {
 559     vertical-align: -3px;
 560     margin-right:       0.3em;
 561     margin-left:        0.3em;
 562 }
 563
 564 img.footnotemarker {
 565     display: none;
 566 }
 567
 568 /* no extra space in table cells */
 569 td .icon {
 570     margin: 0;
 571 }
 572
 573 .selectallarrow {
 574     margin-<?php echo $right; ?>: 0.3em;
 575     margin-<?php echo $left; ?>: 0.6em;
 576 }
 577
 578 /* message boxes: error, confirmation */
 579 .success h1,
 580 .notice h1,
 581 div.error h1 {
 582     border-bottom:      2px solid;
 583     font-weight:        bold;
 584     text-align:         <?php echo $left; ?>;
 585     margin:             0 0 0.2em 0;
 586 }
 587
 588 div.success,
 589 div.notice,
 590 div.error,
 591 div.footnotes {
 592     margin:             0.5em 0 1.3em 0;
 593     border:             1px solid;
 594     <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
 595     background-repeat:  no-repeat;
 596         <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
 597     background-position: 10px 50%;
 598     padding:            10px 10px 10px 25px;
 599         <?php } else { ?>
 600     background-position: 99% 50%;
 601     padding:            25px 10px 10px 10px
 602         <?php } ?>
 603     <?php } else { ?>
 604     padding:            0.3em;
 605     <?php } ?>
 606
 607     -moz-border-radius:5px;
 608     -webkit-border-radius:5px;
 609     border-radius:5px;
 610
 611     -moz-box-shadow: 0 1px 1px #fff inset;
 612     -webkit-box-shadow: 0 1px 1px #fff inset;
 613     box-shadow:  0 1px 1px #fff inset;
 614 }
 615
 616 .success  a{text-decoration:underline;}
 617 .notice a{text-decoration:underline;}
 618 .error a{text-decoration:underline;}
 619 .footnotes a{text-decoration:underline;}
 620
 621 .success {
 622     color:              #000000;
 623     background-color:   #ebf8a4;
 624 }
 625 h1.success,
 626 div.success {
 627     border-color:       #a2d246;
 628     <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
 629     background-image:   url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_success.png);
 630     background-repeat:  no-repeat;
 631         <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
 632     background-position: 5px 50%;
 633         <?php } else { ?>
 634     background-position: 97% 50%;
 635         <?php } ?>
 636     <?php } ?>
 637 }
 638 .success h1 {
 639     border-color:       #00FF00;
 640 }
 641
 642 .notice, .footnotes {
 643     color:              #000;
 644     background-color:   #e8eef1;
 645 }
 646 h1.notice,
 647 div.notice,
 648 div.footnotes {
 649     border-color:       #3a6c7e;
 650     <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
 651     background-image:   url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_notice.png);
 652     background-repeat:  no-repeat;
 653         <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
 654     background-position: 5px 50%;
 655         <?php } else { ?>
 656     background-position: 97% 50%;
 657         <?php } ?>
 658     <?php } ?>
 659 }
 660 .notice h1 {
 661     border-color:       #ffb10a;
 662 }
 663
 664 .error {
 665     border:1px solid maroon !important;
 666     color: #000;
 667     background:pink;
 668 }
 669
 670 h1.error,
 671 div.error {
 672     border-color:       #333;
 673     <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
 674     background-image:   url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_error.png);
 675     background-repeat:  no-repeat;
 676         <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
 677     background-position: 5px 50%;
 678         <?php } else { ?>
 679     background-position: 97% 50%;
 680         <?php } ?>
 681     <?php } ?>
 682 }
 683 div.error h1 {
 684     border-color:       #ff0000;
 685 }
 686
 687
 688
 689 .confirmation {
 690     color:              #000000;
 691     background-color:   pink;
 692 }
 693 fieldset.confirmation {
 694
 695 }
 696 fieldset.confirmation legend {
 697
 698 }
 699 /* end messageboxes */
 700
 701
 702 .tblcomment {
 703     font-size:          70%;
 704     font-weight:        normal;
 705     color:              #000099;
 706 }
 707
 708 .tblHeaders {
 709     font-weight:        bold;
 710     color:              <?php echo $GLOBALS['cfg']['ThColor']; ?>;
 711     background:         <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
 712 }
 713
 714 div.tools,
 715 .tblFooters {
 716     font-weight:        normal;
 717     color:              <?php echo $GLOBALS['cfg']['ThColor']; ?>;
 718     background:         <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
 719 }
 720
 721 .tblHeaders a:link,
 722 .tblHeaders a:active,
 723 .tblHeaders a:visited,
 724 div.tools a:link,
 725 div.tools a:visited,
 726 div.tools a:active,
 727 .tblFooters a:link,
 728 .tblFooters a:active,
 729 .tblFooters a:visited {
 730     color:              #0000FF;
 731 }
 732
 733 .tblHeaders a:hover,
 734 div.tools a:hover,
 735 .tblFooters a:hover {
 736     color:              #FF0000;
 737 }
 738
 739 /* forbidden, no privilegs */
 740 .noPrivileges {
 741     color:              #FF0000;
 742     font-weight:        bold;
 743 }
 744
 745 /* disabled text */
 746 .disabled,
 747 .disabled a:link,
 748 .disabled a:active,
 749 .disabled a:visited {
 750     color:              #666666;
 751 }
 752
 753 .disabled a:hover {
 754     color:              #666666;
 755     text-decoration:    none;
 756 }
 757
 758 tr.disabled td,
 759 td.disabled {
 760     background-color:   #f3f3f3;
 761     color:#aaa;
 762 }
 763
 764 .nowrap {
 765     white-space:        nowrap;
 766 }
 767
 768 /**
 769  * login form
 770  */
 771 body.loginform h1,
 772 body.loginform a.logo {
 773     display: block;
 774     text-align: center;
 775 }
 776
 777 body.loginform {
 778     text-align: center;
 779 }
 780
 781 body.loginform div.container {
 782     text-align: <?php echo $left; ?>;
 783     width: 30em;
 784     margin: 0 auto;
 785 }
 786
 787 form.login label {
 788     float: <?php echo $left; ?>;
 789     width: 10em;
 790     font-weight: bolder;
 791 }
 792
 793 .commented_column {
 794     border-bottom: 1px dashed black;
 795 }
 796
 797 .column_attribute {
 798     font-size: 70%;
 799 }
 800
 801 /******************************************************************************/
 802 /* specific elements */
 803
 804 /* topmenu */
 805 #topmenu a {text-shadow:0px 1px 0px #fff;}
 806
 807 #topmenu .error{background:#eee;border:0px !important;color:#aaa;}
 808
 809 ul#topmenu, ul#topmenu2, ul.tabs {
 810     font-weight:        bold;
 811     list-style-type:    none;
 812     margin:             0;
 813     padding:            0;
 814
 815 }
 816
 817 ul#topmenu2 {
 818     margin: 0.25em 0.5em 0;
 819     height: 2em;
 820     clear: both;
 821 }
 822
 823 ul#topmenu li, ul#topmenu2 li {
 824     float:              <?php echo $left; ?>;
 825     margin:             0;
 826     vertical-align:     middle;
 827 }
 828
 829 #topmenu img, #topmenu2 img {
 830     margin-right:0.5em;
 831     vertical-align:-3px;
 832 }
 833
 834 #topmenucontainer{background:url(./themes/pmahomme/img/tab_bg.png) repeat-x;    border-top:1px solid #aaa;}
 835
 836 /* default tab styles */
 837 .tabactive {
 838     background:#fff !important;
 839 }
 840
 841 ul#topmenu a, ul#topmenu span {
 842     display:            block;
 843     margin:             0px;
 844     padding:            0px;
 845     white-space:        nowrap;
 846 }
 847
 848 ul#topmenu ul a {
 849     margin:             0;
 850
 851 }
 852
 853 ul#topmenu .submenu {
 854     display:            none;
 855     position:           relative;
 856 }
 857
 858 ul#topmenu .shown {
 859     display:            inline-block;
 860 }
 861
 862 ul#topmenu ul {
 863     margin:             0;
 864     padding:            0;
 865     position:           absolute;
 866     right:              0;
 867     list-style-type:    none;
 868     display:            none;
 869     border:             1px #ddd solid;
 870     z-index:            2;
 871 }
 872
 873 ul#topmenu li:hover {
 874     background:url(./themes/pmahomme/img/tab_hover_bg.png) repeat-x 50% 0%!important;
 875 }
 876
 877 ul#topmenu li:hover ul, ul#topmenu .submenuhover ul {
 878     display:            block;
 879     font-weight:3em;
 880     background:#fff;
 881
 882 }
 883
 884 ul#topmenu ul li {
 885     width:              100%;
 886 }
 887
 888 ul#topmenu2 a {
 889     display:            block;
 890     margin:             7px 6px 7px 0px;
 891     padding:            4px 10px;
 892     white-space:        nowrap;
 893     border:1px solid #ddd;
 894     border-radius: 20px;
 895     -moz-border-radius: 20px;
 896     -webkit-border-radius: 20px;
 897     background:#f2f2f2;
 898
 899 }
 900
 901 /* disabled tabs */
 902 ul#topmenu span.tab {
 903     color:              #666666;
 904 }
 905
 906 fieldset.caution a {
 907     color:              #FF0000;
 908 }
 909 fieldset.caution a:hover {
 910     color:              #ffffff;
 911     background-color:   #FF0000;
 912 }
 913
 914 <?php if ($GLOBALS['cfg']['LightTabs']) { ?>
 915 /* active tab */
 916 ul#topmenu a.tabactive, ul#topmenu2 a.tabactive {
 917     color:              black;
 918 }
 919
 920 ul#topmenu ul {
 921     background:         <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
 922 }
 923 <?php } else { ?>
 924 #topmenu {
 925     margin-top:         0.5em;
 926     padding:            0.1em 0.3em 0.1em 0.3em;
 927 }
 928
 929 ul#topmenu ul {
 930     -moz-box-shadow:    1px 1px 6px #ddd;
 931     -webkit-box-shadow: 2px 2px 3px #666;
 932     box-shadow:         2px 2px 3px #666;
 933 }
 934
 935 ul#topmenu > li {
 936     border-right: 1px solid #fff;
 937     border-left: 1px solid #ccc;
 938 }
 939
 940 /* default tab styles */
 941 ul#topmenu a, ul#topmenu span {
 942     padding:10px;
 943 }
 944
 945 ul#topmenu ul a {
 946     border-width:       1pt 0 0 0;
 947     -moz-border-radius: 0;
 948     -webkit-border-radius: 0;
 949     border-radius:      0;
 950
 951 }
 952
 953 ul#topmenu ul li:first-child a {
 954     border-width:       0;
 955
 956 }
 957
 958 /* enabled hover/active tabs */
 959 ul#topmenu > li > a:hover,
 960 ul#topmenu > li > .tabactive {
 961     text-decoration:    none;
 962 }
 963
 964 ul#topmenu ul a:hover,
 965 ul#topmenu ul .tabactive {
 966     text-decoration:    none;
 967 }
 968
 969 ul#topmenu a.tab:hover,
 970 ul#topmenu .tabactive {
 971     /* background-color:   <?php echo $GLOBALS['cfg']['MainBackground']; ?>;  */
 972 }
 973
 974 ul#topmenu2 a.tab:hover,
 975 ul#topmenu2 a.tabactive {
 976     background-color:   <?php echo $GLOBALS['cfg']['BgOne']; ?>;
 977     border-radius:      0.3em;
 978     -moz-border-radius: 0.3em;
 979     -webkit-border-radius: 0.3em;
 980     text-decoration:    none;
 981 }
 982
 983 /* to be able to cancel the bottom border, use <li class="active"> */
 984 ul#topmenu > li.active {
 985     /* border-bottom:      0pt solid <?php echo $GLOBALS['cfg']['MainBackground']; ?>; */
 986     border-right:0px;
 987 }
 988
 989 /* disabled tabs */
 990 ul#topmenu span.tab,
 991 a.error {
 992     cursor:             url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>error.ico), default;
 993     color:#ccc;
 994 }
 995 <?php } ?>
 996 /* end topmenu */
 997
 998
 999 /* Calendar */
1000 table.calendar {
1001     width:              100%;
1002 }
1003 table.calendar td {
1004     text-align:         center;
1005 }
1006 table.calendar td a {
1007     display:            block;
1008 }
1009
1010 table.calendar td a:hover {
1011     background-color:   #CCFFCC;
1012 }
1013
1014 table.calendar th {
1015     background-color:   #D3DCE3;
1016 }
1017
1018 table.calendar td.selected {
1019     background-color:   #FFCC99;
1020 }
1021
1022 img.calendar {
1023     border:             none;
1024 }
1025 form.clock {
1026     text-align:         center;
1027 }
1028 /* end Calendar */
1029
1030
1031 /* table stats */
1032 div#tablestatistics table {
1033     float: <?php echo $left; ?>;
1034     margin-bottom: 0.5em;
1035     margin-<?php echo $right; ?>: 1.5em;
1036     margin-top: 0.5em;
1037 }
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
1166 img.sortableIcon {
1167     width:16px;
1168     height:16px;
1169     float:right;
1170     background-repeat:no-repeat;
1171 }
1172
1173 h3#serverstatusqueries span {
1174     font-size:60%;
1175     display:inline;
1176 }
1177
1178 th img.sortableIcon, th img.sortableIcon {
1179     background-image:url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_sortable.png);
1180 }
1181 th.headerSortUp img.sortableIcon, th.headerSortUp img.sortableIcon {
1182     background-image:url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_desc.png);
1183 }
1184 th.headerSortDown img.sortableIcon, th.headerSortDown img.sortableIcon {
1185     background-image:url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asc.png);
1186 }
1187
1188 .statuslinks {
1189     float: <?php echo $right; ?>;
1190     white-space: nowrap;
1191 }
1192
1193 /* Also used for the variables page */
1194 fieldset#tableFilter {
1195     margin-bottom:1em;
1196 }
1197
1198 div#serverStatusTabs {
1199     margin-top:1em;
1200 }
1201
1202 caption a.top {
1203     float: <?php echo $right; ?>;
1204 }
1205
1206 div#serverstatusquerieschart {
1207     float:<?php echo $left; ?>;
1208     width:500px;
1209     height:350px;
1210     padding-<?php echo $left; ?>: 30px;
1211 }
1212
1213 div#serverstatus table#serverstatusqueriesdetails {
1214     float: <?php echo $left; ?>;
1215 }
1216
1217 .clearfloat {
1218     clear: both;
1219 }
1220 table#serverstatusvariables {
1221     width: 100%;
1222     margin-bottom: 1em;
1223 }
1224 table#serverstatusvariables .name {
1225     width: 18em;
1226     white-space:nowrap;
1227 }
1228 table#serverstatusvariables .value {
1229     width: 6em;
1230 }
1231 table#serverstatustraffic {
1232     float: <?php echo $left; ?>;
1233 }
1234 table#serverstatusconnections {
1235     float: <?php echo $left; ?>;
1236     margin-<?php echo $left; ?>: 30px;
1237 }
1238
1239 div#serverstatus table tbody td.descr a,
1240 div#serverstatus table .tblFooters a {
1241     white-space: nowrap;
1242 }
1243
1244 div.liveChart {
1245     clear:both;
1246     min-width:500px;
1247     height:400px;
1248     padding-bottom:80px;
1249 }
1250 /* end serverstatus */
1251
1252 /* server variables */
1253
1254 a.editLink {
1255     float: <?php echo $left; ?>;
1256     font-family:sans-serif;
1257 }
1258
1259 table.serverVariableEditTable {
1260         border:0;
1261         margin:0;
1262         padding:0;
1263         width:100%;
1264 }
1265 table.serverVariableEditTable td {
1266         border:0;
1267         margin:0;
1268         padding:0;
1269 }
1270 table.serverVariableEditTable td:first-child {
1271         white-space:nowrap;
1272         vertical-align:middle;
1273 }
1274
1275 table.serverVariableEditTable input {
1276         width:95%;
1277 }
1278
1279 table#serverVariables td {
1280     height:18px;
1281 }
1282
1283 /* end server variables */
1284
1285 /* querywindow */
1286 body#bodyquerywindow {
1287     margin: 0;
1288     padding: 0;
1289     background-image: none;
1290     background-color: #F5F5F5;
1291 }
1292
1293 div#querywindowcontainer {
1294     margin: 0;
1295     padding: 0;
1296     width: 100%;
1297 }
1298
1299 div#querywindowcontainer fieldset {
1300     margin-top: 0;
1301 }
1302 /* END querywindow */
1303
1304 /* profiling */
1305
1306 div#profilingchart {
1307     width:550px;
1308     height:370px;
1309     float:left;
1310 }
1311
1312 /* END profiling */
1313
1314 /* table charting */
1315
1316 #resizer {
1317     border: 1px solid silver;
1318 }
1319 #inner-resizer { /* make room for the resize handle */
1320     padding: 10px;
1321 }
1322
1323 /* END table charting */
1324
1325 /* querybox */
1326
1327 #togglequerybox{margin:0 10px}
1328
1329 #serverstatus p {
1330
1331     margin:             1.5em 0px;
1332     border:             1px solid #000;
1333     <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
1334     background-repeat:  no-repeat;
1335         <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
1336     background-position: 10px 50%;
1337     padding:            10px 10px 10px 25px;
1338         <?php } else { ?>
1339     background-position: 99% 50%;
1340     padding:            25px 10px 10px 10px
1341         <?php } ?>
1342     <?php } else { ?>
1343     padding:            0.3em;
1344     <?php } ?>
1345     -moz-border-radius:5px;
1346     -webkit-border-radius:5px;
1347     border-radius:5px;
1348     -moz-box-shadow: 0px 1px 2px #fff inset;
1349     -webkit-box-shadow: 0px 1px 2px #fff inset;
1350     box-shadow:0px 1px 2px #fff; inset;
1351     background:#555;
1352     color:#d4fb6a;
1353 }
1354 #serverstatus p a{color:#fff;text-decoration:underline;}
1355 #serverstatus h3
1356 {
1357     margin: 15px 0;
1358     font-weight:normal;
1359     color:#999;
1360     font-size:1.7em;
1361 }
1362 #sectionlinks{
1363     padding:16px;
1364     background:#f3f3f3;
1365     border:1px solid #aaa;
1366     border-radius:5px;
1367     -webkit-border-radius:5px;
1368     -moz-border-radius:5px;
1369     box-shadow:0px 1px 1px #fff inset;
1370     -webkit-box-shadow:0px 1px 1px #fff inset;
1371     -moz-box-shadow:0px 1px 1px #fff inset;
1372 }
1373 #sectionlinks a, .statuslinks a{
1374     font-size:0.88em;
1375     font-weight:bold;
1376     text-shadow: 0px 1px 0px #fff;
1377     line-height:35px;
1378     margin-left:7px;
1379     border: 1px solid #aaa;
1380     padding: 5px 10px;
1381     color: #111;
1382     text-decoration: none;
1383     background: #ddd;
1384     white-space: nowrap;
1385     border-radius: 20px;
1386     -webkit-border-radius: 20px;
1387     -moz-border-radius: 20px;
1388     box-shadow: 1px 1px 2px rgba(0,0,0,.5);
1389     /*
1390     -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
1391     -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
1392     text-shadow: #fff 0px 1px 0px;
1393     */
1394     background-image: url(./themes/svg_gradient.php?from=ffffff&to=cccccc);
1395     background-size: 100% 100%;
1396     background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
1397     background: -moz-linear-gradient(top,  #ffffff,  #cccccc);
1398     background: -o-linear-gradient(top,  #ffffff,  #cccccc);
1399     <?php echo PMA_ieFilter('#ffffff', '#cccccc'); ?>
1400 }
1401 #sectionlinks a:hover, .statuslinks a:hover{
1402     background-image: url(./themes/svg_gradient.php?from=cccccc&to=dddddd);
1403     background-size: 100% 100%;
1404     background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
1405     background: -moz-linear-gradient(top,  #cccccc,  #dddddd);
1406     background: -o-linear-gradient(top,  #cccccc,  #dddddd);
1407     <?php echo PMA_ieFilter('#cccccc', '#dddddd'); ?>
1408 }
1409
1410 div#sqlquerycontainer {
1411     float: <?php echo $left; ?>;
1412     width: 69%;
1413     /* height: 15em; */
1414 }
1415
1416 div#tablefieldscontainer {
1417     float: <?php echo $right; ?>;
1418     width: 29%;
1419     /* height: 15em; */
1420 }
1421
1422 div#tablefieldscontainer select {
1423     width: 100%;
1424     background:#fff;
1425     /* height: 12em; */
1426 }
1427
1428 textarea#sqlquery {
1429     width: 100%;
1430     /* height: 100%; */
1431     -moz-border-radius:4px;
1432     -webkit-border-radius:4px;
1433     border-raduis:4px
1434     border:1px solid #aaa;
1435     padding:5px;
1436     font-family:inherit;
1437 }
1438 textarea#sql_query_edit{
1439     height:7em;
1440     width: 95%;
1441     display:block;
1442 }
1443 div#queryboxcontainer div#bookmarkoptions {
1444     margin-top: 0.5em;
1445 }
1446 /* end querybox */
1447
1448 /* main page */
1449 #maincontainer {
1450     /* background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>logo_right.png); */
1451     /* background-position: <?php echo $right; ?> bottom; */
1452     /* background-repeat: no-repeat; */
1453 }
1454
1455 #mysqlmaininformation,
1456 #pmamaininformation {
1457     float: <?php echo $left; ?>;
1458     width: 49%;
1459 }
1460
1461 #maincontainer ul {
1462     list-style-type: disc;
1463     vertical-align: middle;
1464 }
1465
1466 #maincontainer li {
1467     margin-bottom:  0.3em;
1468 }
1469 /* END main page */
1470
1471
1472 <?php if ($GLOBALS['cfg']['MainPageIconic']) { ?>
1473 /* iconic view for ul items */
1474 li#li_create_database {
1475     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_newdb.png);
1476 }
1477
1478 li#li_select_lang {
1479     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_lang.png);
1480 }
1481
1482 li#li_select_mysql_collation {
1483     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
1484 }
1485
1486 li#li_select_theme{
1487     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_theme.png);
1488 }
1489
1490 li#li_user_info{
1491     /* list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png); */
1492 }
1493
1494 li#li_mysql_status{
1495     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_status.png);
1496 }
1497
1498 li#li_mysql_variables{
1499     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_vars.png);
1500 }
1501
1502 li#li_mysql_processes{
1503     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_process.png);
1504 }
1505
1506 li#li_mysql_collations{
1507     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
1508 }
1509
1510 li#li_mysql_engines{
1511     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_engine.png);
1512 }
1513
1514 li#li_mysql_binlogs {
1515     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_tbl.png);
1516 }
1517
1518 li#li_mysql_databases {
1519     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_db.png);
1520 }
1521
1522 li#li_export {
1523     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_export.png);
1524 }
1525
1526 li#li_import {
1527     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_import.png);
1528 }
1529
1530 li#li_change_password {
1531     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_passwd.png);
1532 }
1533
1534 li#li_log_out {
1535     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_loggoff.png);
1536 }
1537
1538 li#li_mysql_privilegs{
1539     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png);
1540 }
1541
1542 li#li_switch_dbstats {
1543     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_dbstatistics.png);
1544 }
1545
1546 li#li_flush_privileges {
1547     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_reload.png);
1548 }
1549
1550 li#li_user_preferences {
1551     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_tblops.png);
1552 }
1553 /* END iconic view for ul items */
1554 <?php } /* end if $GLOBALS['cfg']['MainPageIconic'] */ ?>
1555
1556
1557 #body_browse_foreigners {
1558     background:         <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1559     margin:             0.5em 0.5em 0 0.5em;
1560 }
1561
1562 #bodyquerywindow {
1563     background:         <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1564 }
1565
1566 #bodythemes {
1567     width: 500px;
1568     margin: auto;
1569     text-align: center;
1570 }
1571
1572 #bodythemes img {
1573     border: 0.1em solid black;
1574 }
1575
1576 #bodythemes a:hover img {
1577     border: 0.1em solid red;
1578 }
1579
1580 #fieldset_select_fields {
1581     float: <?php echo $left; ?>;
1582 }
1583
1584 #selflink {
1585     clear: both;
1586     display: block;
1587     margin-top: 1em;
1588     margin-bottom: 1em;
1589     background:#f3f3f3;
1590     width: 100%;
1591     border-top: 0.1em solid silver;
1592     text-align: <?php echo $right; ?>;
1593
1594
1595 }
1596
1597 #table_innodb_bufferpool_usage,
1598 #table_innodb_bufferpool_activity {
1599     float: <?php echo $left; ?>;
1600 }
1601
1602 #div_mysql_charset_collations table {
1603     float: <?php echo $left; ?>;
1604 }
1605
1606 .operations_half_width {
1607     width: 48%;
1608     float: <?php echo $left; ?>;
1609 }
1610
1611 .operations_full_width {
1612     width: 100%;
1613     clear: both;
1614 }
1615
1616 #qbe_div_table_list {
1617     float: <?php echo $left; ?>;
1618 }
1619
1620 #qbe_div_sql_query {
1621     float: <?php echo $left; ?>;
1622 }
1623
1624 label.desc {
1625     width: 30em;
1626     float: <?php echo $left; ?>;
1627 }
1628
1629 label.desc sup {
1630     position: absolute;
1631 }
1632
1633 code.sql, div.sqlvalidate {
1634     display:            block;
1635     padding:            1em;
1636     margin-top:         0;
1637     margin-bottom:      0;
1638     border-top:         0;
1639     border-bottom:      0;
1640     max-height:         10em;
1641     overflow:           auto;
1642     background:         <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1643 }
1644
1645 #main_pane_left {
1646     width:              60%;
1647     float:              <?php echo $left; ?>;
1648     padding-top:        1em;
1649 }
1650
1651 #main_pane_right {
1652     margin-<?php echo $left; ?>: 60%;
1653     padding-top: 1em;
1654     padding-<?php echo $left; ?>: 1em;
1655 }
1656
1657 .group {
1658
1659     border:1px solid #999;
1660     background:#f3f3f3;
1661     -moz-border-radius:4px;
1662     -webkit-border-radius:4px;
1663     border-radius:4px;
1664     -moz-box-shadow:2px 2px 5px #ccc;
1665     -webkit-box-shadow:2px 2px 5px #ccc;
1666     box-shadow:3px 3px 10px #ddd;
1667     margin-bottom:      1em;
1668     padding-bottom: 1em;
1669 }
1670
1671 .group h2 {
1672     background-color:   #bbb;
1673     padding:            0.1em 0.3em;
1674     margin-top:         0;
1675     color:#fff;
1676     font-size:1.6em;
1677     font-weight:normal;
1678     text-shadow:0 1px 0 #777;
1679     -moz-box-shadow: 1px 1px 15px  #999 inset;
1680     -webkit-box-shadow: 1px 1px 15px  #999 inset;
1681     box-shadow: 1px 1px 15px  #999 inset;
1682 }
1683
1684 .group-cnt {
1685     padding: 0 0 0 0.5em;
1686     display: inline-block;
1687     width: 98%;
1688 }
1689
1690 textarea#partitiondefinition {
1691     height:3em;
1692 }
1693
1694 /* for elements that should be revealed only via js */
1695 .hide {
1696     display:            none;
1697 }
1698
1699 #li_select_server {
1700     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_host.png);
1701 }
1702
1703 #list_server {
1704     list-style-image: none;
1705 }
1706
1707 /**
1708   *  Progress bar styles
1709   */
1710 div.upload_progress_bar_outer
1711 {
1712     border: 1px solid black;
1713     width: 202px;
1714 }
1715
1716 div.upload_progress_bar_inner
1717 {
1718     background-color: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1719     width: 0px;
1720     height: 12px;
1721     margin: 1px;
1722 }
1723
1724 table#serverconnection_src_remote,
1725 table#serverconnection_trg_remote,
1726 table#serverconnection_src_local,
1727 table#serverconnection_trg_local  {
1728   float:left;
1729 }
1730 /**
1731   *  Validation error message styles
1732   */
1733 input[type=text].invalid_value,
1734 .invalid_value {
1735     background:#FFCCCC;
1736 }
1737
1738 /**
1739   *  Ajax notification styling
1740   */
1741  .ajax_notification {
1742     top: 0px;           /** The notification needs to be shown on the top of the page */
1743     position: fixed;
1744     margin-top: 0;
1745     margin-right: auto;
1746     margin-bottom: 0;
1747     margin-left: auto;
1748     padding: 5px;   /** Keep a little space on the sides of the text */
1749     width: 350px;
1750
1751     z-index: 1100;      /** If this is not kept at a high z-index, the jQueryUI modal dialogs (z-index:1000) might hide this */
1752     text-align: center;
1753     display: inline;
1754     left: 0;
1755     right: 0;
1756     background-image: url(./themes/pmahomme/img/ajax_clock_small.gif);
1757     background-repeat: no-repeat;
1758     background-position: 2%;
1759     border:1px solid #e2b709;
1760  }
1761
1762 /* additional styles */
1763 .ajax_notification{
1764     margin-top:200px;background:#ffe57e;
1765     border-radius:5px;
1766     -moz-border-radius:5px;
1767     -webkit-border-radius:5px;
1768     box-shadow: 0px 5px 90px #888;
1769     -moz-box-shadow: 0px 5px 90px #888;
1770     -webkit-box-shadow: 0px 5px 90px #888;
1771 }
1772
1773 #loading_parent {
1774     /** Need this parent to properly center the notification division */
1775     position: relative;
1776     width: 100%;
1777  }
1778 /**
1779   * Export and Import styles
1780   */
1781
1782 .exportoptions h3, .importoptions h3 {
1783     border-bottom: 1px #999999 solid;
1784     font-size: 110%;
1785 }
1786
1787 .exportoptions ul, .importoptions ul, .format_specific_options ul {
1788     list-style-type: none;
1789     margin-bottom: 15px;
1790 }
1791
1792 .exportoptions li, .importoptions li {
1793     margin: 7px;
1794 }
1795 .exportoptions label, .importoptions label, .exportoptions p, .importoptions p {
1796     margin: 5px;
1797     float: none;
1798 }
1799
1800 #csv_options label.desc, #ldi_options label.desc, #latex_options label.desc, #output label.desc{
1801     float: left;
1802     width: 15em;
1803 }
1804
1805 .exportoptions, .importoptions {
1806     margin: 20px 30px 30px 10px
1807 }
1808
1809 .exportoptions #buttonGo, .importoptions #buttonGo {
1810     font-weight:bold;
1811     margin-left:14px;
1812     border: 1px solid #aaa;
1813     padding: 5px 12px;
1814     color: #111;
1815     text-decoration: none;
1816     background: #ddd;
1817
1818     border-radius: 12px;
1819     -webkit-border-radius: 12px;
1820     -moz-border-radius: 12px;
1821
1822     text-shadow: 0px 1px 0px #fff;
1823
1824     background-image: url(./themes/svg_gradient.php?from=ffffff&to=cccccc);
1825     background-size: 100% 100%;
1826     background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
1827     background: -moz-linear-gradient(top,  #ffffff,  #cccccc);
1828     background: -o-linear-gradient(top,  #ffffff,  #cccccc);
1829     <?php echo PMA_ieFilter('#ffffff', '#cccccc'); ?>
1830     cursor: pointer;
1831 }
1832 #buttonGo:hover{
1833     background-image: url(./themes/svg_gradient.php?from=cccccc&to=dddddd);
1834     background-size: 100% 100%;
1835     background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
1836     background: -moz-linear-gradient(top,  #cccccc,  #dddddd);
1837     background: -o-linear-gradient(top,  #cccccc,  #dddddd);
1838     <?php echo PMA_ieFilter('#cccccc', '#dddddd'); ?>
1839 }
1840
1841 .format_specific_options h3 {
1842     margin: 10px 0px 0px 10px;
1843     border: 0px;
1844 }
1845
1846 .format_specific_options {
1847     border: 1px solid #999999;
1848     margin: 7px 0px;
1849     padding: 3px;
1850 }
1851
1852 p.desc {
1853     margin: 5px;
1854 }
1855
1856 /**
1857   * Export styles only
1858   */
1859 select#db_select, select#table_select {
1860     width: 400px;
1861 }
1862
1863 .export_sub_options {
1864     margin: 20px 0px 0px 30px;
1865 }
1866
1867 .export_sub_options h4 {
1868     border-bottom: 1px #999999 solid;
1869 }
1870
1871 .export_sub_options li.subgroup {
1872     display: inline-block;
1873     margin-top: 0;
1874 }
1875
1876 .export_sub_options li {
1877     margin-bottom: 0;
1878 }
1879
1880 #quick_or_custom, #output_quick_export {
1881     display: none;
1882 }
1883 /**
1884  * Import styles only
1885  */
1886
1887 .importoptions #import_notification {
1888     margin: 10px 0px;
1889     font-style: italic;
1890 }
1891
1892 input#input_import_file {
1893     margin: 5px;
1894 }
1895
1896 .formelementrow {
1897     margin: 5px 0px 5px 0px;
1898 }
1899
1900 /**
1901  * ENUM/SET editor styles
1902  */
1903 p.enum_notice {
1904     margin: 5px 2px;
1905     font-size: 80%;
1906 }
1907
1908 #enum_editor {
1909     display: none;
1910     position: fixed;
1911     _position: absolute; /* hack for IE */
1912     z-index: 101;
1913     overflow-y: auto;
1914     overflow-x: hidden;
1915 }
1916
1917 #enum_editor_no_js {
1918    margin: auto auto;
1919 }
1920
1921 #enum_editor, #enum_editor_no_js {
1922     background: #D0DCE0;
1923     padding: 15px;
1924 }
1925
1926 #popup_background {
1927     display: none;
1928     position: fixed;
1929     _position: absolute; /* hack for IE6 */
1930     width: 100%;
1931     height: 100%;
1932     top: 0;
1933     left: 0;
1934     background: #000;
1935     z-index: 100;
1936     overflow: hidden;
1937 }
1938
1939 a.close_enum_editor {
1940     float: right;
1941 }
1942
1943 #enum_editor #values, #enum_editor_no_js #values {
1944     margin: 15px 0px;
1945     width: 100%;
1946 }
1947
1948 #enum_editor #values input, #enum_editor_no_js #values input {
1949     margin: 5px 0px;
1950     float: top;
1951     width: 100%;
1952 }
1953
1954 }
1955
1956 #enum_editor_output {
1957     margin-top: 50px;
1958 }
1959
1960 /**
1961  * Table structure styles
1962  */
1963 .structure_actions_dropdown {
1964     position: absolute;
1965     padding: 3px;
1966     display: none;
1967     z-index: 100;
1968     background:#fff;
1969     line-height:24px;
1970     border:1px solid #aaa;
1971     -moz-box-shadow:0px 3px 3px #ddd;
1972 }
1973 .structure_actions_dropdown span{display:block;}
1974 .structure_actions_dropdown span:hover{background:#ddd;}
1975
1976 td.more_opts {
1977     white-space: nowrap;
1978 }
1979
1980 iframe.IE_hack {
1981     z-index: 1;
1982     position: absolute;
1983     display: none;
1984     border: 0;
1985     filter: alpha(opacity=0);
1986 }
1987
1988 /* config forms */
1989 .config-form ul.tabs {
1990     margin:      1.1em 0.2em 0;
1991     padding:     0 0 0.3em 0;
1992     list-style:  none;
1993     font-weight: bold;
1994 }
1995
1996 .config-form ul.tabs li {
1997     float: <?php echo $left; ?>;
1998 }
1999
2000 .config-form ul.tabs li a {
2001     display:          block;
2002     margin:           0.1em 0.2em 0;
2003     white-space:      nowrap;
2004     text-decoration:  none;
2005     border:           1px solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
2006     border-bottom:    none;
2007 }
2008
2009 .config-form ul.tabs li a {
2010     padding:7px 10px;
2011     -moz-border-radius:5px 5px 0 0;
2012     -webkit-border-radius:5px 5px 0 0;
2013     border-radius:5px 5px 0 0;
2014     background:#f2f2f2;
2015     color:#555;
2016     text-shadow: 0 1px 0 #fff;
2017 }
2018
2019 .config-form ul.tabs li a:hover,
2020 .config-form ul.tabs li a:active {
2021     background:#e5e5e5;
2022 }
2023
2024 .config-form ul.tabs li a.active {
2025     background-color: #fff;
2026     margin-top:1px;
2027     color:#000;
2028     text-shadow: none;
2029 }
2030
2031 .config-form fieldset {
2032     margin-top:   0;
2033     padding:      0;
2034     clear:        both;
2035     /*border-color: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;*/
2036 }
2037
2038 .config-form legend {
2039     display: none;
2040 }
2041
2042 .config-form fieldset p {
2043     margin:    0;
2044     padding:   0.5em;
2045     background: #fff;
2046     border-top:0px;
2047 }
2048
2049 .config-form fieldset .errors { /* form error list */
2050     margin:       0 -2px 1em -2px;
2051     padding:      0.5em 1.5em;
2052     background:   #FBEAD9;
2053     border:       0 #C83838 solid;
2054     border-width: 1px 0;
2055     list-style:   none;
2056     font-family:  sans-serif;
2057     font-size:    small;
2058 }
2059
2060 .config-form fieldset .inline_errors { /* field error list */
2061     margin:     0.3em 0.3em 0.3em 0;
2062     padding:    0;
2063     list-style: none;
2064     color:      #9A0000;
2065     font-size:  small;
2066 }
2067
2068 .config-form fieldset th {
2069     padding:        0.3em 0.3em 0.3em 0.5em;
2070     text-align:     left;
2071     vertical-align: top;
2072     width:          40%;
2073     background:     transparent;
2074 }
2075
2076 .config-form fieldset .doc, .config-form fieldset .disabled-notice {
2077     margin-left: 1em;
2078 }
2079
2080 .config-form fieldset .disabled-notice {
2081     font-size: 80%;
2082     text-transform: uppercase;
2083     color: #E00;
2084     cursor: help;
2085 }
2086
2087 .config-form fieldset td {
2088     padding-top:    0.3em;
2089     padding-bottom: 0.3em;
2090     vertical-align: top;
2091 }
2092
2093 .config-form fieldset th small {
2094     display:     block;
2095     font-weight: normal;
2096     font-family: sans-serif;
2097     font-size:   x-small;
2098     color:       #444;
2099 }
2100
2101 .config-form fieldset th, .config-form fieldset td {
2102     border-top: 1px <?php echo $GLOBALS['cfg']['BgTwo']; ?> solid;
2103     border-right: none;
2104 }
2105
2106 fieldset .group-header th {
2107     background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
2108 }
2109
2110 fieldset .group-header + tr th {
2111     padding-top: 0.6em;
2112 }
2113
2114 fieldset .group-field-1 th, fieldset .group-header-2 th {
2115     padding-left: 1.5em;
2116 }
2117
2118 fieldset .group-field-2 th, fieldset .group-header-3 th {
2119     padding-left: 3em;
2120 }
2121
2122 fieldset .group-field-3 th {
2123     padding-left: 4.5em;
2124 }
2125
2126 fieldset .disabled-field th,
2127 fieldset .disabled-field th small,
2128 fieldset .disabled-field td {
2129     color: #666;
2130     background-color: #ddd;
2131 }
2132
2133 .config-form .lastrow {
2134     border-top: 1px #000 solid;
2135 }
2136
2137 .config-form .lastrow {
2138     background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;;
2139     padding:    0.5em;
2140     text-align: center;
2141 }
2142
2143 .config-form .lastrow input {
2144     font-weight: bold;
2145 }
2146
2147 /* form elements */
2148
2149 .config-form span.checkbox {
2150     padding: 2px;
2151     display: inline-block;
2152 }
2153
2154 .config-form .custom { /* customized field */
2155     background: #FFC;
2156 }
2157
2158 .config-form span.checkbox.custom {
2159     padding:    1px;
2160     border:     1px #EDEC90 solid;
2161     background: #FFC;
2162 }
2163
2164 .config-form .field-error {
2165     border-color: #A11 !important;
2166 }
2167
2168 .config-form input[type="text"],
2169 .config-form select,
2170 .config-form textarea {
2171     border: 1px #A7A6AA solid;
2172     height: auto;
2173 }
2174
2175 .config-form input[type="text"]:focus,
2176 .config-form select:focus,
2177 .config-form textarea:focus {
2178     border:     1px #6676FF solid;
2179     background: #F7FBFF;
2180 }
2181
2182 .config-form .field-comment-mark {
2183     font-family: serif;
2184     color: #007;
2185     cursor: help;
2186     padding: 0 0.2em;
2187     font-weight: bold;
2188     font-style: italic;
2189 }
2190
2191 .config-form .field-comment-warning {
2192     color: #A00;
2193 }
2194
2195 /* error list */
2196 .config-form dd {
2197     margin-left: 0.5em;
2198 }
2199
2200 .config-form dd:before {
2201     content: "\25B8  ";
2202 }
2203
2204 .click-hide-message {
2205     cursor: pointer;
2206 }
2207
2208 .prefsmanage_opts {
2209     margin-<?php echo $left; ?>: 2em;
2210 }
2211
2212 #prefs_autoload {
2213     margin-bottom: 0.5em;
2214 }
2215
2216 .rte_table td {
2217     vertical-align:     middle;
2218 }
2219
2220 .rte_table tr td:nth-child(1) {
2221     font-weight:        bold;
2222 }
2223
2224 .rte_table input, .rte_table select, .rte_table textarea {
2225     width:              100%;
2226     margin:             0;
2227     box-sizing:         border-box;
2228     -ms-box-sizing:     border-box;
2229     -moz-box-sizing:    border-box;
2230     -webkit-box-sizing: border-box;
2231 }
2232
2233 .rte_table .routine_params_table {
2234     width:              100%;
2235 }
2236
2237 #placeholder .button {
2238     position: absolute;
2239     cursor: pointer;
2240 }
2241
2242 #placeholder div.button {
2243     font-size: smaller;
2244     color: #999;
2245     background-color: #eee;
2246     padding: 2px;
2247 }
2248
2249 .wrapper {
2250     float: <?php echo $left; ?>;
2251     margin-bottom: 1.5em;
2252 }
2253 .toggleButton {
2254     position: relative;
2255     cursor: pointer;
2256     font-size: 0.8em;
2257     text-align: center;
2258     line-height: 1.55em;
2259     height: 1.55em;
2260     overflow: hidden;
2261     border-right: 0.1em solid #888;
2262     border-left: 0.1em solid #888;
2263     -webkit-border-radius: 0.3em;
2264     -moz-border-radius: 0.3em;
2265     border-radius: 0.3em;
2266 }
2267 .toggleButton table,
2268 .toggleButton td,
2269 .toggleButton img {
2270     padding: 0;
2271     position: relative;
2272 }
2273 .toggleButton .container {
2274     position: absolute;
2275 }
2276 .toggleButton .toggleOn {
2277     color: white;
2278     padding: 0 1em;
2279     text-shadow: 0px 0px 0.2em #000;
2280 }
2281 .toggleButton .toggleOff {
2282     padding: 0 1em;
2283 }
2284
2285 .doubleFieldset fieldset {
2286     width: 48%;
2287     float: <?php echo $left; ?>;
2288     padding: 0;
2289 }
2290 .doubleFieldset fieldset.left {
2291     margin-<?php echo $right; ?>: 1%;
2292 }
2293 .doubleFieldset fieldset.right {
2294     margin-<?php echo $left; ?>: 1%;
2295 }
2296 .doubleFieldset legend {
2297     margin-<?php echo $left; ?>: 1.5em;
2298 }
2299 .doubleFieldset div.wrap {
2300     padding: 1.5em;
2301 }
2302
2303 #table_columns input, #table_columns select {
2304     width:              14em;
2305     box-sizing:         border-box;
2306     -ms-box-sizing:     border-box;
2307     -moz-box-sizing:    border-box;
2308     -webkit-box-sizing: border-box;
2309 }
2310
2311 #table_columns select {
2312     margin:             0 6px;
2313 }
2314
2315 #placeholder {
2316     position: relative;
2317     border: 1px solid #aaa;
2318     float: right;
2319     overflow: hidden;
2320 }
2321
2322 .placeholderDrag {
2323     cursor: move;
2324 }
2325
2326 #placeholder .button {
2327     position: absolute;
2328 }
2329
2330 #left_arrow {
2331     left:8px;
2332     top:26px;
2333 }
2334
2335 #right_arrow {
2336     left:26px;
2337     top:26px;
2338 }
2339
2340 #up_arrow {
2341     left:17px;
2342     top:8px;
2343 }
2344
2345 #down_arrow {
2346     left:17px;
2347     top:44px;
2348 }
2349
2350 #zoom_in {
2351     left:17px;
2352     top:67px;
2353 }
2354
2355 #zoom_world {
2356     left:17px;
2357     top:85px;
2358 }
2359
2360 #zoom_out {
2361     left:17px;
2362     top:103px;
2363 }
2364
2365 .gis_table td {
2366     vertical-align: middle;
2367 }
2368
2369 .gis_table select {
2370     min-width: 160px;
2371     margin: 6px;
2372 }
2373
2374 .gis_table .save {
2375     color: #111;
2376     font-weight: bold;
2377     vertical-align: bottom;
2378     height: 100px;
2379 }
2380
2381 .gis_table .button {
2382    text-align: <?php echo $right; ?>;
2383 }
2384
2385 .gis_table .choice {
2386     display: none;
2387 }
2388
2389 .CodeMirror {
2390   line-height: 1em;
2391   font-family: monospace;
2392   background: white;
2393   border: 1px solid black;
2394 }
2395
2396 .CodeMirror-scroll {
2397   overflow: auto;
2398   height:             <?php echo ceil($GLOBALS['cfg']['TextareaRows'] * 1.2); ?>em;
2399 }
2400
2401 .CodeMirror-gutter {
2402   position: absolute; left: 0; top: 0;
2403   background-color: #f7f7f7;
2404   border-right: 1px solid #eee;
2405   min-width: 2em;
2406   height: 100%;
2407 }
2408 .CodeMirror-gutter-text {
2409   color: #aaa;
2410   text-align: right;
2411   padding: .4em .2em .4em .4em;
2412 }
2413 .CodeMirror-lines {
2414   padding: .4em;
2415 }
2416
2417 .CodeMirror pre {
2418   -moz-border-radius: 0;
2419   -webkit-border-radius: 0;
2420   -o-border-radius: 0;
2421   border-radius: 0;
2422   border-width: 0; margin: 0; padding: 0; background: transparent;
2423   font-family: inherit;
2424   font-size: inherit;
2425   padding: 0; margin: 0;
2426 }
2427
2428 .CodeMirror textarea {
2429   font-family: inherit !important;
2430   font-size: inherit !important;
2431 }
2432
2433 .CodeMirror-cursor {
2434   z-index: 10;
2435   position: absolute;
2436   visibility: hidden;
2437   border-left: 1px solid black !important;
2438 }
2439 .CodeMirror-focused .CodeMirror-cursor {
2440   visibility: visible;
2441 }
2442
2443 span.CodeMirror-selected {
2444   background: #ccc !important;
2445   color: HighlightText !important;
2446 }
2447 .CodeMirror-focused span.CodeMirror-selected {
2448   background: Highlight !important;
2449 }
2450
2451 .CodeMirror-matchingbracket {color: #0f0 !important;}
2452 .CodeMirror-nonmatchingbracket {color: #f22 !important;}
2453
2454
2455 span.mysql-keyword {
2456     color: <?php echo $GLOBALS['cfg']['SQP']['fmtColor']['alpha_reservedWord']; ?>;
2457 }
2458 span.mysql-var {
2459     color: <?php echo $GLOBALS['cfg']['SQP']['fmtColor']['alpha_identifier']; ?>;
2460 }
2461 span.mysql-comment {
2462     color: <?php echo $GLOBALS['cfg']['SQP']['fmtColor']['comment']; ?>;
2463 }
2464 span.mysql-string {
2465     color: <?php echo $GLOBALS['cfg']['SQP']['fmtColor']['quote']; ?>;
2466 }
2467 span.mysql-operator {
2468     color: <?php echo $GLOBALS['cfg']['SQP']['fmtColor']['punct']; ?>;
2469 }
2470 span.mysql-word {
2471     color: <?php echo $GLOBALS['cfg']['SQP']['fmtColor']['alpha']; ?>;
2472 }
2473 span.mysql-function {
2474     color: <?php echo $GLOBALS['cfg']['SQP']['fmtColor']['alpha_functionName']; ?>;
2475 }
2476 span.mysql-type {
2477     color: <?php echo $GLOBALS['cfg']['SQP']['fmtColor']['alpha_columnType']; ?>;
2478 }
2479 span.mysql-attribute {
2480     color: <?php echo $GLOBALS['cfg']['SQP']['fmtColor']['alpha_columnAttrib']; ?>;
2481 }
2482 span.mysql-separator {
2483     color: <?php echo $GLOBALS['cfg']['SQP']['fmtColor']['punct']; ?>;
2484 }
2485 span.mysql-number {
2486     color: <?php echo $GLOBALS['cfg']['SQP']['fmtColor']['digit_integer']; ?>;
2487 }
2488
2489 .colborder {
2490     border-right: 1px solid #FFF;
2491     cursor: col-resize;
2492     height: 100%;
2493     margin-left: -6px;
2494     position: absolute;
2495     width: 5px;
2496 }
2497
2498 .pma_table td {
2499     position: static;
2500 }
2501
2502 .pma_table th.draggable span, .pma_table tbody td span {
2503     display: block;
2504     overflow: hidden;
2505 }
2506
2507 .cRsz {
2508     position: absolute;
2509 }
2510
2511 .cCpy {
2512     background: #333;
2513     color: #FFF;
2514     font-weight: bold;
2515     margin: 0.1em;
2516     padding: 0.3em;
2517     position: absolute;
2518     text-shadow: -1px -1px #000;
2519
2520     -moz-box-shadow: 0 0 0.7em #000;
2521     -webkit-box-shadow: 0 0 0.7em #000;
2522     box-shadow: 0 0 0.7em #000;
2523     -moz-border-radius: 0.3em;
2524     -webkit-border-radius: 0.3em;
2525     border-radius: 0.3em;
2526 }
2527
2528 .cPointer {
2529     background: url(./themes/pmahomme/img/col_pointer.png);
2530     height: 20px;
2531     margin-left: -5px;  /* must be minus half of its width */
2532     margin-top: -10px;
2533     position: absolute;
2534     width: 10px;
2535 }
2536
2537 .dHint {
2538     background: #333;
2539     border:1px solid #000;
2540     color: #FFF;
2541     font-size: 0.8em;
2542     font-weight: bold;
2543     margin-top: -1em;
2544     opacity: 0.8;
2545     padding: 0.5em 1em;
2546     position: fixed;
2547     text-shadow: -1px -1px #000;
2548     -moz-border-radius: 0.3em;
2549     -webkit-border-radius: 0.3em;
2550     border-radius: 0.3em;
2551 }
2552
2553 .cHide {
2554     background: #EEE url(./themes/pmahomme/img/col_hide.png);
2555     color: #CCC;
2556     cursor: pointer;
2557     height: 16px;
2558     margin-left: -10px;
2559     margin-top: 0.3em;
2560     position: absolute;
2561     width: 16px;
2562 }
2563
2564 .cHide:hover {
2565     background-color: #AAA;
2566 }
2567
2568 .cDrop {
2569     left: 0;
2570     position: absolute;
2571     top: 0;
2572 }
2573
2574 .coldrop {
2575     background: url(./themes/pmahomme/img/col_drop.png);
2576     cursor: pointer;
2577     height: 16px;
2578     margin-left: 0.3em;
2579     margin-top: 0.3em;
2580     position: absolute;
2581     width: 16px;
2582 }
2583
2584 .coldrop:hover, .coldrop-hover {
2585     background-color: #999;
2586 }
2587
2588 .cList {
2589     background: #EEE;
2590     border: solid 1px #999;
2591     position: absolute;
2592     -moz-box-shadow: 0 0.2em 0.5em #333;
2593     -webkit-box-shadow: 0 0.2em 0.5em #333;
2594     box-shadow: 0 0.2em 0.5em #333;
2595 }
2596
2597 .cList .lDiv div {
2598     padding: 0.2em 0.5em 0.2em 0.2em;
2599 }
2600
2601 .cList .lDiv div:hover {
2602     background: #DDD;
2603     cursor: pointer;
2604 }
2605
2606 .cList .lDiv div input {
2607     cursor: pointer;
2608 }
2609
2610 .showAllColBtn {
2611     border-bottom: solid 1px #999;
2612     border-top: solid 1px #999;
2613     cursor: pointer;
2614     font-size: 0.9em;
2615     font-weight: bold;
2616     padding: 0.35em 1em;
2617     text-align: center;
2618 }
2619
2620 .showAllColBtn:hover {
2621     background: #DDD;
2622 }
2623
2624 .navigation {
2625     margin: 0.8em 0;
2626
2627     border-radius: 5px;
2628     -webkit-border-radius: 5px;
2629     -moz-border-radius: 5px;
2630
2631     background-image: url(./themes/svg_gradient.php?from=eeeeee&to=cccccc);
2632     background-size: 100% 100%;
2633     background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc));
2634     background: -moz-linear-gradient(top,  #eeeeee,  #cccccc);
2635     background: -o-linear-gradient(top,  #eeeeee,  #cccccc);
2636     <?php echo PMA_ieFilter('#eeeeee', '#cccccc'); ?>
2637 }
2638
2639 .navigation td {
2640     margin: 0;
2641     padding: 0;
2642     vertical-align: middle;
2643     white-space: nowrap;
2644 }
2645
2646 .navigation_separator {
2647     color: #999;
2648     display: inline-block;
2649     font-size: 1.5em;
2650     text-align: center;
2651     height: 1.4em;
2652     width: 1.2em;
2653     text-shadow: 1px 0 #FFF;
2654 }
2655
2656 .navigation input[type=submit] {
2657     background: none;
2658     border: 0;
2659     filter: none;
2660     margin: 0;
2661     padding: 0.8em 0.5em;
2662
2663     border-radius: 0;
2664     -webkit-border-radius: 0;
2665     -moz-border-radius: 0;
2666 }
2667
2668 .navigation input[type=submit]:hover {
2669     color: white;
2670     cursor: pointer;
2671     text-shadow: none;
2672
2673     background-image: url(./themes/svg_gradient.php?from=333333&to=555555);
2674     background-size: 100% 100%;
2675     background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#555555));
2676     background: -moz-linear-gradient(top,  #333333,  #555555);
2677     background: -o-linear-gradient(top,  #333333,  #555555);
2678     <?php echo PMA_ieFilter('#333333', '#555555'); ?>
2679 }
2680
2681 .navigation select {
2682     margin: 0 0.8em;
2683 }