Initial commit

#pma/themes/pmahomme/css/codemirror.css.php

@@ -0,0 +1,80 @@
+<?php
+/* vim: set expandtab sw=4 ts=4 sts=4: */
+/**
+ * Styles for CodeMirror editor
+ * for the pmahomme theme
+ *
+ * @package    PhpMyAdmin-theme
+ * @subpackage PMAHomme
+ */
+
+// unplanned execution path
+if (! defined('PMA_MINIMUM_COMMON') && ! defined('TESTSUITE')) {
+    exit();
+}
+?>
+
+.CodeMirror {
+    height: <?php echo ceil($GLOBALS['cfg']['TextareaRows'] * 1.2); ?>em;
+    direction: ltr;
+}
+#inline_editor_outer .CodeMirror {
+    height: <?php echo ceil($GLOBALS['cfg']['TextareaRows'] * 0.4); ?>em;
+}
+.insertRowTable .CodeMirror {
+    height: <?php echo ceil($GLOBALS['cfg']['TextareaRows'] * 0.6); ?>em;
+    width: <?php echo ceil($GLOBALS['cfg']['TextareaCols'] * 0.6); ?>em;
+    border: 1px solid #a9a9a9;
+}
+#pma_console .CodeMirror-gutters {
+    background-color: initial;
+    border: none;
+}
+span.cm-keyword, span.cm-statement-verb {
+    color: #909;
+}
+span.cm-variable {
+    color: black;
+}
+span.cm-comment {
+    color: #808000;
+}
+span.cm-mysql-string {
+    color: #008000;
+}
+span.cm-operator {
+    color: fuchsia;
+}
+span.cm-mysql-word {
+    color: black;
+}
+span.cm-builtin {
+    color: #f00;
+}
+span.cm-variable-2 {
+    color: #f90;
+}
+span.cm-variable-3 {
+    color: #00f;
+}
+span.cm-separator {
+    color: fuchsia;
+}
+span.cm-number {
+    color: teal;
+}
+.autocomplete-column-name {
+    display: inline-block;
+}
+.autocomplete-column-hint {
+    display: inline-block;
+    float: right;
+    color: #666;
+    margin-left: 1em;
+}
+.CodeMirror-hints {
+    z-index: 200;
+}
+.CodeMirror-lint-tooltip {
+    z-index: 200;
+}

#pma/themes/pmahomme/css/enum_editor.css.php

@@ -0,0 +1,80 @@
+<?php
+/* vim: set expandtab sw=4 ts=4 sts=4: */
+/**
+ * ENUM editor styles for the pmahomme theme
+ *
+ * @package    PhpMyAdmin-theme
+ * @subpackage PMAHomme
+ */
+
+// unplanned execution path
+if (! defined('PMA_MINIMUM_COMMON') && ! defined('TESTSUITE')) {
+    exit();
+}
+?>
+
+/**
+ * ENUM/SET editor styles
+ */
+p.enum_notice {
+    margin: 5px 2px;
+    font-size: 80%;
+}
+
+#enum_editor p {
+    margin-top: 0;
+    font-style: italic;
+}
+
+#enum_editor .values,
+#enum_editor .add {
+    width: 100%;
+}
+
+#enum_editor .add td {
+    vertical-align: middle;
+    width: 50%;
+    padding: 0 0 0;
+    padding-<?php echo $left; ?>: 1em;
+}
+
+#enum_editor .values td.drop {
+    width: 1.8em;
+    cursor: pointer;
+    vertical-align: middle;
+}
+
+#enum_editor .values input {
+    margin: .1em 0;
+    padding-<?php echo $right; ?>: 2em;
+    width: 100%;
+}
+
+#enum_editor .values img {
+    width: 1.8em;
+    vertical-align: middle;
+}
+
+#enum_editor input.add_value {
+    margin: 0;
+    margin-<?php echo $right; ?>: 0.4em;
+}
+
+#enum_editor_output textarea {
+    width: 100%;
+    float: <?php echo $right; ?>;
+    margin: 1em 0 0 0;
+}
+
+/**
+ * ENUM/SET editor integration for the routines editor
+ */
+.enum_hint {
+    position: relative;
+}
+
+.enum_hint a {
+    position: absolute;
+    <?php echo $left; ?>: 81%;
+    bottom: .35em;
+}

#pma/themes/pmahomme/css/gis.css.php

@@ -0,0 +1,52 @@
+<?php
+/* vim: set expandtab sw=4 ts=4 sts=4: */
+/**
+ * GIS styles for the pmahomme theme
+ *
+ * @package    PhpMyAdmin-theme
+ * @subpackage PMAHomme
+ */
+
+// unplanned execution path
+if (! defined('PMA_MINIMUM_COMMON') && ! defined('TESTSUITE')) {
+    exit();
+}
+?>
+
+/**
+ * GIS data editor styles
+ */
+a.close_gis_editor {
+    float: <?php echo $right; ?>;
+}
+
+#gis_editor {
+    display: none;
+    position: fixed;
+    _position: absolute; /* hack for IE */
+    z-index: 1001;
+    overflow-y: auto;
+    overflow-x: hidden;
+}
+
+#gis_data {
+    min-height: 230px;
+}
+
+#gis_data_textarea {
+    height: 6em;
+}
+
+#gis_data_editor {
+    background: #D0DCE0;
+    padding: 15px;
+    min-height: 500px;
+}
+
+#gis_data_editor .choice {
+    display: none;
+}
+
+#gis_data_editor input[type="text"] {
+    width: 75px;
+}

#pma/themes/pmahomme/css/jqplot.css.php

