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