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