@@ -0,0 +1,273 @@
+<?php
+/* vim: set expandtab sw=4 ts=4 sts=4: */
+/**
+ * Styles for jqplot
+ * for the pmahomme theme
+ *
+ * @package    PhpMyAdmin-theme
+ * @subpackage PMAHomme
+ */
+
+// unplanned execution path
+if (! defined('PMA_MINIMUM_COMMON') && ! defined('TESTSUITE')) {
+    exit();
+}
+?>
+
+/* jqPlot */
+
+/*rules for the plot target div.  These will be cascaded down to all plot elements according to css rules*/
+.jqplot-target {
+    position: relative;
+    color: #222222;
+    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+    font-size: 1em;
+/*    height: 300px;
+    width: 590px;*/
+}
+
+/*rules applied to all axes*/
+.jqplot-axis {
+    font-size: 0.75em;
+}
+
+.jqplot-xaxis {
+    margin-top: 10px;
+}
+
+.jqplot-x2axis {
+    margin-bottom: 10px;
+}
+
+.jqplot-yaxis {
+    margin-<?php echo $right; ?>: 10px;
+}
+
+.jqplot-y2axis, .jqplot-y3axis, .jqplot-y4axis, .jqplot-y5axis, .jqplot-y6axis, .jqplot-y7axis, .jqplot-y8axis, .jqplot-y9axis, .jqplot-yMidAxis {
+    margin-left: 10px;
+    margin-right: 10px;
+}
+
+/*rules applied to all axis tick divs*/
+.jqplot-axis-tick, .jqplot-xaxis-tick, .jqplot-yaxis-tick, .jqplot-x2axis-tick, .jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick, .jqplot-yMidAxis-tick {
+    position: absolute;
+    white-space: pre;
+}
+
+
+.jqplot-xaxis-tick {
+    top: 0;
+    /* initial position untill tick is drawn in proper place */
+    <?php echo $left; ?>: 15px;
+    vertical-align: top;
+}
+
+.jqplot-x2axis-tick {
+    bottom: 0;
+    /* initial position untill tick is drawn in proper place */
+    <?php echo $left; ?>: 15px;
+    vertical-align: bottom;
+}
+
+.jqplot-yaxis-tick {
+    <?php echo $right; ?>: 0px;
+    /* initial position untill tick is drawn in proper place */
+    top: 15px;
+    text-align: <?php echo $right; ?>;
+}
+
+.jqplot-yaxis-tick.jqplot-breakTick {
+    <?php echo $right; ?>: -20px;
+    margin-<?php echo $right; ?>: 0;
+    padding:1px 5px 1px;
+    z-index: 2;
+    font-size: 1.5em;
+}
+
+.jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick {
+    <?php echo $left; ?>: 0px;
+    /* initial position untill tick is drawn in proper place */
+    top: 15px;
+/*    padding-left: 10px;*/
+/*    padding-right: 15px;*/
+    text-align: <?php echo $left; ?>;
+}
+
+.jqplot-yMidAxis-tick {
+    text-align: center;
+    white-space: nowrap;
+}
+
+.jqplot-xaxis-label {
+    margin-top: 10px;
+    font-size: 11pt;
+    position: absolute;
+}
+
+.jqplot-x2axis-label {
+    margin-bottom: 10px;
+    font-size: 11pt;
+    position: absolute;
+}
+
+.jqplot-yaxis-label {
+    margin-right: 10px;
+/*    text-align: center;*/
+    font-size: 11pt;
+    position: absolute;
+}
+
+.jqplot-yMidAxis-label {
+    font-size: 11pt;
+    position: absolute;
+}
+
+.jqplot-y2axis-label, .jqplot-y3axis-label, .jqplot-y4axis-label, .jqplot-y5axis-label, .jqplot-y6axis-label, .jqplot-y7axis-label, .jqplot-y8axis-label, .jqplot-y9axis-label {
+/*    text-align: center;*/
+    font-size: 11pt;
+    margin-<?php echo $left; ?>: 10px;
+    position: absolute;
+}
+
+.jqplot-meterGauge-tick {
+    font-size: 0.75em;
+    color: #999999;
+}
+
+.jqplot-meterGauge-label {
+    font-size: 1em;
+    color: #999999;
+}
+
+table.jqplot-table-legend {
+    margin-top: 12px;
+    margin-bottom: 12px;
+    margin-left: 12px;
+    margin-right: 12px;
+}
+
+table.jqplot-table-legend, table.jqplot-cursor-legend {
+    background-color: rgba(255,255,255,0.6);
+    border: 1px solid #cccccc;
+    position: absolute;
+    font-size: 0.75em;
+}
+
+td.jqplot-table-legend {
+    vertical-align: middle;
+}
+
+/*
+These rules could be used instead of assigning
+element styles and relying on js object properties.
+*/
+
+/*
+td.jqplot-table-legend-swatch {
+    padding-top: 0.5em;
+    text-align: center;
+}
+
+tr.jqplot-table-legend:first td.jqplot-table-legend-swatch {
+    padding-top: 0px;
+}
+*/
+
+td.jqplot-seriesToggle:hover, td.jqplot-seriesToggle:active {
+    cursor: pointer;
+}
+
+.jqplot-table-legend .jqplot-series-hidden {
+    text-decoration: line-through;
+}
+
+div.jqplot-table-legend-swatch-outline {
+    border: 1px solid #cccccc;
+    padding: 1px;
+}
+
+div.jqplot-table-legend-swatch {
+    width: 0;
+    height: 0;
+    border-top-width: 5px;
+    border-bottom-width: 5px;
+    border-left-width: 6px;
+    border-right-width: 6px;
+    border-top-style: solid;
+    border-bottom-style: solid;
+    border-left-style: solid;
+    border-right-style: solid;
+}
+
+.jqplot-title {
+    top: 0;
+    <?php echo $left; ?>: 0px;
+    padding-bottom: 0.5em;
+    font-size: 1.2em;
+}
+
+table.jqplot-cursor-tooltip {
+    border: 1px solid #cccccc;
+    font-size: 0.75em;
+}
+
+
+.jqplot-cursor-tooltip {
+    border: 1px solid #cccccc;
+    font-size: 0.75em;
+    white-space: nowrap;
+    background: rgba(208,208,208,0.5);
+    padding: 1px;
+}
+
+.jqplot-highlighter-tooltip, .jqplot-canvasOverlay-tooltip {
+    border: 1px solid #cccccc;
+    font-size: 0.75em;
+    white-space: nowrap;
+    background: rgba(208,208,208,0.5);
+    padding: 1px;
+}
+
+.jqplot-point-label {
+    font-size: 0.75em;
+    z-index: 2;
+}
+
+td.jqplot-cursor-legend-swatch {
+    vertical-align: middle;
+    text-align: center;
+}
+
+div.jqplot-cursor-legend-swatch {
+    width: 1.2em;
+    height: 0.7em;
+}
+
+.jqplot-error {
+/*   Styles added to the plot target container when there is an error go here.*/
+    text-align: center;
+}
+
+.jqplot-error-message {
+/*    Styling of the custom error message div goes here.*/
+    position: relative;
+    top: 46%;
+    display: inline-block;
+}
+
+div.jqplot-bubble-label {
+    font-size: 0.8em;
+/*    background: rgba(90%, 90%, 90%, 0.15);*/
+    padding-left: 2px;
+    padding-right: 2px;
+    color: rgb(20%, 20%, 20%);
+}
+
+div.jqplot-bubble-label.jqplot-bubble-label-highlight {
+    background: rgba(90%, 90%, 90%, 0.7);
+}
+
+div.jqplot-noData-container {
+    text-align: center;
+    background-color: rgba(96%, 96%, 96%, 0.3);
+}

