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