#pma/themes/pmahomme/css/navigation.css.php

@@ -0,0 +1,429 @@
+<?php
+/* vim: set expandtab sw=4 ts=4 sts=4: */
+/**
+ * Navigation styles for the pmahomme theme
+ *
+ * @package    PhpMyAdmin-theme
+ * @subpackage PMAHomme
+ */
+
+// unplanned execution path
+if (! defined('PMA_MINIMUM_COMMON') && ! defined('TESTSUITE')) {
+    exit();
+}
+?>
+
+/******************************************************************************/
+/* Navigation */
+
+#pma_navigation {
+    width: <?php echo $GLOBALS['cfg']['NaviWidth']; ?>px;
+    position: fixed;
+    top: 0;
+    <?php echo $left; ?>: 0;
+    height: 100%;
+    background: url(./themes/pmahomme/img/left_nav_bg.png) repeat-y right 0 <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
+    color: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
+    z-index: 800;
+}
+
+#pma_navigation_header {
+    overflow: hidden;
+}
+
+#pma_navigation_content {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    <?php echo $left; ?>: 0;
+    z-index: 0;
+}
+
+#pma_navigation ul {
+    margin: 0;
+}
+
+#pma_navigation form {
+    margin: 0;
+    padding: 0;
+    display: inline;
+}
+
+#pma_navigation select#select_server,
+#pma_navigation select#lightm_db {
+    width: 100%;
+}
+
+/******************************************************************************/
+/* specific elements */
+
+#pma_navigation div.pageselector {
+    text-align: center;
+    margin: 0;
+    margin-<?php echo $left; ?>: 0.75em;
+    border-<?php echo $left; ?>: 1px solid #666;
+}
+
+#pma_navigation div#pmalogo {
+    <?php //better echo $GLOBALS['cfg']['logoBGC']; ?>
+}
+
+#pma_navigation #pmalogo,
+#pma_navigation #serverChoice,
+#pma_navigation #navipanellinks,
+#pma_navigation #recentTableList,
+#pma_navigation #favoriteTableList,
+#pma_navigation #databaseList,
+#pma_navigation div.pageselector.dbselector {
+    text-align: center;
+    padding: 5px 10px 0;
+    border: 0;
+}
+
+#pma_navigation #recentTable,
+#pma_navigation #favoriteTable {
+    width: 200px;
+}
+
+#pma_navigation #favoriteTableList select,
+#pma_navigation #serverChoice select
+ {
+    width: 80%;
+}
+
+#pma_navigation_content > img.throbber {
+    display: none;
+    margin: .3em auto 0;
+}
+
+/* Navigation tree*/
+#pma_navigation_tree {
+    margin: 0;
+    margin-<?php echo $left; ?>: 5px;
+    overflow: hidden;
+    color: #444;
+    height: 74%;
+    position: relative;
+}
+#pma_navigation_select_database {
+    text-align: left;
+    padding: 0 0 0;
+    border: 0;
+    margin: 0;
+}
+
+#pma_navigation_db_select {
+    margin-top: 0.5em;
+    margin-<?php echo $left; ?>: 0.75em;
+}
+#pma_navigation_db_select select {
+    background: url("./themes/pmahomme/img/select_bg.png") repeat scroll 0 0;
+    -webkit-border-radius: 2px;
+    border-radius: 2px;
+    border: 1px solid #bbb;
+    border-top: 1px solid #bbb;
+    color: #333;
+    padding: 4px 6px;
+    margin: 0 0 0;
+    width: 92%;
+    font-size: 1.11em;
+}
+
+#pma_navigation_tree_content {
+    width: 100%;
+    overflow: hidden;
+    overflow-y: auto;
+    position: absolute;
+    height: 100%;
+}
+#pma_navigation_tree_content a.hover_show_full {
+    position: relative;
+    z-index: 100;
+}
+#pma_navigation_tree a {
+    color: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
+}
+#pma_navigation_tree a:hover {
+    text-decoration: underline;
+}
+#pma_navigation_tree li.activePointer {
+    color: <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
+    background-color: <?php echo $GLOBALS['cfg']['NaviPointerBackground']; ?>;
+}
+#pma_navigation_tree li.selected {
+    color: <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
+    background-color: <?php echo $GLOBALS['cfg']['NaviPointerBackground']; ?>;
+}
+#pma_navigation_tree li .dbItemControls {
+    padding-left: 4px;
+}
+#pma_navigation_tree li .navItemControls {
+    display: none;
+    padding-left: 4px;
+}
+#pma_navigation_tree li.activePointer .navItemControls {
+    display: inline;
+    opacity: 0.5;
+}
+#pma_navigation_tree li.activePointer .navItemControls:hover {
+    display: inline;
+    opacity: 1.0;
+}
+#pma_navigation_tree ul {
+    clear: both;
+    padding: 0;
+    list-style-type: none;
+    margin: 0;
+}
+#pma_navigation_tree ul ul {
+    position: relative;
+}
+#pma_navigation_tree li,
+#pma_navigation_tree li.fast_filter {
+    white-space: nowrap;
+    padding-bottom: 4px;
+    clear: both;
+    min-height: 16px;
+}
+#pma_navigation_tree img {
+    margin: 0;
+}
+#pma_navigation_tree i {
+    display: block;
+}
+#pma_navigation_tree div.block {
+    position: relative;
+    width: 1.5em;
+    height: 1.5em;
+    min-width: 16px;
+    min-height: 16px;
+    float: <?php echo $left; ?>;
+}
+#pma_navigation_tree div.block.double {
+    width: 2.5em;
+}
+#pma_navigation_tree div.block i,
+#pma_navigation_tree div.block b {
+    width: 1.5em;
+    height: 1.7em;
+    min-width: 16px;
+    min-height: 8px;
+    position: absolute;
+    bottom: 0.7em;
+    <?php echo $left; ?>: 0.75em;
+    z-index: 0;
+}
+#pma_navigation_tree div.block i { /* Top and right segments for the tree element connections */
+    display: block;
+    border-<?php echo $left; ?>: 1px solid #666;
+    border-bottom: 1px solid #666;
+    position: relative;
+    z-index: 0;
+}
+#pma_navigation_tree div.block i.first { /* Removes top segment */
+    border-<?php echo $left; ?>: 0;
+}
+#pma_navigation_tree div.block b { /* Bottom segment for the tree element connections */
+    display: block;
+    height: 0.75em;
+    bottom: 0;
+    <?php echo $left; ?>: 0.75em;
+    border-<?php echo $left; ?>: 1px solid #666;
+}
+#pma_navigation_tree div.block a,
+#pma_navigation_tree div.block u {
+    position: absolute;
+    <?php echo $left; ?>: 50%;
+    top: 50%;
+    z-index: 10;
+}
+#pma_navigation_tree div.block a + a {
+    <?php echo $left; ?>: 100%;
+}
+#pma_navigation_tree div.block.double a,
+#pma_navigation_tree div.block.double u {
+    <?php echo $left; ?>: 33%;
+}
+#pma_navigation_tree div.block.double a + a {
+    <?php echo $left; ?>: 85%;
+}
+#pma_navigation_tree div.block img {
+    position: relative;
+    top: -0.6em;
+    <?php echo $left; ?>: 0;
+    margin-<?php echo $left; ?>: -7px;
+}
+#pma_navigation_tree div.throbber img {
+    top: 2px;
+    <?php echo $left; ?>: 2px;
+}
+#pma_navigation_tree li.last > ul {
+    background: none;
+}
+#pma_navigation_tree li > a, #pma_navigation_tree li > i {
+    line-height: 1.5em;
+    height: 1.5em;
+    padding-<?php echo $left; ?>: 0.3em;
+}
+#pma_navigation_tree .list_container {
+    border-<?php echo $left; ?>: 1px solid #666;
+    margin-<?php echo $left; ?>: 0.75em;
+    padding-<?php echo $left; ?>: 0.75em;
+}
+#pma_navigation_tree .last > .list_container {
+    border-<?php echo $left; ?>: 0 solid #666;
+}
+
+/* Fast filter */
+li.fast_filter {
+    padding-<?php echo $left; ?>: 0.75em;
+    margin-<?php echo $left; ?>: 0.75em;
+    padding-<?php echo $right; ?>: 35px;
+    border-<?php echo $left; ?>: 1px solid #666;
+    list-style: none;
+}
+li.fast_filter input {
+    margin: 3px 0 0 0;
+    font-size: 0.7em;
+    padding-top: 2px;
+    padding-bottom: 2px;
+    padding-<?php echo $left; ?>: 4px;
+    padding-<?php echo $right; ?>: 1.7em;
+    width: 100%;
+}
+li.fast_filter span {
+    position: relative;
+    <?php echo $right; ?>: 1.5em;
+    padding: 0.2em;
+    cursor: pointer;
+    font-weight: bold;
+    color: #800;
+    font-size: 0.7em;
+}
+/* IE10+ has its own reset X */
+html.ie li.fast_filter span {
+    display: none;
+}
+html.ie.ie9 li.fast_filter span,
+html.ie.ie8 li.fast_filter span {
+    display: auto;
+}
+html.ie li.fast_filter input {
+    padding-<?php echo $right; ?>: .2em;
+}
+html.ie.ie9 li.fast_filter input,
+html.ie.ie8 li.fast_filter input {
+    padding-<?php echo $right; ?>: 1.7em;
+}
+li.fast_filter.db_fast_filter {
+    border: 0;
+    margin-left: 0;
+    margin-right: 10px;
+}
+
+#navigation_controls_outer {
+    min-height: 21px !important;
+}
+
+#navigation_controls_outer.activePointer {
+    background-color: transparent !important;
+}
+
+#navigation_controls {
+    float: right;
+    padding-right: 23px;
+}
+
+/* Resize handler */
+#pma_navigation_resizer {
+    width: 3px;
+    height: 100%;
+    background-color: #aaa;
+    cursor: col-resize;
+    position: fixed;
+    top: 0;
+    <?php echo $left; ?>: 240px;
+    z-index: 801;
+}
+#pma_navigation_collapser {
+    width: 20px;
+    height: 22px;
+    line-height: 22px;
+    background: #eee;
+    color: #555;
+    font-weight: bold;
+    position: fixed;
+    top: 0;
+    <?php echo $left; ?>: <?php echo $GLOBALS['cfg']['NaviWidth']; ?>px;
+    text-align: center;
+    cursor: pointer;
+    z-index: 800;
+    text-shadow: 0 1px 0 #fff;
+    filter: dropshadow(color=#fff, offx=0, offy=1);
+    border: 1px solid #888;
+}
+
+/* Quick warp links */
+.pma_quick_warp {
+    margin-top: 5px;
+    margin-<?php echo $left; ?>: 2px;
+    position: relative;
+}
+.pma_quick_warp .drop_list {
+    float: <?php echo $left; ?>;
+    margin-<?php echo $left; ?>: 3px;
+    padding: 2px 0;
+}
+.pma_quick_warp .drop_button {
+    padding: 0 .3em;
+    border: 1px solid #ddd;
+    border-radius: .3em;
+    background: #f2f2f2;
+    cursor: pointer;
+}
+.pma_quick_warp .drop_list:hover .drop_button {
+    background: #fff;
+}
+.pma_quick_warp .drop_list ul {
+    position: absolute;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+    overflow-y: auto;
+    list-style: none;
+    background: #fff;
+    border: 1px solid #ddd;
+    border-radius: .3em;
+    border-top-<?php echo $right; ?>-radius: 0;
+    border-bottom-<?php echo $right; ?>-radius: 0;
+    box-shadow: 0 0 5px #ccc;
+    top: 100%;
+    <?php echo $left; ?>: 3px;
+    <?php echo $right; ?>: 0;
+    display: none;
+    z-index: 802;
+}
+.pma_quick_warp .drop_list:hover ul {
+    display: block;
+}
+.pma_quick_warp .drop_list li {
+    white-space: nowrap;
+    padding: 0;
+    border-radius: 0;
+}
+.pma_quick_warp .drop_list li img {
+    vertical-align: sub;
+}
+.pma_quick_warp .drop_list li:hover {
+    background: #f2f2f2;
+}
+.pma_quick_warp .drop_list a {
+    display: block;
+    padding: .2em .3em;
+}
+.pma_quick_warp .drop_list a.favorite_table_anchor {
+    clear: left;
+    float: left;
+    padding: .1em .3em 0;
+}

#pma/themes/pmahomme/css/pmd.css.php

@@ -0,0 +1,518 @@
+<?php
+/* vim: set expandtab sw=4 ts=4 sts=4: */
+/**
+ * Designer styles for the pmahomme theme
+ *
+ * @package    PhpMyAdmin-theme
+ * @subpackage PMAHomme
+ */
+use PMA\libraries\Theme;
+
+// unplanned execution path
+if (! defined('PMA_MINIMUM_COMMON') && ! defined('TESTSUITE')) {
+    exit();
+}
+
+/** @var Theme $pmaTheme */
+$pmaTheme = $_SESSION['PMA_Theme'];
+$headerImg = $pmaTheme->getImgPath('pmd/Header.png');
+$headerLinkedImg = $pmaTheme->getImgPath('pmd/Header_Linked.png');
+$minusImg = $pmaTheme->getImgPath('pmd/minus.png');
+$plusImg = $pmaTheme->getImgPath('pmd/plus.png');
+$leftPanelButtonImg = $pmaTheme->getImgPath('pmd/left_panel_butt.png');
+$topPanelImg = $pmaTheme->getImgPath('pmd/top_panel.png');
+$smallTabImg = $pmaTheme->getImgPath('pmd/small_tab.png');
+$frams1Img = $pmaTheme->getImgPath('pmd/1.png');
+$frams2Img = $pmaTheme->getImgPath('pmd/2.png');
+$frams3Img = $pmaTheme->getImgPath('pmd/3.png');
+$frams4Img = $pmaTheme->getImgPath('pmd/4.png');
+$frams5Img = $pmaTheme->getImgPath('pmd/5.png');
+$frams6Img = $pmaTheme->getImgPath('pmd/6.png');
+$frams7Img = $pmaTheme->getImgPath('pmd/7.png');
+$frams8Img = $pmaTheme->getImgPath('pmd/8.png');
+$resizeImg = $pmaTheme->getImgPath('pmd/resize.png');
+?>
+
+/* Designer */
+.input_tab {
+    background-color: #A6C7E1;
+    color: #000;
+}
+
+.content_fullscreen {
+    position: relative;
+    overflow: auto;
+}
+
+#canvas_outer {
+    position: relative;
+    width: 100%;
+    display: block;
+}
+
+#canvas {
+    background-color: #fff;
+    color: #000;
+}
+
+canvas.pmd {
+    display: inline-block;
+    overflow: hidden;
+    text-align: left;
+}
+
+canvas.pmd * {
+    behavior: url(#default#VML);
+}
+
+.pmd_tab {
+    background-color: #fff;
+    color: #000;
+    border-collapse: collapse;
+    border: 1px solid #aaa;
+    z-index: 1;
+    -moz-user-select: none;
+}
+
+.pmd_tab .header {
+    background-image: url(<?php echo $headerImg; ?>);
+    background-repeat: repeat-x;
+}
+
+.tab_zag {
+    text-align: center;
+    cursor: move;
+    padding: 1px;
+    font-weight: bold;
+}
+
+.tab_zag_2 {
+    background-image: url(<?php echo $headerLinkedImg; ?>);
+    background-repeat: repeat-x;
+    text-align: center;
+    cursor: move;
+    padding: 1px;
+    font-weight: bold;
+}
+
+.tab_field {
+    background: #fff;
+    color: #000;
+    cursor: default;
+}
+
+.tab_field_2 {
+    background-color: #CCFFCC;
+    color: #000;
+    background-repeat: repeat-x;
+    cursor: default;
+}
+
+.tab_field_3 {
+    background-color: #FFE6E6; /*#DDEEFF*/
+    color: #000;
+    cursor: default;
+}
+
+#pmd_hint {
+    white-space: nowrap;
+    position: absolute;
+    background-color: #99FF99;
+    color: #000;
+    z-index: 3;
+    border: #00CC66 solid 1px;
+    display: none;
+}
+
+.scroll_tab {
+    overflow: auto;
+    width: 100%;
+    height: 500px;
+}
+
+.pmd_Tabs {
+    cursor: default;
+    color: #0055bb;
+    white-space: nowrap;
+    text-decoration: none;
+    text-indent: 3px;
+    font-weight: bold;
+    margin-left: 2px;
+    text-align: <?php echo $left; ?>;
+    background-color: #fff;
+    background-image: url(<?php echo $leftPanelButtonImg; ?>);
+    border: #ccc solid 1px;
+}
+
+.pmd_Tabs2 {
+    cursor: default;
+    color: #0055bb;
+    background: #FFEE99;
+    text-indent: 3px;
+    font-weight: bold;
+    white-space: nowrap;
+    text-decoration: none;
+    border: #9999FF solid 1px;
+    text-align: <?php echo $left; ?>;
+}
+
+.owner {
+    font-weight: normal;
+    color: #888;
+}
+
+.option_tab {
+    padding-left: 2px;
+    padding-right: 2px;
+    width: 5px;
+}
+
+.select_all {
+    vertical-align: top;
+    padding-left: 2px;
+    padding-right: 2px;
+    cursor: default;
+    width: 1px;
+    color: #000;
+    background-image: url(<?php echo $headerImg; ?>);
+    background-repeat: repeat-x;
+}
+
+.small_tab {
+    vertical-align: top;
+    background-color: #0064ea;
+    color: #fff;
+    background-image: url(<?php echo $smallTabImg; ?>);
+    cursor: default;
+    text-align: center;
+    font-weight: bold;
+    padding-left: 2px;
+    padding-right: 2px;
+    width: 1px;
+    text-decoration: none;
+}
+
+.small_tab2 {
+    vertical-align: top;
+    color: #fff;
+    background-color: #FF9966;
+    cursor: default;
+    padding-left: 2px;
+    padding-right: 2px;
+    text-align: center;
+    font-weight: bold;
+    width: 1px;
+    text-decoration: none;
+}
+
+.small_tab_pref {
+    background-image: url(<?php echo $headerImg; ?>);
+    background-repeat: repeat-x;
+    text-align: center;
+    width: 1px;
+}
+
+.small_tab_pref2 {
+    vertical-align: top;
+    color: #fff;
+    background-color: #FF9966;
+    cursor: default;
+    text-align: center;
+    font-weight: bold;
+    width: 1px;
+    text-decoration: none;
+}
+
+.butt {
+    border: #4477aa solid 1px;
+    font-weight: bold;
+    height: 19px;
+    width: 70px;
+    background-color: #fff;
+    color: #000;
+    vertical-align: baseline;
+}
+
+.L_butt2_1 {
+    padding: 1px;
+    text-decoration: none;
+    vertical-align: middle;
+    cursor: default;
+}
+
+.L_butt2_2 {
+    padding: 0;
+    border: #0099CC solid 1px;
+    background: #FFEE99;
+    color: #000;
+    text-decoration: none;
+    vertical-align: middle;
+    cursor: default;
+}
+
+/* ---------------------------------------------------------------------------*/
+.bor {
+    width: 10px;
+    height: 10px;
+}
+
+.frams1 {
+    background: url(<?php echo $frams1Img; ?>) no-repeat right bottom;
+}
+
+.frams2 {
+    background: url(<?php echo $frams2Img; ?>) no-repeat left bottom;
+}
+
+.frams3 {
+    background: url(<?php echo $frams3Img; ?>) no-repeat left top;
+}
+
+.frams4 {
+    background: url(<?php echo $frams4Img; ?>) no-repeat right top;
+}
+
+.frams5 {
+    background: url(<?php echo $frams5Img; ?>) repeat-x center bottom;
+}
+
+.frams6 {
+    background: url(<?php echo $frams6Img; ?>) repeat-y left;
+}
+
+.frams7 {
+    background: url(<?php echo $frams7Img; ?>) repeat-x top;
+}
+
+.frams8 {
+    background: url(<?php echo $frams8Img; ?>) repeat-y right;
+}
+
+#osn_tab {
+    position: absolute;
+    background-color: #fff;
+    color: #000;
+}
+
+.pmd_header {
+    background-color: #EAEEF0;
+    color: #000;
+    text-align: center;
+    font-weight: bold;
+    margin: 0;
+    padding: 0;
+    background-image: url(<?php echo $topPanelImg; ?>);
+    background-position: top;
+    background-repeat: repeat-x;
+    border-right: #999 solid 1px;
+    border-left: #999 solid 1px;
+    height: 28px;
+    z-index: 101;
+    width: 100%;
+    position: fixed;
+}
+
+.pmd_header a, .pmd_header span{
+    display: block;
+    float: <?php echo $left; ?>;
+    margin: 3px 1px 4px;
+    height: 20px;
+    border: 1px dotted #fff;
+}
+
+.pmd_header .M_bord {
+    display: block;
+    float: <?php echo $left; ?>;
+    margin: 4px;
+    height: 20px;
+    width: 2px;
+}
+
+.pmd_header a.first {
+    margin-right: 1em;
+}
+
+.pmd_header a.last {
+    margin-left: 1em;
+}
+
+a.M_butt_Selected_down_IE,
+a.M_butt_Selected_down {
+    border: 1px solid #C0C0BB;
+    background-color: #99FF99;
+    color: #000;
+}
+
+a.M_butt_Selected_down_IE:hover,
+a.M_butt_Selected_down:hover,
+a.M_butt:hover {
+    border: 1px solid #0099CC;
+    background-color: #FFEE99;
+    color: #000;
+}
+
+#layer_menu {
+    z-index: 98;
+    position: relative;
+    float: right;
+    background-color: #EAEEF0;
+    border: #999 solid 1px;
+}
+
+#layer_menu.left {
+    float: left;
+}
+
+#layer_upd_relation {
+    position: absolute;
+    <?php echo $left; ?>: 637px;
+    top: 224px;
+    z-index: 100;
+}
+
+#layer_new_relation {
+    position: absolute;
+    <?php echo $left; ?>: 636px;
+    top: 85px;
+    z-index: 100;
+    width: 153px;
+}
+
+#pmd_optionse {
+    position: absolute;
+    <?php echo $left; ?>: 636px;
+    top: 85px;
+    z-index: 100;
+    width: 153px;
+}
+
+#layer_menu_sizer {
+    background-image: url(<?php echo $resizeImg; ?>);
+    cursor: ew-resize;
+}
+
+#layer_menu_sizer .icon {
+    margin: 0;
+}
+
+.panel {
+    position: fixed;
+    top: 60px;
+    <?php echo $right; ?>: 0;
+    width: 350px;
+    max-height: 500px;
+    display: none;
+    overflow: auto;
+    padding-top: 34px;
+    z-index: 102;
+}
+
+a.trigger {
+    position: fixed;
+    text-decoration: none;
+    top: 60px;
+    <?php echo $right; ?>: 0;
+    color: #fff;
+    padding: 10px 40px 10px 15px;
+    background: #333 url(<?php echo $plusImg; ?>) 85% 55% no-repeat;
+    border: 1px solid #444;
+    display: block;
+    z-index: 102;
+}
+
+a.trigger:hover {
+    color: #080808;
+    background: #fff696 url(<?php echo $plusImg; ?>) 85% 55% no-repeat;
+    border: 1px solid #999;
+}
+
+a.active.trigger {
+    background: #222 url(<?php echo $minusImg; ?>) 85% 55% no-repeat;
+    z-index: 999;
+}
+
+a.active.trigger:hover {
+    background: #fff696 url(<?php echo $minusImg; ?>) 85% 55% no-repeat;
+}
+
+.toggle_container .block {
+    background-color: #DBE4E8;
+    border-top: 1px solid #999;
+}
+
+.history_table {
+    text-align: center;
+    background-color: #9999CC;
+    cursor: pointer;
+}
+
+.history_table2 {
+    text-align: center;
+    background-color: #DBE4E8;
+}
+
+#ab {
+    min-width: 300px;
+}
+
+#ab .ui-accordion-content {
+    padding: 0;
+}
+
+#box {
+    display: none;
+}
+
+#foreignkeychk {
+    text-align: <?php echo $left; ?>;
+    position: absolute;
+    cursor: pointer;
+}
+
+.side-menu {
+    float: left;
+    position: fixed;
+    width: auto;
+    height: auto;
+    background: #efefef;
+    border: 1px solid grey;
+    overflow: hidden;
+    z-index: 50;
+    padding: 2px;
+}
+
+.side-menu.right {
+    float: right;
+    right: 0;
+}
+
+.side-menu .hide {
+    display: none;
+}
+
+.side-menu a {
+    display: block;
+    float: none;
+    overflow: hidden;
+}
+
+.side-menu img,
+.side-menu .text {
+    float: left;
+}
+
+#name-panel {
+    border-bottom: 1px solid grey;
+    text-align: center;
+    background: #efefef;
+    width: 100%;
+    font-size: 1.2em;
+    padding: 10px;
+    font-weight: bold;
+}
+
+#container-form {
+    width: 100%;
+    position: absolute;
+    left: 0;
+}

#pma/themes/pmahomme/css/printview.css

@@ -0,0 +1,170 @@
+@media print {
+    #back_button_print_view, #print_button_print_view {
+        display: none;
+    }
+}
+
+/* For removing element from Print View */
+.print_ignore {
+    display: none;
+}
+
+.nowrap {
+    white-space: nowrap;
+}
+
+.hide {
+    display: none;
+}
+
+/* Standard CSS */
+body, table, th, td {
+    color:             #000;
+    background-color:  #fff;
+    font-size: 12px;
+}
+
+/* To remove link text decoration */
+a:link {
+    color:#000;
+    text-decoration:none
+}
+
+/* To remove any image borders */
+img {
+    border: 0;
+}
+
+/* Table specific */
+table, th, td {
+    border: .1em solid #000;
+    background-color: #fff;
+}
+
+table {
+    border-collapse:   collapse;
+    border-spacing:    0.2em;
+}
+
+thead {
+    border-collapse:   collapse;
+    border-spacing:    0.2em;
+    border: .1em solid #000;
+    font-weight: 900;
+}
+
+th, td {
+    padding:           0.2em;
+}
+
+thead th {
+    font-weight:       bold;
+    background-color:  #e5e5e5;
+    border: .1em solid #000;
+}
+
+th.vtop, td.vtop {
+    vertical-align: top;
+}
+
+th.vbottom, td.vbottom {
+    vertical-align: bottom;
+}
+
+/* Common Elements not to be included */
+/* Hide Navigation and Top Menu bar */
+#pma_navigation, #floating_menubar {
+    display: none;
+}
+/* Hide console */
+#pma_console_container {
+    display: none;
+}
+
+/* Hide Navigation items (like Goto Top) */
+#page_nav_icons {
+    display: none;
+}
+
+/* Hide the Create Table form */
+#create_table_form_minimal {
+    display: none;
+}
+
+/* Hide the Page Settings Modal box */
+#page_settings_modal {
+    display: none;
+}
+
+/* Hide footer, Demo notice, errors div */
+#pma_footer, #pma_demo, #pma_errors {
+    display: none;
+}
+
+/* Hide the #selflink div */
+#selflink {
+    display: none;
+}
+
+/* Position the main content */
+#page_content {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 95%;
+    float: none;
+}
+
+/* Specific Class for overriding while Print */
+.print {
+    background-color: #000;
+}
+
+/* For the Success message div */
+div.success {
+    background-color: #fff;
+}
+
+.sqlOuter {
+    color: black;
+    background-color: #000;
+}
+
+/* For hiding 'Open a New phpMyAdmin Window' button */
+.ic_window-new, .ic_s_cog {
+    display: none;
+}
+
+.sticky_columns tr {
+    display: none;
+}
+
+#structure-action-links, #addColumns {
+    display: none;
+}
+
+/* Hide extra menu on tbl_structure.php */
+#topmenu2 {
+    display: none;
+}
+
+.cDrop, .cEdit, .cList, .cCpy, .cPointer {
+    display: none;
+}
+
+/* For Odd-Even contrast */
+table tr.odd th,
+table tr.odd td,
+.odd {
+    background: #fff;
+}
+
+table tr.even th,
+table tr.even td,
+.even {
+    background: #dfdfdf;
+}
+
+.column_attribute {
+    font-size: 100%;
+}

#pma/themes/pmahomme/css/resizable-menu.css.php

@@ -0,0 +1,57 @@
+<?php
+/* vim: set expandtab sw=4 ts=4 sts=4: */
+/**
+ * Styles for the resizable menus
+ *
+ * used by js/jquery/jquery.menuResizer-1.0.js
+ *
+ * @package    PhpMyAdmin-theme
+ * @subpackage PMAHomme
+ */
+
+// unplanned execution path
+if (! defined('PMA_MINIMUM_COMMON') && ! defined('TESTSUITE')) {
+    exit();
+}
+?>
+ul.resizable-menu a,
+ul.resizable-menu span {
+    display: block;
+    margin: 0;
+    padding: 0;
+    white-space: nowrap;
+}
+
+ul.resizable-menu .submenu {
+    display: none;
+    position: relative;
+}
+
+ul.resizable-menu .shown {
+    display: inline-block;
+}
+
+ul.resizable-menu ul {
+    margin: 0;
+    padding: 0;
+    position: absolute;
+    list-style-type: none;
+    display: none;
+    border: 1px #ddd solid;
+    z-index: 2;
+    <?php echo $right; ?>: 0;
+}
+
+ul.resizable-menu li:hover {
+    <?php echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'e5e5e5'); ?>
+}
+
+ul.resizable-menu li:hover ul,
+ul.resizable-menu .submenuhover ul {
+    display: block;
+    background: #fff;
+}
+
+ul.resizable-menu ul li {
+    width: 100%;
+}

#pma/themes/pmahomme/css/rte.css.php

@@ -0,0 +1,49 @@
+<?php
+/* vim: set expandtab sw=4 ts=4 sts=4: */
+/**
+ * Styles for management of Routines, Triggers and Events
+ * for the pmahomme theme
+ *
+ * @package    PhpMyAdmin-theme
+ * @subpackage PMAHomme
+ */
+
+// unplanned execution path
+if (! defined('PMA_MINIMUM_COMMON') && ! defined('TESTSUITE')) {
+    exit();
+}
+?>
+
+.rte_table {
+    table-layout: fixed;
+}
+
+.rte_table td {
+    vertical-align: middle;
+    padding: 0.2em;
+}
+
+.rte_table tr td:nth-child(1) {
+    font-weight: bold;
+}
+
+.rte_table input,
+.rte_table select,
+.rte_table textarea {
+    width: 100%;
+    margin: 0;
+    box-sizing: border-box;
+    -ms-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+}
+
+.rte_table input[type=checkbox],
+.rte_table input[type=radio] {
+    width: auto;
+    margin-right: 6px;
+}
+
+.rte_table .routine_params_table {
+    width: 100%;
+}